* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

div,
p,
span,
ul,
li {
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;
}

img {
    display: block;
    width: 100%;
    height: auto;
}


:root {
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

body {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    line-height: 1.6;
    color: #333;
    background-color: #F0F2F5;
}

.speccolor {
    background: linear-gradient(135deg, #096DFF 0%, #604EF2 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

header {
    width: 100%;
    height: 5rem;
    display: flex;
    align-items: center;
}

header .logo {
    width: 10.75rem;
    height: 2.29rem;
    background: url("../images/logo.png") no-repeat center center;
    background-size: contain;
    margin-left: 1rem;
}
header a{
    display: block;

}
.colorbg{
    background: url(../images/colorbg.jpg) scroll repeat-y center 4rem;
    background-size: 100% auto;
}
.colorbg2{
    background: url(../images/colorbg2.jpg) scroll repeat-y center 4rem;
    background-size: 100% auto;
}
.indexmain {
    margin-top: 1.2rem;
}

.indexmain .banner {
    width: 100%;
    position: relative;
}

.indexmain .banner h2 {
    position: absolute;
    left: 2.17rem;
    top: 2rem;
    font-size: 1.4rem;
}

.indexmain .banner h1 {
    position: absolute;
    left: 2.17rem;
    top: 4.2rem;
    font-size: 2.2rem;
}

.btn1 {
    width: 9.5rem;
    height: 3.5rem;
    background-color: #1678FF;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    font-weight: normal;
    cursor: pointer;
}

.btn1 i {
    margin-left: 0.3rem;
    font-size: 1.5rem;
}

.banner .btn1 {
    position: absolute;
    left: 2.17rem;
    top: 15rem;
}

.yj {
    margin-top: 4rem;
}

.yj h2 {
    font-size: 1.5rem;
    text-align: center;
}

.yj .content {
    text-indent: 2rem;
    padding: 1.5rem;
    line-height: 2;
    color: #555;
    text-align: justify;
    font-size: 1.2rem;
}

.btn2 {
    width: 12rem;
    height: 3.3rem;
    border: 1px solid #1678FF;
    color: #1678FF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: normal;
    cursor: pointer;
}

.btn2 i {
    margin-left: 0.5rem;
    font-size: 1.8rem;
}

.yj .btn2 {
    margin: 1rem auto;
}

.td {
    margin-top: 4rem;
    position: relative;
    color: #fff;
}

.td img {
    width: 100%;
    height: auto;
}

.td .content {
    font-size: 1.4rem;
    text-align: center;
    font-weight: normal;
    position: absolute;
    width: 100%;
    top: 3rem;
    left: 0;
}

.td h2 {
    font-weight: normal;
    font-size: 1.4rem;
}

.td p {
    margin-top: 0.5rem;
}

.btn3 {
    width: 12rem;
    height: 3.3rem;
    border: 1px solid #fff;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: normal;
    cursor: pointer;
}

.btn3 i {
    margin-left: 0.5rem;
    font-size: 1.8rem;
}

.td .btn3 {
    font-weight: normal;
    margin: 2rem auto 0;
}

.bigTit {
    text-align: center;

    font-weight: bold;
    padding: 3rem 0;
}

.bigTit h2 {
    font-size: 1.8rem;
}

.bigTit .subtit {
    font-size: 1rem;
}

.computer {
    width: 100%;
    background: url("../images/computer.jpg") scroll no-repeat center 2rem;
    background-size:100% auto;
    position: relative;
}

.computer h2 {
    position: absolute;
    top: 0.5rem;
    right: 1.6rem;
    font-size: 1.67rem;
}

.computer .sub {
    position: absolute;
    top: 4.5rem;
    right: 1.6rem;
    text-align: right;
    font-size: 1.1rem;
    color: #999;
}

.computer .list {
    padding: 11rem 0 1rem;
    display: flex;
    flex-wrap: wrap;
}

.computer .list .item {
    width: 50%;
    padding: 0 1rem;
    margin-bottom: 3rem;
}

.computer .list .item .item-title {
    display: flex;
    align-items: center;
}

.computer .list .item .item-title .num {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.25rem;
    color: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 2.5rem;
}
.computer .list .item .item-title .name{
    height: 2.5rem;
    padding: 0 0.8rem;
    background: #EBEBEB;
    font-weight: 600;
    line-height: 2.5rem;
    display: block;
    font-size: 1.15rem;
}
.computer .list .item .item-content{
    color: #4B5B76;
    font-size: 1.1rem;
    margin-top: 1rem;
}
.btn4 {
    width: 15rem;
    height: 4rem;
    color: #fff;
    background: linear-gradient(135deg, #735BFF 0%, #2882FE 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: normal;
    cursor: pointer;
    box-shadow: 0rem 0.08rem 0.83rem  #376FFF;
    border-radius: 0.33rem;
    margin: 0 auto;
}

.btn4 i {
    margin-left: 0.5rem;
    font-size: 1.8rem;
}
.jw{
    padding: 2rem 0;
    background: #F6F7F9;
}
.jw .img img{
    width: 100%;
    height: auto;
}
.jw .content{
    padding: 0 1rem;
    text-align: center;
    color: #4B5B76;
    margin-top: 1rem;
    font-size: 1.2rem;
}
.jw .content span{
    color:#FF8D1A;
}
.jw .gn{
    padding:2rem 1rem;
}
.zs .content {
    display: flex;
    padding: 0 1rem 2rem;
    gap: 1rem;
}
.zs .tab-btns {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 6rem;
    flex-shrink: 0;
    padding-top: 1rem;
}
.zs .tab-btn {
    padding: 0.6rem 0;
    text-align: center;
    box-shadow: 0rem 0rem 0.38rem  rgba(0, 0, 0, 0.1);
    border-radius: 0.3rem;
    font-size: 1rem;
    color: #333;
    background: #fff;
    cursor: pointer;
    transition: all 0.3s;
}
.zs .tab-btn.active {
    background: #1678FF;
    color: #fff;
    border-color: #1678FF;
}
.zs .tab-panels {
    flex: 1;
    min-width: 0;
}
.zs .tab-panel {
    display: none;
}
.zs .tab-panel.active {
    display: block;
}
.zs .panel-text {
    font-size: 1rem;
    color: #4B5B76;
    line-height: 1.6;
    margin-bottom: 1rem;
}
.zs .panel-img img {
    width: 100%;
    border-radius: 0.3rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.xj .img{
    padding: 0 1rem;
}
.xj .img img{
    width: 100%;
    height: auto;
}
.xj .list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 1rem;
    padding: 2rem 1rem 2rem;
}
.xj .list .item {
    width: calc(50% - 0.5rem);
}
.xj .list .item-title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.8rem;
}
.xj .list .item-title i {
    font-size: 1.6rem;
    color: #1678FF;
}
.xj .list .item-title span {
    font-size: 1.2rem;
    color: #1678FF;
    font-weight: 600;
}
.xj .list .item-desc {
    font-size: 1rem;
    color: #4B5B76;
    line-height: 1.5;
}
.hz .list{
    padding: 0 1rem;
}
.hz .item{
    background: #fff;
    border-radius: 0.5rem;
    box-shadow: 0rem 0rem 0.38rem  rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-bottom: 2rem;
    padding: 0 1rem 0;
    position: relative;
}
.hz .item .tit{
    display: inline-block;
    padding:0.5rem 1rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    background: #016EFF;
    border-radius: 0 0 0.5rem 0.5rem;
}
.hz .item .content{
    padding:2rem 0;
    font-size: 1.15rem;
    line-height: 2;
}
.hz .item span{
    position: absolute;
    top: 1rem;
    right: 1rem;
    transform: rotate(35deg);
    font-size: 3rem;
    font-weight: bold;
    color: rgba(150,24,244,0.1);
}
.fixedCon{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    height: 4.5rem;
    background: #fff;
    border-top: 1px solid #eee;
    display: flex;
    align-items: center;
}
.fixedCon i{
    font-size: 1.8rem;
}
.fixedCon .kf{
    background: linear-gradient(135deg, #FAE2C1 100%, #F6D29A 100%);
    color: #642B0D;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    flex:1;
    height: 100%;
    
}
.fixedCon .citem{
    padding:0 2rem;
    text-align: center;
    font-size: 1.1rem;
}
.fixedCon .citem .icon{
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
}
.fixedCon .line{
    width: 1px;
    height: 2rem;
    background: #eee;
}

/* 价值体现页面 */
.zr{padding:0rem 0 3rem;}
.zr .list{padding:0 1rem;}
.zr .list .item{
    display:flex;
    align-items:flex-start;
    background:linear-gradient(135deg,#fff 0%,#f8f9ff 100%);
    border-radius:0.5rem;
    padding:1.5rem;
    margin-bottom:1.5rem;
    box-shadow:0 0.5rem 2rem rgba(102,78,242,0.08);
}
.zr .list .item img{
    width:3.5rem !important;
    height:auto !important;
    flex-shrink:0;
    margin-right:1.5rem;
}
.zr .list .item .item-content{
    flex:1;
}
.zr .list .item h3{
    font-size:1.6rem;
    color:#333;
    font-weight:600;
    margin-bottom:0.8rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #DFDFDF;
}
.zr .list .item p{
    font-size:1.27rem;
    color:#666;
    line-height:1.6;
}

/* 痛点分析页面 */
.point-list{padding:0 2rem;position:relative;}
.point-list .tag{position: absolute;right: 2rem;top: 2rem;width: 2rem;color: #999;font-size: 1.25rem;}
.point-card{
    border-radius:0.5rem;
    padding:1.5rem;
    margin-bottom:1.5rem;
    box-shadow:0 0.5rem 2rem rgba(0,0,0,0.15);
    width: 80%;
}
.point-blue{
    background:linear-gradient(135deg,#4DA8F6 0%,#2995FF 100%);
    color:#fff;
    margin-left: -1rem;
    padding-bottom: 3rem;
    
}
.point-red{
    background:linear-gradient(135deg,#E85D5D 0%,#E03C3C 100%);
    color:#fff;
    margin-left: 1rem;
    padding-bottom: 3rem;
    margin-top: -3rem;
}
.point-purple{
    background:linear-gradient(135deg,#7B61FF 0%,#664EF2 100%);
    color:#fff;
    margin-left: 3rem;
    margin-top: -3rem;

}
.point-title{
    font-size:1.8rem;
    font-weight:600;
    margin-bottom:1rem;
}
.point-desc{
    font-size:1.35rem;
    line-height:1.7;
    opacity:0.95;
}

/* 痛点分析列表 */
.pain-list{padding:0 2rem;}
.pain-item{
    margin-bottom:2rem;
}
.pain-header{
    display:flex;
    align-items:center;
    margin-bottom:1rem;
}
.pain-num{
    font-family:'Anaheim',sans-serif;
    font-size:1.5rem;
    font-weight:bold;
    color:#376FFF;
    margin-right:0.8rem;
}
.pain-title{
    font-size:1.5rem;
    font-weight:600;
    color:#376FFF;
}
.pain-body{
    position:relative;
    padding-left:4.5rem;
}
.pain-line{
    position:absolute;
    left:0.8rem;
    top:0;
    width:1.04rem;
    height:5.38rem;
    background: url(../images/arrow.png) scroll no-repeat center bottom;
    background-size: 100% 100%;
}
.pain-body p{
    font-size:1.25rem;
    color:#333;
    line-height:1.7;
}

/* 微观痛点 */
.wg{padding:3rem 0;}
.wg .list{padding:0 2rem;}
.wg .list .item{
    background:linear-gradient(to bottom,#F3F5F8,#ffffff);
    padding:1rem;
    box-shadow:0 0.5rem 2rem rgba(102,78,242,0.15);
    border: 1px solid #fff;
    margin-bottom: 2rem;
}
.item-tag{
    display:inline-block;
    background:#376FFF;
    color:#fff;
    font-size:1.3rem;
    font-weight:bold;
    padding:0.4rem 1.2rem;
}
.item-list{padding: 0.5rem 0;}
.sub-item{
    padding:1rem 0 0;
}
.sub-item .tit{
    display: flex;
    padding-left: 0.5rem;
}
.sub-item .tit i{
    width:1rem;
    font-size: 1.3rem;
    margin-right:1rem;
    color:#376FFF;
}
.sub-title{
    font-size:1.3rem;
    font-weight:bold;
    color:#333;
    white-space:nowrap;
    margin-right:0.8rem;
}
.sub-item p{
    font-size:1.25rem;
    color:#4B5B76;
    line-height:1.6;
    margin-top: 1rem;
    padding-left: 2.5rem;
}
.tz .img{
    margin-top: 5rem;
}
.tz .img img{
    width: 100%;
    height: auto;
}
.tmcsf .desc{
    padding:0 1rem 1rem;
    color: #4B5B76;
    line-height: 1.8;
    text-indent: 2rem;
    font-size: 1.25rem;
}
.tmcsf .img{
    margin-top: 1rem;
}
.tmcsf .img img{
    width: 100%;
    height: auto;
}
.tmcsf .desc2{
    color: #999;
    text-align: center;
    padding:0rem 0;
    font-size: 1.25rem;
}

/* TMCSF - 智慧教学中心 con1 */
.tmcsf .con1{
    padding:2rem 1.5rem;
    margin-top:2rem;
}
.teaching-header{display:flex;align-items:center;margin-bottom:1.2rem;}
.teaching-icon{
    width:5rem;height:5rem;background:#2995FF;color:#fff;
    font-size:3rem;font-weight:700;border-radius:0.5rem;
    display:flex;align-items:center;justify-content:center;
    margin-right:2rem;box-shadow: #2995FF 0rem 0.08rem 0.83rem;
}
.teaching-en{font-size:1.25rem;font-weight:600;color:#2995FF;letter-spacing:0.05em;display:block;}
.teaching-header h3{font-size:1.8rem;font-weight:700;color:#333;margin:0;line-height:1.3;}
.teaching-desc{font-size:1.25rem;color:#555;line-height:1.7;margin-bottom:1.5rem;}
.feature-list{list-style:none;padding:0;margin:3rem auto 0;}
.feature-item{display:flex;align-items:flex-start;margin-bottom:1.3rem;}
.feature-item:last-child{margin-bottom:0;}
.icon-check{
    width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;
    margin-right:0.8rem;margin-top:0.15rem;
    background:url(../images/icon.png) scroll no-repeat center center;
    background-size:cover;
}
.feature-content{flex:1;}
.feature-content h4{font-size:1.6rem;font-weight:700;color:#2995FF;margin-bottom:0.4rem;}
.feature-content p{font-size:1.25rem;color:#666;line-height:1.7;margin-bottom:1rem;}

/* TMCSF - 全生命周期教务管理 con2 */
.tmcsf .con2{
    background:linear-gradient(180deg,#F0E8FF 0%,#FFF5EB 100%);
    border-radius:1rem;
    padding:2rem 1.5rem;
    margin-top:2rem;
}
.icon-m{
    background:#6C55F1 !important;
}
.con2 .teaching-en{color:#6C55F1;}
.con2 .feature-content h4{color:#6C55F1;}
.feature-card-list{}
.feature-card{
    background: rgba(98, 74, 240, 0.1);
    border-radius:0.5rem;
    padding:1.3rem 1.2rem;
    margin-bottom:1rem;
    align-items:center;
}
.feature-card-icon{
    width:4rem;height:4rem;border-radius:50%;margin-right:1rem;display:flex;align-items:center;justify-content:center;
}
.icon-pc{background: url(../images/icon-1.png) scroll no-repeat center center;background-size: cover;}
.icon-flow{background: url(../images/icon-2.png) scroll no-repeat center center;background-size: cover;}
.icon-doc{background: url(../images/icon-3.png) scroll no-repeat center center;background-size: cover;}
.icon-chart{background: url(../images/icon-4.png) scroll no-repeat center center;background-size: cover;}

/* coll-list 生态协同平台卡片列表 */
.coll-list{margin:2.5rem 0 0 0;}
.coll-item{
    list-style: none;
    background: linear-gradient(180deg, #F3F5F8 0%, #FFFFFF 100%);
    border-radius:0.5rem;
    margin-bottom:1.2rem;
    border: 0.08rem solid #FFFFFF;
    box-shadow: 0.21rem 0.08rem 1.67rem  rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.coll-title{
    font-size:1.4rem;font-weight:700;color:#333;margin-bottom:0.8rem;line-height:1.4;padding:0.8rem 1.2rem;background: linear-gradient(270deg, #F3F5F8, #D1E9FF);
}
.coll-sub{
    padding: 0.5em 1.5rem;
}
.coll-sub p{
    font-size:1.25rem;color:#4B5B76;line-height:1.75;margin-bottom:0.6rem;
}

/* sup-list 质量监督体系列表 */
.sup-list{list-style:none;padding:0;margin:3rem 0 0 0;}
.sup-item{
    background:#E4EDFA;
    border-radius:0.5rem;
    padding:1.4rem 1.5rem;
    margin-bottom:1rem;
    box-shadow: 0rem 0.08rem 1rem  rgba(42, 130, 228, 0.25);
}
.sup-num{display:inline;font-size:2.25rem;font-weight:800;color:#E91E8C;margin-right:0.6rem;vertical-align:middle;line-height:1;}
.sup-title{display:inline;font-size:1.4rem;font-weight:700;color:#333;vertical-align:middle;line-height:1.4;}
.sup-desc{font-size:1.25rem;color:#4B5B76;line-height:1.75;margin:0.7rem 0 0 0;border-top:2px dashed #ccc;padding-top:0.8rem;}

/* fin-list 智能财务管理列表 */
.fin-list{list-style:none;padding:1rem 1.5rem;margin:3rem 0 0 0;background:#FFF;border-radius:0.5rem;}
.fin-item{
    display:flex;align-items:flex-start;
    padding:1.3rem 0;
    margin-bottom:1rem;
    border-top: 2px dashed #ccc;
}
.fin-item:last-child{margin-bottom:0;}
.fin-item:first-child{border-top:0;}
.fin-tag{
    flex-shrink:0;
    display:inline-block;
    background:#FDE8EC;color:#F02836;
    font-size:1.25rem;
    padding:0.25rem 0.7rem;
    border-radius:0.3rem;
    margin-right:1rem;margin-top:0.15rem;
    line-height:1.4;
}
.fin-content{flex:1;}
.fin-content h4{
    font-size:1.4rem;font-weight:700;color:#F02836;margin-bottom:0.5rem;line-height:1.4;margin-top: 0.3rem;
}
.fin-content p{
    font-size:1.25rem;color:#4B5B76;line-height:1.75;margin:0;
}