/*******************全局*******************/
html,body{margin: 0;padding: 0;width:100%; }
.ai-width {
    padding: 0px 180px;
/*    min-width:600px;*/
}
/*标题*/
.ai-main{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content:center;
  margin:20px 0px 60px 0px;
}
.ai-main-title{
height:80px;
line-height:40px;
margin:25px 0px 15px 0px;
font-size:38px;
font-weight: bold;
text-align: center;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content:center;
}
.ai-main-subtitle{
display: flex;
flex-direction: row;
align-items: center;
justify-content:center;
width: 100%;
margin-bottom: 40px;
}
.ai-main-subtitle-inner{
display: flex;
flex-direction: row;
align-items: center;
justify-content:center;
background-color: #f2f2f2;
border-radius: 30px;
padding: 5px;
gap: 10px;
}
.ai-main-subtitle-inner span{
height:100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content:center;
font-size: 16px;
font-weight: bold;
padding:8px 26px;
cursor: pointer;
border-radius: 28px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ai-main-subtitle-inner span i{margin-left: 10px;}
.ai-main-subtitle-inner span[data-this=yes]{
background: linear-gradient(89.42deg, #4f7afd, #7f6fea);
/*background: #000;*/
/*background-color: rgba(25, 25, 112, 1);*/
color: #fff;
}
.ai-main-subtitle-inner span:not([data-this=yes]):hover{
background: #fff;
}
/*按钮*/
.ai-btn-1{
border-radius: 30px;
white-space: nowrap;
text-overflow: ellipsis;
margin-top: auto; 
background: transparent;
color: #000;
padding:5px 18px;
border:1px solid #000;
}
.ai-btn-2{
border-radius: 30px;
white-space: nowrap;
text-overflow: ellipsis;
margin-top: auto; 
background: #000;
color: #fff;
padding:10px 20px;
}
.ai-btn-3{
  border: 2px solid #fff;
  border-radius: 30px;
  font-size: 14px;
  line-height: 18px;
  padding: 8px 18px;
  font-weight: bold;
  color: #fff;
}
.ai-btn-4{
    font-size: 14px;
    display: block;
    height: 38px;
    line-height: 38px;
    width: 50%;
    min-width: 100px;
    max-width: 160px;
    border-radius: 30px;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.ai-btn-5{
border: 2px solid transparent;
  font-size: 16px;
  line-height: 18px;
 padding:10px 10px;
  font-weight: bold;
  color: rgba(25, 25, 112, 1);
}
.ai-btn-6{
  border: 2px solid #000;
  border-radius: 30px;
  font-size: 14px;
  line-height: 18px;
 padding:10px 20px;
  font-weight: bold;
  color: #000;
}
/*******************头部导航*******************/
.ai-head {
height: 80px;
width: 100%;
background-color: transparent;
position: fixed;
top: 0px;
z-index: 9999;
/*background-color: rgba(25, 25, 112, 0.95);*/
}
.ai-head[page=inner] {
background-color: rgba(25, 25, 112, 1);
}
.ai-head:hover {
background-color: rgba(25, 25, 112, 1) ;
}
.ai-head.scrolled {
background-color: rgba(25, 25, 112, 1) ;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.ai-head.hidden {
/*transform: translateY(-100%);*/
}
.ai-head-container-all {
height: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
overflow: hidden;
}
.ai-head-container {
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
z-index: 999;
}
/*logo*/
.ai-head-container .ai-head-logo {
height: 100%;
width: 220px;
}
.ai-head-container .ai-head-logo a {
display: block;
height: 100%;
width: 150px;
background-image: url(../image/logo.svg);
background-size: auto 53px;
background-repeat: no-repeat;
background-position: left center;
}
/*PC端菜单*/
.ai-head-container .ai-head-menu {
height: 100%;
flex: 1;
display: flex;
justify-content: flex-start;
align-items: center;
}
.ai-head-container .ai-head-menu dl:last-child dt{
background: linear-gradient(99deg, #9D57FF 7.39%, #55F 35.72%, #3962FF 64.06%, #1AB1FF 93.26%);
color: transparent;
white-space: nowrap;
text-overflow: ellipsis;
background-clip: text;
/*zoom: 1.2;*/
}
.ai-head-container .ai-head-menu dl:last-child dd{
display: none;
}
.ai-head-container .ai-head-menu dl:last-child:hover {
background-color: transparent;
}
.ai-head-container .ai-head-menu dl {
display: block;
padding: 6px 15px;
margin: 0px 20px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
cursor: pointer;
border-radius: 20px;
}
.ai-head-container .ai-head-menu dl:hover {
background-color: rgba(255,255,255,0.3);
}
.ai-head-container .ai-head-menu dl dt {
color: #fff;
font-weight: bold;
white-space: nowrap;
text-overflow: ellipsis;
}
.ai-head-container .ai-head-menu dl dd {
color: #fff;
font-weight: bold;
padding-left:8px;
text-align: center;
}
/*PC端菜单箭头*/
.ai-head-menu .iconfont.icon-arrow-down {
display: inline-block; /* 关键：行内元素旋转无效，需转为行内块/块元素 */
transition: transform 0.3s ease; /* 过渡动画：0.3秒平滑旋转，ease让动画更自然 */
transform: rotate(0deg); /* 初始角度 */
}
.ai-head-menu .icon-arrow-down.rotate {
transform: rotate(180deg); /* 旋转180度的样式类 */
}
/*移动端菜单开关*/
.ai-head-container .ai-head-menumobi {
height: 100%;
width: 24px;
display: none;
justify-content: center;
align-items: center;
margin-left: auto;
}
.ai-head-container .ai-head-menumobi i{
color: #fff;
font-size: 24px;
cursor: pointer;
}
/* 给i元素添加过渡动画，确保旋转平滑 */
.ai-head-menumobi i {
  transition: transform 0.3s ease; /* 旋转动画时长和aiimationSpeed一致 */
  transform-origin: center; /* 旋转中心点（默认也是center，可根据需求调整） */
}

/* 旋转90度的类 */
.ai-head-menumobi i.rotate-90 {
  transform: rotate(90deg);
}
/*登录等按钮*/
.ai-head-container .ai-head-login {
height: 100%;
display: flex;
justify-content: right;
align-items: center;
}
.ai-head-container .ai-head-login a {
display: block;
height: 24px;
line-height: 24px;
border-radius: 30px;
font-weight: bold;
padding: 6px 24px;
font-size: 16px;
border: 2px solid #fff;
margin-left: 15px;
display: flex;
align-items: center;
white-space: nowrap;
text-overflow: ellipsis;
}
.ai-head-container .ai-head-login a[btn=try] {
color: #fff;
}
.ai-head-container .ai-head-login a[btn=login] {
background-color: #fff;
color: #080d46;
}
.ai-head-container .ai-head-login a[btn=hotline] {
border: 2px solid transparent;
color: #fff;
font-size: 28px;
font-weight: normal;
white-space: nowrap;
text-overflow: ellipsis;
}
.ai-head-container .ai-head-login a[btn=hotline] i {
font-size: 32px;
margin-right:8px;
}
/*PC端子菜单*/
.ai-head-submenu {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(25, 25, 112, 1) ;
z-index: 888;
padding: 30px 0px 40px 0px;
}
.ai-head-submenu-class-container{
width: 100%;
display: flex;
gap:20px;
justify-content: flex-start; 
align-items:flex-start;
flex-wrap: wrap;
min-height: 80px;
box-sizing: border-box;
}
.ai-head-submenu-class-container strong{
  color: #fff;
  height: 30px;
  line-height: 30px;
  width: 100%;
  font-size: 18px;
}
.ai-head-submenu-container {
width: 100%;
display: flex;
justify-content: space-between; 
align-items: stretch;
flex-wrap: wrap;
gap: 20px;
min-height: 80px;
box-sizing: border-box;
}
.ai-head-submenu-container a{
flex:1;
display: flex;
align-items: flex-start; /* 顶部对齐 */
gap: 10px;
box-sizing: border-box; /* 让padding包含在宽度内 */
cursor: pointer;
min-width: 300px;
}
.ai-head-submenu-container dl {
  flex:1;
display: flex;
align-items: flex-start; /* 顶部对齐 */
gap: 10px;
border-radius: 10px;
padding: 15px;
box-sizing: border-box; /* 让padding包含在宽度内 */
background: rgba(255, 255, 255, 0.1) ;
color: #fff;

cursor: pointer;
min-width: 300px;
}
.ai-head-submenu-container dl:hover {
background: linear-gradient(89.42deg, #4f7afd, #7f6fea);
}
/*移动端菜单*/
.ai-head-submenu2{
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
z-index: 888;
}
.ai-head-submenu2-container {
width: 100%;
display: flex;
background-color: rgba(25, 25, 112, 1) ;
justify-content: center;
align-items: flex-start;

}
.ai-head-submenu2-container .layui-nav.layui-nav-tree{width:100%;}
.ai-head-submenu2-container .layui-nav-tree .layui-nav-bar {
background-color: transparent;
}
.ai-head-submenu2-container .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{
background: linear-gradient(89.42deg, #4f7afd, #7f6fea);
background-color: transparent;
}
.ai-head-submenu2-container .layui-nav{background-color: transparent;}
.ai-head-submenu2-container .layui-nav-tree .layui-nav-child a{color: rgba(255, 255, 255,1);}
.ai-head-submenu2-container .layui-nav .layui-nav-item a{color: rgba(255, 255, 255,1);font-weight: bold;font-size: 14px;}
/*******************banner*******************/
.ai-banner {
background-color: #080d46;
height: 70vh;
min-height: 800px;
max-height: 1000px;
width: auto;
display: flex;
position: relative;
}
.ai-banner-container{
background-color: rgba(0,0,0,0.2);
width: auto;
flex: 1;
}
.ai-banner-shortcut{
height: 120px;
width: auto;
position: absolute; 
bottom: 30px; 
left: 0;
right: 0; 
z-index: 99;
overflow: hidden;
}

/************banner item ************/
.ai-banner-container-item{
display: flex; 
position: relative; 
width: 100%;
height: 100%;
}
.ai-banner-container-item .ai-banner-container-item-bg{
background-size:cover;
background-repeat: no-repeat;
background-position: center;
transition: transform 0.8s ease;
}
.ai-banner-container-item:hover .ai-banner-container-item-bg{
transform: scale(1.01);
}
.ai-banner-container-item .child {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
}
.ai-banner-container-item .child-1 {
z-index: 1;
}
.ai-banner-container-item .child-2 {
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
margin:100px auto 230px auto;
}
.ai-banner-container-item .child-2 dl{
margin: 0px;
padding: 80px 0px 20px 0px ;
}
.ai-banner-container-item .child-2 dt[type=title]{
font-size: 80px;
/*height: 100px;
line-height: 100px;*/
text-align: center;
color:#fff;
font-weight: bold;
white-space: wrap;
}
.ai-banner-container-item .child-2 dt[type=title2]{
font-size: 80px;
/*height: 100px;
line-height: 100px;*/
text-align: center;
color:#fff;
font-weight: bold;
white-space: nowrap;
text-overflow: ellipsis; 
background-clip: text;
-webkit-background-clip: text;
background-image: linear-gradient(90deg, #ec77ab, #7873f5);
color: transparent;
}
.ai-banner-container-item .child-2 dd[type=intro]{
font-size: 36px;
line-height: 48px;
text-align: center;
color:#fff;
padding: 20px 0px;
}
.ai-banner-container-item .child-2 dd[type=btn]{
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: row;
gap:40px;
padding: 40px 0px 30px 0px;
}
.ai-banner-container-item dd[type=btn] btn{
display:block;
font-size: 26px;
line-height: 26px;
border:2px solid #fff;
color: #fff; 
padding: 15px 60px;
border-radius:40px;
box-shadow: inset 0 0 12px -6px #fff9, inset 0 8px 22px -16px #fffc;
cursor: default;
transition: box-shadow 0.2s ease;
}
.ai-banner-container-item dd[type=btn] btn:hover{
box-shadow: inset 0 0 12px -6px #fff9, inset 0 8px 32px -16px #fffc;
}
.ai-banner-container-item dd[type=btn] btn:first-child{
color:#fff;
background: linear-gradient(89.42deg, #4f7afd, #7f6fea);
padding: 15px 60px;
border-radius:40px;
border:0px;
padding: 17px 64px;
}
.ai-banner-container-item video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
}
/************banner layui部件重写************/
.ai-banner .layui-carousel-ind{
top:-210px;
}
.ai-banner .layui-carousel-ind ul{
background-color: transparent;
}
.ai-banner .layui-carousel:hover .layui-carousel-arrow {
background-color: rgba(255, 255, 255, .2);
}
.ai-banner .layui-carousel-arrow:hover, .layui-carousel-ind ul:hover{
background-color: transparent;
}
.ai-banner .layui-carousel-ind ul li{
height:10px;width: 10px;
border-radius: 5px;
margin: 0px 5px;
}
.ai-banner .layui-carousel-ind ul li.layui-this{
width: 30px;
}
.ai-banner .layui-carousel-arrow{
top:calc(50% - 50px);
margin-top: -23px;
width: 46px;
height: 46px;
line-height: 46px;
font-size: 30px;
}
.ai-banner .layui-carousel>[carousel-item]>*{
  background-color: rgba(0, 0, 0, 1);
}
/************banner快捷图标************/
.ai-banner-shortcut-container {
padding: 0px 0 0px 0;
width: 100%;
height: 180px;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
gap:20px;
}
.ai-banner-shortcut-item {
flex: 1 1 200px; /* 伸缩性：1 1 最小宽度200px */
min-width: 200px; /* 子元素最小宽度，小于这个值就换行 */
height: 90px;
background: rgba(0,0,0,0.5);
color: white;
text-align: center;
border-radius: 10px; 
overflow: hidden;
display: flex;
flex-direction: row;
justify-content:space-between;
align-items: center;
}
.ai-banner-shortcut-item a{
width: 100%;
height: 90px;
display: flex;
flex-direction: row;
justify-content:flex-start;
align-items: center;
cursor:pointer;
}
.ai-banner-shortcut-item-left{
height: 100%;width:calc(100% - 90px);
padding:10px 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content:center;
}
.ai-banner-shortcut-item-left .title{
display: block;
color: #fff;
width:100%;
height: 30%;
font-size:18px;
font-weight: bold;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ai-banner-shortcut-item-left .intro{
color: #fff;
width:100%;
height: 30%;
font-size:14px;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ai-banner-shortcut-item-right{
height: 100%;
width:90px;
background-repeat: no-repeat;
background-size: 50px auto;
background-position: center;
}
.ai-banner-shortcut-item:hover{
background: linear-gradient(89.42deg, #4f7afd, #7f6fea);
}
/*******************产品*******************/
.ai-product{
display: flex;
flex-direction: column;
align-items: center;
justify-content:center;
width: 100%;
margin:20px 0px;
}
.ai-product-title{
height:80px;
line-height:80px;
margin:25px 0px 15px 0px;
font-size:38px;
font-weight: bold;
display: flex;
flex-direction: row;
align-items: center;
justify-content:center;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
}
.ai-product-subtitle{
display: flex;
flex-direction: row;
align-items: center;
justify-content:center;
width: 100%;
margin-bottom: 40px;
}
.ai-product-subtitle-inner{
display: flex;
flex-direction: row;
align-items: center;
justify-content:center;
background-color: #f2f2f2;
border-radius: 30px;
padding: 5px;
gap: 10px;
}
.ai-product-subtitle-inner span{
height:100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content:center;
font-size: 16px;
font-weight: bold;
padding:8px 28px;
}
.ai-product-subtitle-inner span[this=yes]{
background: linear-gradient(89.42deg, #4f7afd, #7f6fea);
color: #fff;
border-radius: 30px;
padding:8px 28px;
}
.ai-product-container{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
/*height:520px;*/
gap:20px;
}
/*左侧*/
.ai-product-container-left{
  flex:1;
height:100%;
height:522px;
width: calc(35% - 10px);
display: flex;
align-items: flex-start;
justify-content:space-between;
}
.ai-product-container-left-item{
display: flex;
height:calc(100% - 2px);
width: calc(100% - 2px);
overflow: visible;
}
.ai-product-container-left-item .ai-product-item {
background-color: #fff;
box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border: 1px solid #f0f0f0;
border-radius: 10px;
padding:30px;
width:calc(100% - 62px);
height: calc(100% - 62px);
}
.ai-product-container-left-item .ai-product-item:hover {
}
.ai-product-container-left-item .ai-product-item h2{
margin:10px 0 20px 0px;
display: flex;
flex-direction: row;
align-items:flex-start;
justify-content: flex-start;
margin:0px 0 15px 0px;
}
.ai-product-container-left-item .ai-product-item h2 span{
display:block;
height: 70px;
width: 70px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
border-radius: 10px;
}
.ai-product-container-left-item .ai-product-item h3{
font-size: 28px;
height: 34px;
line-height: 34px;
white-space: nowrap;
text-overflow: ellipsis;
}
.ai-product-container-left-item .ai-product-item p{
font-size: 16px;
line-height: 32px;
margin: 20px 0px 20px 0px;
color:#666;
}
.ai-product-container-left-item .ai-product-item p span{
display: block;
color:#666;
font-size: 14px;
line-height: 30px;
height: 30px;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ai-product-container-left-item .ai-product-item a{
margin-top: auto; 
}
/*右侧*/
.ai-product-container-right{
height:100%;
width: calc(65% - 10px);
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
gap:20px;
/*overflow: hidden;*/
}
.ai-product-container-right-item{
flex:1;
display: flex;
height:250px;
/*height:calc(50% - 11px);*/
/*width: calc(100% / 3 - 15px);*/
min-width: 300px;
}
.ai-product-container-right-item .ai-product-item {
padding: 30px;
background-color: #fff;
box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
border: 1px solid #f0f0f0;
width:calc(100% - 62px);
height: calc(100% - 62px);
border-radius: 10px;
display: flex;
flex-direction: column;
align-items:flex-start;
justify-content: flex-start;
}
.ai-product-container-right-item .ai-product-item:hover {
}
.ai-product-container-right-item .ai-product-item h2{
margin:10px 0 20px 0px;
display: flex;
flex-direction: row;
align-items:flex-start;
justify-content: flex-start;
margin:0px 0 15px 0px;
}
.ai-product-container-right-item .ai-product-item h2 span{
display:block;
height: 50px;
width: 50px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
border-radius: 10px;
}
.ai-product-container-right-item .ai-product-item h3{
font-size: 20px;
height: 20px;
line-height: 20px;
white-space: nowrap;
text-overflow: ellipsis;
}
.ai-product-container-right-item .ai-product-item p{
font-size: 14px;
line-height: 22px;
height:44px;
margin: 10px 0px 10px 0px;
color:#666;
}
.ai-product-container-right-item .ai-product-item a{
margin-top: auto; 
}
/*******************知识*******************/
.ai-knowledge-container{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
/*height:355px;*/
gap:20px;
}
.ai-knowledge-container-block{
flex: 1;
/*height:100%;*/
min-width:300px;
/*width: calc((100% - 3 * 24px) / 4); */
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content:flex-start;
background-color: #fff;
border: 1px solid #f0f0f0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
}
.ai-knowledge-container-title{
display: flex;
align-items: flex-start;
justify-content:flex-start;
background-color: #f6f6f6;
padding: 25px;
width: calc(100% - 50px);
background-image: linear-gradient(192.08deg, #d0f8f7, #cee3fb 14.8%, #d8def9 28.5%, #fff);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.ai-knowledge-container-title dl {
width: 100%;
display: flex;
align-items: center; 
gap: 15px; 
}
.ai-knowledge-container-title dl dt {
height: 80px;
width: 80px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 50%; 
background-size:cover;
background-repeat: no-repeat;
background-position: center;
/*box-shadow: 0 4px 16px rgba(0, 0, 0, .06);*/
}
.ai-knowledge-container-title .dd-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
gap: 8px; 
flex: 1;
width: calc(100% - 100px);
}
.ai-knowledge-container-title dl dd {

line-height: 20px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
color:#666;
width: 100%;
}
.ai-knowledge-container-title dl dd:first-child {
font-size: 16px;
font-weight: bold;
color:#000;
}
.ai-knowledge-container-link{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content:flex-start;
padding: 25px;
width: calc(100% - 40px);
height: 150px;
line-height: 30px;
}
.ai-knowledge-container-link a{
font-size: 14px;
text-decoration: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
/*display: block;*/
width: 100%;
/*box-sizing: border-box;*/
}
/*******************技术底座*******************/
.ai-base-container{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
gap:20px;
}
.ai-base-container-item{
display: flex;
flex:1 1 calc((100% - 5 * 20px) / 6);
/*height:calc(50% - 55px);*/
/*width: calc(16.66666% - 24px);*/
min-width: 180px;
/*padding: 2px;*/
border-radius: 10px;
box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
transition: background 1s ease;
}
.ai-base-container-item:hover{
background: linear-gradient(145.64deg,#4f7afd,#7f6fea 49.38%,#ce8a6e 80.75%,#efc53a);
}
.ai-base-container .ai-base-item {
  margin: 2px;
padding: 20px 20px;
border-radius: 8px 8px 8px 8px;
display: flex;
flex-direction: column;
align-items:center;
justify-content: flex-start;
background-color:#fff;
min-height: 160px;
width:100%;
}
.ai-base-container .ai-base-item:hover {
}
.ai-base-container .ai-base-item dl{
margin:0px;
padding: 0px;
}
.ai-base-container .ai-base-item dt{
font-size: 22px;
height: 40px;
line-height: 40px;
font-weight: bold;
text-align: center;
}
.ai-base-container .ai-base-item dd{
font-size: 14px; 
line-height: 20px;
margin: 10px 0px;
color: #666;
}
/*******************解决方案*******************/
.ai-solution-container{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0px 20px;
width: calc(100% - 40px);
}
.ai-solution-container .card-carousel-container {
position: relative;
width: 100%;
overflow: hidden;
}
.ai-solution-container .card-list {
display: flex;
gap: 20px;
transition: transform 0.3s ease;
width: 100%;
}
.ai-solution-container .card-item {
flex: 1 0 calc((100% - 6 * 20px) / 7);
min-width:300px;
/*box-shadow: 0 4px 16px rgba(0, 0, 0, .06);*/
}
.ai-solution-container .card-item-block {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
background-color: #16213e !important;
border-radius: 12px;
padding: 36px;
box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
height: 400px;
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
}
.ai-solution-container .card-item-block:hover {
}
.ai-solution-container .card-item-block h3{font-size: 24px;height: auto;line-height: 1.3;color:#fff;margin: 0 0 8px 0;}
.ai-solution-container .card-item-block p.subtitle{font-size: 14px;line-height: 1.5;margin: 0 0 12px 0;color: rgba(255,255,255,0.75);font-weight: 500;}
.ai-solution-container .card-item-block p.desc{font-size: 13px;line-height: 1.7;margin: 0 0 20px 0;color: rgba(255,255,255,0.6);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.ai-solution-container .card-item-block a{
}
.ai-solution-container .carousel-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
background: rgba(255,255,255,0.8);
border-radius: 50%;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
cursor: pointer;
z-index: 10;
font-size: 28px;
color: #666;
}
.ai-solution-container .carousel-arrow:hover {
background: #fff;
color: #1684ff;
}
.ai-solution-container .arrow-left {
left: 180px;
}
.ai-solution-container .arrow-right {
right: 180px;
}










/*******************案例*******************/
.ai-case-container{
display: flex;
flex-direction: row; 
align-items: stretch;
justify-content: space-between;
gap: 20px;
width: 100%;
height: 800px;
}
.ai-case-more{
width: 100%;
height: 0px;
overflow: visible;
position: relative; 
}
.ai-case-more .ai-main-subtitle-inner {
padding: 0px;
}
.ai-case-more-inner{
width: 100%; 
height: 50px;
position: absolute;
top: 0px;
left: 0px;
z-index: 999;
}
.ai-case-block{
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: flex-end;
flex: 1; 
width: calc((100% - 7 * 20px) / 8); 
height: 100%; 
box-sizing: border-box;
gap:20px;
}
.ai-case-item{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
background-color: #fff;
border-radius: 10px;
width: 100%; 
height: 30%; 
position: relative;
overflow: hidden;
box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
border: 1px solid #f0f0f0;
}
.ai-case-item[data-h=h1]{
height:48%;
}
.ai-case-item[data-h=h2]{
height:30%;
}
.ai-case-item[data-h=h3]{
height:22%;
}
.ai-case-item-bg{
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
align-items:center;
justify-content:center;
width: 100%; 
height: 100%; 
background-repeat: no-repeat;
background-size:  cover;
background-position: center;
z-index: 998;
}
.ai-case-item-logo{
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
align-items:center;
justify-content:center;
width: 100%; 
height: 100%; 
background-repeat: no-repeat;
  background-size: 60% auto;
background-position: center;
background-color: #fff;
transition: background-color 1s ease;
z-index: 999;
}
.ai-case-item-logo:hover{
outline: 1px solid rgba(0, 0, 0, 0.15);
filter: brightness(0) invert(1);
background-color:transparent;
}



/*******************机会*******************/
.ai-chance-main{
/*display: flex;
flex-direction: column;
align-items:flex-start;
justify-content: flex-start;*/
background-image: linear-gradient(192.08deg,#d0f8f7,#cee3fb 14.8%,#d8def9 28.5%,#fff);
background-repeat: no-repeat;
background-size: cover ;
background-position: center;
margin-bottom: 0px;
}
.ai-chance-container{
display: flex;
flex-direction: column; 
align-items: flex-start;
justify-content: flex-start;
width: 100%;
}

.ai-chance-intro{
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
gap: 40px;
width: 100%;
margin:20px 0px 40px 0px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 30px;
flex-wrap: wrap;
box-sizing: border-box;
overflow-x: visible;
-webkit-overflow-scrolling: auto;
overflow: hidden;
}
.ai-chance-intro dl{
flex: 1; 
min-width: 300px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content:flex-start;
border-right: 1px solid rgba(0,0,0,0.1);
padding-right: 20px;
}
.ai-chance-intro dl:last-child{
border-right: 0px solid #fff;
padding-right: 0px;
}
.ai-chance-intro dl dt{
font-size: 18px;
line-height: 30px;
font-weight: bold;
color:#000;
}
.ai-chance-intro dl dd{
font-size: 14px;
line-height: 20px;
color:#000;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/*******************服务*******************/
.ai-service-container {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 20px;
flex-wrap: wrap;
box-sizing: border-box;
overflow-x: visible;
-webkit-overflow-scrolling: auto;
/*max-height: 180px;*/
overflow: hidden;
padding: 20px 0px;
border-bottom: 1px solid rgba(255,255,255,0.2);
}
.ai-service-container dl {
flex:1;
display: flex;
align-items: flex-start;
gap: 10px;
box-sizing: border-box;
color: #fff;
cursor: pointer;
min-width: 180px;
white-space: nowrap;
border-radius: 10px;
padding: 10px 10px 10px 0px;
}
.ai-service-container dl:last-child {
    width: auto;
}
.ai-service-container dt {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
border-radius: 20px;
color: #fff;
margin: 5px 5px 5px 0px;
}
.ai-service-container .dd-container {
flex: 1;
display: flex;
flex-direction: column;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ai-service-container dd {
margin: 0; 
padding: 0px;
text-align: left;
font-size: 14px;
line-height: 14px;
height: 14px;
text-align: left;
}
.ai-service-container dd:first-child {
font-size: 18px;
font-weight: bold;
height: 36px;
line-height: 36px;
}
.ai-service-container i {
font-size: 44px;
}
/*******************底部信息*******************/
.ai-foot {
    background-color: rgba(0,0,0,1);
    color: rgba(255,255,255,1);
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.ai-foot a {
    color: rgba(255,255,255,1);
}
.ai-foot .ai-foot-menu {
    width: 100%;
    padding: 20px 0px 30px 0px;
    display: flex;
    justify-content: flex-end;
}
/*菜单*/
.ai-foot .ai-foot-menu .ai-foot-menu-item {
    width: calc(100% / 7);
}
.ai-foot .ai-foot-menu .ai-foot-menu-item:first-child{
    margin-right: auto;
    width: auto;
    min-width: 320px;
}
.ai-foot .ai-foot-menu .ai-foot-menu-item:first-child dt{
    height: 80px;
}
.ai-foot .ai-foot-menu .ai-foot-menu-item:first-child dt span{
    display: block;
    height: 100%;
    width: 150px;
    height: 60px;
    margin-bottom: 20px;
    background-image: url(../image/logo.svg);
    background-size: auto 70px;
    background-repeat: no-repeat;
    background-position: -65px 20px;
}
.ai-foot .ai-foot-menu .ai-foot-menu-item:last-child {
    width: auto;
}
.ai-foot .ai-foot-menu .ai-foot-menu-item dl dt {
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;

  white-space: nowrap;
  text-overflow: ellipsis;
}
.ai-foot .ai-foot-menu .ai-foot-menu-item dl dd {
    font-size: 14px;
/*    height: 28px;*/
    line-height: 28px;
    color: rgba(255,255,255,0.5);

  white-space: nowrap;
  text-overflow: ellipsis;
}
.ai-foot .ai-foot-menu .ai-foot-menu-item dl dd strong {
    color: rgba(255,255,255,1);
    font-weight: normal;
}
.ai-foot .ai-foot-menu .ai-foot-menu-item dl dd[type=btn] {
    margin-top: 30px;
    line-height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-direction: row;
    gap: 15px;
}
/*.ai-foot .ai-foot-menu .ai-foot-menu-item dl dd[type=btn] btn {
    font-size: 14px;
    display: block;
    height: 38px;
    line-height: 38px;
    width: 50%;
    min-width: 100px;
    max-width: 160px;
    border-radius: 30px;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
    cursor: pointer;
}*/
/*链接*/
.ai-foot .ai-foot-link {
    width: 100%;
    line-height: 26px;
    padding: 15px 0px 20px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}
.ai-foot .ai-foot-link span {
    margin: 0px 20px;
    color: rgba(255,255,255,0.2);
}
/*版权*/
.ai-foot .ai-foot-copyright {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    color: rgba(255,255,255,0.5);
    line-height: 25px;
    padding: 10px 0px 0px 0px;
    font-size: 14px;
}
.ai-foot .ai-foot-copyright a {
    margin-right: 12px;
    color: rgba(255,255,255,0.5);
}
.ai-foot .ai-foot-copyright a:hover {
    text-decoration: underline;
}
.ai-foot .ai-foot-copyright img {
    height: 20px;
    width: auto;
}
/*社交*/
.ai-foot .ai-foot-linklink {
    width: 100%;
    gap:30px;
    padding: 10px 0px 80px 0px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row;
    border-top: 1px solid rgba(255,255,255,0.2);
    flex-wrap: wrap; 
}
.ai-foot .ai-foot-linklink-left {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
.ai-foot .ai-foot-linklink-right {
    gap:15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}
.ai-foot .ai-foot-linklink-right dl {
  width: 100%;
/*    height: 110px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.ai-foot .ai-foot-linklink-right dl dt {
    height: 90px;
    width: 90px;
}
.ai-foot .ai-foot-linklink-right dl dt img {
    width: 90px;
    height: 90px;
    border-radius: 5px;
}
.ai-foot .ai-foot-linklink-right dl dd {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    color: rgba(255,255,255,0.5);
    text-align: center;
}
/*******************固定面板*******************/
.ai-pannel{
position: fixed;right: 10px;
top: calc(50% - 100px);
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
gap: 10px;
z-index: 99999;
}
.ai-pannel .ai-pannel-service{
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
background: var(--111, linear-gradient(99deg, #9D57FF 7.39%, #55F 35.72%, #3962FF 64.06%, #1AB1FF 93.26%));
padding: 5px;
border-radius: 30px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.ai-pannel .ai-pannel-service dl {
height: auto;
border-radius: 20px;
text-align: center;
}
.ai-pannel .ai-pannel-service dl dt {
height: 36px;
width: 36px;
line-height: 36px;
background-color: #fff;
border-radius: 30px;
text-align: center;
}
.ai-pannel .ai-pannel-service dl dt i {
font-size: 24px;
color: rgba(25, 25, 112, 1);
}
.ai-pannel .ai-pannel-service dl dd {
font-size: 13px;
font-weight: bold;
letter-spacing: 2px;
color: rgba(255,255,255,1);
writing-mode: vertical-lr;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
white-space: nowrap;
padding: 6px 0px 12px 0px;
}


.ai-pannel .ai-pannel-service:nth-child(2){
background-image: linear-gradient(0deg, #fff, #fff);
}
.ai-pannel .ai-pannel-service:nth-child(2) dt{
background-color: rgba(25, 25, 112, 1);
}
.ai-pannel .ai-pannel-service:nth-child(2) dl dt i {
color: rgba(255, 255, 255, 1);
}
.ai-pannel .ai-pannel-service:nth-child(2) dd{
color: rgba(25, 25, 112, 1);
}


.ai-pannel .ai-pannel-service:nth-child(3){
background-image: linear-gradient(0deg, #fff, #fff);
}
.ai-pannel .ai-pannel-service:nth-child(3) dt{
background-color: rgba(25, 25, 112, 1);
}
.ai-pannel .ai-pannel-service:nth-child(3) dl dt i {
color: rgba(255, 255, 255, 1);
}
.ai-pannel .ai-pannel-service:nth-child(3) dd{
color: rgba(25, 25, 112, 1);
}





/*******************子页面菜单*******************/
.ai-subpage-menu{
display: flex;
justify-content: flex-start;
align-items: center;
align-content: flex-start;
background-color: #fff;
top:80px;
position: fixed;
width:100%;
box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
transition: top 0.2s ease; 
}
.ai-subpage-menu-container{
display: flex;
justify-content: flex-start;
align-items: center;
align-content: flex-start;
height: 50px;
}
.ai-subpage-menu-container ul{
display: flex;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
flex-direction: row;
}
.ai-subpage-menu-container ul li{
height: 20px;
line-height: 20px;
margin: 0px 20px;
font-size: 14px;
}
.ai-subpage-menu-container ul li:first-child{
font-size: 14px;
font-weight: bold;
border-right: 1px solid #ccc;
padding-right: 30px;
margin-left: 0px;
}
.ai-subpage-top-position{
display: block;
width: 100%;
height: 130px;
}

/*******************主题*******************/
/*标题*/
.ai-subpage-banner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.ai-subpage-banner-main {
background-image: linear-gradient(120deg, #E1FCFF, #BFD4FF 37.79%, #DEC5FF 75.81%, #D2D6FF);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin-bottom: 0px;
}
.ai-subpage-banner-more-container{
display: flex;
flex-direction: column; 
align-items: flex-start;
justify-content: flex-start;
width: 100%;
}
.ai-subpage-banner-title{
line-height:80px;
margin:90px 0px 20px 0px;
font-size:40px;
font-weight: bold;
text-align: left;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content:center;
}
.ai-subpage-banner-title span{
font-size:70px;
display: block;
text-align: center;
color: #fff;
font-weight: bold;
white-space: nowrap;
text-overflow: ellipsis;
background-clip: text;
-webkit-background-clip: text;
background-image: linear-gradient(90deg, #ec77ab, #7873f5);
color: transparent;
}
.ai-subpage-banner-intro{
line-height:20px;
font-size:16px;
text-align: left;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content:center;
}
.ai-subpage-banner-btn{
margin:40px 0px 60px 0px;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content:center;
gap:20px;
}
/*更多链接*/
.ai-subpage-banner-more-intro{
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
width: 100%;
height: 100px;
align-items: flex-end;
gap: 2px;
flex-wrap: nowrap;
box-sizing: border-box;
overflow-x: visible;
-webkit-overflow-scrolling: auto;
overflow: hidden;
border-radius: 10px 10px 0px 0px;
transition: height 0.5s ease;
}
.ai-subpage-banner-more-intro dl{
flex: 1; 
min-width: 250px;
height: calc(100% - 40px);
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content:flex-end;
background: rgba(255, 255, 255, .3);
border-radius: 12px 12px 0px 0px;
padding: 15px 20px;
color:#000;
transition: background 0.2s ease;
}
.ai-subpage-banner-more-intro dl:hover{
height: calc(100% - 30px);
background: linear-gradient(89.42deg, #4f7afd, #7f6fea);
color: #fff;
}
.ai-subpage-banner-more-intro dl:hover dd a{
color: #fff;
}
.ai-subpage-banner-more-intro dl dt{
font-size: 18px;
height: 35px;
line-height: 35px;
font-weight: bold;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ai-subpage-banner-more-intro dl dd{
font-size: 14px;
line-height: 25px;
height: 25px;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ai-subpage-banner-more-intro dl dd a{
display: block;
}



/*******************产品介绍*******************/
.ai-subpage-content-container{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
width: calc(100% - 60px);
padding: 30px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
}
.ai-subpage-content-container p{
font-size: 14px;
line-height: 20px;
color: #666;
margin: 20px 0px;
}
.ai-subpage-content-container img{
max-width: 100%;
}

/*******************先睹为快*******************/
.ai-subpage-prelook-container{
height:100%;
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: column;
gap:0px;
}
.ai-subpage-prelook-banner{
/*  height: 200px;*/
  width: 100%;

background-image: url(../image/wave.png);
background-repeat: no-repeat;
  background-size: auto 100%;
background-position: center;
}
.ai-subpage-prelook-banner .ai-main-title{
  height: 150px;
}
.ai-subpage-prelook-block{
height:100%;
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
gap:10px;
}
.ai-subpage-prelook-container-item{
flex:1 1 calc((100% - 3 * 20px) / 4); 
display: flex;
height:200px;
min-width: 300px;
background-color: #fff;
/*box-shadow: 0 4px 16px rgba(0, 0, 0, .06);*/
/*border: 1px solid #f0f0f0;*/
border-right: 1px solid #f0f0f0;
flex-direction: column;
align-items:flex-start;
justify-content: flex-start;
padding: 20px;

box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
border: 1px solid #f0f0f0;
border-radius: 10px;
overflow: hidden;
}
.ai-subpage-prelook-item {
/*padding: 20px 20px 0px 20px;*/
width:calc(100% - 0px);
/*height: calc(100% - 62px);*/
border-radius: 10px;
display: flex;
gap: 0px;
flex-direction: row;
align-items:flex-start;
justify-content: space-between;
}
.ai-subpage-prelook-item:hover {
}
.ai-subpage-prelook-item h2{
height: 40px;
display: flex;
flex-direction: row;
align-items:flex-start;
justify-content: flex-start;
margin:0px 0 5px 0px;
}
.ai-subpage-prelook-item h2 span{
display:block;
height: 40px;
width: 40px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
border-radius: 10px;
}
.ai-subpage-prelook-item h3{
font-size: 14px;
height: 20px;
line-height: 20px;
white-space: nowrap;
text-overflow: ellipsis;
/*font-weight: normal;*/
text-align: right;
}
.ai-subpage-prelook-item h3 span{
font-size: 12px;
height: 20px;
line-height: 20px;
white-space: nowrap;
text-overflow: ellipsis;
/*font-weight: normal;*/
text-align: right;
color:#999;
display: block;
font-weight: normal;
}
.ai-subpage-prelook-record{
/*  padding: 0px 30px 30px 30px;*/
  width: 100%;
/*font-size: 14px;*/
/*line-height: 22px;*/

    
}
.ai-subpage-prelook-record .waveform{
/* border: 1px solid rgb(0, 0, 0,0.1);*/
/*background-color: rgba(0, 0, 0,0.5);*/
    border-radius: 5px; 
    margin-bottom:5px;
    width: 100%;
    height:100%;
    overflow: hidden;
height:120px;
}
.ai-subpage-prelook-record .controls{
  display: flex;
  flex-direction: row;
  align-items:center;
  justify-content: space-between;
  gap: px;
}
.ai-subpage-prelook-record .controls button {
    flex: 1;
    outline: none;
    cursor: pointer;
    display: inline-block;
/*    height: 26px;*/
/*    border: 0px;*/
/*    background-color: rgba(0, 0, 0,0.04);*/
border: 1px solid rgba(0, 0, 0,0.1);
    padding: 5px 12px;
    border-radius: 5px;
    font-size: 12px;
    background-color: #fff;
}
/*******************产品功能*******************/
.ai-subpage-funtion-container{
height:100%;
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
gap:20px;
}
.ai-subpage-funtion-container-item{
flex:1 1 calc((100% - 3 * 20px) / 4); 
display: flex;
height:250px;
min-width: 300px;
}
.ai-subpage-funtion-container-item .ai-subpage-funtion-item {
padding: 30px;
background-color: #fff;
box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
border: 1px solid #f0f0f0;
width:calc(100% - 62px);
height: calc(100% - 62px);
border-radius: 10px;
display: flex;
flex-direction: column;
align-items:flex-start;
justify-content: flex-start;
}
.ai-subpage-funtion-container-item .ai-subpage-funtion-item:hover {
}
.ai-subpage-funtion-container-item .ai-subpage-funtion-item h2{
margin:10px 0 20px 0px;
display: flex;
flex-direction: row;
align-items:flex-start;
justify-content: flex-start;
margin:0px 0 15px 0px;
}
.ai-subpage-funtion-container-item .ai-subpage-funtion-item h2 span{
display:block;
height: 50px;
width: 50px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
border-radius: 10px;
}
.ai-subpage-funtion-container-item .ai-subpage-funtion-item h3{
font-size: 20px;
height: 20px;
line-height: 20px;
white-space: nowrap;
text-overflow: ellipsis;
}
.ai-subpage-funtion-container-item .ai-subpage-funtion-item p{
font-size: 14px;
line-height: 22px;
height:44px;
margin: 10px 0px 10px 0px;
color:#666;
}
/*******************产品优势*******************/
.ai-subpage-priority-container{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
gap:20px;
}
.ai-subpage-priority-container-block{
flex: 1;
min-width:300px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content:flex-start;
background-color: #fff;
border: 1px solid #f0f0f0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
}
.ai-subpage-priority-container-title{
display: flex;
align-items: flex-start;
justify-content:flex-start;
padding: 25px;
width: calc(100% - 50px);
background-color: rgba(216, 222, 249, 0.5);
}
.ai-subpage-priority-container-title dl {
width: 100%;
display: flex;
align-items: center; 
gap: 15px; 
}
.ai-subpage-priority-container-title dl dt {
height: 80px;
width: 80px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 50%; 
background-image: url(https://img1.jcloudcs.com/portal/index/v10/developer-head.png);
background-size: 90% auto;
background-repeat: no-repeat;
background-position: center;
}
.ai-subpage-priority-container-title .dd-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
gap: 8px; 
flex: 1;
width: calc(100% - 100px);
}
.ai-subpage-priority-container-title dl dd {
line-height: 20px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
color:#666;
width: 100%;
}
.ai-subpage-priority-container-title dl dd:first-child {
font-size: 16px;
font-weight: bold;
color:#000;
}
.ai-subpage-priority-container-link{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content:flex-start;
padding: 25px;
width: calc(100% - 40px);
height: 150px;
line-height: 30px;
}
.ai-subpage-priority-container-link span{
font-size: 14px;
text-decoration: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
}
.ai-subpage-priority-container-link span i{
padding-right: 10px;
color: green;
}

/*案例*/
.ai-subpage-subtitle{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content:space-between;
gap: 30px;
padding: 30px 0px;
}
.ai-subpage-subtitle span{
flex: 1;
height:80px;
display: flex;
flex-direction: column;
align-items: center;
justify-content:flex-end;
font-size: 16px;
font-weight: bold;
cursor: pointer;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
background-position: center top;
background-repeat: no-repeat;
background-image: url(https://lf3-starry.byteimg.com/obj/starry/image/qk617zf3mss_Frame%201912056772.svg);
background-size: 90% 90%;
filter: brightness(0.5) invert(0.5);
}
.ai-subpage-subtitle span[data-this=yes]{
filter:none;
}
.ai-subpage-subtitle span:hover{
filter:none;
}
.ai-subpage-subtitle span strong{
background:linear-gradient(89.42deg, #4f7afd, #7f6fea);;
border-radius: 2px;
width:20%;
max-width: 100px;
height:4px;
font-size:0px;
display: none;
}
.ai-subpage-case-container{
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: flex-start;
flex-wrap: wrap;
width: calc(100% - 100px);
padding: 50px ;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
height:360px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(https://lf3-starry.byteimg.com/obj/starry/image/z43029sk0ca_pc%E9%85%8D%E5%9B%BE.png);
}
.ai-subpage-case-container dl{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
color: #fff;
}
.ai-subpage-case-container dt{
font-size:36px;
line-height: 50px;
}
.ai-subpage-case-container dd{
font-size: 14px;
line-height: 50px;
}
.ai-subpage-case-container dd a{
color: #fff;
}



/*动态*/
.ai-subpage-news-container{
display: flex;
flex-direction: column; 
align-items: flex-start;
justify-content: flex-start;
width: 100%;
}
.ai-subpage-news-list{
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 40px;
flex-wrap: wrap;
box-sizing: border-box;
overflow-x: visible;
-webkit-overflow-scrolling: auto;
overflow: hidden;
}
.ai-subpage-news-list dl{
flex:1 1 calc((100% - 2 * 40px) / 3); 
min-width: 300px;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content:flex-start;
background: rgba(255, 255, 255, .5);
color:#000;
}
.ai-subpage-news-list dl dt{
font-size: 18px;
height: 45px;
line-height: 45px;
font-weight: bold;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
border-bottom: 1px solid #f0f0f0;
}
.ai-subpage-news-list dl dt a{
color:#000;
}
.ai-subpage-news-list dl dt a:hover{
color: rgba(25, 25, 112, 1);
}
.ai-subpage-news-list dl dd{
padding: 12px 0px;
font-size: 14px;
line-height: 25px;
width: 100%;
color:#666;
}
.ai-subpage-news-list dl dd[data-this=date]{
display: block;
color: #999;
font-weight: bold;
}

.ai-head-submenu2-container .layui-nav .layui-nav-item a i[icon=yes]{border: 1px solid #fff;border-radius: 5px;padding: 3px;margin-right: 5px;}
.ai-case-item-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 20px;
  background: linear-gradient(transparent, rgba(0,0,0,0.75));
  color: #fff;
  z-index: 2;
}
.ai-case-item-info h4 {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 4px 0;
  line-height: 1.3;
  color: #fff;
}
.ai-case-item-info p {
  font-size: 12px;
  margin: 0;
  opacity: 0.85;
  line-height: 1.4;
  color: #fff;
}