/* 投资者关系 */
.investor_main{margin-top: 90px;}


#investor{padding: 70px 0 120px;}
#investor .list{}
#investor .list .item{padding: 50px 50px 60px; width: 31.771%; background-color: #f8f8f8;}
#investor .list .item .tit{font-size: 18px; line-height: 28px; color: #333; text-align: center; font-weight: normal;}
#investor .list .item .brief{margin: 32px auto 0; font-size: 30px; line-height: 69px; color: #333; font-weight: 600; text-align: center;}
#investor .list .item .logo{margin: 32px auto 0; width: 175px; height: 60px;}
#investor .list .item .logo picture{display: flex;justify-content: center; align-items: center; width: 100%; height: 100%;}
#investor .list .item .triangle{position: absolute; bottom: 0; right: 0; z-index: 1; width: 0; height: 0; border-left: 29px solid transparent; border-bottom: 29px solid #666; border-right: 29px solid #666; border-top: 29px solid transparent; }
#investor .list .item .triangle .icon{width: 13px; height: 14px;}
#investor .list .item .triangle .svg{font-size: 13px; color: #fff; transform: translate(3px, 3px) rotate(90deg); fill: #fff;}
#investor .list .item:hover .triangle{border-bottom-color: var(--main); border-right-color: var(--main);}


@media (max-width: 1536px) {
    #investor .list .item{padding: 50px 50px 55px;}
    #investor .list .item .brief,
    #investor .list .item .logo{margin-top: 25px;}
    #investor .list .item .brief{font-size: 28px;}
}
@media (max-width: 1440px) {
    #investor .list .item {padding: 45px 45px 50px;}
}
@media (max-width: 1366px) {
    #investor .list .item .brief{line-height: 60px;}
    #investor .list .item .logo{height: 60px;}
}
@media (max-width: 1280px) {
    #investor{padding: 70px 0 100px;}
    #investor .list .item {padding: 40px 30px 50px;}
    #investor .list .item .tit{font-size: 16px; line-height: 24px;}
    #investor .list .item .brief{font-size: 24px;}
    #investor .list .item .brief{line-height: 55px;}
    #investor .list .item .logo{height: 55px;}
}
@media (max-width: 992px) {
    .investor_main{margin-top: 66px;}

    #investor{padding: 8vw 0;}
    #investor .list .item {padding:  4vw 2vw 5vw;}
    #investor .list .item .tit{font-size: .12rem; line-height: 1.5;}
    #investor .list .item .brief{font-size: .16rem;}
}
@media (max-width: 768px) {
    #investor .list {flex-wrap: wrap;}
    #investor .list .item {margin-top: 3vw; padding: 5vw 5vw 8vw; width: 100%;}
    #investor .list .item:first-child{margin-top: 0;}
    #investor .list .item .tit{font-size: .16rem;}
    #investor .list .item .brief{font-size: .24rem;}
    #investor .list .item .logo{height: 60px;}
    #investor .list .item:hover .triangle{border-bottom-color: #666; border-right-color: #666;}
}
@media (max-width: 576px) {
    #investor{padding: 10vw 0;}

    #investor .list .item{padding: 6vw 5vw 10vw;}
    #investor .list .item .tit{font-size: .26rem;}
    #investor .list .item .brief{margin-top: 8vw; font-size: .34rem; line-height: 1.8;}

    #investor .list .item .logo{margin-top: 6vw; height: 55px;}
    #investor .list .item:last-child .logo{height: 40px;}
    #investor .list .item .triangle{border-width: 25px;}
}
@media (max-width: 380px) {
    #investor .list .item{padding: 6vw 5vw 14vw;}
    #investor .list .item .logo{margin-top: 10vw;}
}