.section-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 24px
}

.section-header {
    text-align: center;
    margin-bottom: 80px
}

.section-header .section-title {
    font-size: 40px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 16px
}

.section-header .section-subtitle {
    font-size: 18px;
    color: #666
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px
}

.feature-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 40px;
    text-align: center;
    transition: all .3s ease;
    box-shadow: 0 10px 40px #2777fe1a
}

.feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px #2777fe26
}

.feature-card .feature-icon-wrapper {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    background: linear-gradient(135deg, #f0f7ff 0%, #e6f0ff 100%);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease
}

.feature-card .feature-icon-wrapper .feature-icon {
    width: 48px;
    height: 48px
}

.feature-card h3 {
    font-size: 24px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 16px
}

.feature-card p {
    font-size: 16px;
    color: #666;
    line-height: 1.6
}

/* 清除浮动 */
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
.popUp{ display: none; width: 100%; height: 100%; background: #000;  position: fixed; top: 0; left: 0; opacity: 0.5; transition: all 0.5s; z-index: 51;}
.w1146{ width: 1146px; margin: auto;}
.bodyBack{ background: #F5F7FA;}
/*  */
.s-banner{ margin-top: 64px; background: #F5F7FA; padding: 42px 0 24px 0;}
.s-banner .swiper-container{ padding-bottom: 18px;}
.s-banner .swiper-container-horizontal>.swiper-pagination-bullets{ display: flex; justify-content: center; bottom: 0;}
.s-banner .swiper-pagination-bullet{ width: 48px; height: 4px; border-radius: 2px; background: #DCDFE6; outline: none; opacity: 1; overflow: hidden; position: relative;}
.s-banner .swiper-pagination-bullet::after{ content: ''; width: 0; height: 4px; background: #4C7EE9; border-radius: 4px; position: absolute; top: 0; left: 0;}
.s-banner .swiper-pagination-bullet-active::after{ width: 100%; transition: all 3s;}
.s-banner .textBox{ float: left; width: 558px; padding-top: 62px;}
.s-banner .textBox .h1{ font-size: 40px; font-weight: bold; line-height: 48px;}
.s-banner .textBox .p{ font-size: 16px; line-height: 24px; color: #666; margin: 24px 0 32px 0;}
.s-banner .textBox2{ float: left;padding-top:30px}
.s-banner .textBox2 .h2{ font-size: 30px; margin-top:20px; color:#fff;  line-height: 30px;}
.s-banner .textBox2 .h1{ font-size: 40px; font-weight: bold; line-height: 48px;}
.s-banner .textBox2 .tg{margin-top:50px;}
.s-banner .textBox2 .tg span{font-size: 18px;;color:#fff;margin-right:10px;padding: 10px 20px;border: 1px solid white; line-height:55px;}
.s-banner .textBox2 .tg2{margin-top:50px;}
.s-banner .textBox2 .tg2 span{font-size: 18px;;color:#0009;margin-right:10px;padding: 10px 20px;border: 1px solid #0009; line-height:55px;}
.s-banner .textBox2 .p{ font-size: 16px; line-height: 24px;color:#f0f0f0;  margin: 70px 0 10px 0;}
.s-banner .imgBox2{ float: right; width: 160px;margin-right: 100px; height: 172px;}
.s-banner .imgBox2 img{ width: 100%;}

.s-banner .textBox a{ float: left; margin-right: 16px;}
.s-banner .imgBox{ float: right; width: 558px; height: 372px;}
.s-banner .imgBox img{ width: 100%;}
.iconIndex .swiper-container{ /*padding: 24px 0;*/ height: 104px;}
.iconIndex .cont{ display: flex; justify-content: center;}
.iconIndex .cont .li{ margin-left: 30px;}
.iconIndex .cont .li:first-child{ margin-left: 0;}
.iconIndex .cont .li a{ width: 166px; height: 56px; background: #fff; transition: all 0.5s; margin: 24px 0;}
.iconIndex .cont .li:hover a{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.3);}
.iconIndex .cont .li a img{ width: 100%;}
.indexMinkerOne{ background: #F5F7FA;}
.indexMinker{ padding: 88px 0; overflow: hidden;}
.indexMinkerThree{ padding: 88px 0 0 0;}
.indexMk{overflow: hidden;}

.indexMinker .h1{ font-size: 34px; line-height: 40px; text-align: center;}
.indexMinker .mk{ font-size: 18px; color: #666; text-align: center; line-height: 26px; margin-top: 16px;}
.indexMinker .tit .h3{ font-size: 24px; color: #666; text-align: center; line-height: 24px; margin-top: 16px;}
.indexMinker .mNav{ display: flex; justify-content: center; margin-top: 56px;}
.indexMinker .mNav .li{ margin: 0 30px;}
.indexMinker .mNav .li a{ width: 120px; height: 40px; border-radius: 20px; background: #fff; color: #333; text-align: center; line-height: 40px;}
.indexMinker .mNav .li.on a{ background: #4C7EE9; color: #fff;}
.indexMinker .listOne{ margin-top: 56px;}
.indexMinker .listOne .li{ display: none; justify-content: center;}
.indexMinker .listOne .li.on{ display: flex;}
.indexMinker .listOne .li .mLi{ width: 362px; background: #fff; border-radius: 8px; box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.1); margin-left: 30px; transition: all 0.5s;}
.indexMinker .listOne .li .mLi:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.3);}
.indexMinker .listOne .li .mLi:first-child{ margin-left: 0;}
.indexMinker .listOne .li .mLi a{ padding: 40px 24px; text-align: center;}
.indexMinker .listOne .li .mLi .img{ width: 80px; height: 80px; margin: auto;}
.indexMinker .listOne .li .mLi .img img{ width: 100%; transition: all 0.5s;}
.indexMinker .listOne .li .mLi:hover .img img{ transform: rotateY(360deg);}
.indexMinker .listOne .li .mLi .h2{ font-size: 20px; line-height: 28px; margin: 24px 0 8px 0; color: #333;}
.indexMinker .listOne .li .mLi .p{ font-size: 14px; line-height: 24px; color: #666;}
.indexMinker .mNavTwo .li a{ width: 144px;}
.indexMinker .listTwo{ margin-top: 26px;}
.indexMinker .listTwo .li{ display: none; justify-content: center; flex-wrap: wrap;}
.indexMinker .listTwo .li.on{ display: flex;}
.indexMinker .listTwo .li .mLi{ width: 360px; margin-right: 30px; margin-top: 30px; border: 1px solid #DCDFE6; border-radius: 8px; transition: all 0.5s; background: #fff; box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.1); position: relative;}
.indexMinker .listTwo .li .mLi:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.3);}
.indexMinker .listTwo .li .mLi:last-child, .indexMinker .listTwo .li .mLi:nth-child(3n){ margin-right: 0;}
.indexMinker .listTwo .li .kmin{ padding: 24px;}
.indexMinker .listTwo .li .kmin a{ margin-top: 16px;}
.indexMinker .listTwo .mLi:hover, .indexMinker .listThree .li:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.1);}
.indexMinker .listTwo .li .top .img{ float: left; width: 80px; height: 80px; margin-right: 16px;}
.indexMinker .listTwoJink .li .top .img{ width: 60px; height: 60px;}
.indexMinker .listTwo .li .top .img img{ width: 100%;}
.indexMinker .listTwo .li .top .p{ font-size: 20px; line-height: 80px;}
.indexMinker .listTwo .li .text{ padding: 16px 0; color: #666; line-height: 24px; height: 96px; border-bottom: 1px solid #DCDFE6;/* margin-bottom: 16px;*/}
.indexMinker .listThree{ padding-top: 26px; /*padding-bottom: 26px;*/ display: flex; justify-content: center; flex-wrap: wrap;}
.indexMinker .listThree .li{ float: left; width: 360px; margin-right: 30px; margin-top: 30px; border: 1px solid #DCDFE6; border-radius: 8px; background: #fff;}
.indexMinker .listThree .li:nth-child(3n){ margin-right: 0;}
.indexMinker .listThree .li a{ padding: 40px 24px; text-align: center;  transition: all 0.5s; position: relative;}
.indexMinker .listThree .li .img{ width: 80px; height: 80px; margin: auto;}
.indexMinker .listThree .li .img img{ width: 100%;}
.indexMinker .listThree .li .h1{ font-size: 20px; line-height: 28px; color: #333; margin: 24px 0 8px 0;}
.indexMinker .listThree .li .p{ font-size: 14px; color: #666; line-height: 24px;}
.indexMinker .buttonOne{ margin: 56px auto 0;}
.indexMinker .mker{ margin-top: 56px;}
.indexMinker .mker .swiper-container, .centerImgThree .swiper-container{ padding-bottom: 44px;}
.indexMinker .mker .imger{ border: 1px solid #DCDFE6; border-radius: 8px; background: #fff; height: 374px; padding: 0 196px; text-align: center;}
.indexMinker .mker .imger .img{ width: 320px; height: 120px; margin: auto; padding: 40px 0 32px 0;}
.indexMinker .mker .imger .img img{ width: 100%;}
.indexMinker .mker .imger .p{ font-size: 16px; line-height: 24px; color: #666; height: 96px; margin-bottom: 32px; position: relative;}
.indexMinker .mker .imger .p::after{ content: ''; width: 20px; height: 20px; background: url(/static/images/home_part4_yh_left.png) no-repeat center; background-size: 100% auto; position: absolute; left: -55px; top: 0;}
.indexMinker .mker .imger .p::before{ content: ''; width: 20px; height: 20px; background: url(/static/images/home_part4_yh_right.png) no-repeat center; background-size: 100% auto; position: absolute; right: -55px; top: 0;}
.indexMinker .mker .swiper-container-horizontal>.swiper-pagination-bullets,
.centerImgThree .swiper-container-horizontal>.swiper-pagination-bullets{ display: flex; justify-content: center; bottom: 0;}
.indexMinker .mker .swiper-pagination-bullet,
.centerImgThree .swiper-pagination-bullet{ width: 12px; height: 12px; background: #DCDFE6; opacity: 1; border-radius: 100%; outline: none;}
.indexMinker .mker .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.centerImgThree .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 8px;}
.indexMinker .mker .swiper-pagination-bullet-active, .centerImgThree .swiper-pagination-bullet-active{ background: #4C7EE9;}
.indexMinker .mker .swiper-button-prev{ left: 30px;}
.indexMinker .mker .swiper-button-next, .centerImgThree .swiper-button-next{ right: 30px; transform: rotate(180deg);}
.indexMinker .open{ padding: 26px 0 0 0;}
.indexMinker .open a{ float: left; width: 166px; height: 56px; margin-right: 30px; margin-top: 30px; transition: all 0.5s;}
.indexMinker .open a:nth-child(6n){ margin-right: 0;}
.indexMinker .open a img{ width: 100%;}
.indexMinker .open a:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.1);}
.indexNews{ width: 1176px; margin-left: -15px; position: relative;}
.indexNews .swiper-container{ padding: 56px 0;}
.indexNews a{ width: 362px; height: 394px; margin: auto; border-radius: 8px; box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.1); background: #fff; transition: all 0.5s;}
.indexNews a:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.3);}
.indexNews .img{ width: 100%; height: 202px; overflow: hidden; border-radius: 8px 8px 0 0; background: #D8D8D8;}
.indexNews .img img{ width: 100%;}
.indexNews .text{ padding: 24px;}
.indexNews .text .h2{ font-size: 18px; line-height: 22px; color: #333; margin: 16px 0;}
.indexNews .text .p{ line-height: 24px; color: #666;}
.indexNews .text .icon{ display: flex; justify-content: flex-start;}
.indexNews .text .icon i{ font-size: 12px; line-height: 20px; padding: 0 4px; border-radius: 4px; column-rule-color: #fff; background: #FFAB68; color: #fff;}
.indexNews .text .iconOne i{ background: #FFAB68;}
.indexNews .text .iconTwo i{ background: #00CAB8;}
.indexNews .text .iconThree i{ background: #4C7EE9;}
.indexNews .swiper-button-next, .indexNews .swiper-button-prev{ display: none;}
.indexNews .nextBox, .videoBoxOne .nextBox{ position: absolute; left: -55px; top: 50%;}
.indexNews .prevBox, .videoBoxOne .prevBox{ position: absolute; right: -55px; top: 50%; transform: rotate(180deg);}
.indexMinkerTwo{ background: #4C7EE9;}
.indexMinkerTwo .h1, .indexMinkerTwo .mk{ color: #fff;}
.indexMinker .green{ display: flex; justify-content: center; margin-top: 40px;}
.indexMinker .green .buttonOne{ margin: 0 16px;}

.indexMinker .listTwo .mLi2 .text{ height: auto; border-bottom: none; margin: 24px 0 0 0; padding: 0;}
.indexMinker .listTwo .mLi2 .h3{ font-size: 20px; color: #333; line-height: 28px;}
.indexMinker .listTwo .mLi2 p{ margin-top: 8px;}
.indexMinker .listTwo .mLi2 .bot{ margin-top: 24px;}
.indexMinker .listTwo .mLi2 .bot a{ float: left; line-height: 14px; color: #4C7EE9; margin-left: 33px; margin-top: 0; position: relative;}
.indexMinker .listTwo .mLi2 .bot a:first-child{ margin-left: 0;}
.indexMinker .listTwo .mLi2 .bot a::after{ content: ''; width: 1px; height: 14px; background: #DCDFE6; position: absolute; top: 0; left: -16px;}
.indexMinker .listTwo .mLi2 .bot a:first-child::after{ display: none;}
.indexMinker .moreBox{ margin: 56px auto 0;}