.banner {
    height: 180px;
    background-position-x: 60%;
}

.banner .slogan {
    width: 170px;
    top: 80px;
    left: 50%;
}

#banner-swiper .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    border-radius: 6px;
    opacity: 1;
    background-color: #fff;
}

#banner-swiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
    width: 12px;
}

.notice {
    height: 30px;
    position: relative;
    line-height: 30px;
}

.notice .tip {
    font-size: 10px;
    width: 80px;
}

.notice .tip::after {
    content: '';
    border-right-width: 1px;
    height: 10px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    right: -10px;
}

.txtMarquee-left {
    width: 1200px;
    font-size: 12px;
}
.picList::-webkit-scrollbar {
    display: none;
  }
.pic-li{
    white-space:nowrap;
}
.txtMarquee-left .w-auto {
    width: auto !important;
}

.txtMarquee-left .bd {
    width: 70%;
    overflow: hidden;
}

.txtMarquee-left .tempWrap {
    width: 1200px !important;
}

.search .el-input__suffix-inner {
    display: inline-block;
    height: 100%;
}

.search .my-input {
    position: relative;
}

.search .my-input input {
    font-size: 10px;
    color: #606266;
    border: 1px solid #DCDFE6;
    padding-left: 10px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
}

.search .my-input input:focus {
    border-color: #409EFF;
    outline: 0;
}

.search .my-input input::-webkit-input-placeholder {
    color: #606266;
}

@media (min-width: 360px) {
    .banner {
        height: 210px;
    }
}

@media (min-width: 768px) {
    .banner {
        height: 220px;
        background-size: cover;
        background-position-x: 60%;
    }

    .banner .slogan {
        width: 250px;
        left: 60%;
    }

    #banner-swiper .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        border-radius: 6px;
        opacity: 1;
        background-color: #fff;
    }

    #banner-swiper .swiper-pagination-bullet-active {
        opacity: 1;
        background: #fff;
        width: 32px;
    }

    .txtMarquee-left .bd {
        width: 88%;
    }
}

@media (min-width: 1280px) {
    .banner {
        height: 800px;
    }

    .banner .slogan {
        width: auto;
        left: 60%;
    }

    .notice {
        height: 60px;
        line-height: 60px;
        /*background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));*/
    }

    .notice .tip {
        width: 120px;
        font-size: 18px;
    }

    .notice .tip::after {
        height: 18px;
    }

    .txtMarquee-left {
        font-size: 18px;
    }

    .txtMarquee-left .bd {
        width: 88%;
    }

    .search .my-input input {
        font-size: 16px;
    }

    .operational-data .number {
        font-size: 100px !important;
    }

    .operational-data {
        height: 506px !important;
    }

    .passenger-flow-ranking,
    .ranking-height {
        height: 240px !important;
    }

    .passenger-flow-ranking .white-bg {
        height: 70% !important;
        width: 94.2% !important;
        left: 6% !important;
    }

    .trip-query-bg {
        height: 200px !important;
    }
}

@media (min-width: 1536px) {
    .banner {
        background-position-x: 0;
    }

    .txtMarquee-left {
        width: 1400px;
    }

    .txtMarquee-left .tempWrap {
        width: 1400px !important;
    }

    .txtMarquee-left .bd {
        width: 90%;
    }
}

/* part1 新闻中心 */
.news-content {
    background: url("/images/index/group-news.png") 100% 0/cover no-repeat;
}

.subway-publicity {
    position: relative;
    /* height: 900px; */
    overflow: hidden;
}

.subway-publicity .proImg1 {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    /* width: 60%; */
    height: 100%;
    object-fit: cover;
    border-radius: 2px;
}

/* 运营数据 */
.operational-data {
    background: url("/images/index/operational-data.png") top center no-repeat;
    background-size: cover;
    /* height: 506px; */
}

