/*从下到上的动画*/
.topActive{
    animation: fadeInUp 0.8s both;
}
.downActive{
    animation: fadeInUp 1s ease-in-out forwards;
}
.leftActive{
    animation: fadeInLeft 2s both;
}
.rightActive{
    animation: fadeInRight 2s both;
}
.show{

}
.box1_top_main_left_box video{
    width: 100%;
    height: 100%;

}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0 , 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0 , 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}
.active{
    animation:myfirst_animate 3s linear ;
}
@keyframes myfirst_animate {
    0%{
        opacity: 0;

    }
    10%{
        opacity: 0;
        transform: scale(1.09);
    }
    10%{
        opacity: 0.1;
        transform: scale(1.08);
    }
    20%{
        opacity: 0.2;
        transform: scale(1.07);
    }
    30%{
        opacity: 0.4;
        transform: scale(1.06);
    }
    50%{
        opacity: 0.5;
        transform: scale(1.05);
    }
    60%{
        opacity: 0.6;
        transform: scale(1.04);
    }
    70%{
        opacity: 0.7;
        transform: scale(1.03);
    }
    80%{
        opacity: 0.8;
        transform: scale(1.02);
    }
    90%{
        opacity: 0.9;
        transform: scale(1.01);
    }

    100%{
        transform: scale(1);
        opacity: 1;
    }
}

