.insight{position: relative;z-index: 1;padding: 2.8125vw 0 8.1771vw;}
.insight-list{flex-wrap: wrap;}
.insight-list .item{width: 26.0417vw;margin:0 3.125vw 4.1667vw 0;}
.insight-list .item:nth-child(3n){margin-right: 0;}
.insight-list .item .pic{overflow: hidden;}
.insight-list .item img{height: 19.5313vw;object-fit: cover;}
.insight-list .item .title{max-width: 22.9167vw;}
.insight-list .item .txt{line-height: 1.1875;}
.insight-list .item .tips{flex-wrap: wrap;}
.insight-list .item span{padding: 0 0.9375vw;display: block;line-height: 1.9792vw;border: 1px solid var(--cb200);}
.insight-list .item:hover img{transform: scale(1.1, 1.1);}
.insight-list .item:hover .title{color: var(--ch);}

.creativity{height: 100vh;}
.creativity .container{padding-top: 7.7083vw;}
.creativity .nav{display: flex;justify-content: flex-end;}
.creativity .nav .item{display: block;line-height: 1.875vw;background: var(--cw);padding: 0 1.6667vw;transition: .5s linear;}
.creativity .nav .item:hover,
.creativity .nav .active{background: var(--ch);color: var(--cw);}
.creativity .list{margin-top: 2.1875vw;overflow: hidden;position: relative;}
.creativity .maquee {width:calc(var(--moveNum) * 13.1251vw); animation: moveimg1 calc(4.5s * var(--moveNum)) linear infinite;}
.creativity .maquee .item{width: 7.8125vw;margin: 0 2.6563vw;}
.creativity .maquee img{display: block;width: 100%;max-height: 10.2083vw;}
.creativity .maquee:last-child{position: absolute;top: 0;left: 0;transform: translateX(100%);animation: moveimg2 calc(4.5s * var(--moveNum)) linear infinite;}
.creativity .list:nth-child(2) .maquee{animation: moveimg3 calc(4.5s * var(--moveNum)) linear infinite;}
.creativity .list:nth-child(2) .maquee:last-child{position: absolute;top: 0;left: 0;transform: translateX(100%);animation: moveimg4 calc(4.5s * var(--moveNum)) linear infinite;}
.creativity .list:hover .maquee {animation-play-state: paused !important;}

@keyframes moveimg1 {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes moveimg2 {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes moveimg3 {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(100%);
    }
}

@keyframes moveimg4 {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);
    }
}

.detail{padding: 13.0208vw 0 9.375vw;}
.detail .top{padding-bottom: 4.6354vw;border-bottom: 1px solid #D5D5D5;}
.detail .title{max-width: 75vw;line-height: 1.1781;}
.detail .time{line-height: 1.19;}
.detail .main{padding-top: 7.7604vw;}
.detail .main .container{display: flex;justify-content: space-between;align-items: flex-start;}
.detail .back{display: block;position: sticky;top: 9.375vw;z-index: 10;background: #CAB782;width: 5.5208vw;height: 4.5833vw;box-sizing: border-box;padding-top: 0.9896vw;}
.detail .back i{display: block;width: 1.25vw;height: 1.25vw;background: url(../images/back_icon.png) no-repeat;background-size: cover;}
.detail .main .right{width: 59.5833vw;}
.detail .main .content{line-height: 2.2222;}
.detail .main .content img{display: block;max-width: 100%;}
.detail .main .content table{max-width: 100%;}

/*移动端适配*/
@media screen and (max-width: 750px) {
    .insight{padding: .6rem 0 1.2rem;}
    .insight-list .item{width: 100%;margin: 0 0 .5rem;}
    .insight-list .item img{height: 5.2rem;}
    .insight-list .item .top{display: block;}
    .insight-list .item .title{max-width: none;}
    .insight-list .item .time{margin-top: .1rem;}
    .insight-list .item span{padding: 0 .3rem;line-height: .56rem;margin: 0 .2rem .2rem 0;}

    .creativity .container{padding-top: 1.8rem;}
    .creativity .nav .item{padding: 0 .3rem;line-height: .6rem;}
    .creativity .list{margin-top: .8rem;}

    .creativity .maquee{width: calc(var(--moveNum) * 2.5rem);}
    .creativity .maquee .item{width: 1.5rem;margin: 0 .5rem;}
    .creativity .maquee img{max-height: 3.2rem;}

    .detail{padding: 1.8rem 0 1.2rem;}
    .detail .top{padding-bottom: .6rem;}
    .detail .top .name{display: block;}
    .detail .title{max-width: none;font-size: .48rem;line-height: 1.3;}
    .detail .time{margin-top: .2rem;text-align: right;}
    .detail .main{padding-top: .8rem;}
    .detail .main .container{display: block;}
    .detail .back{display: none;}
    .detail .main .right{width: 100%;}
}