html,body { width: 100%;font-family: MicrosoftYaHei;}
.flex-wrap{display: flex;display:-webkit-flex;flex-wrap: wrap;}
.aipage-main { cursor: default; background: #fff;}
.aipage-main .container { max-width: 100%;}
.aipage-main .item-box .m-error { height: 0;}

.title-box { text-align: center; color: #222222;}
.title-box .title { font-size: 32px; line-height: 42px; font-family: 'SourceHanSansCN-Medium'; font-weight: bold; position: relative;}
.title-box .title:before { content: ''; width: 72px; height: 9px;background: #0077C9;border-radius: 4px;position: absolute; bottom: calc(100% + 21px); left: 50%; transform: translateX(-50%); z-index: 2;}
.title-box .stit { font-size: 18px; line-height: 22px; margin-top: 19px;}
@media screen and (max-width: 1460px) {
    .title-box .title { font-size: 30px;line-height: 40px;}
    .title-box .title:before { width: 64px; height: 8px; bottom: calc(100% + 17px);}
    .title-box .stit { margin-top: 16px;}
}

@media screen and (max-width: 1260px) {
    .title-box .title { font-size: 28px;line-height: 38px;}
    .title-box .title:before { width: 56px; height: 7px; bottom: calc(100% + 15px);}
    .title-box .stit { font-size: 18px;line-height: 22px; margin-top: 12px;}
}

@media screen and (max-width: 991px) {
    .title-box .title { font-size: 28px;line-height: 38px;}
    .title-box .title:before { width: 48px; height: 6px; bottom: calc(100% + 12px);}
    .title-box .stit { font-size: 16px;line-height: 22px;margin-top: 8px;}
}

@media screen and (max-width: 767px) {
    .title-box .title { font-size: 24px;line-height: 36px;}
    .title-box .title:before { width: 40px; height: 5px; bottom: calc(100% + 10px);}
    .title-box .stit { font-size: 16px;line-height: 20px; }
}

.page-btn { text-align: center;}
.page-btn .btn { position: relative; padding: 10px 57px; border: 2px solid #0077C9; border-radius: 30px; font-size: 24px; color: #0077C9; line-height: 39px; transition: all 0.3s;}
.page-btn .btn:hover { color: #fff; background: #0077C9;}
@media screen and (max-width: 1460px) {
    .page-btn .btn { font-size: 22px; line-height: 36px; padding: 8px 50px;}
}
@media screen and (max-width: 1260px) {
    .page-btn .btn { font-size: 18px; line-height: 26px; padding: 10px 40px;}
}

@media screen and (max-width: 991px) {
    .page-btn .btn { font-size: 16px; line-height: 22px; padding: 8px 30px;}
}


.banner { position: relative; background: #EBEEFB url('../../image/xiaonuoAIImg/banner-bg.png') no-repeat; background-size: cover; background-position: center bottom;}
.banner .banner-body { padding: 191px 15px 166px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.banner .banner-left { color: #fff; flex: 1;}
.banner .banner-left .title { margin-top: 57px; font-size: 80px;font-family: 'SourceHanSansCN-Bold'; line-height: 90px; margin-left: -7px;}
.banner .banner-left .stit { font-size: 36px; line-height: 46px; margin-top: 30px;}
.banner .banner-left .stit span { padding: 0 22px;}
.banner .banner-right { width: 41.71%; margin-right: -38px;}
.banner .banner-right img { width: 100%;}
.ba-form-box { max-width: 596px;}
.ba-form-box .ba-form { margin-top: 110px; padding: 28px 20px 24px; background: rgba(240, 240, 240, 0.15); border-radius: 21px;border: 1px solid #FFFFFF;}
.ba-form-box .form-box { display: flex; flex-wrap: wrap; justify-content: space-between;}
.ba-form-box .form-box .item-box { width: calc(50% - 14px); margin-bottom: 27px;}
.ba-form-box .form-box .item-box .input-box { width: 100%; background: #fff; position: relative;border-radius: 5px;}
.ba-form-box .form-box .item-box .input-box input { width: 100%; font-size: 18px; line-height: 40px; padding: 0 14px;}
.ba-form-box .form-box .item-box .input-box input::placeholder { color: #666666;font-family: SourceHanSansCN-Light;}
.ba-form-box .btn { font-size: 20px; color: #fff; line-height: 27px; padding: 10px 22px;background: #013FBA; border-radius: 23px;width:unset}

@media screen and (max-width: 1600px) {
    .banner .banner-right { width: 41.71%; margin-right: 0;}
}

@media screen and (max-width: 1460px) {
    .banner .banner-body { padding: 170px 15px 150px;}
    .banner .banner-left .title { margin-top: 50px; font-size: 70px;line-height: 80px; margin-left: -7px;}
    .banner .banner-left .stit { font-size: 32px; line-height: 42px; margin-top: 26px;}
    .banner .banner-left .stit span { padding: 0 22px;}
    .ba-form-box .ba-form { margin-top: 90px; padding: 24px 20px 24px;}
    .ba-form-box .form-box .item-box { width: calc(50% - 14px); margin-bottom: 27px;}
    .ba-form-box .form-box .item-box .input-box input { font-size: 18px; line-height: 40px; padding: 0 14px;}
    .ba-form-box .btn { font-size: 20px; line-height: 27px; padding: 10px 22px;}
}

@media screen and (max-width: 1260px) {
    .banner .banner-body { padding: 150px 15px 130px;}
    .banner .banner-left { margin-right: 4%;}
    .banner .banner-left .title { margin-top: 30px; font-size: 56px;line-height: 76px; margin-left: 0;}
    .banner .banner-left .stit { font-size: 28px; line-height: 34px; margin-top: 10px;}
    .banner .banner-left .stit span { padding: 0 14px;}
    .ba-form-box .ba-form { margin-top: 60px; padding: 24px 15px 24px;}
    .ba-form-box .form-box .item-box { width: calc(50% - 7px); margin-bottom: 18px;}
    .ba-form-box .form-box .item-box .input-box input { font-size: 16px; line-height: 38px; padding: 0 14px;}
    .ba-form-box .btn { font-size: 18px; line-height: 26px; padding: 8px 18px;}
}

@media screen and (max-width: 991px) {
    .banner .banner-body { padding: 100px 15px 90px;}
    .banner .banner-left .title { margin-top: 20px; font-size: 40px;line-height: 50px;}
    .banner .banner-left .stit { font-size: 20px; line-height: 30px; margin-top: 10px;}
    .banner .banner-left .stit span { padding: 0 10px;}
    .ba-form-box .ba-form { margin-top: 30px; padding: 15px; border-radius: 15px;}
    .ba-form-box .form-box .item-box { width: calc(50% - 7px); }
    .ba-form-box .form-box .item-box .input-box input { font-size: 14px; line-height: 32px; padding: 0 10px;}
    .ba-form-box .btn { font-size: 16px; line-height: 20px; padding: 8px 18px;}
}

@media screen and (max-width: 767px) {
    .banner .banner-body { padding: 50px 15px 70px;}
}
@media screen and (max-width: 660px) {
    .banner .banner-body { padding: 50px 15px 70px;}
    .banner .banner-left { width: 100%; flex: unset; margin-right: 0;}
    .banner .banner-left .title { text-align: center; font-size: 32px;line-height: 40px;}
    .banner .banner-left .stit { text-align: center;font-size: 18px; line-height: 26px;}
    .banner .banner-right { width: 50%; margin: 0 auto; margin-top: 20px;}
    .ba-form-box { margin: 0 auto; width: 80%;}
}
@media screen and (max-width: 520px) {
    .ba-form-box { width: 100%;}
    .banner .banner-body { padding: 30px 15px 30px;}
}


.sec1 { background: #EBEEFB; padding-top: 117px;}
.sec1 .title-box { position: relative; z-index: 2;}
.sec1 .sec1-body { margin-top: -158px; position: relative;}
.sec1 .list .item { width: 507px; height: 295px; background: url("../../image/xiaonuoAIImg/sec1-card1.png") no-repeat; background-size: 100% 100%; position: absolute;}
.sec1 .list .item .name { padding-left: 88px; padding-right: 80px; font-size: 24px; line-height: 37px; font-family: MicrosoftYaHei;font-weight: bold;}
.sec1 .list .item .desc { padding-left: 114px; padding-right: 52px; font-size: 18px; line-height: 32px; margin-top: 14px; font-family: MicrosoftYaHei; letter-spacing: -1px;}
.sec1 .list .item .name,
.sec1 .list .item .desc {transform: skewX(20deg) rotate(-6deg); transition: all 0.3s;}
.sec1 .list .item .name:hover,
.sec1 .list .item .desc:hover {transform: skewX(20deg) rotate(-6deg) scale(1.1);}
.sec1 .list .item1 { left: 0.3%; top: 33%;padding: 81px 0 88px; }
.sec1 .list .item2 { left: 50%; top: 25%;padding: 72px 0 114px; }
.sec1 .list .item3 { right: 47%; bottom: 4.3%;padding: 72px 0 114px; }
.sec1 .list .item2 .desc,
.sec1 .list .item3 .desc { padding-left: 115px; }
.sec1 .list .item3:before { content: ''; width: 142px; height: 98px; background: url("../../image/xiaonuoAIImg/sec1-icon1.png") no-repeat; background-size: 100% auto; display: block; position: absolute; top: -5px; left: -50px;z-index: 2;}

@media screen and (max-width: 1460px) {
    .sec1 { padding-top: 100px;}
    .sec1 .sec1-body { margin-top: -130px;}
    .sec1 .list .item { width: 430px; height: 250px;}
    .sec1 .list .item .name { padding-left: 70px; padding-right: 60px; font-size: 20px; line-height: 32px;}
    .sec1 .list .item .desc { padding-left: 90px; padding-right: 45px; font-size: 16px; line-height: 26px; margin-top: 10px; letter-spacing: -1px;}
    .sec1 .list .item1 { left: 0.3%; top: 33%;padding: 60px 0; }
    .sec1 .list .item2 { left: 50%; top: 25%;padding: 50px 0; }
    .sec1 .list .item3 { right: 47%; bottom: 4.3%;padding: 50px 0; }
    .sec1 .list .item3:before { width: 120px; height: 83px; top: -15px; left: -40px;z-index: 2;}
}

@media screen and (max-width: 1260px) {
    .sec1 { padding-top: 80px;}
    .sec1 .sec1-body { margin-top: -100px;}
    .sec1 .list .item { width: 345px; height: 200px;}
    .sec1 .list .item .name { padding-left: 52px; padding-right: 30px; font-size: 18px; line-height: 28px;}
    .sec1 .list .item .desc { padding-left: 68px; padding-right: 25px; font-size: 14px; line-height: 22px; margin-top: 6px; letter-spacing: -1px;}
    .sec1 .list .item1 { left: 0.3%; top: 33%;padding: 50px 0; }
    .sec1 .list .item2 { left: 50%; top: 25%;padding: 40px 0; }
    .sec1 .list .item3 { right: 47%; bottom: 4.3%;padding: 40px 0; }
    .sec1 .list .item3:before { width: 90px; height: 62px; top: 0px; left: -30px;z-index: 2;}
}

@media screen and (max-width: 991px) {
    .sec1 { padding-top: 60px;}
    .sec1 .sec1-body { margin-top: -70px;}
    .sec1 .list .item { width: 280px; height: 162px;}
    .sec1 .list .item br { display: none;}
    .sec1 .list .item .name { padding-left: 40px; padding-right: 40px; font-size: 16px; line-height: 20px;}
    .sec1 .list .item .desc { padding-left: 58px; padding-right: 30px; font-size: 12px; line-height: 18px; margin-top: 6px; letter-spacing: -1px;}
    .sec1 .list .item1 { left: 0.3%; top: 33%;padding: 30px 0; }
    .sec1 .list .item2 { left: 50%; top: 25%;padding: 35px 0; }
    .sec1 .list .item3 { right: 47%; bottom: 4.3%;padding: 35px 0; }
    .sec1 .list .item3:before { width: 60px; height: 42px; top: 6px; left: -15px;z-index: 2;}
}

@media screen and (max-width: 767px) {
    .sec1 { padding-top: 40px;}
    .sec1 .list { display: flex; flex-wrap: wrap; justify-content: center; align-items:center;}
    .sec1 .list .item { width: 320px; height: 186px; position: unset; left: unset; top: unset; transform: rotate(6deg); margin-top: -20px;}
    .sec1 .list .item .name,
    .sec1 .list .item .desc {transform: skewX(20deg) rotate(-6deg); transition: all 0.3s;}
    .sec1 .list .item .name:hover,
    .sec1 .list .item .desc:hover {transform: skewX(20deg) rotate(-6deg) scale(1);}
    .sec1 .list .item .name { padding-left: 45px; padding-right: 40px;}
    .sec1 .list .item .desc { padding-left: 58px; padding-right: 30px;}
    .sec1 .list .item1 { left: 0.3%; top: 33%;padding: 40px 0; }
    .sec1 .list .item2 { left: 50%; top: 25%;padding: 45px 0; }
    .sec1 .list .item3 { right: 47%; bottom: 4.3%;padding: 45px 0; }
}

@media screen and (max-width: 660px) {
    .sec1 .sec1-body { margin-top: -90px;}
    .sec1 .sec1-body .img { display: flex; justify-content: center;}
    .sec1 .sec1-body .img img { width: 130%; max-width: unset;}
}
@media screen and (max-width: 600px) {
    .sec1 .sec1-body { margin-top: -70px;}
}
@media screen and (max-width: 530px) {
    .sec1 .sec1-body { margin-top: -60px;}
}
@media screen and (max-width: 420px) {
    .sec1 .sec1-body { margin-top: -45px;}
}

.sec2 { padding: 143px 0 83px;}
.sec2 .sec2-body { margin-top: 42px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.sec2 .sec2-body-left { flex: 1; padding-right: 90px;}
.sec2 .sec2-body-left .tit { font-size: 24px; color: #222222; line-height: 36px; font-weight: bold;}
.sec2 .sec2-body-left .desc { font-size: 18px; color: #222222; line-height: 36px; margin-top: 20px;}
.sec2 .sec2-body-left .tit2 { margin-top: 37px;}
.sec2 .sec2-body-right { width: 59.36%;}
.sec2 .video-wrap { position: relative; height: 481px; border-radius: 50px; overflow: hidden;}
.sec2 .cover { width: 100%; height: 100%; position: absolute;}
.sec2 .video-wrap .paly-icon { cursor: pointer; width: 112px; height: 112px; background: rgba(255,255,255,0.73); border-radius: 50%; position: relative; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);}
.sec2 .video-wrap .paly-icon i { font-size: 40px; margin-left: 6px; color: #0D091C;}
.sec2 .video-wrap video { width: 100%; height: 100%; object-fit: cover; position: absolute; display: none;}
.sec2 .page-btn { text-align: left; margin-top: 72px;}

@media screen and (max-width: 1460px) {
    .sec2 { padding: 110px 0 83px;}
    .sec2 .sec2-body { margin-top: 42px;}
    .sec2 .sec2-body-left { padding-right: 60px;}
    .sec2 .sec2-body-left .tit { font-size: 22px; line-height: 32px;}
    .sec2 .sec2-body-left .desc { font-size: 16px; line-height: 32px; margin-top: 18px;}
    .sec2 .sec2-body-left .tit2 { margin-top: 25px;}
    .sec2 .video-wrap { height: 406px; border-radius: 50px;}
    .sec2 .video-wrap .paly-icon { width: 90px; height: 90px;}
    .sec2 .video-wrap .paly-icon i { font-size: 34px; margin-left: 6px;}
    .sec2 .page-btn {  margin-top: 50px;}
}

@media screen and (max-width: 1260px) {
    .sec2 { padding: 90px 0 80px;}
    .sec2 .sec2-body { margin-top: 50px;}
    .sec2 .sec2-body-left { padding-right: 30px;}
    .sec2 .sec2-body-left .tit { font-size: 20px; line-height: 28px;}
    .sec2 .sec2-body-left .desc { font-size: 14px; line-height: 28px; margin-top: 14px;}
    .sec2 .sec2-body-left .tit2 { margin-top: 16px;}
    .sec2 .video-wrap { height: 318px; border-radius: 30px;}
    .sec2 .video-wrap .paly-icon { width: 70px; height: 70px;}
    .sec2 .video-wrap .paly-icon i { font-size: 28px; margin-left: 6px;}
    .sec2 .page-btn { margin-top: 35px;}
}

@media screen and (max-width: 991px) {
    .sec2 { padding: 70px 0 60px;}
    .sec2 .sec2-body { margin-top: 40px;}
    .sec2 .sec2-body-left { padding-right: 15px;}
    .sec2 .sec2-body-left .tit { font-size: 20px; line-height: 24px;}
    .sec2 .sec2-body-left .desc { font-size: 14px; line-height: 24px; margin-top: 14px;}
    .sec2 .sec2-body-left .tit2 { margin-top: 16px;}
    .sec2 .video-wrap { height: 241px; border-radius: 30px;}
    .sec2 .video-wrap .paly-icon { width: 60px; height: 60px;}
    .sec2 .video-wrap .paly-icon i { font-size: 24px; margin-left: 6px;}
}

@media screen and (max-width: 767px) {
    .sec2 { padding: 50px 0 40px;}
    .sec2 .sec2-body { flex-direction: column-reverse; margin-top: 30px;}
    .sec2 .sec2-body-left { width: 100%; margin-top: 30px;}
    .sec2 .sec2-body-right { width: 100%;}
    .sec2 .cover img { width: 100%; height: 100%; object-fit: cover;}
    .sec2 .page-btn { text-align: center;}
}
@media screen and (max-width: 520px) {
    .sec2 .slide-item .slide-left .list .item,
    .sec2 .slide-item .slide-left .list .item:first-child { width: calc(50% - 10px);}
    .sec2 .slide-item .slide-left .list .item:first-child { margin-right: 10px;}
}

.sec3 { padding: 95px 0 75px; background: #EBEEFB;}
.sec3 .sec3-body { margin-top: 42px;}
.sec3 .slide-item { width: 100%; border-radius: 30px; position: relative; overflow: hidden;box-shadow: 0px 0px 16px 0px rgba(38,52,104,0.13);}
.sec3 .slide-item .card-mask { display: none; width: 100%; height: 100%; background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, #000 100%); position: absolute; top: 0; left: 0;}
.sec3 .slide-item .info { width: 100%; height: 100%; padding: 20px; display: flex; justify-content: flex-end; flex-direction: column; align-items: center; color: #FFFFFF; text-align: center;}
.sec3 .slide-item .info .name { font-size: 24px; line-height: 34px; font-weight: bold;}
.sec3 .slide-item .info .desc { font-size: 18px; line-height: 27px; margin-top: 5px;}
.sec3 .carousel-card.active .card-mask { display: block;}
.sec3 .page-btn { margin-top: 36px;}
.carousel-container {width: 100%;height: 532px;position: relative; display: flex; justify-content: center; align-items: center; margin: 0 auto; touch-action: pan-y; user-select: none; -webkit-user-select: none;-webkit-touch-callout: none;cursor: grab;}
.carousel-container.dragging {cursor: grabbing;}
.carousel-track {width: 402px;height: 532px;position: relative;overflow: visible;pointer-events: none;}
.carousel-card { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 30px; overflow: hidden; transform-origin: center 85%; transform-style: preserve-3d; backface-visibility: hidden; background-size: cover;background-position: center;pointer-events: auto;will-change: transform, opacity;box-shadow: 0px 0px 16px 0px rgba(38, 52, 104, 0.13);}
/* 卡片需要接收点击，图片本身不参与命中且禁止原生拖拽，避免打断滑动 */
.carousel-card img { pointer-events: none; -webkit-user-drag: none;}


.sec3 .page-btn { margin-top: 49px;}

@media screen and (max-width: 1460px) {
    .carousel-container { height: 455px;}
    .carousel-track {width: 345px;height: 455px;}
    .sec3 .slide-item .info {padding: 20px;}
    .sec3 .slide-item .info .name { font-size: 22px; line-height: 32px;}
    .sec3 .slide-item .info .desc { font-size: 16px; line-height: 24px; margin-top: 5px;}
}

@media screen and (max-width: 1260px) {
    .sec3 { padding: 80px 0 70px;}
    .carousel-container { height: 360px;}
    .carousel-track {width: 273px;height: 360px;}
    .sec3 .slide-item .info {padding: 16px;}
    .sec3 .slide-item .info .name { font-size: 20px; line-height: 28px;}
    .sec3 .slide-item .info .desc { font-size: 16px; line-height: 22px; margin-top: 5px;}
}

@media screen and (max-width: 991px) {
    .sec3 { padding: 70px 0 60px;}
    .carousel-container { height: 283px;}
    .carousel-track {width: 215px;height: 283px;}
    .sec3 .slide-item,.carousel-card { border-radius: 20px;}
    .sec3 .slide-item .info {padding: 12px;}
    .sec3 .slide-item .info .name { font-size: 18px; line-height: 24px;}
    .sec3 .slide-item .info .desc { font-size: 14px; line-height: 20px; margin-top: 5px;}
    .sec3 .page-btn { margin-top: 45px;}
}

@media screen and (max-width: 767px) {
    .sec3 { padding: 50px 0 40px;}
    .sec3 .page-btn { margin-top: 35px;}
}

.sec4 { padding: 126px 0 94px;}
.sec4 .sec4-body { margin-top: 63px; display: flex; align-items: center; flex: 1;}
.sec4 .sec4-body-left { width: 39.43%;}
.sec4 .sec4-body-right { flex: 1;}
.sec4 .list .item-box { display: flex; flex-direction: column; cursor: pointer;}
.sec4 .list .item-box .img { display: none;}
.sec4 .list .item { padding: 25px 0; padding-left: 23px; border-left: 5px solid #DCDCDC;}
.sec4 .list .item-box:last-child .item { padding-bottom: 12px;}
.sec4 .list .item-box.active .item { padding: 14px 0 0; padding-left: 23px; border-left: 5px solid #0077C9;}
.sec4 .list .item .tit { font-size: 24px; line-height: 34px; font-weight: bold; display: flex; align-items: center;}
.sec4 .list .item .tit span { font-size: 24px; margin-right: 18px;}
.sec4 .list .item .tit i { margin-left: 12px;}
.sec4 .list .item .desc { display: none; min-height: 54px; font-size: 18px; line-height: 27px; margin-top: 10px;}
.sec4 .list .item-box.active .item .desc { display: block;}
.sec4 .sec4-body-right .img-box .img { display: none;}
.sec4 .sec4-body-right .img-box .img:first-child { display: block;}

@media screen and (max-width: 1460px) {
    .sec4 { padding: 100px 0 80px;}
    .sec4 .sec4-body { margin-top: 50px;}
    .sec4 .sec4-body-left { width: 35%; margin-right: 20px;}
    .sec4 .sec4-body-right { flex: 1;}
    .sec4 .list .item { padding: 22px 0; padding-left: 18px; border-left: 5px solid #DCDCDC;}
    .sec4 .list .item-box.active .item { padding: 12px 0 0; padding-left: 18px; border-left: 5px solid #0077C9;}
    .sec4 .list .item .tit { font-size: 22px; line-height: 30px; }
    .sec4 .list .item .tit span { font-size: 22px; margin-right: 8px;}
    .sec4 .list .item .tit i { margin-left: 5px; font-size: 18px;}
    .sec4 .list .item .desc { min-height: 50px; font-size: 16px; line-height: 25px; margin-top: 10px;}
    .sec4 .list .item .desc br { display: none;}
}

@media screen and (max-width: 1260px) {
    .sec4 { padding: 80px 0 70px;}
    .sec4 .sec4-body { margin-top: 50px;}
    .sec4 .sec4-body-left { width: 30%; margin-right: 10px;}
    .sec4 .sec4-body-right { flex: 1;}
    .sec4 .list .item { padding: 20px 0; padding-left: 12px; border-left: 4px solid #DCDCDC; cursor: pointer;}
    .sec4 .list .item-box.active .item { padding: 8px 0 0; padding-left: 12px; border-left: 4px solid #0077C9;}
    .sec4 .list .item .tit { font-size: 18px; line-height: 24px; }
    .sec4 .list .item .tit span { font-size: 18px; margin-right: 8px;}
    .sec4 .list .item .tit i { margin-left: 3px; font-size: 14px;}
    .sec4 .list .item .desc { min-height: 40px; font-size: 14px; line-height: 20px; margin-top: 6px;}
}

@media screen and (max-width: 991px) {
    .sec4 { padding: 70px 0 60px;}
    .sec4 .sec4-body { margin-top: 50px;}
}

@media screen and (max-width: 767px) {
    .sec4 { padding: 50px 0 40px;}
    .sec4 .sec4-body { margin-top: 10px;}
    .sec4 .sec4-body-left { width: 100%; margin-right: 0; opacity: 1 !important; transform: translatex(0) !important;}
    .sec4 .list .item-box { margin-top: 20px;}
    .sec4 .list .item { border-left: 4px solid #0077C9; padding: 8px 0 10px; padding-left: 8px;}
    .sec4 .list .item-box.active .item { padding: 8px 0; padding-left: 8px;}
    .sec4 .list .item .desc { display: block;}
    .sec4 .list .item .desc br { display: none;}
    .sec4 .list .item-box .img { display: block; margin-top: 20px;}
    .sec4 .sec4-body-right { display: none;}
}
@media screen and (max-width: 380px) {
    .sec4 .title-box { padding: 0 10px;}
}

.sec5 { padding: 89px 0 60px; background: #EBEEFB;}
.sec5 .sec5-body { padding: 0 69px 0 74px; margin-top: 48px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.sec5 .list1 { width: calc(16.95% + 20px); padding: 35px 20px 0 0; text-align: center; background: linear-gradient( 180deg, #D1E1F5 0%, #B3D1EF 100%);color: #015189;border-radius: 35px 0 0 35px; display: flex; flex-direction: column; align-items: center;}
.sec5 .list1 .tit { padding: 0 23px 0 20px; font-size: 18px; line-height: 34px;font-weight: bold; color: #fff; background: #0077C9; border-radius: 17px;}
.sec5 .list1 .list { display: inline-block; margin-top: 11px;}
.sec5 .list1 .list .item { padding: 0 19px; font-size: 18px; line-height: 60px; position: relative;}
.sec5 .list1 .list .item p { transition: all 0.3s;}
.sec5 .list1 .list .item:hover p { transform: scale(1.15);}
.sec5 .list1 .list .item.hover-effect p { transform: scale(1.15);}
.sec5 .list1 .list .item:after { content: ''; width: calc(100% + 26px); height: 1px; background: #fff; position: absolute; left: 0; bottom: 0;}
.sec5 .list1 .list .item:last-child:after { display: none;}

.sec5 .list2 { margin-left: -20px; padding: 45px 0 26px; width: 56.17%; text-align: center; background: #0077C9;box-shadow: 9px 0px 27px 0px rgba(11,83,180,0.5);border-radius: 35px; position: relative; z-index: 3;}
.sec5 .list2 .tit { display: inline-block; padding: 0 21px 0 7px; background: #FFFFFF;border-radius: 25px;font-size: 20px; line-height: 49px; font-weight: bold;color: #0077C9; position: relative; z-index: 4;}
.sec5 .list2 .tit img { width: 34px; height: auto; margin-right: 5px; position: relative; top: 2px;}
.sec5 .list2 .list { padding: 0 55px; margin-top: 9px; position: relative; z-index: 4;}
.sec5 .list2 .list .item { font-size: 20px;color: #FFFFFF;line-height: 26px;font-weight: bold; padding: 17px 0; text-align: center; position: relative; will-change: transform;white-space: nowrap;}
.sec5 .list2 .list .item p { transition: all 0.3s;}
.sec5 .list2 .list .item:hover p { transform: scale(1.15);}
.sec5 .list2 .list .item.hover-effect p { transform: scale(1.15);}
.sec5 .list2 .list .item:after { width: 100%; content: ''; border-bottom: 1px solid #fff; position: absolute; bottom: 0; left: 0;}
.sec5 .list2 .list .item:last-child:after { border-bottom: 0;}

.sec5 .list3 { margin-left: -40px; padding: 34px 6px 0 20px; width: calc(27.23% + 20px); padding-left: 40px; text-align: center; background: linear-gradient( 90deg, #818181 0%, #414141 100%);box-shadow: 3px 0px 27px 0px rgba(7,105,237,0.22);border-radius: 0 35px 35px 0;}
.sec5 .list3 .tit { display: inline-block; padding: 0 28px; background: #fff;border-radius: 17px;font-size: 18px; line-height: 33px; font-weight: bold;color: #000; text-align: center;}
.sec5 .list3 .list { padding: 0 30px; margin-top: 9px; position: relative; z-index: 4;}
.sec5 .list3 .list .item { font-size: 20px;color: #C3C3C4;line-height: 26px; padding: 17px 0; text-align: center; position: relative; white-space: nowrap;}
.sec5 .list3 .list .item p{ transition: all 0.3s;}
.sec5 .list3 .list .item:hover p{ transform: scale(1.15);}
.sec5 .list3 .list .item.hover-effect p { transform: scale(1.15);}
.sec5 .list3 .list .item:after { width: 100%; content: ''; border-bottom: 1px solid #fff; position: absolute; bottom: 0; left: 0;}
.sec5 .list3 .list .item:last-child:after { border-bottom: 0;}
.sec5 .page-btn { margin-top: 47px;}

@media screen and (max-width: 1460px) {
    .sec5 .sec5-body { padding: 0; margin-top: 48px;}
}
@media screen and (max-width: 1260px) {
    .sec5 { padding: 80px 0 60px;}
    .sec5 .sec5-body { margin-top: 40px;}
    .sec5 .list1 { width: calc(16.95% + 20px); padding: 35px 20px 0 0; border-radius: 20px 0 0 20px;}
    .sec5 .list1 .tit { padding: 0 18px; font-size: 16px; line-height: 30px;}
    .sec5 .list1 .list { display: inline-block; margin-top: 11px;}
    .sec5 .list1 .list .item { padding: 0 16px; font-size: 16px; line-height: 50px; position: relative;}
    .sec5 .list1 .list .item:after { width: 100%; }

    .sec5 .list2 { margin-left: -20px; padding: 45px 0 26px; width: 56.17%; }
    .sec5 .list2 .tit { padding: 0 21px 0 7px; font-size: 18px; line-height: 45px;}
    .sec5 .list2 .tit img { width: 30px; margin-right: 4px; top: 2px;}
    .sec5 .list2 .list { padding: 0 40px; margin-top: 9px;}
    .sec5 .list2 .list .item { font-size: 18px; line-height: 24px; padding: 13px 0;}

    .sec5 .list3 { margin-left: -40px; padding: 34px 6px 0 20px; width: calc(28.23% + 20px); padding-left: 40px;border-radius: 0 20px 20px 0;}
    .sec5 .list3 .tit { padding: 0 22px; font-size: 18px; line-height: 30px;}
    .sec5 .list3 .list { padding: 0 20px; margin-top: 9px;}
    .sec5 .list3 .list .item { font-size: 18px; line-height: 24px; padding: 13px 0;}
}

@media screen and (max-width: 991px) {
    .sec5 { padding: 60px 0 50px;}
    .sec5 .sec5-body { margin-top: 40px;}
    .sec5 .list1 { width: calc(16.95% + 20px); padding: 35px 20px 0 0; border-radius: 20px 0 0 20px;}
    .sec5 .list1 .tit { padding: 0 12px; font-size: 16px; line-height: 30px;}
    .sec5 .list1 .list { display: inline-block; margin-top: 11px;}
    .sec5 .list1 .list .item { padding: 0 12px; font-size: 14px; line-height: 42px; }
    .sec5 .list1 .list .item:after { width: 100%; }

    .sec5 .list2 { margin-left: -20px; padding: 45px 0 26px; width: 56.17%; }
    .sec5 .list2 .tit { padding: 0 21px 0 7px; font-size: 16px; line-height: 40px;}
    .sec5 .list2 .tit img { width: 30px; margin-right: 4px; top: 2px;}
    .sec5 .list2 .list { padding: 0 25px; margin-top: 9px;}
    .sec5 .list2 .list .item { font-size: 16px; line-height: 22px; padding: 10px 0;white-space: normal;}

    .sec5 .list3 { margin-left: -40px; padding: 34px 6px 0 20px; width: calc(28.23% + 20px); padding-left: 40px;border-radius: 0 20px 20px 0;}
    .sec5 .list3 .tit { padding: 0 22px; font-size: 16px; line-height: 30px;}
    .sec5 .list3 .list { padding: 0 10px; margin-top: 9px;}
    .sec5 .list3 .list .item { font-size: 16px;line-height: 22px; padding: 10px 0;white-space: normal;}
}

@media screen and (max-width: 767px) {
    .sec5 { padding: 40px 0;}
    .sec5 .sec5-body { margin-top: 20px;}
    .sec5 .list1 {width: 100%;padding: 30px 30px 20px; border-radius: 20px;margin-top: 0;}
    .sec5 .list1 .list {width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
    .sec5 .list1 .list .item { line-height: 30px; }
    .sec5 .list1 .list .item:after  { display: none; }
    .sec5 .list2 { margin-left: 0; width: 60%; border-radius: 20px; margin-top: 25px;padding: 40px 0 22px;}
    .sec5 .list3 { width: calc(40% + 20px); border-radius: 20px; margin-top: 25px; padding: 34px 6px 0 40px;}
    .sec5 .page-btn { margin-top: 35px;}
    .sec5 .list2 .list .item:hover p { transform: scale(1);}
    .sec5 .list3 .list .item:hover p { transform: scale(1);}
}

@media screen and (max-width: 560px) {
    .sec5 { padding: 40px 0 30px;}
    .sec5 .list2 { width: 100%;}
    .sec5 .list2 .list { padding: 0 15px;}
    .sec5 .list3 { width: 100%; margin-left: 0;padding: 30px 5px 20px;}
}
@media screen and (max-width: 380px) {
    .sec5 .title-box { padding: 0 10px;}
}

.sec6 { padding: 129px 0 123px;}
.sec6 .sec6-body { margin-top: 38px; display: flex; flex-wrap: wrap; align-items: center;}
.sec6 .sec6-body-left { margin-right: 46px;}
.sec6 .sec6-body-right { flex: 1;}
.sec6 .list { width: 236px;}
.sec6 .list .item { width: 100%; height: 50px; padding-left: 73px; border: 2px solid #222222; border-radius: 24px; font-size: 24px;color: #222222; font-weight: bold; display: flex; align-items: center; position: relative; cursor: pointer;}
.sec6 .list .item+.item { margin-top: 37px;}
.sec6 .list .item:before { content: ''; width: 40px; height: 100%; position: absolute; left: 24px; top: 0;}
.sec6 .list .item1:before { background: url("../../image/xiaonuoAIImg/sec6-icon1.png") no-repeat; background-size: 40px auto; background-position: center center;}
.sec6 .list .item1.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon1-a.png") no-repeat; background-size: 40px auto; background-position: center center;}
.sec6 .list .item2:before { background: url("../../image/xiaonuoAIImg/sec6-icon2.png") no-repeat; background-size: 32px auto; background-position: center center;}
.sec6 .list .item2.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon2-a.png") no-repeat; background-size: 32px auto; background-position: center center;}
.sec6 .list .item3:before { background: url("../../image/xiaonuoAIImg/sec6-icon3.png") no-repeat; background-size: 30px auto; background-position: center center;}
.sec6 .list .item3.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon3-a.png") no-repeat; background-size: 30px auto; background-position: center center;}
.sec6 .list .item4:before { background: url("../../image/xiaonuoAIImg/sec6-icon4.png") no-repeat; background-size: 31px auto; background-position: center center;}
.sec6 .list .item4.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon4-a.png") no-repeat; background-size: 31px auto; background-position: center center;}
.sec6 .list .item5:before { background: url("../../image/xiaonuoAIImg/sec6-icon5.png") no-repeat; background-size: 29px auto; background-position: center center;}
.sec6 .list .item5.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon5-a.png") no-repeat; background-size: 29px auto; background-position: center center;}
.sec6 .list .item.active { background: #016FE8; border: 2px solid #016FE8;  color: #fff;}
.sec6 .cont-item { display: none;}
.sec6 .cont-item:first-child { display: block;}
.sec6 .cont-box { width: 100%; height: 574px; border-radius: 50px; background: #000000;display: flex; flex-wrap: wrap; align-items: center;}
.sec6 .cont-box1 { background: url(../../image/xiaonuoAIImg/sec6-bg1.png) no-repeat; background-size: 100% 100%;}
.sec6 .cont-box2 { background: url(../../image/xiaonuoAIImg/sec6-bg2.png) no-repeat; background-size: 100% 100%;}
.sec6 .cont-box3 { background: url(../../image/xiaonuoAIImg/sec6-bg3.png) no-repeat; background-size: 100% 100%;}
.sec6 .cont-box4 { background: url(../../image/xiaonuoAIImg/sec6-bg4.png) no-repeat; background-size: 100% 100%;}
.sec6 .cont-box5 { background: url(../../image/xiaonuoAIImg/sec6-bg5.png) no-repeat; background-size: 100% 100%;}
.sec6 .cont-box .cont-left { width: 31.75%; color: #fff; text-align: center;}
.sec6 .cont-box .cont-left .name { font-size: 24px; font-weight: bold; line-height: 36px;}
.sec6 .cont-box .cont-left .desc { font-size: 18px; line-height: 32px; margin-top: 14px;}
.sec6 .cont-box .cont-right { flex: 1; padding: 40px 40px 40px 0;height: 100%; text-align: center;}
.sec6 .cont-box .cont-right img { max-width: 100%; max-height: 100%}

@media screen and (max-width: 1460px) {
    .sec6 { padding: 110px 0;}
    .sec6 .sec6-body { margin-top: 38px;}
    .sec6 .sec6-body-left { margin-right: 46px;}
    .sec6 .list { width: 212px;}
    .sec6 .list .item { height: 50px; padding-left: 67px; font-size: 20px;}
    .sec6 .list .item+.item { margin-top: 30px;}
    .sec6 .list .item:before { width: 34px; height: 100%; left: 24px;}
    .sec6 .list .item1:before { background: url("../../image/xiaonuoAIImg/sec6-icon1.png") no-repeat; background-size: 36px auto; background-position: center center;}
    .sec6 .list .item1.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon1-a.png") no-repeat; background-size: 36px auto; background-position: center center;}
    .sec6 .list .item2:before { background: url("../../image/xiaonuoAIImg/sec6-icon2.png") no-repeat; background-size: 28px auto; background-position: center center;}
    .sec6 .list .item2.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon2-a.png") no-repeat; background-size: 28px auto; background-position: center center;}
    .sec6 .list .item3:before { background: url("../../image/xiaonuoAIImg/sec6-icon3.png") no-repeat; background-size: 26px auto; background-position: center center;}
    .sec6 .list .item3.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon3-a.png") no-repeat; background-size: 26px auto; background-position: center center;}
    .sec6 .list .item4:before { background: url("../../image/xiaonuoAIImg/sec6-icon4.png") no-repeat; background-size: 26px auto; background-position: center center;}
    .sec6 .list .item4.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon4-a.png") no-repeat; background-size: 26px auto; background-position: center center;}
    .sec6 .list .item5:before { background: url("../../image/xiaonuoAIImg/sec6-icon5.png") no-repeat; background-size: 24px auto; background-position: center center;}
    .sec6 .list .item5.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon5-a.png") no-repeat; background-size: 24px auto; background-position: center center;}

    .sec6 .cont-box { height: 483px; border-radius: 40px;}
    .sec6 .cont-box .cont-left { width: 31.75%; }
    .sec6 .cont-box .cont-left .name { font-size: 20px; line-height: 32px;}
    .sec6 .cont-box .cont-left .desc { font-size: 16px; line-height: 28px; margin-top: 12px;}
    .sec6 .cont-box .cont-right { padding: 30px 30px 30px 0;}
}

@media screen and (max-width: 1260px) {
    .sec6 { padding: 80px 0;}
    .sec6 .sec6-body { margin-top: 38px;}
    .sec6 .sec6-body-left { margin-right: 40px;}
    .sec6 .list { width: 198px;}
    .sec6 .list .item { height: 42px; padding-left: 65px; font-size: 18px;}
    .sec6 .list .item+.item { margin-top: 22px;}
    .sec6 .list .item:before { width: 34px; height: 100%; left: 24px;}
    .sec6 .list .item1:before { background: url("../../image/xiaonuoAIImg/sec6-icon1.png") no-repeat; background-size: 30px auto; background-position: center center;}
    .sec6 .list .item1.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon1-a.png") no-repeat; background-size: 30px auto; background-position: center center;}
    .sec6 .list .item2:before { background: url("../../image/xiaonuoAIImg/sec6-icon2.png") no-repeat; background-size: 25px auto; background-position: center center;}
    .sec6 .list .item2.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon2-a.png") no-repeat; background-size: 25px auto; background-position: center center;}
    .sec6 .list .item3:before { background: url("../../image/xiaonuoAIImg/sec6-icon3.png") no-repeat; background-size: 22px auto; background-position: center center;}
    .sec6 .list .item3.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon3-a.png") no-repeat; background-size: 22px auto; background-position: center center;}
    .sec6 .list .item4:before { background: url("../../image/xiaonuoAIImg/sec6-icon4.png") no-repeat; background-size: 24px auto; background-position: center center;}
    .sec6 .list .item4.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon4-a.png") no-repeat; background-size: 24px auto; background-position: center center;}
    .sec6 .list .item5:before { background: url("../../image/xiaonuoAIImg/sec6-icon5.png") no-repeat; background-size: 22px auto; background-position: center center;}
    .sec6 .list .item5.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon5-a.png") no-repeat; background-size: 22px auto; background-position: center center;}

    .sec6 .cont-box { height: 365px; border-radius: 30px;}
    .sec6 .cont-box .cont-left { width: 31.75%; }
    .sec6 .cont-box .cont-left .name { font-size: 18px; line-height: 26px;}
    .sec6 .cont-box .cont-left .desc { font-size: 14px; line-height: 22px; margin-top: 8px;}
    .sec6 .cont-box .cont-right { padding: 30px 30px 30px 0;}
}

@media screen and (max-width: 991px) {
    .sec6 { padding: 60px 0;}
    .sec6 .sec6-body { margin-top: 30px;}
    .sec6 .sec6-body-left { margin-right: 20px;}
    .sec6 .list { width: 160px;}
    .sec6 .list .item { height: 36px; padding-left: 50px; font-size: 16px;}
    .sec6 .list .item+.item { margin-top: 15px;}
    .sec6 .list .item:before { width: 26px; height: 100%; left: 15px;}
    .sec6 .list .item1:before { background: url("../../image/xiaonuoAIImg/sec6-icon1.png") no-repeat; background-size: 26px auto; background-position: center center;}
    .sec6 .list .item1.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon1-a.png") no-repeat; background-size: 26px auto; background-position: center center;}
    .sec6 .list .item2:before { background: url("../../image/xiaonuoAIImg/sec6-icon2.png") no-repeat; background-size: 22px auto; background-position: center center;}
    .sec6 .list .item2.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon2-a.png") no-repeat; background-size: 22px auto; background-position: center center;}
    .sec6 .list .item3:before { background: url("../../image/xiaonuoAIImg/sec6-icon3.png") no-repeat; background-size: 20px auto; background-position: center center;}
    .sec6 .list .item3.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon3-a.png") no-repeat; background-size: 20px auto; background-position: center center;}
    .sec6 .list .item4:before { background: url("../../image/xiaonuoAIImg/sec6-icon4.png") no-repeat; background-size: 22px auto; background-position: center center;}
    .sec6 .list .item4.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon4-a.png") no-repeat; background-size: 22px auto; background-position: center center;}
    .sec6 .list .item5:before { background: url("../../image/xiaonuoAIImg/sec6-icon5.png") no-repeat; background-size: 20px auto; background-position: center center;}
    .sec6 .list .item5.active:before { background: url("../../image/xiaonuoAIImg/sec6-icon5-a.png") no-repeat; background-size: 20px auto; background-position: center center;}

    .sec6 .cont-box { height: 277px; border-radius: 30px;}
    .sec6 .cont-box .cont-left { width: 35%; padding: 0 10px;}
    .sec6 .cont-box .cont-left .name { font-size: 16px; line-height: 26px;}
    .sec6 .cont-box .cont-left .desc { font-size: 14px; line-height: 22px; margin-top: 8px;}
    .sec6 .cont-box .cont-left br { display: none;}
    .sec6 .cont-box .cont-right { padding: 30px 30px 30px 0;}
}

@media screen and (max-width: 767px) {
    .sec6 { padding: 40px 0;}
    .sec6 .sec6-body { margin-top: 10px;}
    .sec6 .sec6-body-left { display: none; }
    .sec6 .sec6-body-right { opacity: 1 !important; transform: translatex(0) !important;}
    .sec6 .cont-box { height: 277px; border-radius: 20px;}
    .sec6 .cont-item { display: block !important; margin-top: 15px;}
    .sec6 .cont-box1,
    .sec6 .cont-box2,
    .sec6 .cont-box3,
    .sec6 .cont-box4,
    .sec6 .cont-box5 { background-size: cover;}
}
@media screen and (max-width: 620px) {
    .sec6 .cont-box { height: auto; padding: 15px;}
    .sec6 .cont-box .cont-left { width: 100%;}
    .sec6 .cont-box .cont-right { width: 100%; flex: unset; padding: 0; padding-top: 16px; }
}

.sec7 { padding-bottom: 104px;}
.sec7 .sec7-body { padding:82px 0 67px; background: url("../../image/xiaonuoAIImg/sec7-bg.png") no-repeat; background-size: 100% 100%;}
.sec7 .consult-box-cont { padding: 0 15.21% 0 13.86%; display: flex; flex-wrap: wrap;justify-content: space-between;}
.sec7 .form-box { display: flex; flex-wrap: wrap; align-items: center;}
.sec7 .form-box .item-box { width: 263px; margin-right: 89px; margin-bottom: 20px;}
.sec7 .form-box .item-box .input-box { width: 100%;border-radius: 5px;background: #FFFFFF; margin-right: 89px;}
.sec7 .form-box .item-box .input-box input { width: 100%; padding: 0 14px; font-size: 18px; line-height: 40px;}
.sec7 .form-box .item-box .input-box input::placeholder { color: #666;font-family: 'SourceHanSansCN-Light';}
.sec7 .btn { margin-bottom: 20px; display: inline-block; font-size: 20px; line-height: 47px; color: #0077C9; padding: 0 24px 0 25px; font-family: 'SourceHanSansCN-Medium';background: #FFFFFF;border-radius: 23px;}
.sec7 .tips { padding: 0 50px; font-size: 18px; line-height: 26px; color: #FFFFFF; margin-top: 40px; font-family: 'SourceHanSansCN-Normal'; text-align: center;}
.sec7 .sec7-tel { margin-top: 32px; font-size: 32px; line-height: 40px; color: #0077C9; font-weight: bold;text-align: center;}


@media screen and (max-width: 1460px) {
    .sec7 { padding-bottom: 104px;}
    .sec7 .sec7-body { padding: 70px 0 58px; border-radius: 20px 40px 20px 40px;}
    .sec7 .consult-box-cont { padding: 0 10%; }
    .sec7 .form-box .item-box { width: 263px; margin-right: 70px; margin-bottom: 20px;}
    .sec7 .form-box .item-box .input-box input { padding: 0 14px; font-size: 18px; line-height: 40px;}
    .sec7 .btn { margin-bottom: 20px; font-size: 20px; line-height: 47px;  padding: 0 24px 0 25px;}
    .sec7 .tips { font-size: 18px; line-height: 26px; margin-top: 30px;}
    .sec7 .sec7-tel { margin-top: 28px; font-size: 28px; line-height: 36px;}

}

@media screen and (max-width: 1260px) {
    .sec9 { padding-bottom: 80px;}
    .sec7 .sec7-body { padding: 50px 0 40px; border-radius: 15px 30px 15px 30px;}
    .sec7 .consult-box-cont { padding: 0 10%; }
    .sec7 .form-box .item-box { width: 240px; margin-right: 40px; margin-bottom: 20px;}
    .sec7 .form-box .item-box .input-box input { padding: 0 14px; font-size: 16px; line-height: 36px;}
    .sec7 .btn { margin-bottom: 20px; font-size: 18px; line-height: 40px; padding: 0 18px;}
    .sec7 .tips { font-size: 16px; line-height: 24px; margin-top: 15px;}
    .sec7 .sec7-tel { margin-top: 26px; font-size: 24px; line-height: 30px;}
}

@media screen and (max-width: 991px) {
    .sec9 { padding-bottom: 60px;}
    .sec7 .sec7-body { padding: 40px 0 30px; border-radius: 15px 30px 15px 30px;}
    .sec7 .consult-box-cont { padding: 0 5%; }
    .sec7 .form-box .item-box { width: 200px; margin-right: 20px; margin-bottom: 20px;}
    .sec7 .form-box .item-box .input-box input { padding: 0 14px; font-size: 14px; line-height: 36px;}
    .sec7 .btn { margin-bottom: 20px; font-size: 16px; line-height: 40px; padding: 0 18px;}
    .sec7 .tips { padding: 0 5%; font-size: 14px; line-height: 20px; margin-top: 5px;}
    .sec7 .sec7-tel { margin-top: 20px; font-size: 20px; line-height: 28px;}
}

@media screen and (max-width: 767px) {
    .sec7 {padding-bottom: 40px;}
    .sec7 .form-box .item-box:last-child { margin-right: 0;}
    .sec7 .sec7-body { background: #3FA2E7 url(../../image/xiaonuoAIImg/sec7-bg.png) no-repeat; background-size: cover; border-radius: 20px;}
    .sec7 .consult-box-cont { flex-direction: column; align-items: center;}
}
@media screen and (max-width: 520px) {
    .sec7 .form-box .item-box { width: calc(50% - 5px);margin-right: 10px;}
    .sec7 .form-box .item-box:last-child { margin-right: 0;}
}

@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('../font/SourceHanSansCN-Regular.eot');
    src: url('../font/SourceHanSansCN-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/SourceHanSansCN-Regular.woff2') format('woff2'),
    url('../font/SourceHanSansCN-Regular.woff') format('woff'),
    url('../font/SourceHanSansCN-Regular.ttf') format('truetype'),
    url('../font/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('../font/SourceHanSansCN-Normal.eot');
    src: url('../font/SourceHanSansCN-Normal.eot?#iefix') format('embedded-opentype'),
    url('../font/SourceHanSansCN-Normal.woff2') format('woff2'),
    url('../font/SourceHanSansCN-Normal.woff') format('woff'),
    url('../font/SourceHanSansCN-Normal.ttf') format('truetype'),
    url('../font/SourceHanSansCN-Normal.svg#SourceHanSansCN-Normal') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url('../font/SourceHanSansCN-Bold.eot');
    src: url('../font/SourceHanSansCN-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/SourceHanSansCN-Bold.woff2') format('woff2'),
    url('../font/SourceHanSansCN-Bold.woff') format('woff'),
    url('../font/SourceHanSansCN-Bold.ttf') format('truetype'),
    url('../font/SourceHanSansCN-Bold.svg#SourceHanSansCN-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url('../font/SourceHanSansCN-Medium.eot');
    src: url('../font/SourceHanSansCN-Medium.eot?#iefix') format('embedded-opentype'),
    url('../font/SourceHanSansCN-Medium.woff2') format('woff2'),
    url('../font/SourceHanSansCN-Medium.woff') format('woff'),
    url('../font/SourceHanSansCN-Medium.ttf') format('truetype'),
    url('../font/SourceHanSansCN-Medium.svg#SourceHanSansCN-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceHanSansCN-Light';
    src: url('../font/SourceHanSansCN-Light.otf') format('opentype')
}