.page-main{padding-bottom:160px;}
/*************************首页banner  start*/
/* 首页解决方案 */
.index-solution-box{padding-top:150px;}
.index-solution-box .solution-cont{display: flex;gap:30px;margin-top:60px;}
.index-solution-box .solution-cont .solution-left{flex:1;aspect-ratio:1/1;}
.index-solution-box .solution-cont .solution-right{flex:1;display: flex;flex-direction: column;gap:30px;height:100%;}
.index-solution-box .solution-cont .solution-item{position:relative;height:100%;border-radius: 8px;overflow:hidden;transition: all .3s ease;}
.index-solution-box .solution-cont .solution-item img{display: block;width:100%;height:100%;object-fit:cover;transition: transform .5s ease, filter .5s ease;}
.index-solution-box .solution-cont .solution-item .solution-item-link-box{position:absolute;bottom:0;left:0;right:0;padding:30px 40px;display: flex;align-items: center;justify-content: space-between;transition: all .3s ease;z-index: 2;}
.index-solution-box .solution-cont .solution-item .solution-item-link-box .link-txt{font-size:20px;color:#fff;transition: transform .3s ease;}
.index-solution-box .solution-cont .solution-item .solution-item-link-box .common-btn{opacity: 0;visibility: hidden;transition: all .3s ease;transform: translateY(10px);}
.index-solution-box .solution-cont .solution-item:hover .solution-item-link-box .common-btn{opacity: 1;visibility: visible;transform: translateY(0);}
.index-solution-box .solution-cont .solution-item:hover img{transform: scale(1.05);filter: brightness(0.8);}
.index-solution-box .solution-cont .solution-item:hover .solution-item-link-box .link-txt{transform: translateY(-5px);}
.index-solution-box .solution-cont .solution-item:hover .solution-item-link-box .common-btn{transform: translateY(-5px);}

.index-solution-box .solution-cont .solution-item:hover .solution-item-link-box{background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));}

.index-solution-box .solution-cont .solution-item.half-item{height:calc(50% - 15px);}
.index-solution-box .solution-cont .solution-item.half-item img{height:100%;}

@media screen and (max-width: 1520px) {

}
@media screen and (max-width: 1300px) {
  .index-solution-box .solution-cont .solution-item .solution-item-link-box .common-btn{visibility: visible;opacity: 1; transform: translateY(0);}
}
@media screen and (max-width: 1180px) {

}
@media screen and (max-width: 750px) {
  .index-solution-box{padding-top:60px;}
  
}


