@charset "UTF-8";
.flex {
    display: flex;
}

.f-column {
    flex-flow: column;
}

.f-row {
    flex-flow: row;
}

.flex-warp {
    flex-wrap: wrap;
}

.flex-01 {
    flex: .1;
}

.flex-02 {
    flex: .2;
}

.flex-03 {
    flex: .3;
}

.flex-04 {
    flex: .4;
}

.flex-05 {
    flex: .5;
}

.flex-06 {
    flex: .6;
}

.flex-07 {
    flex: .7;
}

.flex-08 {
    flex: .8;
}

.flex-09 {
    flex: .9;
}

.flex-1 {
    flex: 1;
}

.a-center {
    align-items: center;
}

.j-center {
    justify-content: center;
}

.flex-warp {
    flex-wrap: wrap;
}

.mw-0 {
    min-width: 0;
}

.mh-0 {
    min-height: 0;
}

.wh-100 {
    width: 100%;
    height: 100%;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.fff {
    color: #fff !important;
}

.c-b-color {
    background: #4080FF !important;
}

.c-font-color {
    color: #4080FF !important;
}

/**
web 头部 尾部
 */
/**
.header, .footer {
  display: none !important;
}
 */
/**
web  index
 */
.header * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    line-height: 1.4;
    /* color: var(--colorMR); */
    vertical-align: baseline;
    outline: none;
    font-family: '微软雅黑';
}
.header{
    margin-bottom: 10px;
    background-color: #ffffff;
}
.select {
    /* 去掉默认边框 */
    border: none;
    /* 背景透明 */
    background-color: transparent;
    /* 字体样式保持一致 */
    font-size: inherit;
    color: inherit;
    /* 确保可以点击 */
    cursor: pointer;
    /* 根据布局需要调整内边距 */
    padding: 0 10px;
    /* 移除IE浏览器的默认箭头 */
    outline: none;
}
#m5{width:400px;position: absolute;margin: 0;padding: 0;background: #FFF;border: 1px solid #F00;z-index:999;left:0px;top:32px}
#m5 .fenquwrap li a{position: relative;display: block; line-height:20px;float:left;margin: 0;padding: 0 5px;width: auto;text-align: left;background: #FFF;color: #000; z-index:999;}
#m5 .fenquwrap li a:hover{color: #007ede;}
#m5 .fenquwrap{width:100%; padding:5px;height:218px;}
#m5 .fenquwrap li{width:100%; line-height:20px; padding:5px 0;}


