.middle-content .title {
    height: 140px;
    line-height: 140px;
}
.middle-conten .title-text {
    display: inline-block;
    width: 100%;
    font-size: 38px;
    font-weight: 600;
}
.web_main {
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
    position: relative;
    background-color: #FFFFFF;
}


.poster_box {
    position: relative;
    margin: 0 auto;
    text-align: center;
}
/*网页铺满屏幕*/
.poster_box img{
    min-width: 1200px;
    height: 360px;
    object-fit: cover;
    user-select: none;
    max-width: 100%;
}
.img_text {
    position: absolute;
    width: 1200px;
    left: 50%;
    transform: translateX(-50%);
    top: 207px;
    /*text-align: center;*/
    font-size: 18px;
    color: #FFFFFF;
    padding-left: 95px;
    text-align: left;
    font-size: 18px;
}

/*定义文字在图片上的位置*/
.text_1{
    width: 1200px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #FFFFFF;
    padding-left: 95px;
    font-size: 37px;
    text-align: left;
    top: 114px;
}

.top_nav {
    display: flex;
    justify-content: center;
    width: 1200px;
    height: 140px;
    margin: 0 auto;
}
.top_nav>span {
    cursor: pointer;
    display: inline-block;
    width: 600px;
    height: 140px;
    line-height: 140px;
    text-align: center;
    font-size: 38px;
    color: #000000;
}
.select_nav {
    color: #2C86FF !important;
    border-bottom: 4px solid #2C86FF;
}

.content_title {
    width: 1200px;
    margin: 0 auto;
    padding: 58px 0 39px 0;
}

/*数维建筑设计软件*/
.content_item {
    background-color: rgba(255, 255, 255, 1);
    width: 580px;
    height: 415px;
    border: 1px solid rgba(229, 229, 229, 1);
    margin-bottom: 40px;
}

.text_5 {
    width: 298px;
    height: 15px;
    font-size: 18px;
    font-family: KronaOne-Regular;
    font-weight: 400;
    color: #B1B6C2;
    line-height: 12px;
    position: absolute;
    left: 359px;
    top: 605px;
    right: 1263px;
    bottom: 0px;
}

.paragraph_2 {
    width: 150px;
    height: 31px;
    font-size: 32px;
    font-family: PingFang SC;
    text-align: left;
    font-weight: 500;
    color: #0E2860;
    line-height: 12px;
    position: absolute;
    left: 359px;
    top: 643px;
    bottom: 0px;
}

.box_3 {
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
    height: 1000px;
    margin: 0 auto;
    justify-content: space-between;
    align-content: flex-start;

}

.image_2 {
    width: 580px;
    height: 170px;
}

.text_6 {
    height: 68px;
    line-height: 68px;
    color: #16181A;
    font-size: 24px;
    font-weight: 500;
    text-align: left;
}

/* 按钮盒子 */
.btn_box {
    height: 44px;
    position: relative;
    padding: 0 20px;
    margin-top: 19px;
}
.btn_box1 {
    height: 44px;
    position: relative;
    padding: 0 20px;
    margin-top: -4px;
}
.btn_position {
    display: flex;
    position: absolute;
    right: 20px;
}
.btn_content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 44px;
    border: 1px solid #000000;
    font-size: 16px;
    color: #000000;
}
.btn_content img {
    width: 19px;
    height: 9px;
    margin-left: 11px;
}
.btn_content .hoverImg {
    display: none;
}
.btn_content:hover .showImg {
    display: none;
}
.btn_content:hover .hoverImg {
    display: block;
}
.first_btn {
    margin-right: 20px;
}

.btn_content:hover {
    color: #2C86FF;
    border-color: #2C86FF;
}

.btn.text{   
     /* height: 42px; */
    line-height: 40px;
    color: #16181A;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    
}


.text_7 {
    width: 100%;
    color: #666666;
    font-size: 16px;
    /*font-family: PingFangSC-Regular;*/
    line-height: 24px;
    text-align: left;
    margin: 0;
    wword-break: break-all;
    word-wrap: break-word;
}


.product_introduction {
    width: 1200px;
    height: 504px;
    margin: 0 auto;
    padding-top: 59px;
}
.product_introduction_title p {
    font-size: 18px;
    color: #B1B6C2;
    margin: 0;
}
.product_introduction_title h1 {
    font-size: 32px;
    color: #0E2860;
    margin: 10px 0 39px 0;
}
.product_introduction_content {
    display: flex;
}
.content_left {
    width: 539px;
    padding-top: 40px;
}
.content_left h3 {
    font-size: 24px;
    color: #16181A;
    margin: 0;
}
.content_left p {
    margin: 18px 0 0 0;
    font-size: 16px;
    color: #666666;
}
.left_btn {
    display: flex;
    margin-top: 80px;
}
.left_btn>div {
    width: 160px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #000000;
}
/* .left_btn>div a {
    color: #16181A;
} */
.left_btn .left_btn_firing {
    
    margin-right: 20px;
}
.left_btn>div:hover {
    color: #2C86FF;
    border-color: #2C86FF;
}
.left_btn>div:hover a {
    color: #2C86FF;
}
.content_right {
    margin-left: 81px;
}



/*解决方案*/
.top_miss{
    /* display: flex; */
    height: 660px;
    background: #FAFAFA;
    width: 100%;
    margin: 0 auto;
}