/* 首页 如何应用 */
.index-how-use-box{margin-top:120px;padding-bottom:120px;}
.index-how-use-box .how-use-cont{display: flex;gap:30px;}
.index-how-use-box .how-use-cont .how-use-item{flex:1;background:#FAFAFA;border-radius: 8px;display: flex;flex-direction: column;justify-content: space-between;transition: all .3s;}
.index-how-use-box .how-use-cont .how-use-item:hover{background:var(--primary-color);}
.index-how-use-box .how-use-cont .how-use-item:hover .item-tit-box .item-tit-txt{color:#fff;transition: all .3s;}
.index-how-use-box .how-use-cont .how-use-item:hover .item-head-desc{color:#fff;transition: all .3s;}
.index-how-use-box .how-use-cont .how-use-item:hover .item-tit-more{color:#fff;}
.index-how-use-box .how-use-cont .item-top{padding:28px;}
.index-how-use-box .how-use-cont .item-tit-box{display: flex;justify-content: space-between;align-items: flex-start;}
.index-how-use-box .how-use-cont .item-tit-box .item-tit-txt{font-size:36px;max-width:160px;line-height: 1.2;}
.index-how-use-box .how-use-cont .item-tit-box .item-tit-more span{font-size:14px;}
.index-how-use-box .how-use-cont .item-tit-box .item-tit-more i{font-size:12px;}
.index-how-use-box .how-use-cont .item-head-desc{font-size:14px;line-height: 1.6;color:var(--text-color-second);margin-top:50px;transition: all .3s;}
.index-how-use-box .how-use-cont .item-bottom{border-radius: 8px;overflow: hidden;}
.index-how-use-box .how-use-cont .item-bottom img{display: block;width: 100%;border-radius: 8px;transition: transform 0.3s ease;}
.index-how-use-box .how-use-cont .how-use-item:hover .item-bottom img{transform: scale(1.1);}

/* 首页 镂空文字视频 */
.index-video-box{position:relative;height:200vh;}
.index-video-box .video-box-in{position:sticky;top:0;width:100%;margin:0 auto;height:100vh;overflow: hidden;display: flex;align-items: center;background:#000;}
.index-video-box .video-box-in video{display: block;width:100%;object-fit:cover;}
.index-video-box .video-box-in img{position:absolute;top:0;left:0;display: block;width:100%;z-index: 2;height:100%;transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}


/* 首页 ai-box */
.index-ai-box{margin-top:120px;}
/* .index-ai-box .common-layout{max-width:1440px;margin:0 auto;} */
.index-ai-box .ai-tit{font-size:36px;text-align: center;line-height: 1;}
.index-ai-box .ai-sub-tit{font-size:16px;text-align: center;line-height: 24px;margin-top:24px;color:var(--text-color-second);}
.index-ai-box .ai-cont{display: flex;justify-content: center;margin-top:50px;}
.index-ai-box .ai-cont .common-btn{font-size:14px;}

/* 首页,爆炸图 */
.index-baozha-box{margin-top:130px;}

/* 首页digital */
.index-digital-box{margin-top:60px;}
.index-digital-box .digital-box-in{}
.index-digital-box .digital-main{text-align: center;padding:70px 0 30px 0;}
.index-digital-box .digital-main .digital-tit-box{text-align: center;font-size:26px;}
.index-digital-box .digital-main .digital-cont-box{margin-top:16px;position:relative;}
.index-digital-box .digital-main .digital-cont-box .digital-desc{color:var(--text-color-second);font-size:20px;line-height: 1.5;}

.index-digital-box .digital-main-top{position:relative;display: flex;justify-content: space-between;overflow: hidden;align-items: flex-start;}
.index-digital-box .digital-item{max-width:370px;position:relative;cursor: pointer;}
.index-digital-box .digital-item:hover .item-play-icon{display: block;}
.index-digital-box .digital-item.item1{margin-left:150px;}
.index-digital-box .digital-item.item2{margin-top:100px;width:237px;}
.index-digital-box .digital-item.item3{margin-top:0;width:262px;}
.index-digital-box .digital-item.item4{margin-top:157px;width:237px;margin-left:-170px;}
.index-digital-box .digital-item.item5{margin-top:55px;width:272px;}
.index-digital-box .digital-item .item-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;display: none;}
.index-digital-box .digital-item .item-play-icon i{font-size:32px;}
.index-digital-box .digital-item img{display: block;width:100%;border-radius: 16px;}
.index-digital-box .digital-main-bottom{position:relative;display: flex;justify-content: space-between;overflow: hidden;align-items: flex-start;}

@media screen and (max-width: 1520px) {
  .index-video-box{height:auto;}
  .index-video-box .video-box-in{height:auto;position:static;}
  .index-video-box .video-box-in img{display: none;}
}
@media screen and (max-width: 1300px) {
  .index-ai-box .ai-cont{margin-top:32px;}
  .index-how-use-box{margin-top:60px;padding-bottom:60px;}
  .index-ai-box{margin-top:60px;}
}
@media screen and (max-width: 1180px) {
  .index-how-use-box .how-use-cont{flex-direction: column;}
  .index-how-use-box .how-use-cont .item-head-desc{margin-top:8px;}
  .index-how-use-box .how-use-cont .item-tit-box .item-tit-txt{font-size:24px;}
  
}
@media screen and (max-width: 750px) {
  
}
@media screen and (max-width: 480px) {

}



/* 首页 新闻分类 */
.index-news-cat-box{margin-top:150px;}
.index-news-cat-box .news-cat-tit-box{text-align: center;padding-bottom:90px;}
.index-news-cat-box .news-cat-list{display: flex;gap:32px;}
.index-news-cat-box .news-cat-item{position:relative;overflow:hidden;flex:1;}
.index-news-cat-box .news-cat-item .cat-tit{position:absolute;top:52px;left:32px;color:#fff;z-index: 1;}
.index-news-cat-box .news-cat-item .cat-tit .t1{font-size:20px;line-height: 1;}
.index-news-cat-box .news-cat-item .cat-tit .t2{font-size:16px;line-height: 1.2;margin-top:8px;}
.index-news-cat-box .news-cat-list {display: flex;gap: 16px;}
.index-news-cat-box .news-cat-item {flex: 1;transition: flex 0.3s ease;cursor: pointer;}
.index-news-cat-box .news-cat-item.active {  flex: 1.8;}
.index-news-cat-box .news-cat-item:hover {flex: 1.8;}
.index-news-cat-box .news-cat-item:not(.active):not(:hover) {flex: 1;}
.index-news-cat-box .news-cat-item img{display: block;width:100%;border-radius: 16px;height:430px;background-position:0,0;}




.index-bottom-swiper-box{margin-top:150px;}
.index-bottom-swiper-box .index-bottom-swiper-item{display: flex;}
.index-bottom-swiper-box .index-bottom-swiper-item .item-left{width:55%;margin-right:5%;}
.index-bottom-swiper-box .index-bottom-swiper-item .item-left img{display: block;width:100%;border-radius: 8px;}


.index-bottom-swiper-box .index-bottom-swiper-item .item-right{width:45%;}
.index-bottom-swiper-box .index-bottom-swiper-item .item-right .sub-tit{margin-top:67px;}
.index-bottom-swiper-box .index-bottom-swiper-item .item-right .item-desc{margin-top:20px;}
.index-bottom-swiper-box .index-bottom-swiper-item .item-right .item-desc p{margin:0;padding:4px;font-size:14px;color:var(--text-color-second);}
.index-bottom-swiper-box .index-bottom-swiper-item .item-right .item-btn-box{margin-top:50px;display: flex;gap:20px;}
.index-bottom-swiper-box .swiper-horizontal>.swiper-pagination-bullets{display: flex;justify-content:flex-end;}
.index-bottom-swiper-box .swiper-pagination-bullet{width:4px;height:4px;border-radius: 999px;background-color: var(--primary-color);}
.index-bottom-swiper-box .swiper-pagination-bullet-active{width:50px;background-color: var(--primary-color);border-radius: 999px;}





@media screen and (max-width: 1520px) { 
  .index-what-we-do-box .we-do-cont{font-size:12vw;}
}
@media screen and (max-width: 1300px) {
  .index-chengguo-box{padding:60px 0;}
  .index-chengguo-box .chengguo-title{font-size:20px;padding-bottom:16px;}
  .index-chengguo-box .chengguo-content{font-size:32px;}
  .index-banner .swiper-slide .index-banner-swiper-link .banner-small{left:24px;width:50%;height:auto;}
  .page-head .head-right{justify-content: flex-end;}
  .page-foot-wrap .foot-nav .nav-left .foot-nav-list{flex:1;}
  .page-foot-wrap .foot-nav .nav-left .foot-nav-list .nav-item{flex:1;}
  
  .index-description-box .desc-bottom{margin-top:80px;}
  .index-description-box .desc-bottom .desc-bottom-info-list{flex:1;}
  .index-description-box .desc-bottom .info-item{width:50%;}
  .index-description-box .desc-bottom .info-item:first-child{margin-left:0;}
  
  
  
}
@media screen and (max-width: 1180px) {
  /* .index-banner .swiper-slide .index-banner-swiper-link{height:600px;} */
  .index-banner .swiper-slide .index-banner-swiper-link .swiper-item-txt{font-size:32px;left:24px;bottom:24px;}
  .index-banner .swiper-pagination{bottom:16px;}
  .index-banner .index-swiper-arrow-box{bottom:12px;}
  .index-banner .swiper-slide .index-banner-swiper-link .banner-title{font-size:48px;}

  .index-about-box{margin-top:60px;}
  .index-about-box .index-about-block-1-txt{font-size:40px;}
  .index-about-box .index-about-block-2{margin-top:32px;}
  .index-about-box .index-about-block-2 .block-2-in{max-width:initial;}
  .index-about-box .index-about-block-3{margin-top:32px;max-width:initial;}
  .index-what-we-do-box{margin-top:32px;}
  .index-what-we-do-box .we-do-title{padding-bottom:0;}
  .index-visual-box{margin-top:50px;}

  .index-description-box .desc-bottom .info-list-in{width: auto;max-width: inherit;margin:-15px;}

  .index-customer-box{padding-top:50px;}
  .index-customer-box .customer-txt{margin-bottom:24px;}

  .index-description-box .desc-top .desc-top-content{font-size:20px;max-width:initial;}
  
  .index-solution-box{padding-top:60px;}
  .index-solution-box .solution-cont{flex-direction: column;margin-top:32px;}
  .index-solution-box .solution-cont .solution-left{aspect-ratio:16/9;}
  .index-solution-box .solution-cont .solution-item.half-item{height:200px;}

  .index-news-cat-box{margin-top:60px;}
  .index-news-cat-box .news-cat-tit-box{padding-bottom:32px;}

  .index-news-cat-box .news-cat-list{flex-direction: column;}

  .page-main{padding-bottom:60px;}
  .index-bottom-swiper-box{margin-top:60px;}
  .index-bottom-swiper-box .index-bottom-swiper-item{display:block;}
  .index-bottom-swiper-box .index-bottom-swiper-item .item-left{width:100%;margin-right:0;}
  .index-bottom-swiper-box .index-bottom-swiper-item .item-right{width:100%;margin-top:32px;}
  .index-bottom-swiper-box .index-bottom-swiper-item .item-right .sub-tit{margin-top:24px;}
  .index-bottom-swiper-box .index-bottom-swiper-item .item-right .item-desc{margin-top:16px;}
  .index-bottom-swiper-box .index-bottom-swiper-item .item-right .item-btn-box{margin-top:16px;}
  
  
}
@media screen and (max-width: 750px) {
  .index-chengguo-box{padding:60px 0;}
  .index-chengguo-box .chengguo-content{font-size:24px;}
  .index-chengguo-box .chengguo-list-box{margin-top:32px;}
  .index-chengguo-box .chengguo-list-box .marquee-ul li img{width:120px;}
  
  .index-description-box .common-layout{background-position:right bottom;background-size:350px;}
  .index-description-box .desc-bottom .info-item .info-item-in{padding:16px;}
  .index-description-box .desc-bottom .info-item .item-icon{margin-top:12px;}
  .index-description-box .desc-bottom .info-item .item-tit{font-size:18px;}
  .index-description-box .desc-bottom .info-item .item-icon img{width:32px;height:32px;}
  .index-description-box .desc-top .desc-top-more{padding-top:24px;}
  .index-description-box .desc-bottom .desc-bottom-info-list .info-list-in{margin:-8px;}
  .index-description-box .desc-bottom .info-item{padding:8px;}

  .index-description-box .desc-bottom{padding-bottom:32px;}
  .index-description-box .common-layout{padding-top:0;}

  .index-chengguo-box .chengguo-list-box .marquee-line-box{padding:16px 0;}
  
  .index-solution-box .solution-cont{gap:16px;margin-top:24px}
  .index-solution-box .solution-cont .solution-left{aspect-ratio:4/3;}
  .index-solution-box .solution-cont .solution-right{gap:16px;}
  .index-solution-box .solution-cont .solution-item.half-item{height:180px;}
  .index-solution-box .solution-cont .solution-item .solution-item-link-box{padding:16px;}
  .index-solution-box .solution-cont .solution-item .solution-item-link-box .link-txt{font-size:16px;}

  .index-news-cat-box .news-cat-item img{height:320px;}
  
}
@media screen and (max-width: 480px) {
  .index-solution-box .solution-cont{gap:12px;}
  .index-solution-box .solution-cont .solution-left{aspect-ratio:1/1;}
  .index-solution-box .solution-cont .solution-right{gap:12px;}
  .index-solution-box .solution-cont .solution-item.half-item{height:150px;}
  .index-solution-box .solution-cont .solution-item .solution-item-link-box{padding:12px;}
  .index-solution-box .solution-cont .solution-item .solution-item-link-box .link-txt{font-size:14px;}
}

.index-news-list-box{padding:120px 0;background-color: #F5F7FA;}

@media screen and (max-width: 1520px) {

}
@media screen and (max-width: 1300px) {
  .index-news-list-box{padding:60px 0;}
}
@media screen and (max-width: 1180px) {

}
@media screen and (max-width: 750px) {
  
}




/* 首页栅格图片展示 */
.index-grid-box{padding:120px 0;}
.index-grid-box .grid-block {display: flex;gap: 24px;}
.index-grid-box .grid-left, .grid-right {display: flex;flex-direction: column;gap: 24px;}
.index-grid-box .grid-left {flex: 2;}
.index-grid-box .grid-right {flex: 1;justify-content: center;}
.index-grid-box .grid-item {flex: 1; display: flex; align-items: stretch; position: relative; overflow: hidden; border-radius: 12px; transition: box-shadow 0.3s cubic-bezier(.4,0,.2,1); box-shadow: 0 2px 12px 0 rgba(0,0,0,0.06);}
.index-grid-box .grid-item img {width: 100%; object-fit: cover; display: block; }
.index-grid-box .grid-item .grid-item-in {position: absolute; left: 0; bottom: 0; right: 0; padding: 52px 52px 32px 52px; z-index: 2; transition: background 0.4s cubic-bezier(.4,0,.2,1);}
.index-grid-box .grid-item .grid-item-in .t1, .index-grid-box .grid-item .grid-item-in .t2 {transition: opacity 0.4s cubic-bezier(.4,0,.2,1), transform 0.4s cubic-bezier(.4,0,.2,1);}
.index-grid-box .grid-item:hover {box-shadow: 0 8px 32px 0 rgba(190,56,47,0.18);}
.index-grid-box .grid-item:hover img {transform: scale(1.06);}
.index-grid-box .grid-item:hover .grid-item-in {background: linear-gradient(to bottom,transparent,rgba(190,56,47,.8));}
.index-grid-box .grid-item .grid-item-in .t1 {font-size: 26px; color: #fff;}
.index-grid-box .grid-item .grid-item-in .t2 {font-size: 16px; color: #fff;  margin-top: 8px;}
.index-grid-box .grid-item .grid-item-in .t2 {opacity: 0; transform: translateY(16px);}
.index-grid-box .grid-item:hover .grid-item-in .t2 {display: block; opacity: 1; transform: translateY(0);}
.index-grid-box .grid-item .grid-item-in .t1 {opacity: 1; transform: translateY(0);}


@media screen and (max-width: 1520px) {

}
@media screen and (max-width: 1300px) {
  
}
@media screen and (max-width: 1180px) {
  .index-grid-box{padding:60px 0;}
  .index-grid-box .grid-block {flex-direction: column;gap: 16px;}
  .index-grid-box .grid-left, .grid-right {flex-direction: column;gap: 16px;}
  .index-grid-box .grid-item img{height:200px;}
}
@media screen and (max-width: 750px) {
  .index-grid-box .grid-item .grid-item-in{padding:22px;}
  .index-grid-box .grid-item .grid-item-in .t1{font-size:20px;}
  .index-grid-box .grid-item .grid-item-in .t2{margin-top:8px;}
}

/* 首页校园生活 */
.index-school-img-box{padding-bottom:120px;}
.index-school-img-box .school-title{font-size:36px;text-align: center;padding-bottom:50px;}
.index-school-img-box .swiper-slide img{display: block;width:100%;border-radius: 16px;}
.index-school-img-box .swiper-button-next, .index-school-img-box .swiper-button-prev{width:40px;height:40px;background-color:rgba(255,255,255,.8);border-radius: 50%;color:var(--text-color)}
.index-school-img-box .swiper-button-next:after, .index-school-img-box .swiper-button-prev:after{font-size:16px;color:var(--text-color);}
.index-school-img-box .swiper-button-next:hover, .index-school-img-box .swiper-button-prev:hover{background-color:var(--primary-color);}
.index-school-img-box .swiper-button-next:hover:after, .index-school-img-box .swiper-button-prev:hover:after{color:#fff;}

@media screen and (max-width: 1520px) {

}
@media screen and (max-width: 1300px) {
  
}
@media screen and (max-width: 1180px) {
  .index-school-img-box{padding-bottom:60px;}
  .index-school-img-box .school-title{font-size:24px;padding-bottom:16px;}
  
}
@media screen and (max-width: 750px) {
  /*.index-school-img-box .swiper-button-next, .index-school-img-box .swiper-button-prev{display: none;}*/
}


/* 首页留言 */
.index-message-box{padding:120px 0;background:url("../img/index/index-message-bg.jpg") no-repeat center center;background-size:cover;}
.index-message-box .message-block{display: flex;}
.index-message-box .message-left{width:50%;font-size:40px;color:#fff;}
.index-message-box .message-right{width:50%;}


@media screen and (max-width: 1520px) {

}
@media screen and (max-width: 1300px) {
  
}
@media screen and (max-width: 1180px) {
  .index-message-box{padding:60px 0;}
  .index-message-box .message-block{flex-direction: column;}
  .index-message-box .message-left{width:100%;font-size:32px;padding-bottom:16px;}
  .index-message-box .message-right{width:100%;}
  .page-foot-wrap .foot-copyright{flex-direction: column;align-items: flex-start;}
  .page-foot-wrap .foot-copyright .copyright-right a:first-child{margin-left:0;}
  
}
@media screen and (max-width: 750px) {
  
}




