@media screen {
    .inner {
        width: calc(1400 * (clamp(120px, 100vw, 1400px) / 1400));
        margin: 0 auto;
    }

    /**
    common_style
    继承样式
     */
    .common-style, .Ec-views .Ec-news .Ec-tabs, .Ec-views .Ec-looks .Ec-tabs, .Ec-bidding-info .Ec-tabs, .Ec-announcement .Ec-tabs, .Ec-electricity .Ec-tabs, .Ec-download .Ec-tabs, .Ec-vip .Ec-tabs, .Ec-list2 .l2-common-style .Ec-tabs, .Ec-list3 .l3-common-style .Ec-tabs, .Ec-supplier .Ec-tabs,.Ec-enterprise .Ec-tabs, .Ec-sub-station .Ec-tabs, .Ec-list3 .Ec-winning-bid .Ec-tabs, .Ec-construction .Ec-tabs,.Ec-calendar .Ec-tabs, .Ec-list3 .Ec-knowledge .Ec-tabs, .Ec-list3 .Ec-government-purchase .Ec-tabs, .Ec-list3 .Ec-firm-purchase .Ec-tabs, .Ec-list4 .Ec-tabs {
        height: calc(44 * (clamp(120px, 100vw, 1400px) / 1400));
        background: #ffffff;
        color: #000000;
        border-bottom: 1px solid #cccccc;
    }

    .common-children, .Ec-views .Ec-news .Ec-tabs .Ec-tab, .Ec-views .Ec-looks .Ec-tabs .Ec-tab, .Ec-bidding-info .Ec-tabs .Ec-tab, .Ec-announcement .Ec-tabs .Ec-tab, .Ec-electricity .Ec-tabs .Ec-tab, .Ec-download .Ec-tabs .Ec-tab, .Ec-vip .Ec-tabs .Ec-tab, .Ec-list2 .l2-common-style .Ec-tabs .Ec-tab, .Ec-list3 .l3-common-style .Ec-tabs .Ec-tab, .Ec-supplier .Ec-tabs .Ec-tab,.Ec-enterprise .Ec-tabs .Ec-tab, .Ec-sub-station .Ec-tabs .Ec-tab, .Ec-list3 .Ec-winning-bid .Ec-tabs .Ec-tab, .Ec-construction .Ec-tabs .Ec-tab,.Ec-calendar .Ec-tabs .Ec-tab, .Ec-list3 .Ec-knowledge .Ec-tabs .Ec-tab, .Ec-list3 .Ec-government-purchase .Ec-tabs .Ec-tab, .Ec-list3 .Ec-firm-purchase .Ec-tabs .Ec-tab, .Ec-list4 .Ec-tabs .Ec-tab {
        padding: 0px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        font-size: calc(20 * (clamp(120px, 100vw, 1400px) / 1400));
        min-width: calc(96 * (clamp(120px, 100vw, 1400px) / 1400));
        background: transparent;
        color: #808080;
        opacity: 0.8;
        cursor: pointer;
    }
    .common-children.active, .Ec-views .Ec-news .Ec-tabs .active.Ec-tab, .Ec-views .Ec-looks .Ec-tabs .active.Ec-tab, .Ec-bidding-info .Ec-tabs .active.Ec-tab, .Ec-announcement .Ec-tabs .active.Ec-tab, .Ec-electricity .Ec-tabs .active.Ec-tab, .Ec-download .Ec-tabs .active.Ec-tab, .Ec-vip .Ec-tabs .active.Ec-tab, .Ec-list2 .l2-common-style .Ec-tabs .active.Ec-tab, .Ec-list3 .l3-common-style .Ec-tabs .active.Ec-tab, .Ec-supplier .Ec-tabs .active.Ec-tab,.Ec-enterprise .Ec-tabs .active.Ec-tab, .Ec-sub-station .Ec-tabs .active.Ec-tab, .Ec-list3 .Ec-winning-bid .Ec-tabs .active.Ec-tab, .Ec-construction .Ec-tabs .active.Ec-tab,.Ec-calendar .Ec-tabs .active.Ec-tab, .Ec-list3 .Ec-knowledge .Ec-tabs .active.Ec-tab, .Ec-list3 .Ec-government-purchase .Ec-tabs .active.Ec-tab, .Ec-list3 .Ec-firm-purchase .Ec-tabs .active.Ec-tab, .Ec-list4 .Ec-tabs .active.Ec-tab {
        color: #000000;
        font-weight: bold;
        opacity: 1;
    }

    .common-more, .Ec-announcement .Ec-tabs .Ec-more, .Ec-electricity .Ec-tabs .Ec-more, .Ec-download .Ec-tabs .Ec-more, .Ec-vip .Ec-tabs .Ec-more, .Ec-list3 .l3-common-style .Ec-more, .Ec-sub-station .Ec-more, .Ec-list3 .Ec-winning-bid .Ec-more, .Ec-construction .Ec-more, .Ec-calendar .Ec-more, .Ec-list3 .Ec-government-purchase .Ec-more, .Ec-list3 .Ec-firm-purchase .Ec-more, .Ec-list4 .Ec-more {
        margin-left: auto;
        margin-right: calc(10 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        align-items: center;
        color: #333;
        font-weight: 400;
        font-size: calc(16 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    /**
  头部
   */
    .header .h-top {
        display: flex;
        justify-content: space-between;
        padding-top: calc(8 * (clamp(120px, 100vw, 1400px) / 1400));
        padding-bottom: calc(8 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        align-items: center;
        /*background-color: #F2F2F4;*/
    }
    .header .h-top-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .h-top .h-t-left .h-t-ul {
        gap: calc(10 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .header .h-top .h-t-left .h-t-ul .h-f-li {
        width: calc(52 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(24 * (clamp(120px, 100vw, 1400px) / 1400));
        padding: calc(10 * (clamp(120px, 100vw, 1400px) / 1400)) calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
        background: #4080FF;
        display: flex;
        align-items: center;
    }

    .header .h-top .h-t-left .h-t-ul .h-t-li {
        display: flex;
        align-items: center;
    }

    .header .h-top .h-t-left .h-t-ul .h-t-li .h-t-a {
        color: #666666;
        font-size: calc(16 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .header .h-top .h-t-right .h-t-form {
        gap: calc(13 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .header .h-top .h-t-right .h-t-form .c-label {
        font-weight: 400;
        color: #404040;
        font-size: calc(13 * (clamp(120px, 100vw, 1400px) / 1400));
        margin-bottom: 0px;
    }

    .header .h-top .h-t-right .h-t-form .input {
        width: calc(92 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(22 * (clamp(120px, 100vw, 1400px) / 1400));
        border: 1px solid #d1d1d1;
        box-sizing: border-box;
        font-size: calc(13 * (clamp(120px, 100vw, 1400px) / 1400));
        padding: 0 min(5px, 0.2vw);
    }

    .header .h-top .h-t-right .h-t-form .h-t-user {
        gap: min(10px, 2.2vw);
    }

    .header .h-top .h-t-right .h-t-form .h-t-user .h-t-username {
        display: flex;
        gap: min(7px, 1vw);
    }

    .header .h-top .h-t-right .h-t-form .h-t-user .h-t-password {
        display: flex;
        gap: min(7px, 1vw);
    }

    .header .h-top .h-t-right .h-t-form .h-sigin-login {
        gap: min(18px, 1.2vw);
    }

    .header .h-top .h-t-right .h-t-form .h-sigin-login .h-t-btn {
        width: calc(69 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(25 * (clamp(120px, 100vw, 1400px) / 1400));
        font-size: calc(16 * (clamp(120px, 100vw, 1400px) / 1400));
        border: 1px solid #4080FF;
        color: #4080FF;
    }

    .header .h-top .h-t-right .h-t-form .h-sigin-login .h-t-btn .a {
        all: revert;
        color: #4080FF;
        font-size: calc(16 * (clamp(120px, 100vw, 1400px) / 1400));
        text-align: center;
        display: block;
        width: 100%;
        text-decoration: none;
    }

    .header .h-top .h-t-right .h-t-form .h-sigin-login .h-t-sign {
        display: flex;
        align-items: center;        
        width: calc(85 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(25 * (clamp(120px, 100vw, 1400px) / 1400));
        font-size: calc(16 * (clamp(120px, 100vw, 1400px) / 1400));
        background-color: #4080FF;
    }

    .header .h-top .h-t-right .h-t-form .h-sigin-login .h-t-sign .a {
        all: revert;
        color: #ffffff;
        font-size: calc(16 * (clamp(120px, 100vw, 1400px) / 1400));
        text-align: center;
        display: block;
        width: 100%;
        text-decoration: none;
    }

    .header .h-content {
        height: calc(125 * (clamp(120px, 100vw, 1400px) / 1400));;
        position: relative;
        display: flex;
        justify-content: space-between;
        z-index: 1;
        align-items: center;
    }

    .header .h-content .h-logo-text {
        width: calc(287 * (clamp(120px, 100vw, 1400px) / 1400));
        gap: min(10px, 1.2vw);
    }

    .header .h-content .h-logo-text .h-logo-img {
        width: inherit;
    }

    .header .h-content .h-logo-text .h-logo-img .img {
        width: inherit;
        height: inherit;
    }

    .header .h-content .h-logo-text .h-logo-text {
        width: inherit;
        height: calc(42 * (clamp(120px, 100vw, 1400px) / 1400));
        font-size: calc(22 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .header .h-content .h-logo-text .h-logo-text .span {
        font-size: calc(18 * (clamp(120px, 100vw, 1400px) / 1400));
        letter-spacing: calc(10 * (clamp(120px, 100vw, 1400px) / 1400));
        text-indent: calc(10 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .header .h-content .h-search-tab{
        width: calc(778 * (clamp(120px, 100vw, 1400px) / 1400));
        flex-shrink: 0;
        gap: calc(8 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .header .h-content .h-search-tab .h-search {
        width: 100%;
        height: calc(42 * (clamp(120px, 100vw, 1400px) / 1400));
        border-radius: 4px;
        border: 1px solid #4080FF;
    }
    .header .h-content .h-search-tab .h-search form{
        height: 100%;
        display: flex;
        align-items: center;
        position: relative;
    }
    .header .h-content .h-search-tab .h-search .select{
        height: calc(40 * (clamp(120px, 100vw, 1400px) / 1400));
        border-right: 1px solid #cccccc;
        padding: 0 5px;
        background: transparent;
    } 
    .header .h-content .h-search-tab .h-search .input {
        flex-shrink: 1;
        width: calc(516 * (clamp(120px, 100vw, 1400px) / 1400));
        border: none;
        background: transparent;
        max-height: calc(42 * (clamp(120px, 100vw, 1400px) / 1400));
        box-sizing: border-box;
        padding-left: min(10px, 1.5vw);
        font-weight: 400;
        font-size: calc(16 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #333;
    }

    .header .h-content .h-search-tab .h-search .input::placeholder {
        color: #8A8A8A;
    }

    .header .h-content .h-search-tab .h-search .c-btn {
        width: calc(103 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(42 * (clamp(120px, 100vw, 1400px) / 1400));
        background-color: #4080FF;
        border-radius: 0px min(4px, 0.2vw) min(4px, 0.2vw) 0px;
        background-image: url(../../../static/index/images/u23.svg);
        background-size: calc(21 * (clamp(120px, 100vw, 1400px) / 1400)) calc(21 * (clamp(120px, 100vw, 1400px) / 1400));
        background-repeat: no-repeat;
        background-position: calc(16 * (clamp(120px, 100vw, 1400px) / 1400)) center;
        font-size: calc(20 * (clamp(120px, 100vw, 1400px) / 1400));
        text-indent: calc(24 * (clamp(120px, 100vw, 1400px) / 1400));
        cursor: pointer;
        position: absolute;
        right: 0;
    }

    .header .h-content .h-search-tab .h-tab-list{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header .h-content .h-search-tab .h-tab-list .h-tab-left{
        display: flex;
        gap: calc(46 * (clamp(120px, 100vw, 1400px) / 1400));
        font-weight: bold;
        font-size: 18px;
        color: #535353;
    }
    .header .h-content .h-search-tab .h-tab-list .h-tab-right{

    }
    .header .h-content .h-search-tab .h-tab-list .h-tab-right .icon-phone{
        font-size: calc(30 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #4080FF;
    }
    .header .h-content .h-search-tab .h-tab-list .h-tab-right .h-tab-right-tel{
        font-weight: bold;
        font-size: 30px;
        color: #3D3D3D;
    }

    
    .header .h-content .h-tel .h-tab-right .icon-phone{
        font-size: calc(30 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #4080FF;
    }
    .header .h-content .h-tel .h-tab-right .h-tab-right-tel{
        font-weight: bold;
        font-size: 30px;
        color: #3D3D3D;
    }
    .header .h-content .h-hot-search {
        font-size: calc(16 * (clamp(120px, 100vw, 1400px) / 1400));
        font-weight: bold;
        gap: 10px;
        color: #000000;
    }
    .hot-a {
        font-size: calc(16 * (clamp(120px, 100vw, 1400px) / 1400));
        text-decoration: none;
        font-weight: normal;
        margin-right: 5px;
    }
    .header .h-content .h-erweima {
        width: calc(230 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(125 * (clamp(120px, 100vw, 1400px) / 1400));
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .header .h-content .h-erweima-item{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(2 * (clamp(120px, 100vw, 1400px) / 1400));
        font-size: 12px;
    }
    .header .h-content .h-erweima .img {
        width: calc(80 * (clamp(80px, 100vw, 1400px) / 1400));
        height: calc(80 * (clamp(80px, 100vw, 1400px) / 1400));
        max-width: 100%;
        background: #eee;
    }

    .header .h-tab {
        background: #4080FF;
        position: relative;
        z-index: 1;
    }

    .header .h-tab .h-tab-list ul .h-tab-item {
        flex: 1;
        min-width: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: calc(40 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .header .h-tab .h-tab-list ul .h-tab-item a {
        font-size: calc(18 * (clamp(120px, 100vw, 1400px) / 1400));
        font-weight: 400;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .header .h-tab .h-tab-list ul .h-tab-item a img{
        width: 24rpx;
        height: 24rpx;
    }

    /* 招标 项目 机构 */
    .Ec-organization{
        position: relative;
        z-index: 1;
        width: 1400px;
        margin: 0 auto;
        background: #ffffff;
        margin-top: -9px;
    }
    .Ec-organization .Ec-List {
        padding-top: calc(10 * (clamp(120px, 100vw, 1400px) / 1400));
        padding-bottom: calc(20 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        justify-content: center;
        gap: 30px;
        flex-wrap: wrap;
    }

    .Ec-organization .Ec-List .Ec-Item {
        min-width: 0;
        flex-direction: column;
        gap: calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-organization .Ec-List .Ec-Item .Ec-image-text {
        gap: calc(7 * (clamp(120px, 100vw, 1400px) / 1400));
        margin-top: calc(6 * (clamp(120px, 100vw, 1400px) / 1400));
        padding-left: calc(20 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        flex-direction: row;
        align-items: center;
        font-weight: bold;
        font-size: 22px;
    }

    .Ec-organization .Ec-List .Ec-Item .Ec-image-text .Ec-image {
        width: calc(45 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(30 * (clamp(120px, 100vw, 1400px) / 1400));
        background: transparent;
    }

    .Ec-organization .Ec-List .Ec-Item .Ec-image-text .Ec-image .image {
        width: inherit;
        height: inherit;
    }

    .Ec-organization .Ec-List .Ec-Item .Ec-image-text .Ec-text {
        font-weight: 400;
        font-size: calc(16 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #4080FF;
    }
    .Ec-organization .Ec-List .Ec-Item .Ec-ul-list{
        border-top: calc(1 * (clamp(120px, 100vw, 1400px) / 1400)) solid #eee;
        padding-top: 10px;
        gap: 25px;
    }
    .Ec-organization .Ec-List .Ec-Item .Ec-ul-list .Ec-li {
        padding: 0 calc(20 * (clamp(120px, 100vw, 1400px) / 1400));
        border-right: calc(1 * (clamp(120px, 100vw, 1400px) / 1400)) solid transparent;
    }

    .Ec-organization .Ec-List .Ec-Item .Ec-ul-list .Ec-li:first-child {
        
    }

    .Ec-organization .Ec-List .Ec-Item .Ec-ul-list .Ec-li .Ec-li-item {
        display: flex;
        flex-flow: column;
        gap: calc(10 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-organization .Ec-List .Ec-Item .Ec-ul-list .Ec-li .Ec-li-item .Ec-ss-li {
        min-height: calc(24 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        align-items: center;
    }

    .Ec-organization .Ec-List .Ec-Item .Ec-ul-list .Ec-li .Ec-li-item .Ec-ss-li .Ec-ss-a {
        font-weight: 400;
        font-size: calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #333333;
    }

    .Ec-organization .Ec-List .Ec-Item .Ec-ul-list .Ec-li .Ec-li-item .Ec-ss-li .Ec-ss-a.active {
        color: #4080FF;
    }

    .Ex-nav{
        width: 1400px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        margin-top: 20px;
    }
    .Ex-nav-item{
        width: calc(260 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(80 * (clamp(120px, 100vw, 1400px) / 1400));
        background-color: #4080FF;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: calc(10 * (clamp(120px, 100vw, 1400px) / 1400));
        font-size: 24px;
        color: #ffffff;
    }
    .Ex-nav-item a{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: calc(10 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ex-nav-icon{
        width: calc(50 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(50 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-box{
        width: 100%;
        background-color: #F5F5F5;
        padding-top: 1px;
        position: relative;
    }

    /* banner1 */
    .Ec-swiper {
        height: calc(126 * (clamp(120px, 100vw, 1400px) / 1400));
        overflow: hidden;
        margin-top: calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
        margin-bottom: calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-swiper .Ec-banner1 .Ec-item .img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        object-fit: cover;
    }

    /* 招标专题 新闻 */
    .Ec-views {
        margin-top: calc(20 * (clamp(120px, 100vw, 1400px) / 1400));
        margin-bottom: calc(20 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        justify-content: space-between;
        /* 招标新闻*/
        /* 轮播*/
        /**登录 || 注册*/
    }

    .Ec-views .Ec-news {
        width: calc(335 * (clamp(120px, 100vw, 1400px) / 1400));
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .Ec-views .Ec-news .swiper-tabs1 {
        flex: 1;
        overflow: hidden;
        background-color: #FFFFFF;
    }

    .Ec-views .Ec-news .swiper-tabs1 .s-tabs-ul {
        padding: calc(10 * (clamp(120px, 100vw, 1400px) / 1400)) calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        gap: calc(2 * (clamp(120px, 100vw, 1400px) / 1400));
        flex-flow: column;
    }

    .Ec-views .Ec-news .swiper-tabs1 .s-tabs-ul .s-tabs-li {
        display: flex;
        align-items: center;
    }

    .Ec-views .Ec-news .swiper-tabs1 .s-tabs-ul .s-tabs-li .s-tab-a {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0px calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-views .Ec-news .swiper-tabs1 .s-tabs-ul .s-tabs-li .s-tab-a:hover{
        color: #4080FF;
    }
    .Ec-views .Ec-news .swiper-tabs1 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-title {
        flex: 1;
        min-width: 0;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Ec-views .Ec-news .swiper-tabs1 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-date {
        font-size: calc(12 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #959595;
    }



    
    .Ec-views .Ec-looks {
        width: calc(330 * (clamp(120px, 100vw, 1400px) / 1400));
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .Ec-views .Ec-looks .swiper-tabsLL {
        flex: 1;
        overflow: hidden;
        background-color: #FFFFFF;
    }

    .Ec-views .Ec-looks .swiper-tabsLL .s-tabs-ul {
        padding: calc(10 * (clamp(120px, 100vw, 1400px) / 1400)) calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        gap: calc(2 * (clamp(120px, 100vw, 1400px) / 1400));
        flex-flow: column;
    }

    .Ec-views .Ec-looks .swiper-tabsLL .s-tabs-ul .s-tabs-li {
        display: flex;
        align-items: center;
    }

    .Ec-views .Ec-looks .swiper-tabsLL .s-tabs-ul .s-tabs-li .s-tab-a {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0px calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-views .Ec-looks .swiper-tabsLL .s-tabs-ul .s-tabs-li .s-tab-a:hover{
        color: #4080FF;
    }
    .Ec-views .Ec-looks .swiper-tabsLL .s-tabs-ul .s-tabs-li .s-tab-a .s-li-title {
        flex: 1;
        min-width: 0;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Ec-views .Ec-looks .swiper-tabsLL .s-tabs-ul .s-tabs-li .s-tab-a .s-li-date {
        font-size: calc(12 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #959595;
    }


    .Ec-views .mini-swiper {
        width: calc(400 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(245 * (clamp(120px, 100vw, 1400px) / 1400));
        overflow: hidden;
    }

    .Ec-views .mini-swiper .Ec-swiper-images {
        width: 100%;
        height: 100%;
    }

    .Ec-views .mini-swiper .Ec-swiper-images .img {
        width: 100%;
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
    }

    .Ec-views .Ec-login-sign {
        width: calc(250 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        flex-flow: column;
        gap: calc(10 * (clamp(120px, 100vw, 1400px) / 1400)) 0;
    }

    .Ec-views .Ec-login-sign .Ec-top {
        display: flex;
    }

    .Ec-views .Ec-login-sign .Ec-top .Ec-item {
        flex: 1;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: calc(40 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #fff;
        background-size: calc(19 * (clamp(120px, 100vw, 1400px) / 1400));
        background-repeat: no-repeat;
        background-position: calc(15 * (clamp(120px, 100vw, 1400px) / 1400)) center;
        font-weight: 400;
        font-size: calc(16 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-views .Ec-login-sign .Ec-top .Ec-item:hover {
        background-color: #004CE2;
    }

    .Ec-views .Ec-login-sign .Ec-top .Ec-login {
        background-color: #4080FF;
        background-image: url("../../../static/index/images/u76.svg");
    }

    .Ec-views .Ec-login-sign .Ec-top .Ec-sign {
        background-color: #4080FF;
        /*background-image: url("../../../static/index/images/u77.svg");*/
    }

    .Ec-views .Ec-login-sign .Ec-content {
        flex: 1;
        display: flex;
        flex-flow: column;
        background-color: #FFFFFF;
    }

    .Ec-views .Ec-login-sign .Ec-content .Ec-ex-item {
        flex: 1;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: calc(36 * (clamp(120px, 100vw, 1400px) / 1400));
        background-color: #0374E3;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        background-size: calc(20 * (clamp(120px, 100vw, 1400px) / 1400));
        background-repeat: no-repeat;
        background-position: calc(15 * (clamp(120px, 100vw, 1400px) / 1400)) center;
        color: #fff;
    }

    .Ec-views .Ec-login-sign .Ec-ex-supplier {
        background-image: url("../../../static/index/images/u93.svg");
    }

    .Ec-views .Ec-login-sign .Ec-ex-purchaser {
        background-image: url("../../../static/index/images/u94.svg");
    }

    .Ec-views .Ec-login-sign .Ec-bottom {
        flex: 1;
        min-width: 0;
        display: flex;
        flex-wrap: wrap;
        border: 1px solid #eee;
    }

    .Ec-views .Ec-login-sign .Ec-bottom .Ec-bottom-views {
        width: 50%;
        display: flex;
        align-items: center;
        /*justify-content: center;*/
        padding: 0 10px;
        gap: 0 5px;
        cursor: pointer;
    }

    .Ec-views .Ec-login-sign .Ec-bottom .Ec-bottom-views .img {
        /*width: calc(20 * (clamp(120px, 100vw, 1400px) / 1400));*/
        /*height: calc(20 * (clamp(120px, 100vw, 1400px) / 1400));*/
        /*background: #eee;*/
        /*border-radius: 500em;*/
    }

    .Ec-views .Ec-login-sign .Ec-bottom .Ec-bottom-views .span {
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #333333;
    }

    .Ec-views .Ec-member-box-new{
        width: calc(261 * (clamp(120px, 100vw, 1400px) / 1400));
        height: auto;
        background-color: #FFFFFF;
        background: #ffffff url("../../../static/images/login-bgx.png") no-repeat center center;
        background-size: cover;
        box-shadow: 0px 4px 9px 1px rgba(85,17,17,0.1);
        border-radius: 6px;
        overflow: hidden;
        padding: 20px;
        box-sizing: border-box;
    }
    .Ec-member-top{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .Ec-member-name{
        font-weight: 600;
        font-size: 28px;
        color: #000000;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .Ec-member-logout{
        width: 79px;
        height: 30px;
        border-radius: 4px 4px 4px 4px;
        border: 1px solid #999999;
    }
    .Ec-member-logout a{
        display: flex;
        width: 100%;
        height: 100%;
        font-size: 14px;
        color: #999999;
        justify-content: center;
        align-items: center;
    }
    .Ec-member-sec{
        font-size: 22px;
        color: #000000;
        padding-bottom: 10px;
        border-bottom: 1px solid #cccccc;
        padding-top: 10px;
    }
    .Ec-member-info{
        display: flex;
        flex-direction: column;
        margin-top: 30px;
        gap: 10px;
    }
    .Ec-member-info label{
        font-size: 16px;
        color: #666666;
    }
    .Ec-member-info label span{
        font-weight: bold;
        font-size: 18px;
    }
    .Ec-member-btn{
        width: calc(221 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(32 * (clamp(120px, 100vw, 1400px) / 1400));
        background-color: #4080FF;
        border-radius: 4px 4px 4px 4px;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 40px;
    }
    .Ec-member-btn a{
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        color: #FFFFFF;
    }
    .Ec-views .Ec-login-sign-new {
        width: calc(261 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(245 * (clamp(120px, 100vw, 1400px) / 1400));
        background-color: #FFFFFF;
        display: flex;
        flex-flow: column;
        position: relative;
        box-shadow: 0px 4px 9px 1px rgba(85,17,17,0.1);
        border-radius: 6px 6px 6px 6px;
    }
    .Ec-views .Ec-login-sign-new .Ec-login-n-top {
        height: calc(40 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(40 * (clamp(120px, 100vw, 1400px) / 1400));
        font-weight: bold;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #999999;
        margin-left: calc(21 * (clamp(120px, 100vw, 1400px) / 1400));
        margin-top: calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-views .Ec-login-sign-new .Ec-login-n-top .Ec-login-n-top-span {
        cursor: pointer;
    }
    .Ec-views .Ec-login-sign-new .Ec-login-n-top .elnt-span-act {
        color: #333333;
        position: relative;
    }
    .Ec-views .Ec-login-sign-new .Ec-login-n-top .elnt-span-act::after {
        content: "";
        position: absolute;
        left: calc(50% - (36 * (clamp(120px, 100vw, 1400px) / 1400)) / 2);
        bottom: -5px;
        width: calc(36 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(2 * (clamp(120px, 100vw, 1400px) / 1400));
        background-color: #4080FF;
        border-radius: 2px;
    }
    .Ec-views .Ec-login-sign-new .Ec-login-n-main{
        margin-left: calc(21 * (clamp(120px, 100vw, 1400px) / 1400));
        margin-top: calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-login-n-form{
        display: flex;
        flex-direction: column;
    }
    .Ec-views .Ec-login-sign-new .Ec-login-n-item{
        width: calc(216 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(30 * (clamp(120px, 100vw, 1400px) / 1400));
        background: #F5F7FA;
        border-radius: 4px 4px 4px 4px;
        display: flex;
        align-items: center;
        margin-bottom: calc(10 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-views .Ec-login-sign-new .Ec-login-n-item img{
        width: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        margin-left: calc(10 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-views .Ec-login-sign-new .Ec-login-n-item input{
        background-color: transparent;
        height: calc(30 * (clamp(120px, 100vw, 1400px) / 1400));
        border: none;
        margin-left: calc(6 * (clamp(120px, 100vw, 1400px) / 1400));
        font-size: calc(12 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #333333;
    }
    .Ec-views .Ec-login-sign-new .Ec-login-n-forget{
        width: calc(216 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        font-size: calc(12 * (clamp(120px, 100vw, 1400px) / 1400));
        margin-top: calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
        justify-content: space-between;
        color: #818181;
    }
    .Ec-views .Ec-login-sign-new .Ec-login-n-forget a{
        color: #4080FF;
        text-decoration: none;
    }
    .Ec-views .Ec-login-sign-new .Ec-login-n-btn{
        width: calc(216 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(31 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(31 * (clamp(120px, 100vw, 1400px) / 1400));
        background-color: #4080FF;
        border: none;
        border-radius: 4px 4px 4px 4px;
        color: #FFFFFF;
        font-size: calc(16 * (clamp(120px, 100vw, 1400px) / 1400));
        margin-top: calc(10 * (clamp(120px, 100vw, 1400px) / 1400));
        cursor: pointer;
        text-align: center;
    }
    .Ec-views .Ec-login-sign-new .Ec-login-n-ewm{
        position: absolute;
        top: calc(11 * (clamp(120px, 100vw, 1400px) / 1400));
        right: calc(8 * (clamp(120px, 100vw, 1400px) / 1400));
        width: calc(43 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(43 * (clamp(120px, 100vw, 1400px) / 1400));
        cursor: pointer;
    }
    .Ec-views .Ec-login-sign-new .Ec-login-n-ewm img{
        width: inherit;
        height: inherit;
    }

    .Ec-xcotent{
        width: 1400px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
    }
    .Ec-xcotent-left{
        width: 455px;
        background-color: #ffffff;
        border: 1px solid #ccc;
        overflow: hidden;
    }
    .Ec-xcotent-left .Ec-tabs{
        height: calc(44 * (clamp(120px, 100vw, 1400px) / 1400));
        background: #ffffff;
        color: #000000;
        border-bottom: 1px solid #cccccc;
        align-items: center;
        font-weight: bold;
        font-size: 20px;
        padding-left: 18px;
        position: relative;
    }
    .Ec-xcotent-left .Ec-tabs .Ec-tab{
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #999999;
        padding: 12px 25px;
        cursor: pointer;
    }
    .Ec-xcotent-left .Ec-tabs .Ec-tab.active{
        color: #4080FF;
        text-align: center;
        background: url('/static/images/index-tab-active-bg.png') no-repeat center bottom;
    }
    .Ec-xcotent-left .Ec-more{
        position: absolute;
        right: 20px;
        font-size: 16px;
        color: #4080FF;
    }
    .Ec-xcotent-left .swiper-tabsBB .s-tabs-ul{
        padding: 10px 15px;
    }
    .Ec-xcotent-left .swiper-tabsBB .s-tabs-ul .s-tabs-li {
        display: flex;
        align-items: center;
    }
    .Ec-xcotent-left .swiper-tabsBB .s-tabs-ul .s-tabs-li::before{
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 3px;
        margin-right: 10px;
        background-color: #4080FF;
    }

    .Ec-xcotent-left .swiper-tabsBB .s-tabs-ul .s-tabs-li .s-tab-a {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0px calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-xcotent-left .swiper-tabsBB .s-tabs-ul .s-tabs-li .s-tab-a:hover{
        color: #4080FF;
    }
    .Ec-xcotent-left .swiper-tabsBB .s-tabs-ul .s-tabs-li .s-tab-a .s-li-title {
        flex: 1;
        min-width: 0;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Ec-xcotent-left .swiper-tabsBB .s-tabs-ul .s-tabs-li .s-tab-a .s-li-date {
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #959595;
    }

    
    .Ec-xcotent-left .swiper-tabsB2 .s-tabs-ul{
        padding: 10px 15px;
    }
    .Ec-xcotent-left .swiper-tabsB2 .s-tabs-ul .s-tabs-li {
        display: flex;
        align-items: center;
    }
    .Ec-xcotent-left .swiper-tabsB2 .s-tabs-ul .s-tabs-li::before{
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 3px;
        margin-right: 10px;
        background-color: #4080FF;
    }

    .Ec-xcotent-left .swiper-tabsB2 .s-tabs-ul .s-tabs-li .s-tab-a {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0px calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-xcotent-left .swiper-tabsB2 .s-tabs-ul .s-tabs-li .s-tab-a:hover{
        color: #4080FF;
    }
    .Ec-xcotent-left .swiper-tabsB2 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-title {
        flex: 1;
        min-width: 0;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Ec-xcotent-left .swiper-tabsB2 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-date {
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #959595;
    }

    .Ec-fcotent-right{
        width: 455px;
        background-color: #ffffff;
        border: 1px solid #ccc;
        overflow: hidden;
    }
    .Ec-fcotent-right .Ec-tabs{
        height: calc(44 * (clamp(120px, 100vw, 1400px) / 1400));
        background: #ffffff;
        color: #000000;
        border-bottom: 1px solid #cccccc;
        align-items: center;
        font-weight: bold;
        font-size: 20px;
        padding-left: 18px;
    }
    .Ec-fcotent-right .Ec-tabs .Ec-tab{
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #999999;
        padding: 12px 25px;
        cursor: pointer;
    }
    .Ec-fcotent-right .Ec-tabs .Ec-tab.active{
        color: #4080FF;
        text-align: center;
        background: url('/static/images/index-tab-active-bg.png') no-repeat center bottom;
    }
    .Ec-fcotent-right .swiper-tabs17 .s-tabs-ul{
        padding: 10px 15px;
    }
    .Ec-fcotent-right .swiper-tabs17 .s-tabs-ul .s-tabs-li {
        display: flex;
        align-items: center;
    }

    .Ec-fcotent-right .swiper-tabs17 .s-tabs-ul .s-tabs-li::before{
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 3px;
        margin-right: 10px;
        background-color: #4080FF;
    }
    .Ec-fcotent-right .swiper-tabs17 .s-tabs-ul .s-tabs-li .s-tab-a {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0px calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-fcotent-right .swiper-tabs17 .s-tabs-ul .s-tabs-li .s-tab-a:hover{
        color: #4080FF;
    }
    .Ec-fcotent-right .swiper-tabs17 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-title {
        flex: 1;
        min-width: 0;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Ec-fcotent-right .swiper-tabs17 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-date {
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #959595;
    }

    
    .Ec-fcotent-right .swiper-tabsZ2 .s-tabs-ul{
        padding: 10px 15px;
    }
    .Ec-fcotent-right .swiper-tabsZ2 .s-tabs-ul .s-tabs-li {
        display: flex;
        align-items: center;
    }

    .Ec-fcotent-right .swiper-tabsZ2 .s-tabs-ul .s-tabs-li::before{
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 3px;
        margin-right: 10px;
        background-color: #4080FF;
    }
    .Ec-fcotent-right .swiper-tabsZ2 .s-tabs-ul .s-tabs-li .s-tab-a {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0px calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-fcotent-right .swiper-tabsZ2 .s-tabs-ul .s-tabs-li .s-tab-a:hover{
        color: #4080FF;
    }
    .Ec-fcotent-right .swiper-tabsZ2 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-title {
        flex: 1;
        min-width: 0;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Ec-fcotent-right .swiper-tabsZ2 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-date {
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #959595;
    }

    
    .Ec-dbcotent{
        width: 1400px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
    }
    .Ec-dbcotent-left{
        width: 455px;
        background-color: #ffffff;
        border: 1px solid #ccc;
        overflow: hidden;
    }
    .Ec-dbcotent-left .Ec-tabs{
        height: calc(44 * (clamp(120px, 100vw, 1400px) / 1400));
        background: #ffffff;
        color: #000000;
        border-bottom: 1px solid #cccccc;
        align-items: center;
        font-weight: bold;
        font-size: 20px;
        padding-left: 18px;
    }
    .Ec-dbcotent-left .Ec-tabs .Ec-tab{
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #999999;
        padding: 12px 25px;
        cursor: pointer;
    }
    .Ec-dbcotent-left .Ec-tabs .Ec-tab.active{
        color: #4080FF;
        text-align: center;
        background: url('/static/images/index-tab-active-bg.png') no-repeat center bottom;
    }
    .Ec-dbcotent-left .swiper-tabs3 .s-tabs-ul{
        padding: 10px 15px;
    }
    .Ec-dbcotent-left .swiper-tabs3 .s-tabs-ul .s-tabs-li {
        display: flex;
        align-items: center;
    }
    .Ec-dbcotent-left .swiper-tabs3 .s-tabs-ul .s-tabs-li::before{
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 3px;
        margin-right: 10px;
        background-color: #4080FF;
    }

    .Ec-dbcotent-left .swiper-tabs3 .s-tabs-ul .s-tabs-li .s-tab-a {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0px calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-dbcotent-left .swiper-tabs3 .s-tabs-ul .s-tabs-li .s-tab-a:hover{
        color: #4080FF;
    }
    .Ec-dbcotent-left .swiper-tabs3 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-title {
        flex: 1;
        min-width: 0;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Ec-dbcotent-left .swiper-tabs3 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-date {
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #959595;
    }

    .Ec-dbcotent-right{
        width: 455px;
        background-color: #ffffff;
        border: 1px solid #ccc;
        overflow: hidden;
    }
    .Ec-dbcotent-right .Ec-tabs{
        height: calc(44 * (clamp(120px, 100vw, 1400px) / 1400));
        background: #ffffff;
        color: #000000;
        border-bottom: 1px solid #cccccc;
        align-items: center;
        font-weight: bold;
        font-size: 20px;
        padding-left: 18px;
    }
    .Ec-dbcotent-right .Ec-tabs .Ec-tab{
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #999999;
        padding: 12px 25px;
        cursor: pointer;
    }
    .Ec-dbcotent-right .Ec-tabs .Ec-tab.active{
        color: #4080FF;
        text-align: center;
        background: url('/static/images/index-tab-active-bg.png') no-repeat center bottom;
    }
    .Ec-dbcotent-right .swiper-tabs99 .s-tabs-ul{
        padding: 10px 15px;
    }
    .Ec-dbcotent-right .swiper-tabs99 .s-tabs-ul .s-tabs-li {
        display: flex;
        align-items: center;
    }

    .Ec-dbcotent-right .swiper-tabs99 .s-tabs-ul .s-tabs-li::before{
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 3px;
        margin-right: 10px;
        background-color: #4080FF;
    }
    .Ec-dbcotent-right .swiper-tabs99 .s-tabs-ul .s-tabs-li .s-tab-a {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0px calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-dbcotent-right .swiper-tabs99 .s-tabs-ul .s-tabs-li .s-tab-a:hover{
        color: #4080FF;
    }
    .Ec-dbcotent-right .swiper-tabs99 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-title {
        flex: 1;
        min-width: 0;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Ec-dbcotent-right .swiper-tabs99 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-date {
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #959595;
    }


    
    .Ec-tdcotent{
        width: 1400px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
    }
    .Ec-tdcotent-left{
        width: 455px;
        background-color: #ffffff;
        border: 1px solid #ccc;
        overflow: hidden;
    }
    .Ec-tdcotent-left .Ec-tabs{
        height: calc(44 * (clamp(120px, 100vw, 1400px) / 1400));
        background: #ffffff;
        color: #000000;
        border-bottom: 1px solid #cccccc;
        align-items: center;
        font-weight: bold;
        font-size: 20px;
        padding-left: 18px;
    }
    .Ec-tdcotent-left .Ec-tabs .Ec-tab{
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #999999;
        padding: 12px 25px;
        cursor: pointer;
    }
    .Ec-tdcotent-left .Ec-tabs .Ec-tab.active{
        color: #4080FF;
        text-align: center;
        background: url('/static/images/index-tab-active-bg.png') no-repeat center bottom;
    }
    .Ec-tdcotent-left .swiper-tabs5 .s-tabs-ul{
        padding: 10px 15px;
    }
    .Ec-tdcotent-left .swiper-tabs5 .s-tabs-ul .s-tabs-li {
        display: flex;
        align-items: center;
    }
    .Ec-tdcotent-left .swiper-tabs5 .s-tabs-ul .s-tabs-li::before{
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 3px;
        margin-right: 10px;
        background-color: #4080FF;
    }

    .Ec-tdcotent-left .swiper-tabs5 .s-tabs-ul .s-tabs-li .s-tab-a {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0px calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-tdcotent-left .swiper-tabs5 .s-tabs-ul .s-tabs-li .s-tab-a:hover{
        color: #4080FF;
    }
    .Ec-tdcotent-left .swiper-tabs5 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-title {
        flex: 1;
        min-width: 0;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Ec-tdcotent-left .swiper-tabs5 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-date {
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #959595;
    }



    
    .Ec-tdcotent-mid{
        width: 455px;
        background-color: #ffffff;
        border: 1px solid #ccc;
        overflow: hidden;
    }
    .Ec-tdcotent-mid .Ec-tabs{
        height: calc(44 * (clamp(120px, 100vw, 1400px) / 1400));
        background: #ffffff;
        color: #000000;
        border-bottom: 1px solid #cccccc;
        align-items: center;
        font-weight: bold;
        font-size: 20px;
        padding-left: 18px;
    }
    .Ec-tdcotent-mid .Ec-tabs .Ec-tab{
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #999999;
        padding: 12px 25px;
        cursor: pointer;
    }
    .Ec-tdcotent-mid .Ec-tabs .Ec-tab.active{
        color: #4080FF;
        text-align: center;
        background: url('/static/images/index-tab-active-bg.png') no-repeat center bottom;
    }
    .Ec-tdcotent-mid .swiper-tabs8 .s-tabs-ul{
        padding: 10px 15px;
    }
    .Ec-tdcotent-mid .swiper-tabs8 .s-tabs-ul .s-tabs-li {
        display: flex;
        align-items: center;
    }
    .Ec-tdcotent-mid .swiper-tabs8 .s-tabs-ul .s-tabs-li::before{
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 3px;
        margin-right: 10px;
        background-color: #4080FF;
    }

    .Ec-tdcotent-mid .swiper-tabs8 .s-tabs-ul .s-tabs-li .s-tab-a {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0px calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-tdcotent-mid .swiper-tabs8 .s-tabs-ul .s-tabs-li .s-tab-a:hover{
        color: #4080FF;
    }
    .Ec-tdcotent-mid .swiper-tabs8 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-title {
        flex: 1;
        min-width: 0;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Ec-tdcotent-mid .swiper-tabs8 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-date {
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #959595;
    }



    .Ec-tdcotent-right{
        width: 455px;
        background-color: #ffffff;
        border: 1px solid #ccc;
        overflow: hidden;
    }
    .Ec-tdcotent-right .Ec-tabs{
        height: calc(44 * (clamp(120px, 100vw, 1400px) / 1400));
        background: #ffffff;
        color: #000000;
        border-bottom: 1px solid #cccccc;
        align-items: center;
        font-weight: bold;
        font-size: 20px;
        padding-left: 18px;
    }
    .Ec-tdcotent-right .Ec-tabs .Ec-tab{
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #999999;
        padding: 12px 25px;
        cursor: pointer;
    }
    .Ec-tdcotent-right .Ec-tabs .Ec-tab.active{
        color: #4080FF;
        text-align: center;
        background: url('/static/images/index-tab-active-bg.png') no-repeat center bottom;
    }
    .Ec-tdcotent-right .swiper-tabs9 .s-tabs-ul{
        padding: 10px 15px;
    }
    .Ec-tdcotent-right .swiper-tabs9 .s-tabs-ul .s-tabs-li {
        display: flex;
        align-items: center;
    }

    .Ec-tdcotent-right .swiper-tabs9 .s-tabs-ul .s-tabs-li::before{
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 3px;
        margin-right: 10px;
        background-color: #4080FF;
    }
    .Ec-tdcotent-right .swiper-tabs9 .s-tabs-ul .s-tabs-li .s-tab-a {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0px calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-tdcotent-right .swiper-tabs9 .s-tabs-ul .s-tabs-li .s-tab-a:hover{
        color: #4080FF;
    }
    .Ec-tdcotent-right .swiper-tabs9 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-title {
        flex: 1;
        min-width: 0;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Ec-tdcotent-right .swiper-tabs9 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-date {
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #959595;
    }




    .Ec-fdcotent-left{
        width: 455px;
        background-color: #ffffff;
        border: 1px solid #ccc;
        overflow: hidden;
    }
    .Ec-fdcotent-left .Ec-tabs{
        height: calc(44 * (clamp(120px, 100vw, 1400px) / 1400));
        background: #ffffff;
        color: #000000;
        border-bottom: 1px solid #cccccc;
        align-items: center;
        font-weight: bold;
        font-size: 20px;
        padding-left: 18px;
    }
    .Ec-fdcotent-left .Ec-tabs .Ec-tab{
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #999999;
        padding: 12px 25px;
        cursor: pointer;
    }
    .Ec-fdcotent-left .Ec-tabs .Ec-tab.active{
        color: #4080FF;
        text-align: center;
        background: url('/static/images/index-tab-active-bg.png') no-repeat center bottom;
    }
    .Ec-fdcotent-left .swiper-tabs15 .s-tabs-ul{
        padding: 10px 15px;
    }
    .Ec-fdcotent-left .swiper-tabs15 .s-tabs-ul .s-tabs-li {
        display: flex;
        align-items: center;
    }
    .Ec-fdcotent-left .swiper-tabs15 .s-tabs-ul .s-tabs-li::before{
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 3px;
        margin-right: 10px;
        background-color: #4080FF;
    }

    .Ec-fdcotent-left .swiper-tabs15 .s-tabs-ul .s-tabs-li .s-tab-a {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0px calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-fdcotent-left .swiper-tabs15 .s-tabs-ul .s-tabs-li .s-tab-a:hover{
        color: #4080FF;
    }
    .Ec-fdcotent-left .swiper-tabs15 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-title {
        flex: 1;
        min-width: 0;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Ec-fdcotent-left .swiper-tabs15 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-date {
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #959595;
    }



    
    .Ec-fdcotent-mid{
        width: 455px;
        background-color: #ffffff;
        border: 1px solid #ccc;
        overflow: hidden;
    }
    .Ec-fdcotent-mid .Ec-tabs{
        height: calc(44 * (clamp(120px, 100vw, 1400px) / 1400));
        background: #ffffff;
        color: #000000;
        border-bottom: 1px solid #cccccc;
        align-items: center;
        font-weight: bold;
        font-size: 20px;
        padding-left: 18px;
    }
    .Ec-fdcotent-mid .Ec-tabs .Ec-tab{
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #999999;
        padding: 12px 25px;
        cursor: pointer;
    }
    .Ec-fdcotent-mid .Ec-tabs .Ec-tab.active{
        color: #4080FF;
        text-align: center;
        background: url('/static/images/index-tab-active-bg.png') no-repeat center bottom;
    }
    .Ec-fdcotent-mid .swiper-tabs16 .s-tabs-ul{
        padding: 10px 15px;
    }
    .Ec-fdcotent-mid .swiper-tabs16 .s-tabs-ul .s-tabs-li {
        display: flex;
        align-items: center;
    }
    .Ec-fdcotent-mid .swiper-tabs16 .s-tabs-ul .s-tabs-li::before{
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 3px;
        margin-right: 10px;
        background-color: #4080FF;
    }

    .Ec-fdcotent-mid .swiper-tabs16 .s-tabs-ul .s-tabs-li .s-tab-a {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0px calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-fdcotent-mid .swiper-tabs16 .s-tabs-ul .s-tabs-li .s-tab-a:hover{
        color: #4080FF;
    }
    .Ec-fdcotent-mid .swiper-tabs16 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-title {
        flex: 1;
        min-width: 0;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Ec-fdcotent-mid .swiper-tabs16 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-date {
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #959595;
    }


    /* banner2*/
    .Ec-ex-swiper {
        height: calc(126 * (clamp(120px, 100vw, 1400px) / 1400));
        margin-top: calc(25 * (clamp(120px, 100vw, 1400px) / 1400));
        margin-bottom: calc(25 * (clamp(120px, 100vw, 1400px) / 1400));
        overflow: hidden;
    }

    .Ec-ex-swiper .Ec-swiper-images {
        height: 100%;
    }

    .Ec-ex-swiper .Ec-swiper-images .img {
        width: 100%;
        object-fit: cover;
        height: 100%;
    }

    /* list 1 */
    .Ec-list1 {
        display: flex;
        gap: calc(39 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-list1 .Ec-list1-left {
        flex-shrink: 0;
        width: calc(441 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        flex-flow: column;
    }

    .Ec-list1 .Ec-list1-right {
        flex: 1;
        min-width: 0;
        flex-shrink: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: calc(21 * (clamp(120px, 100vw, 1400px) / 1400));
        column-gap: calc(38 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    /*招标公告*/
    .Ec-announcement {
        width: calc(441 * (clamp(120px, 100vw, 1400px) / 1400));
        /**
          tabs
           */
    }

    /*电力项目*/
    .Ec-electricity {
        width: calc(441 * (clamp(120px, 100vw, 1400px) / 1400));
        /**
          tabs
           */
    }

    .Ec-electricity .swiper-tabs4 {
        flex: 1;
        overflow: hidden;
        background-color: #FFFFFF;
    }

    .Ec-electricity .swiper-tabs4 .s-tabs-ul {
        padding: calc(10 * (clamp(120px, 100vw, 1400px) / 1400)) calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        gap: calc(2 * (clamp(120px, 100vw, 1400px) / 1400));
        flex-flow: column;
    }

    .Ec-electricity .swiper-tabs4 .s-tabs-ul .s-tabs-li {
        display: flex;
        align-items: center;
    }

    .Ec-electricity .swiper-tabs4 .s-tabs-ul .s-tabs-li .s-tab-a {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0px calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-electricity .swiper-tabs4 .s-tabs-ul .s-tabs-li .s-tab-a:hover {
        color: #4080FF;
    }
    .Ec-electricity .swiper-tabs4 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-title {
        flex: 1;
        min-width: 0;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Ec-electricity .swiper-tabs4 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-date {
        font-size: calc(12 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #959595;
    }

    /*标书下载*/
    .Ec-download {
        width: calc(441 * (clamp(120px, 100vw, 1400px) / 1400));
        /**
          tabs
           */
    }

    /*Vip项目*/
    .Ec-vip {
        width: calc(441 * (clamp(120px, 100vw, 1400px) / 1400));
        /**
          tabs
           */
    }

    .Ec-vip .swiper-tabs5 {
        flex: 1;
        overflow: hidden;
        background-color: #FFFFFF;
    }

    .Ec-vip .swiper-tabs5 .s-tabs-ul {
        padding: calc(10 * (clamp(120px, 100vw, 1400px) / 1400)) calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        gap: calc(2 * (clamp(120px, 100vw, 1400px) / 1400));
        flex-flow: column;
    }

    .Ec-vip .swiper-tabs5 .s-tabs-ul .s-tabs-li {
        display: flex;
        align-items: center;
    }

    .Ec-vip .swiper-tabs5 .s-tabs-ul .s-tabs-li .s-tab-a {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0px calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-vip .swiper-tabs5 .s-tabs-ul .s-tabs-li .s-tab-a:hover{
        color: #4080FF;
    }

    .Ec-vip .swiper-tabs5 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-title {
        flex: 1;
        min-width: 0;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Ec-vip .swiper-tabs5 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-date {
        font-size: calc(12 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #959595;
    }
    /**
    分类列表
     */
    .Ec-r-list {
        flex: 1;
        border-top: 0px;
        padding: calc(10 * (clamp(120px, 100vw, 1400px) / 1400)) calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        flex-flow: column;
        gap: calc(12 * (clamp(120px, 100vw, 1400px) / 1400)) 0px;
        height: calc(251 * (clamp(120px, 100vw, 1400px) / 1400));
        background-color: #FFFFFF;
    }

    .Ec-r-list .Ec-r-item {
        flex: 1;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .Ec-r-list .Ec-r-item .Ec-r-li {
        display: flex;
        width: 100%;
        align-items: center;
        gap: 8px;
        /*justify-content: space-between;*/
        height: calc(30 * (clamp(120px, 100vw, 1400px) / 1400));
        /*min-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));*/
    }

    .Ec-r-list .Ec-r-item .Ec-r-li.b .a {
        flex: none !important;
        white-space: nowrap;
        width: auto;
        font-size: 15px;
    }

    .Ec-r-list .Ec-r-item .Ec-r-li .a {
        display: flex;
        justify-content: space-between;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #000000;
        flex: 1;
        width: 100%;
    }
    .Ec-r-list .Ec-r-item .Ec-r-li .a:hover{
        color: #4080FF;
    }



    .Ec-r-list .Ec-r-item .Ec-r-li .a .span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        flex: 1;
        min-width: 0;
    }

    .Ec-r-list .Ec-r-item .Ec-r-li .date {
        font-weight: 400;
        font-size: calc(12 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #959595;
    }

    .m30 {
        margin-top: calc(30 * (clamp(120px, 100vw, 1400px) / 1400));
        margin-bottom: calc(30 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .m20 {
        margin-top: calc(20 * (clamp(120px, 100vw, 1400px) / 1400));
        margin-bottom: calc(20 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-list2 .Ec-track-down .Ec-procedure-line {
        border-top: none;
        border-left: 1px solid #E6E6E6;
        border-right: 1px solid #E6E6E6;
        border-bottom: 1px solid #E6E6E6;
        padding: calc(10 * (clamp(120px, 100vw, 1400px) / 1400)) calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-list2 .Ec-track-down .Ec-procedure-line .Ec-line-ul .Ec-item {
        display: flex;
    }

    .Ec-list2 .Ec-track-down .Ec-procedure-line .Ec-line-ul .Ec-item .Ec-dl {
        width: 100%;
        flex: 1;
        display: flex;
        align-items: center;
    }

    .Ec-list2 .Ec-track-down .Ec-procedure-line .Ec-line-ul .Ec-item .Ec-dl .Ec-title {
        min-width: calc(247 * (clamp(120px, 100vw, 1400px) / 1400));
        flex-shrink: 0;
        font-weight: 400;
        font-size: calc(12 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(46 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-list2 .Ec-track-down .Ec-procedure-line .Ec-line-ul .Ec-item .Ec-dl .Ec-ul {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0 calc(10 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-list2 .Ec-track-down .Ec-procedure-line .Ec-line-ul .Ec-item .Ec-dl .Ec-ul .Ec-ss-active.Ec-ss-active {
        background: #4080FF;
    }

    .Ec-list2 .Ec-track-down .Ec-procedure-line .Ec-line-ul .Ec-item .Ec-dl .Ec-ul .Ec-ss-text {
        border-radius: calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
        min-width: calc(72 * (clamp(120px, 100vw, 1400px) / 1400));
        min-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        font-weight: 400;
        font-size: calc(12 * (clamp(120px, 100vw, 1400px) / 1400));
        background: #A1A1A1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }

    .Ec-list2 .Ec-track-down .Ec-procedure-line .Ec-line-ul .Ec-item .Ec-dl .Ec-ul .Ec-ss-img {
        flex: 1;
        flex-shrink: 0;
        width: calc(20 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(20 * (clamp(120px, 100vw, 1400px) / 1400));
        transform: rotate(180deg);
        background-image: url("../../../static/index/images/u137.svg");
        background-size: calc(20 * (clamp(120px, 100vw, 1400px) / 1400));
        background-repeat: no-repeat;
        background-position: center;
    }

    /**
    list 3
     */
    .Ec-list3 {
        display: grid;
        grid-template-columns: repeat(3, calc(441 * (clamp(120px, 100vw, 1400px) / 1400)));
        justify-content: space-between;
        row-gap: calc(32 * (clamp(120px, 100vw, 1400px) / 1400));
        column-gap: calc(38 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-list3 .l3-common-style {
        max-width: calc(441 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-list3 .l3-common-style .swiper-tabs1 {
        overflow: hidden;
    }

    .Ec-list3 .l3-common-style .swiper-tabs1 .s-tabs-ul {
        display: flex;
        gap: 2px;
        flex-flow: column;
        padding: calc(10 * (clamp(120px, 100vw, 1400px) / 1400)) calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
        border-top: none;
        border-left: 1px solid #E6E6E6;
        border-right: 1px solid #E6E6E6;
        border-bottom: 1px solid #E6E6E6;
    }

    .Ec-list3 .l3-common-style .swiper-tabs1 .s-tabs-ul .s-tabs-li {
        display: flex;
        align-items: center;
    }

    .Ec-list3 .l3-common-style .swiper-tabs1 .s-tabs-ul .s-tabs-li .s-tab-a {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0px calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-list3 .l3-common-style .swiper-tabs1 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-title {
        flex: 1;
        min-width: 0;
        font-weight: 400;
        font-size: calc(12 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Ec-list3 .l3-common-style .swiper-tabs1 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-date {
        font-size: calc(12 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #959595;
    }

    .Ec-sub-station {
        display: flex;
        flex-flow: column;
    }

    .Ec-sub-station .Ec-r-list {
        flex: 1;
    }



    .Ec-list3 .Ec-knowledge {
        display: flex;
        flex-flow: column;
        flex: 1 1 calc(349 * (clamp(120px, 100vw, 1400px) / 1400));
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .Ec-list3 .Ec-knowledge .swiper-tabs3 {
        flex: 1;
        overflow: hidden;
        background-color: #FFFFFF;
    }

    .Ec-list3 .Ec-knowledge .swiper-tabs3 .s-tabs-ul {
        padding: calc(10 * (clamp(120px, 100vw, 1400px) / 1400)) calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        flex-flow: column;
    }

    .Ec-list3 .Ec-knowledge .swiper-tabs3 .s-tabs-ul .s-tabs-li {
        display: flex;
        align-items: center;
    }

    .Ec-list3 .Ec-knowledge .swiper-tabs3 .s-tabs-ul .s-tabs-li .s-tab-a {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0px calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-list3 .Ec-knowledge .swiper-tabs3 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-title {
        flex: 1;
        min-width: 0;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(30 * (clamp(120px, 100vw, 1400px) / 1400));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Ec-list3 .Ec-knowledge .swiper-tabs3 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-date {
        font-size: calc(12 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #959595;
    }

    .Ec-row1{
        width: 1400px;
        margin: 20px auto;
        display: flex;
        justify-content: space-between;
    }
    .Ec-row1 .Ec-list4{
        width: 1076px;
        flex-shrink: 0;
    }
    .Ec-row1 .Ec-ad1{
        width: 304px;
        height: 395px;
        flex-shrink: 0;
    }
    .Ec-row1 .Ec-ad1 img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .Ec-list4 .friendly-link .friendly-items {
        /*min-height: calc(118 * (clamp(120px, 100vw, 1400px) / 1400));*/
        border-top: 1px solid transparent;
        border-bottom: 1px solid #e6e6e6;
        border-left: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
        padding: calc(10 * (clamp(120px, 100vw, 1400px) / 1400)) calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-list4 .friendly-link .friendly-items .friendly-li {
        font-weight: 400;
        font-size: calc(12 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-list4 .friendly-link .friendly-items .friendly-li .a {
        color: #333;
    }

    .Ec-row2{
        width: 1400px;
        margin: 20px auto;
        display: flex;
        justify-content: space-between;
    }
    
    .Ec-row2 .Ec-enterprise {
        width: 450px;
        display: flex;
        flex-flow: column;
    }

    .Ec-row2 .Ec-enterprise .Ec-r-list {
        flex: 1;
        padding: calc(10 * (clamp(120px, 100vw, 1400px) / 1400)) calc(0 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-row2 .Ec-enterprise .Ec-r-list .Ec-r-item {
        padding:0 calc(10 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }


    .Ec-row2 .Ec-enterprise .Ec-r-list .Ec-r-item svg{
        width: 100%;
        height: 100%;
    }
    .Ec-row2 .Ec-enterprise .Ec-r-list .Ec-r-item rect{
        width: 100%;
        height: 100%;
        fill:rgb(0,0,255);
        stroke-width:1;
        stroke:rgb(0,0,0)
    }
    .Ec-row2 .Ec-enterprise .Ec-r-list .Ec-r-item text {
        stroke: #fff;
        stroke-width: 1;
        font-size: 26px;
        /* 文本水平居中 */
        text-anchor: middle;
        /* 文本垂直居中 */
        dominant-baseline: middle;
        letter-spacing: 0.2em;
    }

    .Ec-row2 .Ec-enterprise .Ec-r-list .Ec-r-logo {
        width: calc(150 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(48 * (clamp(120px, 100vw, 1400px) / 1400));
        margin: 0 auto;
    }

    .Ec-row2 .Ec-enterprise .Ec-r-list .Ec-r-logo .img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    /*招标信息分类*/
    .Ec-bidding-info {
        width: calc(925 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        flex-flow: column;
        height: 100%;
        /**
        tabs
         */
        /*列表*/
    }

    .Ec-bidding-info .Ec-bidding-list {
        border-top: 0px;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 10px;
        padding-right: 0px;
        display: flex;
        flex-wrap: wrap;
        gap: calc(2 * (clamp(120px, 100vw, 1400px) / 1400)) 0px;
        background-color: #FFFFFF;
    }

    .Ec-bidding-info .Ec-bidding-list .Ec-bidding-item {
        display: flex;
        height: 170px;
        width: 83px;
        flex-direction: column;
        align-items: baseline;
        flex-wrap: wrap;
        color: #4080FF;
        font-weight: 400;
        flex-shrink: 0;
        font-size: calc(12 * (clamp(120px, 100vw, 1400px) / 1400));
        position: relative;
    }

    .Ec-bidding-info .Ec-bidding-list .Ec-bidding-item .Ec-bidding-title {
        color: #4080FF;
        padding: 0px calc(4 * (clamp(120px, 100vw, 1400px) / 1400));
        position: relative;
        display: flex;
        flex-shrink: 0;
        font-weight: bold;
        align-items: center;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        margin-bottom: 5px;
    }
    .Ec-bidding-info .Ec-bidding-list .Ec-bidding-item ul {
        display: flex;
        flex-direction: column;
        font-size: calc(16 * (clamp(120px, 100vw, 1400px) / 1400));
        height: 116px;
        min-width: 0;
        padding: 5px 3px;
        row-gap: calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
        overflow: hidden;
    }
    .Ec-bidding-info .Ec-bidding-list .Ec-bidding-item .Ec-bidding-active {
        font-weight: bold;
        color: #4080FF;
    }
    .Ec-bidding-info .Ec-bidding-list .Ec-bidding-item .Ec-bidding-show {
        position: absolute;
        background: #ffffff;
        height: auto;
        left: 3px;
        top: 26px;
        flex-wrap: wrap;
        padding-top: 5px;
        padding-bottom: 5px;
        z-index: 3;
        border: 1px solid #ccc;
    }
    .Ec-bidding-info .Ec-bidding-list .Ec-bidding-item ul .Ec-bidding-span {
        color: #333;
        padding: 0px calc(4 * (clamp(120px, 100vw, 1400px) / 1400));
        font-size: calc(13 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        flex-shrink: 0;
        align-items: center;
        white-space: nowrap;
        overflow: hidden;
    }

    .Ec-bidding-info .Ec-bidding-list .Ec-bidding-item ul .Ec-bidding-span a {
        color: inherit;
        font-size: inherit;
    }
    .Ec-bidding-info .Ec-bidding-list .Ec-bidding-item ul .Ec-bidding-span a:hover {
        color: #4080FF;
    }

    .Ec-row3{
        width: 1400px;
        margin: 20px auto;
        display: flex;
        justify-content: space-between;
    }
    .Ec-construction{
        width: 450px;
        flex-shrink: 0;
    }

    .Ec-calendar{
        width: 450px;
        flex-shrink: 0;
    }
    
    .Ec-calendar .Ec-tabs .Ec-tab {
        white-space: nowrap !important;
    }

    .Ec-calendar .Ec-select {
        margin-left: auto;
        display: flex;
        align-items: center;
    }

    .Ec-calendar .Ec-select .ec-select-view {
        font-size: calc(12 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-calendar .Ec-select .span {
        font-size: calc(12 * (clamp(120px, 100vw, 1400px) / 1400));
        padding: 0 calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-calendar .Ec-r-view {
        width: 100%;
    }

    .Ec-calendar .Ec-r-view .Ec-r-table {
        width: 100%;
    }

    .Ec-calendar .Ec-r-view .Ec-r-table .Ec-r-head tr th {
        color: #D42F39;
        text-align: center;
        border: 1px solid #E3E3E3;
        border-collapse: collapse;
        padding: calc(3 * (clamp(120px, 100vw, 1400px) / 1400));
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-calendar .Ec-r-view .Ec-r-table .Ec-r-body tr td {
        color: #9EA5A5;
        text-align: center;
        border: 1px solid #E3E3E3;
        border-collapse: collapse;
        padding: calc(3 * (clamp(120px, 100vw, 1400px) / 1400));
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-calendar .fc-border-separate {
        border: calc(1 * (clamp(120px, 100vw, 1400px) / 1400)) solid #000;
    }

    .Ec-calendar .fc-header-right {
        display: none;
    }

    .Ec-calendar .fc-border-separate td,
    .Ec-calendar .fc-border-separate th {
        border: calc(1 * (clamp(120px, 100vw, 1400px) / 1400)) solid #E1E1E1;
        font-size: calc(12 * (clamp(120px, 100vw, 1400px) / 1400));
        text-align: center;
        width: auto !important;
    }

    .Ec-calendar .fc-day.active {
        background: #FFCC00;
    }

    .Ec-calendar .fc-day-header {
        padding: calc(7 * (clamp(120px, 100vw, 1400px) / 1400)) 0 !important;
    }

    .Ec-calendar .fc-day-number {
        min-height: calc(30 * (clamp(120px, 100vw, 1400px) / 1400)) !important;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .Ec-calendar .fc-other-month .fc-day-number {
        opacity: 0;
    }

    .Ec-calendar .fc-day-cnTerm {
        display: none;
    }

    .Ec-calendar .fc-day-cnDate {
        display: none;
    }

    .Ec-supplier {
        width: 453px;
        flex-shrink: 0;
        display: flex;
        flex-flow: column;
    }

    .Ec-supplier .swiper-tabs1 {
        flex: 1;
        overflow: hidden;
    }

    .Ec-supplier .swiper-tabs1 .s-tabs-ul {
        padding: calc(10 * (clamp(120px, 100vw, 1400px) / 1400)) calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        gap: calc(2 * (clamp(120px, 100vw, 1400px) / 1400));
        flex-flow: column;
    }

    .Ec-supplier .swiper-tabs1 .s-tabs-ul .s-tabs-li {
        display: flex;
        align-items: center;
    }

    .Ec-supplier .swiper-tabs1 .s-tabs-ul .s-tabs-li .s-tab-a {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0px calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-supplier .swiper-tabs1 .s-tabs-ul .s-tabs-li .s-tab-a .s-li-title {
        flex: 1;
        min-width: 0;
        font-weight: 400;
        font-size: calc(12 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Ec-supplier .swiper-tabs2 {
        overflow: hidden;
        flex: 1;
        background-color: #FFFFFF;
    }

    .Ec-supplier .s-tabs-ul {
        height: 100%;
        padding: calc(10 * (clamp(120px, 100vw, 1400px) / 1400)) calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        flex-wrap: wrap;
        /*flex-flow: column;*/
        /*justify-content: space-between;*/
    }

    .Ec-supplier .s-tabs-ul .s-tabs-li {
        list-style: initial;
        width: 100%;
        padding: 0.5em 0
    }

    .Ec-supplier .s-tabs-ul .s-tabs-li::marker {
        font-size: calc(6 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-supplier .s-tabs-ul .s-tabs-li .s-li-title {
        font-weight: 400;
        font-size: calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-row4{
        width: 1400px;
        margin: 20px auto;
    }

    .Ec-s-list {
        border-top: 0px;
        padding: calc(20 * (clamp(120px, 100vw, 1400px) / 1400)) calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        flex-wrap: wrap;
        gap: calc(12 * (clamp(120px, 100vw, 1400px) / 1400)) 0px;
        background-color: #FFFFFF;
    }

    .Ec-s-list .Ec-s-item {
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 30% 23% 23% 23%;
        grid-template-rows: 30px 30px;
        gap: 12px 12px;
    }

    .Ec-s-list .Ec-s-item .Ec-s-li {
        display: flex;
        align-items: center;
        flex-shrink: 0;
        gap: 8px;
        height: calc(30 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-s-list .Ec-s-item .Ec-s-li.b .span{
        color: #004CE2;
    }

    .Ec-s-list .Ec-s-item .Ec-s-li.b .a {
        flex: none !important;
        white-space: nowrap;
        width: auto;
        font-size: 15px;
    }

    .Ec-s-list .Ec-s-item .Ec-s-li .a {
        display: flex;
        justify-content: space-between;
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #000000;
        flex: 1;
        width: 100%;
    }
    .Ec-s-list .Ec-s-item .Ec-s-li .a:hover{
        color: #4080FF;
    }

    .Ec-s-list .Ec-s-item .Ec-s-li .a .span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        flex: 1;
        min-width: 0;
    }

    .Ec-s-list .Ec-s-item .Ec-s-li .date {
        font-weight: 400;
        font-size: calc(12 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #959595;
    }

    .Ec-row5{
        width: 1400px;
        margin: 20px auto;
    }

    .Ec-row5 .Ec-friend-link{
        width: 100%;
        min-width: 0;
        display: flex;
        flex-direction: column;
        background-color: #FFFFFF;
    }
    .Ec-row5 .Ec-friend-link .Ec-tabs {
        height: calc(44 * (clamp(120px, 100vw, 1400px) / 1400));
        background: #ffffff;
        border-bottom: 1px solid #cccccc;
        font-weight: bold;
    }
    .Ec-row5 .Ec-friend-link .Ec-tab{
        padding: 0px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        font-size: calc(20 * (clamp(120px, 100vw, 1400px) / 1400));
        min-width: calc(96 * (clamp(120px, 100vw, 1400px) / 1400));
        background: transparent;
        color: #000000;
        cursor: pointer;
    }
    .Ec-row5 .Ec-friend-link .friendly-link {
        width: 100%;
        height: calc(191 * (clamp(120px, 100vw, 1400px) / 1400));
        background-color: #FFFFFF;
    }
    .Ec-row5 .Ec-friend-link .friendly-link .friendly-items {
        padding: calc(10 * (clamp(120px, 100vw, 1400px) / 1400)) calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-row5 .Ec-friend-link .friendly-link{
        width: 100%;        
        height: calc(150 * (clamp(120px, 100vw, 1400px) / 1400));
        background-color: #FFFFFF;
    }
    .Ec-row5 .Ec-friend-link .friendly-link .friendly-items {
        /*min-height: calc(118 * (clamp(120px, 100vw, 1400px) / 1400));*/
        padding: calc(10 * (clamp(120px, 100vw, 1400px) / 1400)) calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-row5 .Ec-friend-link .friendly-link .friendly-items .friendly-li {
        font-weight: 400;
        font-size: calc(16 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(56 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-row5 .Ec-friend-link .friendly-link .friendly-items .friendly-li .a {
        display: inline-block;
        color: #333;
        padding: 4px 12px;
        background-color: #C7DFFF;
        margin-left: 10px;
    }



    .Ec-list5 {
        margin-top: calc(32 * (clamp(120px, 100vw, 1400px) / 1400));
        margin-bottom: calc(32 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        gap: 0;
    }
    .Ec-list5 .Ec-tabs{
        height: calc(44 * (clamp(120px, 100vw, 1400px) / 1400));
        background: #4080FF;
        color: #ffffff;
    }
    .Ec-list5 .Ec-tab {
        padding: 0px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        font-size: calc(20 * (clamp(120px, 100vw, 1400px) / 1400));
        min-width: calc(96 * (clamp(120px, 100vw, 1400px) / 1400));
        background: transparent;
        color: #fff;
    }
    .Ec-friend-link{
        width: calc(920 * (clamp(120px, 100vw, 1400px) / 1400));
        min-width: 0;
        display: flex;
        flex-direction: column;
    }
    .Ec-other-way{
        width: calc(480 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-x-ewm{
        width: 100%;
        height: calc(191 * (clamp(120px, 100vw, 1400px) / 1400));
        display: flex;
        justify-content: center;
        gap: calc(20 * (clamp(120px, 100vw, 1400px) / 1400));
        background-color: #FFFFFF;
    }
    .Ec-x-ewm-item{
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 16px;
        color: #333333;
        gap: calc(5 * (clamp(120px, 100vw, 1400px) / 1400));
        margin-top: calc(10 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-x-ewm img{
        width: calc(135 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(135 * (clamp(120px, 100vw, 1400px) / 1400));
    }
    .Ec-list5 .friendly-link{
        width: 100%;        
        height: calc(191 * (clamp(120px, 100vw, 1400px) / 1400));
        background-color: #FFFFFF;
    }
    .Ec-list5 .friendly-link .friendly-items {
        /*min-height: calc(118 * (clamp(120px, 100vw, 1400px) / 1400));*/
        padding: calc(10 * (clamp(120px, 100vw, 1400px) / 1400)) calc(15 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-list5 .friendly-link .friendly-items .friendly-li {
        font-weight: 400;
        font-size: calc(16 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(56 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .Ec-list5 .friendly-link .friendly-items .friendly-li .a {
        display: inline-block;
        color: #333;
        padding: 4px 12px;
        background-color: #C7DFFF;
        margin-left: 10px;
    }
    .Ex-tabs{
        padding-left: 18px !important;
    }
    .Ex-tab{
        font-size: 14px !important;
        color: #999999 !important;
        padding: 12px 25px !important;
        cursor: pointer !important;
    }
    .Ex-tab.active{
        color: #4080FF !important;
        text-align: center !important;
        background: url(/static/images/index-tab-active-bg.png) no-repeat center bottom !important;
    }
    /**
    footer
     */
    .footer {
        border-top: calc(3 * (clamp(120px, 100vw, 1400px) / 1400)) solid #4080FF;
        margin-top: 30px;
        height: 458px;
        background-color: #FAFCFF;
    }

    .footer .footer-box .f-tabs-lines {
        display: flex;
        justify-content: space-around;
        padding: calc(20 * (clamp(120px, 100vw, 1400px) / 1400)) 0;
    }

    .footer .footer-box .f-tabs-lines .a {
        font-weight: 400;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
        color: #333333;
    }

    .footer .footer-box .f-customer-email {
        display: flex;
        justify-content: center;
    }

    .footer .footer-box .f-customer-email .span {
        font-weight: 400;
        font-style: normal;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        text-align: center;
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .footer .footer-box .f-customer-email .f-l {
        margin: 0px calc(20 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .footer .footer-box .f-e-cc {
        display: flex;
        justify-content: center;
    }

    .footer .footer-box .f-e-cc .span {
        font-weight: 400;
        font-style: normal;
        font-size: calc(14 * (clamp(120px, 100vw, 1400px) / 1400));
        line-height: calc(28 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .footer .footer-box .f-e-codes {
        display: flex;
        justify-content: center;
        gap: calc(20 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .footer .footer-box .f-e-codes .f-e-code {
        width: calc(100 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(100 * (clamp(120px, 100vw, 1400px) / 1400));
        background: #D7D7D7;
    }

    .footer .footer-box .f-e-images {
        display: flex;
        justify-content: center;
        gap: calc(10 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .footer .footer-box .f-e-images .f-e-image {
        width: calc(118 * (clamp(120px, 100vw, 1400px) / 1400));
        height: calc(48 * (clamp(120px, 100vw, 1400px) / 1400));
        min-width: calc(118 * (clamp(120px, 100vw, 1400px) / 1400));
        min-height: calc(48 * (clamp(120px, 100vw, 1400px) / 1400));
    }

    .footer .footer-box .f-e-images .f-e-image img {
        max-width: 100%;
        height: 100%;
    }
}

/**
————————————————————————————————————————————————————————————————————————
 */
/**
h5 头部 尾部
 */
.top, .bottom {
    display: none !important;
}

/**
h5  首页 index
 */
@media screen {
    .warp-on-inner {
        width: 9.2rem;
        margin: 0 auto;
    }

    .warp-in-inner {
        padding: 0 .4rem;
        box-sizing: border-box;
    }
    .m1 {
        margin: .1rem 0;
    }

    .m3 {
        margin: .3rem 0;
    }

    .top {
        top: 0;
        width: 100%;
        height: 1.44rem;
        display: flex;
        align-items: center;
        position: fixed;
        background: #fff;
        z-index: 9999;
        /**
        展开收起
         */
    }

    .top .top-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 9999;
    }
    .top .top-content .warp-logo{
        line-height: 1 !important;
    }
    .top .top-content .warp-logo .img {
        width: 4.3rem;
        height: .8rem;
    }

    .top .top-content .warp-right {
        display: flex;
        align-items: center;
        height: .573rem;
    }

    .top .top-content .warp-right .warp-no-login {
        width: .573rem;
        height: .573rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .top .top-content .warp-right .warp-no-login .image {
        width: inherit;
        height: inherit;
    }

    .top .top-content .warp-right .warp-switch {
        margin-left: .5rem;
        width: .56rem;
        height: .483rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }

    .top .top-content .warp-right .warp-switch.active .line {
        position: absolute;
        top: 50%;
    }

    .top .top-content .warp-right .warp-switch.active .line:nth-child(1) {
        transform: rotate(-45deg);
        transition: .3s linear;
    }

    .top .top-content .warp-right .warp-switch.active .line:nth-child(2) {
        opacity: 0;
    }

    .top .top-content .warp-right .warp-switch.active .line:nth-child(3) {
        transform: rotate(45deg);
        transition: .3s linear;
    }

    .top .top-content .warp-right .warp-switch .line {
        width: .56rem;
        height: 0.07rem;
        border-radius: 100rem;
        background: #353535;
    }

    .top .top-content .warp-right .warp-switch .line:nth-child(2) {
        opacity: 1;
        transition: .3s linear;
    }

    .top .warp-menu {
        position: absolute;
        width: 100%;
        top: 1.24rem;
        display: none;
        height: calc(100vh - 1.7rem - 1.24rem);
        background: #fff;
        z-index: 9999;
        overflow-y: auto;
    }

    .top .warp-menu .wap-ul {
        overflow: scroll;
    }

    .top .warp-menu .wap-ul .warp-li {
        padding: .3rem 0;
        border-bottom: 1px solid #F4F4F4;
    }

    .top .warp-menu .wap-ul .warp-li .warp-a {
        display: block;
        width: inherit;
        font-size: .4rem;
        font-weight: 400;
        color: #333333;
    }

    .wrap-container {
        /*height: calc(100vh - 1.7rem);*/
        background: #F5F5F5;
        padding-top: 1.44rem;
        padding-bottom: 1.7rem;
    }

    .wrap-container .wrap-content {
        height: 100%;
        min-height: 100%;
        background: #F5F5F5;
    }

    .wrap-container .warp-upper {
        background: url("/static/index/images/u1.svg") no-repeat;
        background-size: 100% 100%;
        height: 3.9rem;
    }

    .wrap-container .warp-upper .warp-h3 {
        text-align: center;
        color: #fff;
        font-weight: 400;
        font-size: .373rem;
        padding: .25rem;
    }

    .wrap-container .warp-upper .warp-search {
        display: flex;
    }

    .wrap-container .warp-upper .warp-search .warp-forms {
        width: 100%;
        min-height: .96rem;
        display: flex;
        justify-content: flex-start;
    }

    .wrap-container .warp-upper .warp-search .warp-forms .s-input {
        flex: 1;
        font-size: .32rem;
        padding-left: .2rem;
        border-radius: .106rem 0px 0px .106rem;
    }

    .wrap-container .warp-upper .warp-search .warp-forms .s-input::placeholder {
        color: #ACACAC;
    }

    .wrap-container .warp-upper .warp-search .warp-forms .s-button {
        flex-shrink: 0;
        flex-basis: 2.24rem;
        border-radius: 0px .106rem .106rem 0px;
        height: 100%;
        color: #fff;
        font-weight: 400;
        font-size: .356rem;
        background-image: url("/static/index/images/u7.svg");
        background-repeat: no-repeat;
        background-position: .25rem center;
        background-size: .373rem;
        background-color: #4080FF;
    }

    .wrap-container .warp-upper .warp-sort {
        margin-top: .25rem;
    }

    .wrap-container .warp-upper .warp-sort .warp-ul-sort {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .wrap-container .warp-upper .warp-sort .warp-ul-sort .warp-li {
        display: flex;
        align-items: center;
        position: relative;
    }

    .wrap-container .warp-upper .warp-sort .warp-ul-sort .warp-li .warp-a {
        font-size: .266rem;
        color: #fff;
        padding: 0 .08rem;
    }

    .wrap-container .warp-u-list {
        border-radius: .106rem;
        transform: translateY(-0.775rem);
    }

    .wrap-container .warp-u-list .warp-card {
        padding: .266rem;
        box-sizing: border-box;
        background: #fff;
        border-radius: 0.106rem;
    }

    .wrap-container .warp-u-list .warp-card .warp-c-top {
        min-height: .96rem;
        height: .96rem;
        background: linear-gradient(180deg, white 2%, #d6d6d6 97%);
        display: flex;
    }

    .wrap-container .warp-u-list .warp-card .warp-c-top .warp-more {
        align-self: center;
        margin-left: auto;
        padding: 0 .25rem;
    }

    .wrap-container .warp-u-list .warp-card .warp-c-top .warp-more .warp-a {
        font-size: .346rem;
        color: #4080FF;
    }

    .wrap-container .warp-u-list .warp-card .warp-c-top .warp-c-tab {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 2.73rem;
        height: 100%;
        font-size: .426rem;
        font-weight: 400;
        color: #333333;
        padding: 0px .5rem;
    }

    .wrap-container .warp-u-list .warp-card .warp-c-top .warp-c-tab.active {
        background: linear-gradient(180deg, #4080FF 0%, #135cca 100%);
        color: #fff;
    }

    .wrap-container .warp-u-list .warp-card .warp-c-list {
        overflow: hidden;
    }

    .wrap-container .warp-u-list .warp-card .warp-c-list .warp-c-ul {
        padding: .266rem .133rem;
    }

    .wrap-container .warp-u-list .warp-card .warp-c-list .warp-c-ul .warp-c-li {
        min-height: .773rem;
        height: .773rem;
    }

    .wrap-container .warp-u-list .warp-card .warp-c-list .warp-c-ul .warp-c-li .warp-c-a {
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.346rem;
    }

    .wrap-container .warp-u-list .warp-card .warp-c-list .warp-c-ul .warp-c-li .warp-c-a .span {
        flex: .9;
        min-width: 0;
    }

    .wrap-container .warp-u-list .warp-card .warp-c-list .warp-c-ul .warp-c-li .warp-c-a .span.active {
        color: #4080FF;
    }

    .wrap-container .warp-u-list .warp-card .warp-c-list .warp-dt {
        color: #4080FF;
    }

    .wrap-container .warp-u-list .warp-card .warp-c-list .warp-dl {
        width: 100%;
        display: flex;
        height: .773rem;
    }

    .wrap-container .warp-u-list .warp-card .warp-c-list .warp-dl .warp-dt {
        display: flex;
        align-items: center;
    }

    .wrap-container .warp-u-list .warp-card .warp-c-list .warp-dl .warp-c-ul {
        display: flex;
        overflow: hidden;
    }

    .wrap-container .warp-u-list .warp-card .warp-c-list .warp-dl .warp-c-ul .warp-li {
        display: flex;
        align-items: center;
        white-space: nowrap;
    }

    .wrap-container .warp-u-list .warp-card .warp-c-list .warp-dl .warp-c-ul .warp-a {
        min-width: fit-content;
        padding: 0 .15rem;
    }

    .wrap-container .warp-u-list .warp-card .warp-c-list .warp-dl .warp-a {
        font-size: 0.346rem;
        font-weight: 400;
        white-space: nowrap;
    }

    .wrap-container .warp-u-list .w-swiper {
        min-height: 1.33rem;
        height: 1.33rem;
        overflow: hidden;
    }

    .wrap-container .warp-u-list .w-swiper .image {
        /*width: 100%;*/
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
    }

    .bottom {
        position: fixed;
        height: 1.7rem;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
    }

    .bottom .bcn {
        display: flex;
        justify-content: space-between;
        background: #ffffff;
        text-align: center;
        height: 1.7rem;
        width: 100%;
        border-top: 1px solid #eeeeee;
    }

    .bottom .bcn .bcn-iem {
        width: 25%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .bottom .bcn .bcn-iem .bc-im {
        width: 0.6rem;
        height: 0.6rem;
        /*border-radius: 50%;*/
        /*overflow: hidden;*/
        /*margin: 0 0 0.1rem 0;*/
        /*background: #e3e3e3;*/
    }

    .bottom .bcn .bcn-iem .bc-mc {
        color: #333333;
        font-size: 0.29rem;
    }
}

/**
h5 联系我们
 */
@media screen {
    .contact-us {
        display: flex;
        flex-flow: column;
        width: 8.746rem;
        margin: 0 auto;
    }

    .contact-h2 {
        margin: .36rem 0;
        font-weight: 700;
        font-size: .453rem;
    }

    .contact-list .contact-ul {
        display: flex;
        flex-flow: column;
    }

    .contact-list .contact-ul .contact-li {
        min-height: .8rem;
        display: flex;
        align-items: center;
        font-weight: 400;
        font-style: normal;
        font-size: .346rem;
    }

    .contact-list .contact-ul .contact-li .contact-label {
        font-size: inherit;
        padding-right: .25rem;
    }

    .contact-list .contact-ul .contact-li .contact-emi {
        font-size: inherit;
    }
}

/**
登录
 */
@media screen {
    .warp-login {
        height: 100%;
        background: #fff;
        padding-top: 2.4rem;
    }

    .warp-l-title {
        font-weight: 700;
        font-size: .72rem;
        color: #4080FF;
        text-align: center;
        margin-bottom: 0.45rem;
    }

    .warp-form {
        width: 8rem;
        max-width: 8rem;
        margin: 0 auto;
        display: flex;
        flex-flow: column;
    }

    .warp-form .ws-input {
        min-height: 1.22rem;
        border: .013rem solid #e3e3e3;
        padding-left: .24rem;
        font-size: 0.4rem;
        margin: 0.35rem 0;
    }

    .warp-form .ws-input::placeholder {
        color: #98989B;
    }

    .warp-form .ws-button {
        width: 8rem;
        max-width: 8rem;
        margin: .45rem auto 0px auto;
        min-height: 1.22rem;
        background: #4080FF;
        color: #fff;
        font-weight: 400;
        font-size: .426rem;
    }

    .w-sign-in {
        width: 8rem;
        max-width: 8rem;
        margin: .18rem auto 0 auto;
        font-weight: 400;
        font-size: .36rem;
        color: #868A99;
        display: flex;
        justify-content: flex-end;
    }

    .w-sign-in .warp-a {
        font-size: inherit;
        color: #4080FF;
    }
}

/**
列表
 */
@media screen {
    .warp-list .warp-ul .warp-li {
        margin-bottom: 0.266rem;
        padding-top: .125rem;
        padding-bottom: .125rem;
        background: #fff;
    }

    .warp-list .warp-ul .warp-li .warp-h2 {
        font-size: .413rem;
        font-weight: 700;
        color: #333333;
    }

    .warp-list .warp-ul .warp-li .warp-bottom {
        display: flex;
        justify-content: space-between;
        padding: .225rem 0;
    }

    .warp-list .warp-ul .warp-li .warp-bottom .w-b-tabs {
        display: flex;
    }

    .warp-list .warp-ul .warp-li .warp-bottom .w-b-tabs .w-b-tab {
        min-width: 1.026rem;
        padding: 0 .125rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 400;
        font-size: .293rem;
        margin-right: .125rem;
    }

    .warp-list .warp-ul .warp-li .warp-bottom .w-b-tabs .w-b-tab.w-o-color {
        border: .0013rem solid #E1B84F;
        color: #E1B84F;
    }

    .warp-list .warp-ul .warp-li .warp-bottom .w-b-tabs .w-b-tab.w-b-color {
        border: .0013rem solid #1E70BB;
        color: #1E70BB;
    }

    .warp-list .warp-ul .warp-li .warp-bottom .w-b-time {
        font-weight: 400;
        color: #868A99;
        font-size: .32rem;
    }
}

/*# sourceMappingURL=test.css.map */


.side-menu{
    /*display: none;*/
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
    width: 95px;
    height: 403px;
    background: #3475F6;
    box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.09);
    border-radius: 2px;
    text-align: center;
    z-index: 9999;
}
.side-box{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.side-a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 14px;
    color: #FFFFFF !important;
    transition: all 0.3s ease-in-out;
}
.side-icon{
    width: 40px;
    height: 40px;
    transition: all 0.3s ease-in-out;
    background-size: cover;
}
.side-a:hover{
    color: #FFFFFF;
}
.side-icon-1{
    background-image: url('/static/images/side-icon1.png');
}
.side-a:hover .side-icon-1{
    background-image: url('/static/images/side-icon1.png');
}
.side-icon-2{
    background-image: url('/static/images/side-icon2.png');
}
.side-a:hover .side-icon-2{
    background-image: url('/static/images/side-icon2.png');
}
.side-icon-3{
    background-image: url('/static/images/side-icon3.png');
}
.side-a:hover .side-icon-3{
    background-image: url('/static/images/side-icon3.png');
}
.side-icon-4{
    background-image: url('/static/images/side-icon4.png');
}
.side-a:hover .side-icon-4{
    background-image: url('/static/images/side-icon4.png');
}

.side-li{
    width: 100%;
    line-height: 2.7;
    /*background-color: #ff6464;*/
    padding: 5px 8px;
}
.side-li1{
    position: absolute;display: none;right: 100%;background: #fff;color: #000;width: 150px;box-sizing: border-box;padding: 20px 0;
}

.side-menu:hover .side-li1{
    display: block;
}
.side-a{

}

.ex-handle{
    position: absolute;
    width: 20px;
    height: 80px;
    border-radius: 5px 0px 0px 5px;
    background-color: #3475F6;
    top: calc(50% - 40px);
    left: -20px;
    text-align: center;
    line-height: 80px;
    color: #ffffff;
    box-shadow: -2px 1px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: none;
}

.hd-handle{
    position: absolute;
    width: 20px;
    height: 80px;
    border-radius: 0px 5px 5px 0px;
    background-color: #3475F6;
    top: calc(50% - 40px);
    right: -20px;
    text-align: center;
    line-height: 80px;
    color: #ffffff;
    box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}