.operational-data .operating-hours {
    background: linear-gradient(158deg, #0072FA, #00D8FC);
    color: #fff;
    font-family: 'Microsoft YaHei';
}

.operational-data .number {
    font-family: 'Impact';
    color: #0074FA;
    font-weight: 400;
    font-size: 32px;
    /* font-size: 100px; */
}

.operational-data .sub {
    color: #333;
}

.operational-data .title {
    color: #333;
}

/* 客流排行 */
.passenger-flow-ranking {
    background: url("/images/index/passenger-flow-ranking.png") 0 100%/cover no-repeat;
}

.passenger-flow-ranking,
.ranking-height {
    height: 140px;
}

.passenger-flow-ranking .white-bg {
    position: absolute;
    top: 16%;
    left: 12%;
    height: 70%;
    width: 83%;
    background: #fff;
}

.passenger-flow-ranking .line-li {
    background: #f2f6fb;
}

/* 行程查询 */
.trip-query {
    background: #fff;
}

.trip-query-bg {
    background: url("/images/index/trip-query.png") 0 100%/cover no-repeat;
    height: 120px;
}

.search-button {
    background: linear-gradient(-67deg, #00D8FC, #0072FA);
}

/* 行程查询 */
.mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    background: #000;
    z-index: 1;
}

.search .el-input__suffix-inner {
    display: inline-block;
    height: 100%;
}

.search .my-input {
    position: relative;
}

.search .my-input input {
    font-size: 10px;
    color: #606266;
    border: 1px solid #DCDFE6;
    padding-left: 10px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
}

.search .my-input input:focus {
    border-color: #409EFF;
    outline: 0;
}

.search .my-input input::-webkit-input-placeholder {
    color: #606266;
}

.search-blue-bg {
    background: #00bfff;
}

.gray-right-bg {
    background: #ebfaff;
    color: #00bfff;
}

.startStation .el-input__inner,
.endStation .el-input__inner {
    height: 52px;
}

.startStation .el-icon-arrow-down:before,
.endStation .el-icon-arrow-down:before {
    content: "\e6df";
    font-size: 18px;
    line-height: 52px;
    border-radius: 100%;
    border: 1px solid;
    color: #0067CC;
}

.startStation .el-icon-circle-close:before,
.endStation .el-icon-circle-close:before {
    font-size: 22px;
    line-height: 52px;
}

.mobile .startStation,
.mobile .endStation {
    font-size: 12px;
    line-height: 28px;
}

.mobile .startStation .el-input__inner,
.mobile .endStation .el-input__inner {
    height: 28px;
}

.mobile .startStation .el-icon-arrow-down,
.mobile .endStation .el-icon-arrow-down {
    line-height: 28px;
}

.mobile .startStation .el-icon-arrow-down:before,
.mobile .endStation .el-icon-arrow-down:before {
    font-size: 10px;
    line-height: 28px;
}

.mobile .startStation .el-icon-circle-close:before,
.mobile .endStation .el-icon-circle-close:before {
    font-size: 12px;
    line-height: 28px;
}

@media (min-width: 768px) {}

@media (min-width: 1280px) {
    .search .my-input input {
        font-size: 16px;
    }

    .search .link-icon {
        width: 30px;
        height: 30px;
        line-height: 27px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media (min-width: 1536px) {}

/* 线路 */
.line-part-box {
    background: url("/images/index/line_part_box.png") 0 100%/cover no-repeat;
    /* height: 300px; */
}

.line-part-box .line-button {
    border-radius: 4px;
    color: #828282;
    background: #fff;
    cursor: pointer;
    padding: 4px 20px;
}

.line-part-box .line-button.active {
    background: linear-gradient(117deg, #00D8FC, #0072FA);
    color: #fff;
}

.line-part-box .line-box-ul {
    min-height: 202px;
}

@media (min-width: 1280px) {
    .line-part-box {
        min-height: 758px;
    }

    .line-part-box .line-button {
        padding: 10px 40px;
    }

    .line-part-box .line-box-ul {
        height: auto;
    }
}

/* 更多服务 */
.more-service-bg {
    background: url("/images/index/learn_more_bg.png") 0 100%/cover no-repeat;
}

.more-service-li {
    width: 180px;
}

.learn_more {
    background: url("/images/index/learn_more.png") 0 100%/cover no-repeat;
}

@media (min-width: 1280px) {
    .more-service-li {
        width: 308px;
    }
}

.arrow-color {
    color: #333;
}

.news-tab-btn {
    border-radius: 40px;
    background-color: #EDEEEE;
    color: #333333;
}

.news-tab-btn.active {
    color: #fff;
    background: linear-gradient(-90deg, rgba(6, 178, 255, 100), rgba(38, 114, 255, 100));
}

.border-b-1 {
    border-bottom-width: 1px;
}

.border-l-1 {
    border-left-width: 1px;
}

.border-r-1 {
    border-right-width: 1px;
}

.notice-content:hover {
    background: linear-gradient(to right, #2C63FF, #00BFFF);
    color: #fff !important;
}

.content-color {
    color: #999;
}

.notice-content:hover .content-color {
    color: #fff !important;
}

@media (min-width: 375px) {
    .news-tab-btn {
        border-radius: 40px;
        background-color: #F1F3F5;
        color: #333333;
    }
}

@media (min-width: 768px) {
    .news-tab-btn {
        border-radius: 40px;
        background-color: #EDEEEE;
        color: #333333;
    }
}

@media (min-width: 1280px) {}

@media (min-width: 1536px) {}

.build {
    padding: 20px 260px;
}

/* swiper */

.clique-item:hover {
    color: #fff;
    background: url('/images/index/clique-item-HoverBgc.png') no-repeat center center;
    background-size: cover;
    /* background: linear-gradient(-90deg, rgba(6, 178, 255, 100), rgba(38, 114, 255, 100)); */
}

.clique-item:hover .clique-item-title {
    color: #fff;
}

.clique-item:hover .next {
    width: 27px;
    height: 27px;
    background-image: url("/images/next.png");
}

.next {
    width: 27px;
    height: 27px;
    background-image: url("/images/index/next-h.png");
}

.gback {
    width: 25px;
    height: 20px;
    background-image: url("/images/goBack.png");
}

.gback.white {
    background-image: url("/images/goBack_white.png");
}

.clique-right:hover {
    background: url('/images/index/clique-item-HoverBgc.png') no-repeat center center;
    background-size: cover;
    /* background: linear-gradient(-90deg, rgba(6, 178, 255, 100), rgba(38, 114, 255, 100)); */
    color: #fff;
}

.clique-right:hover .text-black {
    /* background: linear-gradient(-90deg,  rgba(6,178,255,100),rgba(38,114,255,100)); */
    color: #fff;
}

.jc-sb {
    justify-content: space-between
}

.jc-sa {
    justify-content: space-around;
}

#swiper1 {
    height: 270px;
}

.swiper1 .swiper-pagination-bullet {
    margin-left: 4px;
    margin-right: 4px;
    width: 4px;
    height: 4px;
}

.swiper1 .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
}

.swiper1 .swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper1.swiper-button-prev:after,
.swiper1.swiper-button-next:after {
    color: #fff;
    font-size: 32px;
}

#swiper2 {
    height: 270px;
}

.swiper2 .swiper-pagination-bullet {
    margin-left: 4px;
    margin-right: 4px;
    width: 4px;
    height: 4px;
}

.swiper2 .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
}

.swiper2 .swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper2.swiper-button-prev:after,
.swiper2.swiper-button-next:after {
    color: #fff;
    font-size: 32px;
}

@media (max-width: 768px) {
    .part3-tab1 {
        background-size: auto 384px;
        background-position-y: 130px;
    }

    #swiper1 {
        height: 270px;
    }

    #swiper2 {
        height: 270px;
    }

    .container {
        height: 260px;
    }

    .build {
        padding: 20px 0px;
    }

    .run-left {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .part3-tab1 {
        background-position-y: 300px;
    }

    #swiper1 {
        height: 480px;
    }

    #swiper2 {
        height: 480px;
    }
}

