/*index css cmsyou*/
.content-home{background-color: #f5f5f5;}
.section-home{padding:110px 0;}
.section-home-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;margin-bottom:1.5rem;color:#1a1a1a}
.section-home-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:#666;margin-bottom:2rem}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: "Microsoft YaHei", "PingFang SC", sans-serif;}
.header-home{text-align:center; padding-top:200px;}
.header-home .header-logo{width:86px;height:86px;margin:0 auto 1rem}
.header-home h1{color:#000;font-size:100px;line-height:1.75em;margin-bottom:0.5rem}
.header-home .header-desc{color:#333;font-size:24px; padding:40px 0;}
button:focus{outline:none;}
.btn-explore{color:#fff;font-size:24px; font-weight:normal; border:none; border-radius:100px; padding:5px 30px; margin-top:40px; background-color:#007bff;cursor:pointer;transition:background-color 0.3s;outline:none;}
.btn-explore:hover,.btn-explore:active{background-color:#0068b7; border:0;}
.section-header{padding-bottom:40px; clear: both;}
.section-title{color:#000;font-size:36px; padding:10px 0;}
.section-desc{color:#333;font-size:18px; clear:both;}
.icon-home-title{width:48px; height: auto; vertical-align: bottom; margin-right: 10px;}
.compare-content{list-style:none;border-radius: 8px; box-shadow: 0 4px 6px 4px rgba(0, 0, 0, 0.15); display: block; clear:both; overflow: hidden;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.compare-content:hover{box-shadow: 0 4px 8px 4px rgba(0, 0, 0, 0.25);}
.title-bar{display:flex;background-color:#0080ff;color:#fff}
.title-item{flex:1;color:#fff;font-size:24px;font-weight:normal;text-align:center;padding:20px 10px;}
.compare-list{list-style:none}
.compare-item{display:flex;}
.traditional-col{flex:1;padding:20px 35px}
.ai-col{flex:1;padding:20px 35px; background-color:#fff;}
.compare-item:first-child .traditional-col,.compare-item:first-child .ai-col{ padding-top:30px;}
.compare-item:last-child .traditional-col,.compare-item:last-child .ai-col{ padding-bottom:30px;}
.item-title{color:#000;font-weight:bold;font-size:20px;margin-bottom:10px;}
.item-desc{color:#333;font-size:18px;line-height:1.6}
.compare-item:last-child{border-bottom:none}
.role-section{}
.role-cards{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
.role-card{ position: relative; flex:1;padding:5px;}
.role-card-bg{text-align:center; filter: drop-shadow(0px 6px 4px rgba(0, 0, 0, 0.15));-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.role-card-bg img{ width:90%; height:auto;}
.role-card:hover .role-card-bg{filter: drop-shadow(0px 8px 6px rgba(0, 0, 0, 0.30));}
.role-card-text{position: absolute; top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); width:100%; color:#000; text-align:center; z-index:1;}
.role-card-text h3{font-size: 22px;}
.role-card-text p{font-size: 17px; margin-bottom: 0;}
.strategy-section{--delay:4}
.strategy-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}
.strategy-card{background-color:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,0.15);text-align:center;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.strategy-card:hover{box-shadow:0 4px 10px rgba(0,0,0,0.25);}
.strategy-card-icon{width:80px;height:80px; text-align: center; vertical-align: middle; margin:0 auto 1rem; border-radius: 50px; background-color: #d7ebff; display: flex; align-items: center;}
.strategy-card-icon img{width: 65%; height: auto; vertical-align: middle; margin: 0 auto; display: inline-block;}
.strategy-card:nth-child(3) .strategy-card-icon img{width: 60%;}
.os-section{}
.os-layers{ position: relative; display:flex;flex-direction:column;gap:30px; margin-top: 50px; margin-bottom: 50px;}
.os-header{position: absolute; right: 100px; top: -60px; width: 290px; height: calc(100% + 120px); text-align: center; border-radius: 20px; padding:20px 10px; background-color: #d7ebff; z-index: 0;}
.os-header-title{font-size:17px;font-weight:600;margin-bottom:20px;}
.os-layer{padding:1.5rem;border-radius:8px;box-shadow:0 6px 6px rgba(0,0,0,0.15);background-color:#fff; z-index: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.os-layer:hover{box-shadow:0 4px 10px rgba(0,0,0,0.25);}
.os-layer-title{color:#000; font-size:18px;font-weight:600;margin-bottom:20px;}
.os-layer-desc{color:#333; font-size:17px;}
.os-layer-tags{}
.os-layer-tags span{color:#333; font-size: 16px; text-align: center; border:1px solid #ececec; border-radius: 30px; padding: 3px 16px; margin-right: 10px; background-color: #efefef; display: inline-block;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.os-layer-tags span:hover{ background-color: #dedede;}
.product-section{}
.product-grid{clear:both;}
.product-card{ position: relative; width:100%; text-align: left; margin-bottom:60px; clear: both;}
.product-card:after{content:" "; display: block; clear: both;}
.product-img{float:left; width:36%; height:auto; margin-right: 35px; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.product-img:hover{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.product-img img{width:100%;height:auto;border-radius:60px; display: block;}
.product-desc{position: absolute; top:50%;left:calc(36% + 35px);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#000;font-size: 18px;line-height: 1.5em;}
.product-card:nth-child(even){text-align: right;}
.product-card:nth-child(even) .product-img{float:right;margin-right: 0;margin-left: 35px;}
.product-card:nth-child(even) .product-desc{left:auto; right:calc(36% + 35px);}
.ecology-section{padding-bottom: 200px;}
.ecology-logos{clear:both;}
.ecology-logos:after{content:" "; display: block; clear: both;}
.ecology-logo{position: relative; float:left; width:20%; height: 56px; color:#333; font-size:19px; text-align: center; overflow: hidden;}
.ecology-logo span{ font-size:19px; text-overflow:ellipsis; white-space:nowrap; position: absolute; top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); display: block; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
.ecology-logo:hover span{font-size:24px;}
.footer .footer-content{padding-top: 20px!important;}
.footer .footer-content .foot-nav{border-top: 0!important;}
/*responsive diy*/
@media (max-width:1639px){
.section-home{padding: 90px 0;}
}
@media (max-width:1219px){
.section-home{padding: 70px 0;}
.header-home{margin-top: 40px;}
.header-home h1{line-height: 1.5em;}
.header-home .header-desc{padding: 20px 0;}
.os-layer-tags span{margin-bottom: 10px;}
}
@media (max-width:1023px) {
.section-home{padding: 50px 0;}
.section-header{padding-bottom: 20px;}
.header-home h1{font-size: 84px;}
.strategy-card h3{font-size: 18px;}
.strategy-card p{margin-bottom: 0;}
.section-title{font-size: 32px;}
.os-header{right: 30px;}
.os-layer-tags span{font-size: 16px;}
.product-card{margin-bottom: 30px;}
.product-img img{border-radius: 40px;}
}
@media (max-width:767px) {
.header-home h1{font-size: 64px;}
.header-home .header-desc{font-size: 20px;}
.btn-explore{font-size: 20px;}
.section-home{padding: 30px 0;}
.section-title{font-size: 24px;}
.section-desc{font-size: 16px; line-height: 1.5em;}
.title-item{font-size: 20px;}
.traditional-col{padding: 10px 15px;}
.ai-col{padding: 10px 15px;}
.item-title{font-size: 18px;}
.item-desc{font-size: 16px; line-height: 1.5em;}
.compare-item:first-child .traditional-col,.compare-item:first-child .ai-col{ padding-top:20px;}
.compare-item:last-child .traditional-col,.compare-item:last-child .ai-col{ padding-bottom:20px;}
.role-card{flex: auto; gap: 30px;}
.role-card-bg img{width: 60%;}
.icon-home-title{width: 32px; vertical-align: unset;}
.os-layer{padding: 20px;}
.os-layer-desc{font-size: 15px; line-height: 1.5em;}
.os-layer-tags span{font-size: 13px; margin-bottom: 10px;}
.product-desc{left: calc(36% + 15px); top: 30%; line-height: 1.5em;}
.product-card:nth-child(even) .product-img{margin-left: 15px;}
.product-card:nth-child(even) .product-desc{right:calc(36% + 15px);}
.product-img{margin-right: 15px;}
.product-img img{border-radius:20px;}
.ecology-logo span{font-size: 18px;}
}
@media (max-width:479px) {
.header-home .header-logo{width:64px; height:64px;}
.header-home h1{font-size: 48px;}
.header-home .header-desc{font-size: 18px;}
.btn-explore{font-size: 18px;}
.section-title{font-size: 20px;}
.section-desc{font-size: 14px; margin-bottom: 0;}
.title-item{font-size: 18px;}
.item-title{font-size: 16px; margin-bottom: 5px;}
.item-desc{font-size: 14px;}
.role-card-text h3{font-size: 20px;}
.role-card-text p{font-size: 16px;}
.strategy-card h3{font-size: 17px;}
.strategy-cards{gap: 15px;}
.icon-home-title{width: 24px;}
.os-layer{padding: 15px;}
.os-layer-title{font-size: 17px; margin-bottom: 10px;}
.os-layer-desc{font-size: 14px;}
.os-layer-tags span{font-size: 12px; padding: 3px 10px;}
.product-desc{font-size: 16px;}
.ecology-logo{width: 33.33%;}
.ecology-logo span{font-size: 16px;}
}
@media (max-width:359px) {
.header-home h1{font-size: 36px;}
.header-home .header-desc{font-size: 16px;}
.btn-explore{font-size: 16px; margin-top: 20px;}
.section-title{font-size: 18px;}
.section-desc{font-size: 13px;}
.title-item{font-size: 16px; line-height: 1.5em;}
.item-title{font-size: 15px;}
.item-desc{font-size: 13px;}
.role-card-text h3{font-size: 18px;}
.role-card-text p{font-size: 15px;}
.strategy-card h3{font-size: 16px;}
.os-layer-title{font-size: 16px;}
.os-layer-desc{font-size: 13px;}
.product-desc{font-size: 15px;}
.ecology-logo{width: 50%; height: 36px;}
.ecology-logo span{font-size: 14px;}
}
@media (max-width:319px) {
}