.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: 65px;
}

.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;
}

.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: 440px;
    }

    .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;
    }
}

@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-image: url("../images/index/news.png");
}

.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: 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: 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;
    }
}

/* 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 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;
}

.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;
}

/* 关于我们 */
.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;
    }
}