@media (min-width: 1024px) {
    .part3-tab1 {
        background-position-y: 300px;
    }
}

@media (min-width: 1280px) {
    .part3-tab1 {
        background-position-y: 245px;
        background-size: 100% 400px;
    }

    #swiper1 {
        height: 100%;
    }

    .swiper1 .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    #swiper2 {
        height: 100%;
    }

    .swiper2 .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .clique-content {
        /* height: 540px; */
        height: 454px;
    }

    .xl\:text-28 {
        font-size: 28px;
    }
}

/* part2 建设 运营 经营 */
.tab-btn {
    color: rgba(153, 153, 153, .5);
}

.tab-btn:hover {
    color: #333333;
}

.tab-btn.active {
    color: #333333;
}

/* 建设 */
.line-box:hover .bg-gray-100 {
    background-color: #2C63FF;
}

.line-box:hover .bg-white {
    background-color: #4151C9;
}

.line-box:hover h4,
.line-box:hover p {
    color: #fff;
}

.line-box img {
    height: 70px;
}

.line-box h4 {
    color: #273D61;
}

.line-box p {
    color: #8E8E8E;
}

@media (min-width: 768px) {
    .line-box img {
        height: 275px;
    }
}

/* 运营 */
.run-left {
    color: #fff;
    background: linear-gradient(-90deg, rgba(6, 178, 255, 100), rgba(38, 114, 255, 100));
}