.ato_top{
    position: absolute;
    left: 49%;
    top: 49%;
    color: #2C86FF;
}
/* 
.image_3{
    width: 451px;
    height: 480px;
    margin: 0 auto;
    position: absolute;
    left: 18.9%;
    top: 20%;
} */

.top_lope{
    width: 1200px;
    margin: 0 auto;
    padding: 59px 0 39px 0;
}
.text_8{
    /* height: 68px; */
    line-height: 68px;
    color: #16181A;
    font-size: 24px;

    position: absolute;
    top: 21%;
    left: 49%;
}
.text_9{
    width: 30%;
    color: #666666;
    font-size: 18px;
    line-height: 24px;
    position: absolute;
    top: 33%;
    left: 49%;
}
.bot_top{
    width: 160px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #2C86FF;
    font-size: 16px;
    color: #2C86FF;
}
.solution_content {
    display: flex;
    width: 1200px;
    margin: 0 auto;
}
.solution_line {
    height: 451px;
    margin: 0 47px 0 49px;
}
.line_top,.line_bottom {
    height: 225.5px;
    border-right: 1px solid #E5E5E5;
}
.line_bottom{
    width: 2px;
    border-right: 1px solid #E5E5E5
}

.line_bottom:hover{
    background-color: #2C86FF;
    border-color: #2C86FF;
}

.line_top{
    width: 2px;
    border-right: 1px solid #E5E5E5
}

.line_select {
    width: 2px;
    border-right: 1px solid #E5E5E5
}
.line-common.active {
    background-color: #2C86FF;
    border-color: #2C86FF;
}
.text_box {
    width: 563px;
    height: 225.5px;
    cursor: pointer;
}
.text_box h2 {
    font-size: 28px;
    color: #16181A;
    margin: 18px 0 30px 0;
}
.text_box p {
    color: #666666;
    font-size: 18px;
}
.text_box span {
    display: inline-block;
    margin-top: 30px;
    color: #000000;
}
.text_box a {
    color: #000000;
}
.text_select p {
    color: #666666;
    margin: 0;
}
.text_select h2 {
    color: #16181A;
}
.text_select span {
    color: #2C86FF;
}

.top_late{
    width: 1200px;
    margin: 0 auto;
    padding: 58px 0 39px 0;

}


/* 客户案例项目 */
.box_5{
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
    height: 750px;
    margin: 0 auto;
    align-content: flex-start;
    justify-content: space-between;

}

.ast_item{
    background-color: rgba(255, 255, 255, 1);
    width: 580px;
    height: 310px;
    border: 1px solid rgba(229, 229, 229, 1);
    margin-bottom: 40px;

}
/* .ast_item img {
    display: block;
} */
.text_10{
    height: 68px;
    line-height: 68px;
    color: #16181A;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.image_3{
        width: 579px;
        height: 240px;
}


.ban_text{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    color: #16181A;
    font-size: 18px;
    font-weight: 500;
}
.ban_text img {
    width: 19px;
    height: 9px;
    margin-left: 10px;
}

.ast_item:hover .ban_text {
    color: #fff;
    background-color: #2C86FF;
}
.ast_item .hoverImg {
    display: none;
}
.ast_item:hover .hoverImg {
    display: block;
}
.ast_item:hover .showImg {
    display: none;
}



.dimg:hover{
    margin-top:-10px;
    transition-duration: 300ms;
}


.content_right:hover{
    -webkit-box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

@keyframes ShakeButton_show__JWr2J {

    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    80% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ShakeButton_shake__FOacA {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    
    10% {
        -webkit-transform: translate3d(-3%,0,0) rotate(-5deg);
        transform: translate3d(-3%,0,0) rotate(-5deg);
    }
    20% {
        -webkit-transform: translate3d(2%,0,0) rotate(3deg);
        transform: translate3d(2%,0,0) rotate(3deg);
    }
    30% {
        -webkit-transform: translate3d(-1%,0,0) rotate(-3deg);
        transform: translate3d(-1%,0,0) rotate(-3deg);
    }
    40% {
        -webkit-transform: translate3d(1%,0,0) rotate(2deg);
        transform: translate3d(1%,0,0) rotate(2deg);
    }
    50% {
        -webkit-transform: translate3d(-1%,0,0) rotate(-1deg);
        transform: translate3d(-1%,0,0) rotate(-1deg);
    }
    60% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.ShakeButton_container__3yRjT:hover {
    -webkit-animation: ShakeButton_shake__FOacA 1.2s ease 1s  normal none running;
    animation: ShakeButton_shake__FOacA 1.2s ease 1s normal none running;
}

.text_box.text_select:hover p,
.text_box.text_select:hover h2 {
    color: #2C86FF;
}


.text_box:hover p,
.text_box:hover h2,
.text_box:hover a ,
.text_box:hover span,
.text_box:hover span a {
    color: #2C86FF;
}

.text_box:hover .btn_img{
    display: none;
}

.text_box:hover a {
    color: #2C86FF;
}
.text_box .hoverImg {
    display: none;
}
.text_box:hover .hoverImg {
    display: block;
}
.text_box:hover .showImg {
    display: none;
}
.text_img_btn {
    display: flex;
    justify-content: center;
    align-items: center;
}
.text_img_btn img {
    margin-left: 10px;
}


.text_box:hover .acitve_btn_img {
    display: inline-block;
}


.acitve_btn_img {
    display: none;
}

.grey-a {
    color: #999;
}