.index-top{
    background-image: url(../img/background_index.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    overflow: hidden; padding-bottom: 200px;
}

.index-notice-oneline{
    width: 60%;
    height: 40px; line-height: 40px; color:#69798F; font-size: 13px; text-align: center;
    background: linear-gradient( 270deg, #FFFFFF 0%, rgba(0,0,0,0.15) 30%, #FFFFFF 100%);
    border-radius: 0px 0px 0px 0px;
    margin:auto; overflow: hidden; margin-top:40px;
}

.index-notice-oneline a{
    color:#69798F;
}

.index-notice-oneline a:hover{
    color:#471db9;
}

.index-tech{
    margin:auto; margin-top:80px; text-align: center;
    
} 

.index-tech .tech{
    width:383px; height:66px; display:block;
    background-image: url(../img/techuju.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; display: inline-block;
}

.index-tech .remark{
    font-size:24px; font-weight: bold; color:#465569; margin-top:10px;
}

.index-item{
    display:flex; justify-content: center; margin-top:80px;
}

.index-item-out{
    width: 400px;
    height: 200px;
    background: var(--border-gradient);
    padding:2px; border-radius: 20px;
    display:block;
    margin:0 20px;
}

.index-item-box {
    width:100%; height:100%;
    background: var(--bg-gradient);
    border-radius: 18px;
    text-align: center; position: relative; overflow: hidden;
}

.index-item-box .title{
    background:var(--border-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size:28px; font-weight: bold; 
    padding-top:24px;
}
.index-item-box .remark{
    font-size:16px; 
    color: #69798F; margin-top: 12px;
}
.index-item-box .bot{
    position:absolute; left:0; right:0; bottom:0; height:94px;
    display: flex; justify-content: flex-end; align-items: flex-end;
}

.index-item-box .bot.you{
    background-image: url(../img/ai_you.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain; 
}

.index-item-box .bot.ju{
    background-image: url(../img/ai_ju.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain; 
}


.index-item-box .bot .go{
    width:40px; height:40px;
    background-image: url(../img/ai_go.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; display: inline-block;
    margin:16px;
}


.index-bot{
    background:#fff; display: flex; justify-content: center;
    padding-bottom: 40px;
}

.bot-content{
    width: 70%; display: flex; justify-content: space-between; 
}

.bot-content .bot-text-menu{
    margin-top: 40px; display: flex; flex-wrap: wrap; 
}
.bot-content .bot-text-menu .bot-text-top{
    display: flex; width:100%;
}
.bot-content .bot-text-menu a{
    margin-right:30px; color:#333; font-size:15px;
}
.bot-content .bot-text-menu a i.text-you{
    width:20px; height:20px; position:absolute; 
    background-image: url(../img/text_you.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; 
}
.bot-content .bot-text-menu a i.text-ju{
    width:20px; height:20px; position:absolute; 
    background-image: url(../img/text_ju.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; 
}

.bot-baiean{
    margin-top:0px; 
}

.bot-baiean a{
    color:#666 !important; font-size:14px !important; 
}
.bot-baiean a:hover{
    color:#333 !important;
}


.bot-content .bot-img-menu{
    display: flex; margin-top: 30px;
}

.bot-content .bot-img-menu a{
    margin-left:30px; color:#333;
}

.bot-content .bot-img-menu a span{
    display:block; font-size:12px; margin-top:10px;
}