.run-img {
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.run-text {
    font-size: 26.7px;
    text-align: center;
    color: #CECECE;
}

.h-b-28 {
    height: 31%;
}

.f-20 {
    flex: 20%;
}

.yyjy:hover .run-text {
    background-image: -webkit-linear-gradient(bottom, #2D64FF, #00BFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

y {
    height: 540px;
    width: 100%;
}

/* part3  */
.other {
    background-image: url("/images/index/part3banner.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.other-manage {
    background: url("/images/index/part3banner.png") 0 100%/cover no-repeat;
}

.text {
    display: none;
}

.other-item {
    cursor: pointer;
    transition: all .3s;
}

.other-item:hover {
    width: 55%;
    background: linear-gradient(-90deg, rgba(6, 178, 255, 100), rgba(38, 114, 255, 100));
}

.other-item:hover .text {
    display: -webkit-box;
}

.jc-c {
    justify-content: center;
}

.other-mobile-item:hover .text {
    display: -webkit-box;
}
.other-mobile-item:hover .hover\:hidden {
    display: none;
}

/* 关于我们 */
.aboutUs-img {
    height: 640px;
    width: 480px;
    right: 0;
    bottom: 0;
    background-image: url("/images/index/aboutUs-new.png");
}

.bg-6-38 {
    background: linear-gradient(-90deg, rgba(6, 178, 255, 100), rgba(38, 114, 255, 100));
}

.text-33 {
    color: #333;
}

/* 更多服务 */
.gdfw {
    margin: 0 220px;
}

.gdfw-item:hover .bg-gray-100 {
    background: linear-gradient(-90deg, rgba(6, 178, 255, 100), rgba(38, 114, 255, 100));
    color: #fff;
}

.other-item {
    background: url("/images/index/part3banner-m.png") 0 0/130% auto no-repeat;
}

@media (max-width: 1200px) {
    .run-left {
        width: 100%;
        height: 150px;
    }

    .jy {
        height: 680px;
        width: 100%;
    }

    .run-img {
        width: 50px;
        height: 50px;
        margin-bottom: 10px;
    }

    .run-text {
        font-size: 10px;
    }

    .other-item:nth-child(2) {
        background-position: 0 -165px;
    }

    .other-item:nth-child(3) {
        background-position: 0 -330px;
    }

    .other-item:nth-child(4) {
        background-position: 0 -495px;
    }

    .other {
        background-image: none;
        background-color: #F6F6F6;
    }

    .other-item:hover {
        width: 100%;
        height: 300px;
        background: linear-gradient(-90deg, rgba(6, 178, 255, 100), rgba(38, 114, 255, 100));
    }

    .other-item:hover .text {
        font-size: 10px;
    }

    .italic {
        display: none;
    }

    .gdfw {
        height: 300px;
    }

    .whjt {
        display: flex;
        justify-content: space-between;
    }

    .yybt {
        font-size: 10px;
    }
}

@media (min-width: 360px) {
    .other-item {
        background-size: 110% auto;
    }
}

@media (min-width: 768px) {
    .other-item {
        background-size: 100% auto;
    }
}

@media (min-width: 1280px) {
    .other-item {
        height: 700px;
    }

    .other-item {
        background: none;
    }

    .xl\:border-b-0 {
        border-bottom-width: 0;
    }

    .aboutUs-img {
        height: 640px;
        width: 480px;
        right: 0;
        bottom: 0;
    }
}