@media only screen and (max-width: 1023px) {
    #index{
        width: 100%;
        height: 100%;
    }
    .swiper{
        width: 100%;
        height: 4.25rem;

    }
    .swiper .el-carousel__container{
        width: 100%;
        height: 4.25rem;
    }
    .swiper .el-carousel__indicators--horizontal{
        bottom: .6rem;
        height: .32rem;
        background: rgba(1, 1, 1, .5);
        padding: 0 .1rem;
        display: flex;
        align-items: center;
        column-gap: .02rem;
        border-radius: .12rem;
    }
    .swiper .el-carousel__button{
        width: .17rem;
        height:  .17rem;
        background: #FFFFFF;
        border-radius: 50%;
        opacity: 0.5;
    }
    .swiper_img{
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: all 0.5s;
    }
    .swiper_img img{
        width: 100%;
        height: 100%;
    }
    .box1{
        width: 100%;
        height: 100%;
    }
    .main{
        width: 6.57rem;
        margin: 0 auto;
        overflow: hidden;
    }

    .box1_top{
        width: 100%;
        height: 100%;
        background-image: url("../img/index/bg1.jpg");
        background-size: cover;
        background-position: center center;
        box-sizing: border-box;
        padding:0.65rem 0 0.85rem 0;
    }
    .box1_top_main_right_box1_text1{
        text-align: center;
        font-weight: 500;
        font-size: 0.24rem;
        color: #4383E9;
    }
    .box1_top_main_right_box1_text2{
        text-align: center;
        font-weight: bold;
        font-size: 0.48rem;
        color: #303030;
    }
    .box1_top_main_left{
        width: 100%;
        height: 3.15rem;
        background: #4383E9;
        position: relative;
        margin-top: 1.3rem;
        opacity: 0;
    }
    .box1_top_main_left_box{
        width: 5.76rem;
        height: 3.85rem;
        /*background: #303030;*/
        background-size: 100% 100%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -1.15rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .yuan{
        width: 1.07rem;
        height: 1.06rem;
        background: url("../img/companyProfile/yuan.png") no-repeat;
        background-size: 100%;
        animation: spin 2s linear infinite;
    }
    .start{
        border-style: solid;
        border-width: .13rem 0 .13rem .23rem;
        border-color: transparent transparent transparent #fff;
        cursor: pointer;
        position: absolute;
        margin-left: .06rem;
    }
    .box1_top_main_right{
        width: 100%;
        height: 100%;
        margin-top: 0.63rem;
        opacity: 0;
    }
    .box1_top_main_right_box1{
        display: none;
    }
    .box1_top_main_right_box2{
        font-weight: 400;
        font-size: .24rem;
        color: #666666;
        line-height: .50rem;
        text-indent: 2em;
        text-align: justify;
    }
    .box1_top_main_right_box3{
        width: 100%;
        height: 1.98rem;
        display: flex;
        align-items: center;

    }
    .box1_top_main_right_box3_item{
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .box1_top_main_right_box3_item_box{
        height: 0.51rem;
    }
    .box1_top_main_right_box3_item_icon1{
        width: 0.52rem;
        height: .5rem;
        background: url("../img/index/box1Icon1.png") no-repeat;
        background-size: 100%;
    }
    .box1_top_main_right_box3_item:hover .box1_top_main_right_box3_item_icon1{
        background-image: url("../img/index/box1Icon11.png");
    }
    .box1_top_main_right_box3_item_icon2{
        width: .53rem;
        height: .47rem;
        background: url("../img/index/box1Icon2.png") no-repeat;
        background-size: 100%;
    }
    .box1_top_main_right_box3_item:hover .box1_top_main_right_box3_item_icon2{
        background-image: url("../img/index/box1Icon22.png");
    }
    .box1_top_main_right_box3_item_icon3{
        width: .51rem;
        height:.51rem;
        background: url("../img/index/box1Icon3.png") no-repeat;
        background-size: 100%;
    }
    .box1_top_main_right_box3_item:hover .box1_top_main_right_box3_item_icon3{
        background-image: url("../img/index/box1Icon33.png");
    }
    .box1_top_main_right_box3_item_icon4{
        width: .41rem;
        height: .47rem;
        background: url("../img/index/box1Icon4.png") no-repeat;
        background-size: 100%;
    }
    .box1_top_main_right_box3_item:hover .box1_top_main_right_box3_item_icon4{
        background-image: url("../img/index/box1Icon44.png");
    }
    .box1_top_main_right_box3_item_text{
        font-weight: 400;
        font-size: .24rem;
        color: #A4A4A4;
        margin-top: .2rem;
    }
    .box1_bottom{
        width: 100%;
        height: 1.68rem;
        background-image: url("../img/index/bg2.jpg");
        background-size: cover;
        background-position: center center;
    }
    .box1_bottom_main{
        width:100%;
        height: 100%;
        display: flex;
    }
    .box1_bottom_main_item{
       flex: 1;
        cursor: pointer;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: .22rem;
    }
    .box1_bottom_main_item:nth-of-type(n+2){
        border-left: 1px solid #FFFFFF;
    }
    .box1_bottom_main_item:nth-of-type(2){
       flex: 1.4;
    }
    .box1_bottom_main_item_box1{
        font-weight: bold;
        font-size: .36rem;
        color: #FFFFFF;
    }
    .box1_bottom_main_item_box1>span:nth-of-type(2){
        font-weight: 500;
        font-size: 0.16rem;
    }
    .box1_bottom_main_item_box2{
        font-weight: 400;
        font-size: .18rem;
        color: #FFFFFF;
    }
    .box2{
        width: 100%;
        background-image: url("../img/index/bg3.jpg");
        background-size: cover;
        background-position: center center;
        padding:.94rem 0  1.32rem 0;
        box-sizing: border-box;
    }
    .main_box{
        width: 100%;
        opacity: 0;
    }
    .main_box1{
        width: 100%;
        opacity: 0;
    }
    .title1{
        font-weight: 500;
        font-size: .16rem;
        color: #4383E9;
        text-align: center;
    }
    .title2{
        text-align: center;
        font-weight: bold;
        font-size:.48rem;
        color: #303030;
    }
    .title3{
        color:#FFFFFF;
    }
    .box2_top{
        width: 100%;
        height: 1.38rem;
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: .27rem;
    }
    .box2_top_item{
        width: 1.79rem;
        height: .55rem;
        background: #FFFFFF;
        border-radius: .28rem;
        text-align: center;
        line-height: .55rem;
        box-sizing: border-box;
        font-weight: 400;
        font-size: .24rem;
        color: #303030;
        cursor: pointer;
    }
    .box2_top_item_active{
        background: #4383E9;
        color: #FFFFFF;
    }
    .box2_bottom{
        width: 100%;
        margin-bottom: 0.89rem;
        /*opacity: 0;*/
    }
    .box2_bottom_left{
        width: 100%;
        height:4.43rem;
        position: relative;
        cursor: pointer;
        opacity: 0;
    }
    .box2_bottom_left .el-carousel__container{
        width: 100%;
        height:4.43rem;
    }
    .box2_bottom_left .el-carousel__indicators--horizontal{
        bottom: .2rem;
    }
    .box2_bottom_left .el-carousel__indicator--horizontal{
        padding: 0 0.12rem;
    }
    .box2_bottom_left .el-carousel__button{
        width: .2rem;
        height: .2rem;
        background: #FFFFFF;
        border-radius: 50%;
        opacity: 0.2;
    }
    .box2_bottom_left_img{
        width: 100%;
        height: 100%;
        transition: all 0.5s;
        overflow: hidden;
    }
    .box2_bottom_left:hover .box2_bottom_left_img{
        transform: scale(1.1);
    }
    .box2_bottom_left_box{
        width: 100%;
        height: 1.25rem;
        background: rgba(0, 0, 0, .5);
        padding: .3rem  .19rem 0 .19rem;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        box-sizing: border-box;
    }
    .box2_bottom_left_box_title{
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        font-weight: 400;
        font-size: .28rem;
        color: #FFFFFF;
    }
    .box2_bottom_right{
        width: 100%;
        cursor: pointer;
        opacity: 0;
    }
    .box2_bottom_right_item{
        width: 100%;
        display: flex;
        align-items: center;
        height: 1.6rem;

    }
    .box2_bottom_right_item:hover .box2_bottom_right_item_left_text1, .box2_bottom_right_item:hover .box2_bottom_right_item_left_text2{
        color: #4383E9;
    }
    .box2_bottom_right_item_left{
        width: 1.44rem;
        height: inherit;
        display: flex;
        flex-direction: column;
        /*align-items: center;*/
        justify-content: center;
    }
    .box2_bottom_right_item_left_text1{
        font-weight: 800;
        font-size: .37rem;
        color: #303030;

    }
    .box2_bottom_right_item_left_text2{
        font-weight: 400;
        font-size: .26rem;
        color: #303030;
        padding-top: .1rem;
    }
    .box2_bottom_right_item_right{
        flex: 1;
        padding-top: .36rem;
        box-sizing: border-box;
    }
    .box2_bottom_right_item:hover .box2_bottom_right_item_right_title{
        color: #4383E9;
        padding-left: 40px;
    }
    .box2_bottom_right_item_right_title{
        font-weight: 400;
        font-size: .28rem;
        color: #303030;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        transition: all 0.5s;
    }
    .box2_bottom_right_item_right_text{
        font-weight: 400;
        font-size: .24rem;
        color: #A2A2A2;
        line-height: .36rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        padding-top: 4px;
        box-sizing: border-box;
    }
    .box3{
        width: 100%;
        background-image: url("../img/index/bg4.jpg");
        background-size: cover;
        background-position: center center;
        padding: .87rem 0 .92rem 0;
        box-sizing: border-box;
    }
    .box3_title1{
        font-weight: 500;
        font-size: .36rem;
        color: #FFFFFF;
    }
    .box3_title2{
        height: 1.22rem;
        line-height: 1.22rem;
        font-weight: bold;
        font-size: .48rem;
        color: #FFFFFF;
    }
    .box3_top{
        width:100%;
        height: 2rem;
    }
    .box3_top_left{
        width: 100%;
        height: inherit;
        display: flex;
        align-items: center;
        column-gap:.46rem;
    }
    .box3_top_left_item{
        width: 1.97rem;
        height: .55rem;
        background: #FFFFFF;
        border-radius: .28rem;
        text-align: center;
        line-height: .55rem;
        box-sizing: border-box;
        font-weight: 400;
        font-size: .24rem;
        color: #303030;
        cursor: pointer;
    }
    .box3_top_left_item_active{
        background: #4383E9;
        color: #FFFFFF;
    }
    .box3_bottom{
        width: 100%;
        opacity: 0;
    }
    .wap_box3_bottom_swiper{
        width: 100%;
        height: 7.22rem;
    }
    .wap_box3_bottom_swiper .el-carousel__container{
        width: 100%;
        height: 7.22rem;
    }
    .box3_bottom_swiper{
        display: none;
    }
    .wap_box3_bottom_swiper{
        width: 100%;
    }
    .wap_box3_bottom_swiper_item{
        width: 4.93rem;
        margin: 0 auto;
    }
    .box3_bottom_swiper_top{
        width: 100%;
        height: 5.87rem;
        background: #FFFFFF;
        border-radius: .50rem 0px 0px 0px;
        padding: .32rem 0;
        box-sizing: border-box;
    }

    .box3_bottom_swiper_top_box{
        width: 4.31rem;
        height: 5.23rem;
        margin: 0 auto;
    }
    .box3_bottom_swiper_top_box>img{
        width: 100%;
        height: 100%;
        /*object-fit: contain;*/
    }
    .box3_bottom_swiper_bottom{
        width: 100%;
        height: 1.35rem;
        background: #4383E9;
        display: flex;
        align-items: center;
        padding: 0 .5rem;
        box-sizing: border-box;

    }
    .box3_bottom_swiper_bottom_left{
        flex: 1;
        font-weight: 500;
        font-size: .28rem;
        color: #FFFFFF;
    }
    .box3_bottom_swiper_bottom_right{
        width: .44rem;
        height: .44rem;
        background: url("../img/index/proIcon.jpg") no-repeat;
        background-size: 100% 100%;
    }
    .box3_bottom_box1{
        margin-top: .43rem;
        display: flex;
        justify-content: center;
    }
    .box3_bottom_box1_icon{
        width: .19rem;
        height: .26rem;
        cursor: pointer;
    }
    .box3_bottom_box1_content{
        padding: 0 .3rem;
        box-sizing: border-box;
        display: flex;
        column-gap: .24rem;
    }
    .box3_bottom_box1_content_item{
        width: .2rem;
        height:.2rem;
        background: #FFFFFF;
        border-radius: 50%;
        opacity: 0.5;
        cursor: pointer;
    }
    .box3_bottom_box1_content_item_active{
        opacity: 1;
    }
    .box4{
        width: 100%;
        background-image: url("../img/index/bg5.jpg");
        background-size: cover;
        background-position: center center;
        padding:1.12rem 0 1.08rem 0;
        box-sizing: border-box;
    }
    .Tendering{
        opacity: 0;
    }
    .Special{
        opacity: 0;
    }
    .box4_bidding_top{
        width: 100%;
        /*position: relative;*/
    }
    .box4_bidding_bottom{
        width: 100%;
        margin-top: .49rem;
    }
    .box4_bidding_bottom_item{
        width: 100%;
        height: 2.48rem;
        background: #FFFFFF;
        position: relative;
        margin-bottom: .43rem;
    }
    .box4_bidding_bottom_item_top{
        width: 100%;
        height: 100%;
        padding: 0.59rem 0.34rem 0 0.34rem;
        box-sizing: border-box;
    }
    .box4_bidding_bottom_item_top_text1{
        font-weight: 400;
        font-size: .24rem;
        color: #1A3574;
        transition: all 0.5s;
    }

    .box4_bidding_bottom_item_top_text2{
        font-weight: 400;
        font-size: .28rem;
        color: #303030;
        line-height: .43rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        transition: all 0.5s;
        padding-top: .39rem;
        box-sizing: border-box;
    }
    .box4_Special_bottom{
        width: 100%;
        margin-top: .85rem;
    }
    .box4_Special_swiper{
        display: none;
    }
    .wap_box4_Special_swiper{
        width: 100%;
        height: 3.54rem;
    }
    .wap_box4_Special_swiper .el-carousel__container{
        width: 100%;
        height: 3.54rem;
    }
    .box4_Special_bottom_swiper_box{
        width: 100%;
        height: 3.54rem;
    }
    .box4_Special_bottom_swiper_box img{
        width: 100%;
        height: 100%;
    }
    .box4_Special_bottom_box1{
        width: 100%;
        margin-top: 0.58rem;
        display: flex;
        align-items: center;
    }
    .box4_Special_bottom_icon{
        width: 1.32rem;
        height: .25rem;
        cursor: pointer;
    }
    .box4_Special_bottom_box1_content{
        flex: 1;
        display: flex;
        justify-content: center;
        column-gap: 0.24rem;
        cursor: pointer;
        padding: 0 .1rem;
    }
    .box4_Special_bottom_box1_content_item{
        width: .2rem;
        height: .2rem;
        background: rgba(0, 0, 0, .2);
        border-radius: 50%;
        cursor: pointer;
    }
    .box4_Special_box1_content_item_active{
        background: #1761FF;
    }
    .box5{
        width: 100%;
        background-image: url("../img/index/bg6.jpg");
        background-size: cover;
        background-position: center center;
        padding: 1rem 0 .98rem 0;
        box-sizing: border-box;
    }
    .box5_top{
        width: 100%;
        opacity: 0;
    }
    .box5_top_left{
        width: 100%;
    }
    .box5_top_left_box{
        width: 100%;
        height: 1.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: .27rem;
    }
    .box5_top_left_box_item{
        width: 1.97rem;
        height: .55rem;
        background: #FFFFFF;
        border-radius: .28rem;
        text-align: center;
        line-height: .55rem;
        font-weight: 400;
        font-size: .24rem;
        color: #303030;
        cursor: pointer;
    }
    .box5_top_left_box_item_active{
        background: #4383E9;
        color: #FFFFFF;
    }
    .box5_left{
        opacity: 0;
    }
    .box5_right{
        opacity: 0;
    }
    .box5_bottom{
        width: 100%;
    }
    .box5_bottom_box{
        width: 100%;
    }
    .box5_bottom_box_item{
        width: 100%;
        height: 2.8rem;
        background: #FFFFFF;
        border: 1px solid #DBDCE4;
        padding: .52rem .4rem 0 .4rem;
        box-sizing: border-box;
        margin-bottom: .27rem;
        cursor: pointer;
    }
    .box5_bottom_box_item:hover{
        background: #4383E9;
        border: 1px solid #4383E9;
    }
    .box5_bottom_box_item:hover .box5_bottom_box_item_box1_left,.box5_bottom_box_item:hover .box5_bottom_box_item_box2,.box5_bottom_box_item:hover .box5_bottom_box_item_box3{
        color: #FFFFFF;
    }
    .box5_bottom_box_item_box1{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .box5_bottom_box_item_box1_left{
        font-weight: 400;
        font-size: .34rem;
        color: #4383E9;
    }
    .box5_bottom_box_item_box1_right{
        font-weight: 500;
        font-size: .24rem;
        color: #BDCDEE;
    }
    .box5_bottom_box_item_box2{
        font-weight: 400;
        font-size: .28rem;
        color: #303030;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        margin-top:0.34rem;
    }
    .box5_bottom_box_item_box3{
        font-weight: 400;
        font-size: 0.24rem;
        color: #AFAFAF;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: .1rem;
    }
    .more{
        width: 2.58rem;
        height: .69rem;
        margin: 0 auto;
        background: linear-gradient(-90deg, #4383E9 0%, #00C0FA 100%);
        border-radius: .35rem;
        text-align: center;
        line-height: .69rem;
        box-sizing: border-box;
        font-weight: 400;
        font-size: .24rem;
        color: #FFFFFF;
        cursor: pointer;
    }
    .more1{
        margin: 0 auto;
    }
    .wap_more_box{
        width: 100%;
        display: flex;
        justify-content: flex-end;
        margin-top:-0.8rem;
    }
    .wap_more_box1{
        margin-top: -0.5rem;
    }
    .wap_more3{
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: .24rem;
        color: #FFFFFF;
        cursor: pointer;
    }
    .wap_more3 img{
        width: .7rem;
        height:.38rem;
        margin-left: .11rem;
    }
    .more3{
        display: none;
    }
    .more4{
        padding-top: 36px;
        box-sizing: border-box;
    }
    .wap_more4 span{
        color: #9B9B9B;
    }
    .more5{
        padding-top: 100px;
    }
}
@media only screen and (min-width: 1024px)and (max-width: 1399px) {
    #index{
        width: 100%;
        height: 100%;
    }
    .main{
        width: 980px;
        margin: 0 auto;
        height: 100%;
        overflow: hidden;
    }
    .swiper{
        width: 100%;
        height: 555px;

    }
    .swiper .el-carousel__container{
        width: 100%;
        height: 555px;
    }
    .swiper .el-carousel__indicators--horizontal{
        bottom: 76px;
        height: 32px;
        background: rgba(1, 1, 1, .5);
        padding: 0 10px;
        display: flex;
        align-items: center;
        column-gap: 2px;
        border-radius: 15px;
    }
    .swiper .el-carousel__button{
        width: 15px;
        height: 15px;
        background: #FFFFFF;
        border-radius: 50%;
        opacity: 0.5;
    }
    .swiper_img{
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: all 0.5s;
    }
    .swiper_img img{
        width: 100%;
        height: 100%;
    }
    .box1{
        width: 100%;
        height: 100%;
    }
    .box1_top{
        width: 100%;
        height: 625px;
        background-image: url("../img/index/bg1.jpg");
        background-size: cover;
        background-position: center center;
        box-sizing: border-box;
        padding-top: 120px;
    }
    .wap_box1_top{
        display: none;
    }
    .box1_top_main{
        display: flex;
    }
    .box1_top_main_left{
        margin-top: 135px;
        width: 450px;
        height: 216px;
        background: #4383E9;
        position: relative;
        opacity: 0;
    }
    .box1_top_main_left_box{
        width: 395px;
        height: 264px;
        position: absolute;
        top: -115px;
        left:50%;
        transform: translateX(-50%);
        /*background: #303030;*/
        /*border: 1px solid #0669B2;*/
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .yuan{
        width: 73px;
        height: 73px;
        background: url("../img/companyProfile/yuan.png") no-repeat;
        background-size: 100%;
        animation: spin 2s linear infinite;
    }
    .start{
        border-style: solid;
        border-width: 9px 0 9px 16px;
        border-color: transparent transparent transparent #fff;
        cursor: pointer;
        position: absolute;
        margin-left: 6px;
    }
    .box1_top_main_right{
        width: 525px;
        margin-top: -3px;
        padding-left: 31px;
        box-sizing: border-box;
        opacity: 0;
    }
    .box1_top_main_right_box1{
        width: 100%;
        box-sizing: border-box;
        padding-left: 21px;
    }
    .box1_top_main_right_box1_text1{
        font-weight: 500;
        font-size: 12px;
        color: #4383E9;
        line-height: 26px;
    }
    .box1_top_main_right_box1_text2{
        font-weight: bold;
        font-size: 32px;
        color: #303030;
    }
    .box1_top_main_right_box2{
        width: 100%;
        text-indent: 2em;
        font-weight: 400;
        font-size: 16px;
        color: #666666;
        line-height: 30px;
    }
    .box1_top_main_right_box3{
        width: 100%;
        display: flex;
        padding: 0 16px;
        box-sizing: border-box;
        margin: 40px 0 45px 0;
    }
    .box1_top_main_right_box3_item{
        width: 92px;
        height: 78px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .box1_top_main_right_box3_item_box{
        height: 30px;
    }
    .box1_top_main_right_box3_item_icon1{
        width: 30px;
        height: 29px;
        background: url("../img/index/box1Icon1.png") no-repeat;
        background-size: 100%;
    }
    .box1_top_main_right_box3_item:hover .box1_top_main_right_box3_item_icon1{
        background-image: url("../img/index/box1Icon11.png");
    }
    .box1_top_main_right_box3_item_icon2{
        width: 31px;
        height: 28px;
        background: url("../img/index/box1Icon2.png") no-repeat;
        background-size: 100%;
    }
    .box1_top_main_right_box3_item:hover .box1_top_main_right_box3_item_icon2{
        background-image: url("../img/index/box1Icon22.png");
    }
    .box1_top_main_right_box3_item_icon3{
        width: 29px;
        height: 30px;
        background: url("../img/index/box1Icon3.png") no-repeat;
        background-size: 100%;
    }
    .box1_top_main_right_box3_item:hover .box1_top_main_right_box3_item_icon3{
        background-image: url("../img/index/box1Icon33.png");
    }
    .box1_top_main_right_box3_item_icon4{
        width: 24px;
        height: 28px;
        background: url("../img/index/box1Icon4.png") no-repeat;
        background-size: 100%;
    }
    .box1_top_main_right_box3_item:hover .box1_top_main_right_box3_item_icon4{
        background-image: url("../img/index/box1Icon44.png");
    }
    .box1_top_main_right_box3_item_text{
        font-weight: 400;
        font-size: 16px;
        color: #A4A4A4;
        margin-top: 9px;
    }
    .box1_top_main_right_box3_item:hover{
        background: #FFFFFF;
        box-shadow: 0px 4px 6px 0px rgba(31,62,79,0.1);
    }
    .box1_bottom{
        width: 100%;
        height: 136px;
        background-image: url("../img/index/bg2.jpg");
        background-size: cover;
        background-position: center center;
    }
    .box1_bottom_main{
        width: 980px;
        height: inherit;
        margin: 0 auto;
        box-sizing: border-box;
        display: flex;
        align-items: center;
    }
    .box1_bottom_main_item{
        width: 407px;
        height: 99px;
        box-sizing: border-box;
        padding-left: 62px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .box1_bottom_main_item:nth-of-type(n+2){
        border-left: 1px solid #FFFFFF;
    }
    .box1_bottom_main_item:last-of-type{
        padding-left: 56px!important;
    }
    .box1_bottom_main_item_box1{
        width: 100%;
        font-weight: bold;
        font-size: 40px;
        color: #FFFFFF;
        line-height: 35px;
    }
    .box1_bottom_main_item_box1>span:nth-of-type(2){
        font-weight: 500;
        font-size: 16px;
    }
    .box1_bottom_main_item_box2{
        font-weight: 500;
        font-size: 12px;
        color: #E7E7E7;
        line-height: 35px;
    }
    .box1_bottom_main_item_box2_text{
        padding-left: 12px;
    }
    .box2{
        width: 100%;
        height: 692px;
        background-image: url("../img/index/bg3.jpg");
        background-size: cover;
        background-position: center center;
        padding-top: 82px;
        box-sizing: border-box;
    }
    .main_box{
        width: 100%;
        opacity: 0;
    }
    .main_box1{
        width: 100%;
        opacity: 1;
    }
    .title1{
        text-align: center;
        font-weight: 500;
        font-size: 12px;
        color: #4383E9;
    }
    .title2{
        text-align: center;
        font-weight: bold;
        font-size: 32px;
        color: #303030;
    }
    .title3{
        color:#FFFFFF;
    }
    .box2_top{
        width: 100%;
        height: 95px;
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 36px;
    }
    .box2_top_item{
        width: 165px;
        height: 40px;
        background: #FFFFFF;
        border-radius: 20px;
        border: 1px solid #DBDCE4;
        text-align: center;
        line-height: 40px;
        box-sizing: border-box;
        font-weight: 400;
        font-size: 16px;
        color: #303030;
        cursor: pointer;
    }
    .box2_top_item_active{
        background: #4383E9;
        color: #FFFFFF;
    }
    .box2_bottom{
        width: 100%;
        height: 283px;
        display: flex;
        margin-bottom: 36px;
    }
    .box2_bottom_left{
        width: 411px;
        height: inherit;
        position: relative;
        cursor: pointer;
        opacity: 0;
    }
    .box2_bottom_left .el-carousel__container{
        width: 100%;
        height: 283px;
    }
    .box2_bottom_left .el-carousel__indicators--horizontal{
        bottom: 14px;
    }
    .box2_bottom_left .el-carousel__indicator--horizontal{
        padding: 0 6px;
    }
    .box2_bottom_left .el-carousel__button{
        width: 11px;
        height: 11px;
        background: #FFFFFF;
        border-radius: 50%;
        opacity: 0.2;
    }
    .box2_bottom_left_img{
        width: 100%;
        height: 100%;
        transition: all 0.5s;
        overflow: hidden;
    }
    .box2_bottom_left:hover .box2_bottom_left_img{
        transform: scale(1.1);
    }
    .box2_bottom_left_box{
        width: 100%;
        height: 72px;
        background: rgba(0, 0, 0, .5);
        padding: 16px  11px 0 15px;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        box-sizing: border-box;
    }
    .box2_bottom_left_box_title{
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        font-weight: 400;
        font-size: 16px;
        color: #FFFFFF;
    }
    .box2_bottom_right{
        flex: 1;
        cursor: pointer;
        opacity: 0;
    }
    .box2_bottom_right_item{
        width: 100%;
        display: flex;
        align-items: center;
        height: 59px;
        margin-bottom: 14px;
    }
    .box2_bottom_right_item:hover .box2_bottom_right_item_left_text1, .box2_bottom_right_item:hover .box2_bottom_right_item_left_text2{
        color: #4383E9;
    }
    .box2_bottom_right_item_left{
        width: 93px;
        height: inherit;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .box2_bottom_right_item_left_text1{
        font-weight: 800;
        font-size: 18px;
        color: #303030;
    }
    .box2_bottom_right_item_left_text2{
        font-weight: 400;
        font-size: 12px;
        color: #303030;
    }
    .box2_bottom_right_item_right{
        flex: 1;
        padding-top: 19px;
        box-sizing: border-box;
    }
    .box2_bottom_right_item:hover .box2_bottom_right_item_right_title{
        color: #4383E9;
        padding-left: 40px;
    }
    .box2_bottom_right_item_right_title{
        font-weight: 400;
        font-size: 16px;
        color: #303030;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        transition: all 0.5s;
    }
    .box2_bottom_right_item_right_text{
        font-weight: 400;
        font-size: 12px;
        color: #A2A2A2;
        line-height: 15px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        padding-top: 4px;
        box-sizing: border-box;
    }
    .box3{
        width: 100%;
        height: 747px;
        background-image: url("../img/index/bg4.jpg");
        background-size: cover;
        background-position: center center;
        padding-top: 71px;
        box-sizing: border-box;
    }
    .box3_title1{
        font-weight: 500;
        font-size: 32px;
        color: #FFFFFF;
        line-height: 40px;
    }
    .box3_title2{
        font-weight: bold;
        font-size: 33px;
        color: #FFFFFF;
        height: 69px;
        line-height: 69px;
    }
    .box3_top{
        width: 980px;
        display: flex;
        justify-content: space-between;
    }
    .box3_top_left{
        flex: 1;
        display: flex;
        column-gap: 45px;
    }
    .box3_top_left_item{
        width: 165px;
        height: 40px;
        background: #FFFFFF;
        border-radius: 20px;
        text-align: center;
        line-height: 40px;
        box-sizing: border-box;
        font-weight: 400;
        font-size: 16px;
        color: #303030;
        cursor: pointer;
    }
    .box3_top_left_item_active{
        background: #4383E9;
        color: #FFFFFF;
    }
    .box3_bottom{
        width: 100%;
        margin-top: 55px;
        opacity: 0;
    }
    .box3_bottom_swiper{
        width: 100%;
        height: 308px;
    }
    .wap_box3_bottom_swiper{
        display: none;
    }
    .box3_bottom_swiper .el-carousel__container{
        width: 100%;
        height: 308px;
    }
    .box3_bottom_swiper_box{
        width: 100%;
        box-sizing: border-box;
        display: flex;
        column-gap: 60px;

        /*justify-content: space-between;*/
    }
    .box3_bottom_swiper_item{
        width: 210px;
        box-sizing: border-box;
        cursor: pointer;
    }
    .box3_bottom_swiper_item_top{
        width: 100%;
        height: 250px;
        background: #FFFFFF;
        border-radius: 50px 0px 0px 0px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box3_bottom_swiper_item_top_box{
        width: 137px;
        height: 197px;
        overflow: hidden;
    }
    .box3_bottom_swiper_item:hover  .box3_bottom_swiper_item_top_box>img{
        transform: scale(1.1);
    }
    .box3_bottom_swiper_item_top img{
        width: 100%;
        height: 100%;
        /*object-fit: contain;*/
        transition: all 0.5s;
        overflow: hidden;
    }
    .box3_bottom_swiper_bottom{
        width: 100%;
        height: 58px;
        background: #4383E9;
        display: flex;
        align-items: center;
        padding: 0 21px;
        box-sizing: border-box;
    }
    .box3_bottom_swiper_bottom_left{
        flex: 1;
        font-weight: 500;
        font-size: 16px;
        color: #FFFFFF;
    }
    .box3_bottom_swiper_bottom_right{
        width: 19px;
        height: 19px;
        background: url("../img/index/proIcon.jpg") no-repeat;
        background-size: 100% 100%;
    }
    .box3_bottom_box1{
        width: 100%;
        margin-top: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .box3_bottom_box1_icon{
        width: 13px;
        height: 20px;
        cursor: pointer;
    }
    .box3_bottom_box1_content{
        padding: 0 28px;
        display: flex;
        column-gap: 14px;
        cursor: pointer;
    }
    .box3_bottom_box1_content_item{
        width: 14px;
        height: 14px;
        background: #FFFFFF;
        border-radius: 50%;
        opacity: 0.5;
        cursor: pointer;
    }
    .box3_bottom_box1_content_item_active{
        opacity: 1;
    }
    .box4{
        width: 100%;
        height: 940px;
        background-image: url("../img/index/bg5.jpg");
        background-size: cover;
        background-position: center center;
        padding-top: 104px;
        box-sizing: border-box;
    }
    .box4_bidding{
        width: 100%;
        opacity: 0;
    }
    .box4_bidding_top{
        width: 100%;
        position: relative;
    }
    .box4_bidding_top_left{
        flex: 1;
    }
    .box4_bidding_bottom{
        margin: 29px 0 84px 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        column-gap: 18px;
        row-gap: 26px;
    }
    .box4_bidding_bottom_item{
        width: 312px;
        height: 128px;
        background: #FFFFFF;
        border: 1px solid #E6E6E6;
        position: relative;
        cursor: pointer;
    }
    .box4_bidding_bottom_item_top{
        width: 100%;
        height: 100%;
        padding: 33px 19px 0 19px;
        box-sizing: border-box;
    }
    .box4_bidding_bottom_item:hover .box4_bidding_bottom_item_top_text1,.box4_bidding_bottom_item:hover .box4_bidding_bottom_item_top_text2{
        padding-left: 20px;
    }
    .box4_bidding_bottom_item_top_text1{
        font-weight: 400;
        font-size: 14px;
        color: #1A3574;
        transition: all 0.5s;
    }

    .box4_bidding_bottom_item_top_text2{
        font-weight: 400;
        font-size: 16px;
        color: #303030;
        line-height: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        transition: all 0.5s;
    }
    .box4_bidding_bottom_item_bottom{
        width: 147px;
        height: 114px;
        background-image: url("../img/index/icon.jpg");
        background-size: cover;
        background-position: center center;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .box4_Special_bottom{
        width: 100%;
        margin-top: 32px;
    }
    .wap_box4_Special_swiper{
        display: none;
    }
    .box4_Special_swiper{
        width: 100%;
    }
    .box4_Special_swiper .el-carousel__container{
        width: 100%;

        height: 157px;
    }
    .box4_Special_bottom_swiper_box{
        width: 100%;
        display: flex;
        column-gap: 50px;
    }
    .box4_Special_bottom_swiper_box_img{
        width: 296px;
        height: 157px;
        cursor: pointer;
        overflow: hidden;
    }
    .box4_Special_bottom_swiper_box_img img{
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: all 0.5s;
    }
    .box4_Special_bottom_swiper_box_img:hover img{
        transform: scale(1.1);
    }
    .box4_Special_bottom_box1{
        width: 100%;
        margin-top: 49px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .box4_Special_bottom_icon{
        width: 37px;
        height: 7px;
        cursor: pointer;
    }
    .box4_Special_bottom_box1_content{
        padding: 0 40px;
        display: flex;
        column-gap: 17px;
        cursor: pointer;
    }
    .box4_Special_bottom_box1_content_item{
        width: 12px;
        height: 12px;
        background: rgba(0, 0, 0, .2);
        border-radius: 50%;
        cursor: pointer;
    }
    .box4_Special_box1_content_item_active{
        background: #1761FF;
    }
    .box5{
        width: 100%;
        height: 618px;
        background-image: url("../img/index/bg6.jpg");
        background-size: cover;
        background-position: center center;
        padding-top: 81px;
        box-sizing: border-box;
    }
    .box5_top{
        width: 100%;
        opacity: 0;
    }
    .box5_top_left{
        flex: 1;
        position: relative;
    }
    .box5_top_left_box{
        width: 100%;
        height: 78px;
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 29px;
    }
    .box5_top_left_box_item{
        width: 128px;
        height: 31px;
        background: #FFFFFF;
        border-radius: 16px;
        text-align: center;
        line-height: 31px;
        font-weight: 400;
        font-size: 13px;
        color: #303030;
        cursor: pointer;
    }
    .box5_top_left_box_item_active{
        background: #4383E9;
        color: #FFFFFF;
    }
    .box5_bottom{
        width: 100%;
        display: flex;
        column-gap: 20px;
    }
    .box5_bottom_box{
        flex: 1;
        opacity: 0;
    }
    .box5_bottom_box_item{
        width: 100%;
        height: 152px;
        background: #FFFFFF;
        border: 1px solid #DBDCE4;
        padding: 29px 28px 0 28px;
        box-sizing: border-box;
        margin-bottom: 19px;
        cursor: pointer;
    }
    .box5_bottom_box_item:hover{
        background: #4383E9;
        border: 1px solid #4383E9;
    }
    .box5_bottom_box_item:hover .box5_bottom_box_item_box1_left,.box5_bottom_box_item:hover .box5_bottom_box_item_box2,.box5_bottom_box_item:hover .box5_bottom_box_item_box3{
        color: #FFFFFF;
    }
    .box5_bottom_box_item_box1{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .box5_bottom_box_item_box1_left{
        font-weight: 400;
        font-size: 18px;
        color: #4383E9;
    }
    .box5_bottom_box_item_box1_right{
        font-weight: 500;
        font-size: 12px;
        color: #BDCDEE;
    }
    .box5_bottom_box_item_box2{
        font-weight: 400;
        font-size: 16px;
        color: #303030;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        margin-top:15px;
    }
    .box5_bottom_box_item_box3{
        font-weight: 400;
        font-size: 12px;
        color: #AFAFAF;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: 10px;
    }
    .more{
        width: 160px;
        height: 44px;
        background: linear-gradient(-90deg, #4383E9 0%, #00C0FA 100%);
        border-radius: 22px;
        font-weight: 400;
        font-size: 14px;
        color: #FFFFFF;
        text-align: center;
        line-height: 44px;
        cursor: pointer;
    }
    .more1{
        margin: 0 auto;
        opacity: 0;
    }
    .wap_more_box{
        display: none;
    }
    .more3{
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: 16px;
        color: #FFFFFF;
        cursor: pointer;
    }
    .more3 img{
        width: 48px;
        height: 26px;
        margin-left: 13px;
    }
    .more4{
        position: absolute;
        right: 0;
        bottom: 15px;
        box-sizing: border-box;
    }
    .more4 span{
        color: #9B9B9B;
    }
    .more5{
        position: absolute;
        bottom:20px;
        right: 0;
        transform: translateY(-50%);
    }

}
@media only screen and (min-width: 1400px)  {
    #index{
        width: 100%;
        height: 100%;
    }
    .swiper{
        width: 100%;
        height: 1080px;

    }
    .swiper .el-carousel__container{
        width: 100%;
        height: 1080px;
    }
    .swiper .el-carousel__indicators--horizontal{
        bottom: 76px;
        height: 32px;
        background: rgba(1, 1, 1, .5);
        padding: 0 10px;
        display: flex;
        align-items: center;
        column-gap: 2px;
        border-radius: 15px;
    }
    .swiper .el-carousel__button{
        width: 15px;
        height: 15px;
        background: #FFFFFF;
        border-radius: 50%;
        opacity: 0.5;
    }
    .swiper_img{
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: all 0.5s;
    }
    .swiper_img img{
        width: 100%;
        height: 100%;
    }
    .box1{
        width: 100%;
        height: 100%;
    }
    .box1_top{
        width: 100%;
        height: 850px;
        background-image: url("../img/index/bg1.jpg");
        background-size: cover;
        background-position: center center;
        box-sizing: border-box;
        padding-top: 202px;
    }
    .wap_box1_top{
        display: none;
    }
    .main{
        width: 1400px;
        margin: 0 auto;
        height: 100%;
        overflow: hidden;
    }
    .box1_top_main{
        display: flex;
        overflow: hidden;
    }
    .box1_top_main_left{
        margin-top: 135px;
        width: 657px;
        height: 315px;
        background: #4383E9;
        position: relative;
        opacity: 0;
    }
    .box1_top_main_left_box{
        width: 576px;
        position: absolute;
        top: -115px;
        left:50%;
        transform: translateX(-50%);
        height: 385px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        /*background: #303030;*/
        /*border: 1px solid #0669B2;*/
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .box1_top_main_left_box_video{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .yuan{
        width: 107px;
        height: 106px;
        background: url("../img/companyProfile/yuan.png") no-repeat;
        background-size: 100%;
        animation: spin 2s linear infinite;
    }
    .start{
        border-style: solid;
        border-width: 13px 0 13px 23px;
        border-color: transparent transparent transparent #fff;
        cursor: pointer;
        position: absolute;
        margin-left: 6px;
    }
    .box1_top_main_right{
        flex: 1;
        margin-top: -3px;
        padding-left: 89px;
        box-sizing: border-box;
        opacity: 0;
    }
    .box1_top_main_right_box1{
        width: 100%;
        box-sizing: border-box;
        padding-left: 21px;
    }
    .box1_top_main_right_box1_text1{
        font-weight: 500;
        font-size: 18px;
        color: #4383E9;
        line-height: 40px;
    }
    .box1_top_main_right_box1_text2{
        font-weight: bold;
        font-size: 50px;
        color: #303030;
    }
    .box1_top_main_right_box2{
        width: 100%;
        text-indent: 2em;
        font-weight: 400;
        font-size: 20px;
        color: #666666;
        line-height: 40px;
    }
    .box1_top_main_right_box3{
        width: 100%;
        display: flex;
        padding: 0 27px;
        box-sizing: border-box;
        margin: 14px 0 45px 0;
    }
    .box1_top_main_right_box3_item{
        width: 142px;
        height: 120px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .box1_top_main_right_box3_item_box{
        height: 44px;
    }
    .box1_top_main_right_box3_item_icon1{
        width: 45px;
        height: 43px;
        background: url("../img/index/box1Icon1.png") no-repeat;
        background-size: 100%;
    }
    .box1_top_main_right_box3_item:hover .box1_top_main_right_box3_item_icon1{
        background-image: url("../img/index/box1Icon11.png");
    }
    .box1_top_main_right_box3_item_icon2{
        width: 46px;
        height: 41px;
        background: url("../img/index/box1Icon2.png") no-repeat;
        background-size: 100%;
    }
    .box1_top_main_right_box3_item:hover .box1_top_main_right_box3_item_icon2{
        background-image: url("../img/index/box1Icon22.png");
    }
    .box1_top_main_right_box3_item_icon3{
        width: 44px;
        height: 44px;
        background: url("../img/index/box1Icon3.png") no-repeat;
        background-size: 100%;
    }
    .box1_top_main_right_box3_item:hover .box1_top_main_right_box3_item_icon3{
        background-image: url("../img/index/box1Icon33.png");
    }
    .box1_top_main_right_box3_item_icon4{
        width: 35px;
        height: 41px;
        background: url("../img/index/box1Icon4.png") no-repeat;
        background-size: 100%;
    }
    .box1_top_main_right_box3_item:hover .box1_top_main_right_box3_item_icon4{
        background-image: url("../img/index/box1Icon44.png");
    }
    .box1_top_main_right_box3_item_text{
        font-weight: 400;
        font-size: 18px;
        color: #A4A4A4;
        margin-top: 18px;
    }
    .box1_top_main_right_box3_item:hover{
        background: #FFFFFF;
        box-shadow: 0px 4px 6px 0px rgba(31,62,79,0.1);
    }
    .box1_bottom{
        width: 100%;
        height: 230px;
        background-image: url("../img/index/bg2.jpg");
        background-size: cover;
        background-position: center center;
    }
    .box1_bottom_main{
        width: 1400px;
        margin: 0 auto;
        padding-top: 38px;
        box-sizing: border-box;
        display: flex;
    }
    .box1_bottom_main_item{
        width: 407px;
        height: 147px;

        box-sizing: border-box;
        padding-left: 112px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .box1_bottom_main_item:nth-of-type(n+2){
        border-left: 1px solid #FFFFFF;
    }
    .box1_bottom_main_item:last-of-type{
        padding-left: 94px!important;
    }
    .box1_bottom_main_item_box1{
        /*display: flex;*/
        align-items: center;
        width: 100%;
        font-weight: bold;
        font-size: 60px;
        color: #FFFFFF;
        line-height: 35px;
    }
    .box1_bottom_main_item_box1>span:nth-child(n+2){
        font-weight: 500;
        font-size: 24px;
    }
    .box1_bottom_main_item_box2{
        font-weight: 500;
        font-size: 16px;
        color: #E7E7E7;
        line-height: 35px;
    }
    .box1_bottom_main_item_box2_text{
        padding-left: 12px;
    }
    .box2{
        width: 100%;
        height: 1075px;
        background-image: url("../img/index/bg3.jpg");
        background-size: cover;
        background-position: center center;
        padding-top: 128px;
        box-sizing: border-box;
    }
    .main_box{
        width: 100%;
        opacity: 0;
    }
    .main_box1{
        width: 100%;
        opacity: 0;
    }
    .title1{
        text-align: center;
        font-weight: 500;
        font-size: 18px;
        color: #4383E9;
    }
    .title2{
        text-align: center;
        font-weight: bold;
        font-size: 50px;
        color: #303030;
    }
    .title3{
        color:#FFFFFF;
    }
    .box2_top{
        width: 100%;
        height: 149px;
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 45px;
    }
    .box2_top_item{
        width: 197px;
        height: 48px;
        background: #FFFFFF;
        border-radius: 21px;
        border: 1px solid #DBDCE4;
        text-align: center;
        line-height: 48px;
        box-sizing: border-box;
        font-weight: 400;
        font-size: 20px;
        color: #303030;
        cursor: pointer;
    }
    .box2_top_item_active{
        background: #4383E9;
        color: #FFFFFF;
    }
    .box2_bottom{
        width: 100%;
        height: 440px;
        display: flex;
        margin-bottom: 68px;
    }
    .box2_bottom_left{
        width: 656px;
        height: inherit;
        position: relative;
        cursor: pointer;
        opacity: 0;
    }
    .box2_bottom_left .el-carousel__container{
        width: 100%;
        height: 440px;
    }
    .box2_bottom_left .el-carousel__indicators--horizontal{
        padding: 0 6px;
        bottom: 8px;
    }
    .box2_bottom_left .el-carousel__button{
        width: 11px;
        height: 11px;
        background: #FFFFFF;
        border-radius: 50%;
        opacity: 0.2;
    }
    .box2_bottom_left_img{
        width: 100%;
        height: 100%;
        transition: all 0.5s;
        overflow: hidden;
    }
    .box2_bottom_left:hover .box2_bottom_left_img{
        transform: scale(1.1);
    }
    .box2_bottom_left_box{
        width: 100%;
        height: 97px;
        background: rgba(0, 0, 0, .5);
        padding: 29px  23px 0 23px;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        box-sizing: border-box;
    }
    .box2_bottom_left_box_title{
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        font-weight: 400;
        font-size: 20px;
        color: #FFFFFF;
    }
    .box2_bottom_right{
        flex: 1;
        cursor: pointer;
        opacity: 0;
    }
    .box2_bottom_right_item{
        width: 100%;
        display: flex;
        align-items: center;
        height: 110px;

    }
    .box2_bottom_right_item:hover .box2_bottom_right_item_left_text1, .box2_bottom_right_item:hover .box2_bottom_right_item_left_text2{
        color: #4383E9;
    }
    .box2_bottom_right_item_left{
        width: 144px;
        height: inherit;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .box2_bottom_right_item_left_text1{
        font-weight: 800;
        font-size: 26px;
        color: #303030;
    }
    .box2_bottom_right_item_left_text2{
        font-weight: 400;
        font-size: 18px;
        color: #303030;
        margin-left: -18px;
    }
    .box2_bottom_right_item_right{
        flex: 1;
        padding-top: 19px;
        box-sizing: border-box;
    }
    .box2_bottom_right_item:hover .box2_bottom_right_item_right_title{
        color: #4383E9;
        padding-left: 40px;
    }
    .box2_bottom_right_item_right_title{
        font-weight: 400;
        font-size: 20px;
        color: #303030;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        transition: all 0.5s;
    }
    .box2_bottom_right_item_right_text{
        font-weight: 400;
        font-size: 16px;
        color: #A2A2A2;
        line-height: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        padding-top: 4px;
        box-sizing: border-box;
    }
    .box3{
        width: 100%;
        height: 1086px;
        background-image: url("../img/index/bg4.jpg");
        background-size: cover;
        background-position: center center;
        padding-top: 130px;
        box-sizing: border-box;
    }
    .box3_title1{
        font-weight: 500;
        font-size: 48px;
        color: #FFFFFF;
        line-height: 40px;
    }
    .box3_title2{
        font-weight: bold;
        font-size: 50px;
        color: #FFFFFF;
        height: 110px;
        line-height: 110px;
    }
    .box3_top{
        width: 1400px;
        display: flex;
        justify-content: space-between;
    }
    .box3_top_left{
        flex: 1;
        display: flex;
        column-gap: 45px;
    }
    .box3_top_left_item{
        width: 197px;
        height: 48px;
        background: #FFFFFF;
        border-radius: 21px;
        text-align: center;
        line-height: 48px;
        box-sizing: border-box;
        font-weight: 400;
        font-size: 20px;
        color: #303030;
        cursor: pointer;
    }
    .box3_top_left_item_active{
        background: #4383E9;
        color: #FFFFFF;
    }
    .box3_bottom{
        width: 100%;
        margin-top: 48px;
        opacity: 0;
    }
    .box3_bottom_swiper{
        width: 100%;
        height: 475px;
    }
    .wap_box3_bottom_swiper{
        display: none;
    }
    .box3_bottom_swiper .el-carousel__container{
        width: 100%;
        height: 475px;
    }
    .box3_bottom_swiper_box{
        width: 100%;
        box-sizing: border-box;
        display: flex;
        column-gap: 40px;
        /*justify-content: space-between;*/
    }
    .box3_bottom_swiper_item{
        width: 324px;
        box-sizing: border-box;
        cursor: pointer;
    }
    .box3_bottom_swiper_item_top{
        width: 100%;
        height: 386px;
        background: #FFFFFF;
        border-radius: 50px 0px 0px 0px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .box3_bottom_swiper_item_top_box{
        width: 212px;
        height: 304px;
        overflow: hidden;
    }
    .box3_bottom_swiper_item:hover  .box3_bottom_swiper_item_top_box>img{
        transform: scale(1.1);
    }
    .box3_bottom_swiper_item_top_box>img{
        width: 100%;
        height: 100%;
        /*object-fit: contain;*/
        overflow: hidden;
        transition: all 0.5s;
    }
    .box3_bottom_swiper_bottom{
        width: 100%;
        height: 89px;
        background: #4383E9;
        display: flex;
        align-items: center;
        padding: 0 34px;
        box-sizing: border-box;
    }
    .box3_bottom_swiper_bottom_left{
        flex: 1;
        font-weight: 500;
        font-size: 20px;
        color: #FFFFFF;
    }
    .box3_bottom_swiper_bottom_right{
        width: 33px;
        height: 33px;
        background: url("../img/index/proIcon.jpg") no-repeat;
        background-size: 100% 100%;
    }
    .box3_bottom_box1{
        width: 100%;
        margin-top: 78px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .box3_bottom_box1_icon{
        width: 19px;
        height: 26px;
        cursor: pointer;
    }
    .box3_bottom_box1_content{
        padding: 0 34px;
        display: flex;
        column-gap: 19px;
        cursor: pointer;
    }
    .box3_bottom_box1_content_item{
        width: 18px;
        height: 18px;
        background: #FFFFFF;
        border-radius: 50%;
        opacity: 0.5;
        cursor: pointer;
    }
    .box3_bottom_box1_content_item_active{
        opacity: 1;
    }
    .box4{
        width: 100%;
        height: 1443px;
        background-image: url("../img/index/bg5.jpg");
        background-size: cover;
        background-position: center center;
        padding-top: 161px;
        box-sizing: border-box;
    }
    .box4_bidding{
        width: 100%;
        opacity: 0;
    }
    .box4_bidding_top{
        width: 100%;
        position: relative;
        /*display: flex;*/
        /*align-items: center;*/
    }
    .box4_bidding_top_left{
        flex: 1;
    }
    .box4_bidding_bottom{
        margin: 70px 0 171px 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        column-gap: 10px;
        row-gap: 29px;
    }
    .box4_bidding_bottom_item{
        width: 458px;
        height: 173px;
        background: #FFFFFF;
        border: 1px solid #E6E6E6;
        position: relative;
        cursor: pointer;
    }
    .box4_bidding_bottom_item_top{
        width: 100%;
        height: 100%;
        padding: 40px 30px 0 30px;
        box-sizing: border-box;
    }
    .box4_bidding_bottom_item:hover .box4_bidding_bottom_item_top_text1,.box4_bidding_bottom_item:hover .box4_bidding_bottom_item_top_text2{
        padding-left: 20px;
    }
    .box4_bidding_bottom_item_top_text1{
        font-weight: 400;
        font-size: 18px;
        color: #1A3574;
        transition: all 0.5s;
    }

    .box4_bidding_bottom_item_top_text2{
        font-weight: 400;
        font-size: 18px;
        color: #303030;
        line-height: 30px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        transition: all 0.5s;
    }
    .box4_bidding_bottom_item_bottom{
        width: 228px;
        height: 153px;
        background: url("../img/index/icon.jpg") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .box4_Special_bottom{
        width: 100%;

        margin-top: 49px;
    }
    .wap_box4_Special_swiper{
        display: none;
    }
    .box4_Special_swiper{
        width: 100%;
    }
    .box4_Special_swiper .el-carousel__container{
        width: 100%;
        height: 244px;
    }
    .box4_Special_bottom_swiper_box{
        width: 100%;
        display: flex;
        column-gap: 20px;
    }
    .box4_Special_bottom_swiper_box_img{
        width: 460px;
        height: 244px;
        cursor: pointer;
        overflow: hidden;
    }
    .box4_Special_bottom_swiper_box_img img{
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: all 0.5s;
    }
    .box4_Special_bottom_swiper_box_img:hover img{
        transform: scale(1.1);
    }
    .box4_Special_bottom_box1{
        width: 100%;
        margin-top: 49px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .box4_Special_bottom_icon{
        width: 58px;
        height: 11px;
        cursor: pointer;
    }
    .box4_Special_bottom_box1_content{
        padding: 0 60px;
        display: flex;
        column-gap: 17px;
        cursor: pointer;
    }
    .box4_Special_bottom_box1_content_item{
        width: 18px;
        height: 18px;
        background: rgba(0, 0, 0, .2);
        border-radius: 50%;
        cursor: pointer;
    }
    .box4_Special_box1_content_item_active{
        background: #1761FF;
    }
    .box5{
        width: 100%;
        height: 900px;
        background-image: url("../img/index/bg6.jpg");
        background-size: cover;
        background-position: center center;
        padding-top: 124px;
        box-sizing: border-box;
    }
    .box5_top{
        width: 100%;
        position: relative;
        /*display: flex;*/
        /*align-items: center;*/
    }
    .box5_top_left{
        flex: 1;
    }
    .box5_top_left_box{
        width: 100%;
        height: 123px;
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 45px;
    }
    .box5_top_left_box_item{
        width: 197px;
        height: 48px;
        background: #FFFFFF;
        border-radius: 21px;
        text-align: center;
        line-height: 48px;
        font-weight: 400;
        font-size: 20px;
        color: #303030;
        cursor: pointer;
    }
    .box5_top_left_box_item_active{
        background: #4383E9;
        color: #FFFFFF;
    }
    .box5_bottom{
        width: 100%;
        display: flex;
        column-gap: 36px;
    }
    .box5_bottom_box{
        flex: 1;
        opacity: 0;
    }
    .box5_bottom_box_item{
        width: 100%;
        height: 213px;
        background: #FFFFFF;
        border: 1px solid #DBDCE4;
        padding: 38px 41px 0 41px;
        box-sizing: border-box;
        margin-bottom: 35px;
        cursor: pointer;
    }
    .box5_bottom_box_item:hover{
        background: #4383E9;
        border: 1px solid #4383E9;
    }
    .box5_bottom_box_item:hover .box5_bottom_box_item_box1_left,.box5_bottom_box_item:hover .box5_bottom_box_item_box2,.box5_bottom_box_item:hover .box5_bottom_box_item_box3{
        color: #FFFFFF;
    }
    .box5_bottom_box_item_box1{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .box5_bottom_box_item_box1_left{
        font-weight: 400;
        font-size: 24px;
        color: #4383E9;
    }
    .box5_bottom_box_item_box1_right{
        font-weight: 500;
        font-size: 16px;
        color: #BDCDEE;
    }
    .box5_bottom_box_item_box2{
        font-weight: 400;
        font-size: 20px;
        color: #303030;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        margin-top:15px;
    }
    .box5_bottom_box_item_box3{
        font-weight: 400;
        font-size: 16px;
        color: #AFAFAF;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: 10px;
    }
    .more{
        width: 200px;
        height: 55px;
        background: linear-gradient(-90deg, #4383E9 0%, #00C0FA 100%);
        border-radius: 28px;
        font-weight: 400;
        font-size: 18px;
        color: #FFFFFF;
        text-align: center;
        line-height: 55px;
        cursor: pointer;
    }
    .more1{
        margin: 0 auto;
        opacity: 0;
    }
    .wap_more_box{
        display: none;
    }
    .more3{
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: 16px;
        color: #FFFFFF;
        cursor: pointer;
    }
    .more3 img{
        width: 48px;
        height: 26px;
        margin-left: 13px;
    }
    .more4{
        position: absolute;
        right: 0;
        bottom: 20px;
        box-sizing: border-box;
    }
    .more4 span{
        color: #9B9B9B;
    }
    .more5{
        position: absolute;
        bottom:40px;
        right: 0;
        transform: translateY(-50%);
    }
}
.more:hover{
    box-shadow: 0px 8px 0px 0px rgba(200,200,200,0.66);
}
.more3:hover span{
    color: #4383E9;
}
/**飘窗**/
.float_img{
    cursor: pointer;
    z-index: 999;
    display: block;
}