@charset "UTF-8";
body{background: #f1f1f1;}
.index-swiper{height: 320px;}
.index-swiper > .swiper-wrapper > .swiper-slide{position: relative;}
.index-swiper > .swiper-wrapper > .swiper-slide > img{display: block;float: left;width:100%;height: 100%;object-fit: cover;position: absolute;z-index: 50;top: 0;left: 0;transition: 3s ease-in-out 0s;transform: scale(1.2);}
.swiper-button-prev,.swiper-button-next{background: none;color:#fff;width:32px;height: 32px;border-radius: 16px;background:rgba(255,255,255,0.1);backdrop-filter: blur(4px);text-align: center;line-height: 32px;font-size: 22px;transition: 0.2s ease-in-out 0s;}
.swiper-button-prev:hover,.swiper-button-next:hover{background:rgba(255,255,255,0.2);}
.index-top-swiper > .swiper-slide{position: relative;top: 0;left: 0;}
.swiper-top-layer{position: absolute;z-index: 60;top: 0;left: 0;width:100%;height: 100%;background:rgba(0,0,0,0.2);backdrop-filter: blur(3px);align-items: center;justify-content: center;}
.swiper-main-title{width: fit-content;color:#fff;text-align: center;font-size: 24px;font-weight: bold;transition: 0.8s ease-in-out 0s;}
.swiper-main-title > span{font-size: 24px;color:#ff0000;}
.swiper-sub-title{width: fit-content;color:#fff;font-size: 15px;font-weight: lighter;padding:25px 0;transition: 0.5s ease-in-out 0s;}
.swiper-sub-icon{width: fit-content;color:#fff;font-size: 50px;transition: 0.2s ease-in-out 0s;}
.root-wrapper{padding:10px;box-sizing: border-box;}
.section-title{float: left;margin-top:20px;}
.section-title > span{font-size: 24px;color: #343434;}
.iness-grid-out{display: grid;float: left;width:100%;grid-template-columns: repeat(2,calc(50% - 5px));gap: 10px;margin-top:20px;cursor: pointer;}
.iness-elems-out{height: 220px;background: #fff;position: relative;overflow: hidden;}
.iness-elem-in{height: 100%;align-items: center;padding:20px 10px;box-sizing: border-box;position: absolute;z-index: 50;top: 0;left: 0;}
.iness-elem-in > span{display: block;float: left;width:100%;text-align: center;}
.iness-elem-in > span:nth-child(1){font-family: 'kk';font-size: 20px;}
.iness-elem-in > span:nth-child(2){height:40px;line-height: 40px;font-size: 36px;color: #363636;margin-top:30px;}
.iness-elem-in > span:nth-child(3){font-size: 20px;font-weight: bold;margin-top:30px;}
.iness-elem-layer{float: left;position: absolute;z-index: 51;left: 0;bottom:0;width: 100%;height: 100%;background: var(--theme-bg-color--);padding:20px;box-sizing: border-box;justify-content: center;align-items: center;overflow: hidden;transition: 0.3s ease-in-out 0s;opacity: 0;}
.iness-layer-content{display: block;float: left;width:100%;height: auto;color:#fff;font-size: 13px;line-height: 18px;}
.iness-elems-out:hover > .iness-elem-layer{opacity: 1;}
.section2-wrapper{background: #fff;margin-top:20px;}
.secion2-wrapper-in{float: left;width:100%;height: 100%;}
.sec2-boxs{width:100%;height: auto;padding:20px;box-sizing: border-box;position: relative;}
.secion2-wrapper-in > .sec2-boxs:last-child{padding: 0;}
.sec2-en-tit{height: 24px;line-height: 24px;font-size: 18px;font-family: Arial;font-weight: bold;color:#929292;position: relative;}
.sec2-en-tit::before{display: block;float: left;content: "★";width:20px;height: 20px;text-align: center;line-height: 20px;font-size: 18px;margin-top:2px;margin-right: 4px;color:var(--theme-bg-color--);}
.sec2-ch-tit{height: 36px;line-height: 36px;font-size: 36px;font-weight: bold;margin-top:10px;}
.sec2-ch-tit2{font-family: 微软雅黑;font-size: 24px;font-weight: lighter;margin-top:5px;}
.us-info-content{margin-top:20px;}
.us-info-content > p{display: block;float: left;width:100%;text-indent: 20px;font-size: 16px;line-height: 26px;word-break: break-all;font-family: Arial;color: #3b3b3b;}
.photo-pic{display: block;float: left;position: relative;top: 0;left: 0;width:100%;height: auto;aspect-ratio: 4 / 5;object-fit: cover;z-index: 50;}
.photo-info-box{display: flex;float: left;flex-direction: row;justify-content: space-between;width:calc(100% - 20px);height: 60px;left: 10px;position: relative;z-index: 56;margin-top:-70px;background: rgba(255,255,255,0.6);padding:10px 20px;box-sizing: border-box;backdrop-filter: blur(8px);border-radius: 3px;align-items: center;}
.photo-info-box > p{display: flex;flex-direction: column;}
.photo-info-box > p:first-child > span:first-child{font-size: 18px;font-family: Arial;}
.photo-info-box > p:first-child > span:last-child{font-size: 13px;margin-top:-2px;color: #565656;}
.photo-info-box > p:last-child{font-family: Impact;font-size: 30px;opacity: 0.3;}
.sec2-tol-box{display: grid;float: left;width:100%;grid-template-columns: repeat(2,calc(50% - 5px));gap:10px;margin-top:20px;}
.sec2-tol-elems{display: flex;flex-direction: column;width:100%;align-items: center;}
.sec2-tol-elems > p{display: flex;flex-direction: row;align-items: center;justify-content: center;}
.sec2-tol-elems > p > span{display: block;float: left;width: fit-content;height: auto;}
.sec2-tol-elems > p > span:first-child{font-size: 32px;font-weight: bold;color:var(--theme-bg-color--);font-family: Arial;}
.sec2-tol-elems > p > span:last-child{color:var(--theme-bg-color--);font-family: Arial;width: fit-content;height: auto;margin-top:2px;font-size: 16px;margin-left: 4px;}
.sec2-tol-elems > p:last-child{font-size: 16px;color: #737373;font-family: Arial;}
.section3-wrapper{padding:10px;box-sizing: border-box;}
.sec3-grid-box{display: grid;float: left;width:100%;grid-template-columns: repeat(2,calc(50% - 5px));gap: 10px;margin-top:20px;}
.sec3-grid-elems,.sec3-grid-in-elems{float: left;height: 120px;cursor: pointer;}
.sec3-grid-in-elems{align-items: center;min-height: 60px;background: #fff;padding:20px;box-sizing: border-box;overflow: hidden;transition: 0.3s ease-in-out 0s;}
.sec3-grid-in-elems > .iconfont{width:60px;height: 50px;text-align: center;line-height: 50px;font-size: 32px;transition: 0.3s ease-in-out 0s;}
.sec3-grid-in-elems > p{display: block;float: left;width:100%;font-size: 15px;text-align: center;font-weight: lighter;transition: 0.3s ease-in-out 0s;}
.sec3-grid-elems:hover > .sec3-grid-in-elems{background: var(--theme-bg-color--);}
.sec3-grid-elems:hover > .sec3-grid-in-elems > span,.sec3-grid-elems:hover > .sec3-grid-in-elems > p{color:#fff;}
.section4-wrapper{float: left;padding:40px 0 10px 10px;box-sizing: border-box;margin-top: 20px;align-items: center;justify-content: center;}
.sec4-title{color:#fff;text-align: center;font-size: 26px;font-family: 'kk';}
.sec4-title > span{font-size: 26px;font-family: 'kk';color: #ff0000;}
.section-step-out{float: left;width:1px;height: 500px;background: #fff;margin:70px 0;justify-content: space-between;}
.sec4-step-point{display: block;float: left;width:8px;height: 8px;background: #fff;border-radius: 8px;margin-left: -4px;position: relative;cursor: pointer;}
.sec4-step-point::before{display: block;float: left;content: "";width: 120px;height: 120px;background:url("../../../images/anim-rec-img.svg") no-repeat;background-size:100% 100%;position: absolute;border-radius: 120px;transition: 0.2s ease-in-out 0s;animation: sec-step-anim 6s infinite linear;opacity: 0;}
@keyframes sec-step-anim { from{transform: rotate(0deg);} to{transform: rotate(360deg);} }
.sec4-step-point:first-child{margin-top:-2px;}
.sec4-step-point:last-child{margin-bottom:-2px;}
.sec4-step-point > p{display: flex;flex-direction: column;align-items: center;color:#fff;white-space: nowrap;position: absolute;}
.sec4-step-point > p > span{transition: 0.2s ease-in-out 0s;}
.sec4-step-point > p > span:first-child{font-size: 30px;}
.sec4-step-point > p > span:last-child{margin-top:5px;font-size: 16px;}
.section-step-out > .sec4-step-point:nth-child(odd) > p{left:-76px;top:-30px;}
.section-step-out > .sec4-step-point:nth-child(even) > p{right: -76px;top:-30px;}
.section-step-out > .sec4-step-point:nth-child(odd):before{top:-58px;left: -104px;}
.section-step-out > .sec4-step-point:nth-child(even):before{top:-58px;right: -104px;}
.sec4-step-point:hover > p > span{color:var(--theme-bg-color--);}
.sec4-step-point:hover::before{opacity: 1;}
.section5-wrapper{float: left;padding:10px;box-sizing: border-box;}
.section5-grid-box{display: grid;float: left;width:100%;grid-template-columns: 100%;gap: 20px;margin-top:20px;}
.case-elems,.case-thumb-box,.case-img{display: block;float: left;width:100%;}
.case-elems{border:1px solid #d0d0d0;}
.case-thumb-box{aspect-ratio: 5 / 3;position: relative;overflow: hidden;}
.case-img{aspect-ratio: 5 / 3;position: absolute;top:0;left:0;z-index: 50;transition: 0.2s ease-in-out 0s;}
.case-name{padding:10px;box-sizing: border-box;font-size: 16px;font-weight: bold;color: #383838;transition: 0.2s ease-in-out 0s;}
.case-tag{padding:0 10px 10px 10px;box-sizing: border-box;}
.case-tag > span{display: block;float: left;width: fit-content;height: 24px;line-height: 24px;border:1px dashed #a9a9a9;padding:0 10px;margin-right: 5px;transition: 0.2s ease-in-out 0s;}
.case-tag > span:last-child{margin-right: 0;}
.case-layer{float: left;width:100%;height: 100%;position: absolute;top: 0;left: 0;transform: scale(0);z-index: 60;background: rgba(0,0,0,0.2);backdrop-filter: blur(6px);align-items: center;justify-content: center;transition: 0.4s ease-in-out 0s;}
.case-btn-look{width: fit-content;height: 38px;line-height: 38px;color:#fff;background: var(--theme-bg-color--);padding:0 50px;border-radius: 3px;}
.case-elems:hover > .case-thumb-box > .case-img{transform: scale(1.1);}
.case-elems:hover > .case-thumb-box > .case-layer{transform: scale(1);}
.case-elems:hover > .case-name{color:var(--theme-bg-color--);}
.case-elems:hover > .case-tag > span{background: var(--theme-bg-color--);color:#fff;border:1px solid var(--theme-bg-color--);}
.look-more-case{height: 38px;line-height: 38px;text-align: center;background: var(--theme-bg-color--);color:#fff;font-size: 14px;margin-top:20px;transition: 0.2s ease-in-out 0s;}
.look-more-case:hover{color:#fff;opacity: 0.9;}
.section6-wrapper{margin-top:10px;}
.sol-swiper-out{width:100%; aspect-ratio: 20 / 33;position: relative;}
.sol-swiper-out > .swiper-container{width:100%;aspect-ratio: 20 / 33;position: absolute;top:0;left:0;z-index: 50;}
.swiper-sol-slide{position: relative;}
.swiper-sol-bg{display: block;float: left;width:100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;transform: scale(1.1);}
.swiper-sol-anim{animation: swiper-sol-anim-scale 8s forwards;}
@keyframes swiper-sol-anim-scale { from{transform: scale(1.1);} to{transform: scale(1.0)} }
.sol-section-title{position: absolute;z-index: 60;top: 0;left: 0;margin-top:15px;}
.sol-section-title > span:first-child{display: block;float: left;width:100%;text-align: center;font-size: 24px;color:#fff;}
.solution-out{float: left;width:90%;position: absolute;top: 12%;left: 5%;z-index: 60;}
.solution-out > .solu-elems{float: left;width: 100%;}
.solution-out > .solu-elems:first-child{padding:10px;box-sizing: border-box;aspect-ratio: 2 / 1;background: rgba(255,255,255,0.3);backdrop-filter: blur(8px);position: relative;overflow: hidden;}
.solution-out > .solu-elems:last-child{padding:10px;box-sizing: border-box;aspect-ratio: 20 / 19;background: rgba(255,255,255,0.9);align-items: center;justify-content: space-between;}
.solu-tit{float: left;align-items: center;}
.solu-tit > span{display: block;float: left;width: fit-content;height: 24px;line-height: 24px;}
.solu-tit > span:first-child{background: var(--theme-bg-color--);color:#fff;font-family: Arial;font-size: 13px;padding:0 10px;line-height: 25px;}
.solu-tit > span:last-child{max-width: 200px;font-size: 14px;color: #606060;}
.sol-swiper-btn-box{float: left;width:100%;height: 28px;line-height: 28px;}
.sol-swiper-btn-box > .iconfont{display: block;float: left;width:28px;height: 28px;text-align: center;line-height: 28px;font-size: 22px;color:var(--theme-bg-color--);cursor: pointer;}
.solution-context{width:100%;height: 180px;}
.solution-context > p{display: block;float: left;width:100%;font-size: 14px;line-height: 22px;color: #565656;}
.look-solu-btn{width: fit-content;border:1px solid var(--theme-bg-color--);color:var(--theme-bg-color--);padding:5px 16px;font-size: 12px;transition: 0.2s ease-in-out 0s;}
.look-solu-btn:hover{background: var(--theme-bg-color--);color:#fff;}
.sol-swiper-process{display: block;float: left;width: auto;height: 2px;margin-top:13px;}
.sol-swiper-process > span{display: block;float: left;width:20px;height: 2px;background: rgba(90,90,90,0.3);margin-right: 4px;transition: 0.2s ease-in-out 0s;}
.sol-swiper-process > span:last-child{margin-right: 0;}
.sol-process-active{background: var(--theme-bg-color--)!important;}
.section7-wrapper{padding:10px;box-sizing: border-box;}
.section7-grid{display: grid;float: left;width:100%;grid-template-columns: 100%;gap: 10px;margin-top:20px;}
.sec7-grid-elems{float: left;height: 110px;background: #fff;justify-content: space-between;padding:15px;box-sizing: border-box;border:1px solid #fff;transition: 0.2s ease-in-out 0s;}
.art-date-box{width:80px;height: 80px;background: var(--theme-bg-color--);position: relative;padding:5px;box-sizing: border-box;}
.art-date-box::before{display: block;float: left;content: "";width: 86px;height: 86px;border:1px solid var(--theme-bg-color--);position: absolute;top: -4px;left: -4px;}
.art-date-day{height: 42px;font-family: Impact;font-size: 38px;text-align: center;line-height: 42px;color:#fff;border-bottom: 1px solid #6a9ff9;}
.art-date-month{height:38px;font-family: Impact;font-size: 17px;text-align: center;line-height: 30px;color:#fff;}
.art-info-box{float: right;height: 100%;width:calc(100% - 100px);justify-content: space-between;}
.art-tit{width:100%;height: 24px;line-height: 24px;font-size: 18px;}
.art-cates{height: 24px;line-height: 24px;color:#9d9d9d;}
.art-cates > span{transition: 0.2s ease-in-out 0s;}
.art-cates > .iconfont{display: block;float: left;width:22px;height: 24px;font-size: 18px;}
.art-cates > span:last-child{color: #7e7e7e;font-size: 13px;}
.sec7-grid-elems:hover{border:1px solid var(--theme-bg-color--);}
.sec7-grid-elems:hover > .art-info-box > .art-tit{color:var(--theme-bg-color--);}
.sec7-grid-elems:hover > .art-info-box > .art-cates > span{color:var(--theme-bg-color--);}
.more-news-btn{height: 38px;background: var(--theme-bg-color--);line-height: 38px;text-align: center;color:#fff;font-size: 15px;margin-top:10px;transition: 0.2s ease-in-out 0s;}
.more-news-btn:hover{color:#fff;opacity: 0.9;}
.section8-wrapper{padding:10px;box-sizing: border-box;perspective: 1000px;}
.section8-wrapper > .section-title > span{color:#fff;}
.sec8-grid{display: grid;float: left;width: 100%;grid-template-columns: repeat(2,calc(50% - 1px));gap: 2px;margin-top:20px;padding-bottom: 20px;}
.custom-pic-box-out{width:100%;aspect-ratio: 2 / 1;position: relative;perspective: 1000px;}
.custom-pic-box{width:100%;aspect-ratio: 2 / 1;position: relative;background: #fff;transform-style: preserve-3d;transition: 0.4s ease-in-out 0s;cursor: pointer;}
.custom-pic-box-out:hover > .custom-pic-box{transform: rotateY(180deg);}
.custom-logo-img{display: block;float: left;width:100%;aspect-ratio: 2 / 1;position: absolute;z-index: 50;top: 0;left: 0;backface-visibility: hidden;}
.custom-logo-front{transform: rotateY(0deg);}
.custom-logo-backend{transform: rotateY(180deg);}
.sec9-wrapper{padding:10px 10px 30px 10px;box-sizing: border-box;}
.sec9-grid{display: grid;float: left;width: 100%;grid-template-columns: 100%;gap: 10px;margin-top:20px;}
.input-ctt-container{display: block;float: left;width:100%;border:none;background: #fafbff;padding:15px;box-sizing: border-box;height: 46px;font-family: 微软雅黑;transition: 0.2s ease-in-out 0s;}
.input-ctt-container:focus{background: #f6f6f6;}
.sec9-verbox > .input-ctt-container{width:50%;}
.sec9-verbox > img{display: block;float: right;width:calc(50% - 6px);height: 44px;border:1px solid #d3d3d3;cursor: pointer;}
.writter-tag{height: 24px;line-height: 24px;margin-top:8px;}
.writter-tag > span{display: block;float: left;width:auto;height: 24px;line-height: 24px;}
.writter-tag > span{font-size: 13px;color: #22752f;}
.writter-tag > span:first-child{font-size: 18px;line-height: 25px;margin-right: 4px;}
.submit-ask-btn{height: 38px;width:100%;text-align: center;line-height: 38px;font-size: 15px;background: var(--theme-bg-color--);color:#fff;margin-top:20px;cursor: pointer;transition: 0.15s ease-in-out 0s;}
.submit-ask-btn:hover{opacity: 0.9;}
.ctt1-lang-enus-t1 > span{font-size: 16px;font-weight: bold;}
.ctt1-lang-kokr-t1 > span{font-size: 20px;}
.t1-enus{font-size: 20px;white-space: nowrap;}
@media (min-width: 640px){
    .index-swiper{height: 400px;}
    .icons-position{top:260px;}
    .swiper-button-prev,.swiper-button-next{width:48px;height: 48px;border-radius: 48px;line-height: 48px;font-size: 24px;}
    .section-title{margin:20px 0;}
    .section-title > span{font-size: 28px;}
    .iness-layer-content{font-size: 15px;line-height: 24px;padding:0 20px;box-sizing: border-box;}
    .sec2-tol-box{grid-template-columns: repeat(4,calc((100% - 30px) / 4));gap:10px;margin-top:30px;margin-bottom: 20px;}
    .section5-grid-box{grid-template-columns: repeat(2,calc(50% - 10px));}
    .section7-grid{grid-template-columns: repeat(2,calc(50% - 5px));}
    .sec8-grid{grid-template-columns: repeat(3,calc((100% - 2px) / 3));}
    .sec9-grid{width: 100%;grid-template-columns: repeat(2,calc(50% - 5px));gap: 10px;}
    .swiper-main-title{font-size: 32px;}
    .swiper-main-title > span{font-size: 32px;color:#ff0000;}
    .swiper-sub-title{font-size: 22px;padding:25px 0;}
    .swiper-sub-icon{font-size: 60px;}
}
@media (min-width: 768px){
    .index-swiper{height: 480px;}
    @keyframes swiper-txt-anim { from{width:0;left:50%} to{width:300px;left:calc(50% - 150px);} }
    .icons-position{top:340px;}
    .iness-elems-out{height: 260px;}
    .iness-elem-in > span:nth-child(1){font-size: 28px;}
    .iness-elem-in > span:nth-child(2){font-size: 40px;margin-top:40px;}
    .iness-elem-in > span:nth-child(3){font-size: 24px;margin-top:40px;}
    .iness-elem-layer{bottom:0;}
    .iness-layer-content{font-size: 16px;line-height: 24px;}
    .secion2-wrapper-in{flex-direction: row-reverse;padding:20px 30px;box-sizing: border-box;}
    .photo-pic{height: 600px;}
    .sec2-ch-tit{margin-top:10px;}
    .sec2-ch-tit2{margin-top:10px;}
    .us-info-content{margin-top:10px;}
    .us-info-content > p{line-height: 26px;}
    .sec2-tol-box{display: grid;float: left;width:100%;grid-template-columns: repeat(2,calc(50% - 5px));gap:10px;margin-top:20px;}
    .sec3-grid-box{grid-template-columns: repeat(3,calc((100% - 20px) / 3));}
    .solution-out{flex-direction: row;margin-top: 6%;}
    .sol-section-title > span{font-size: 28px!important;margin-top:2%;}
    .sol-swiper-out{aspect-ratio: 20 / 13;}
    .sol-swiper-out > .swiper-container{aspect-ratio: 20 / 13;}
    .solution-out > .solu-elems{align-items: center;justify-content: center;}
    .section8-wrapper{margin-top:30px;}
    .sec8-grid{grid-template-columns: repeat(4,calc((100% - 3px) / 4));}
    .sec9-grid{width: 100%;grid-template-columns: repeat(3,calc((100% - 20px) / 3));gap: 10px;}
    .swiper-main-title{font-size: 36px;}
    .swiper-main-title > span{font-size: 36px;color:#ff0000;}
    .swiper-sub-title{font-size: 28px;padding:40px 0;}
    .swiper-sub-icon{font-size: 60px;}
}
@media (min-width: 992px){
    .index-swiper{height: 520px;}
    @keyframes swiper-txt-anim { from{width:0;left:50%} to{width:320px;left:calc(50% - 160px);} }
    .icons-position{top:360px;}
    .swiper-button-prev,.swiper-button-next{width:58px;height: 58px;border-radius: 58px;line-height: 58px;font-size: 28px;}
    .section-title{margin:30px 0;}
    .section-title > span{font-size: 32px;}
    .iness-grid-out{width:960px;grid-template-columns: repeat(3,calc((100% - 40px) / 3));gap: 20px;}
    .section2-wrapper{margin-top:40px;}
    .secion2-wrapper-in{padding:40px 60px;box-sizing: border-box;}
    .secion2-wrapper-in > .sec2-boxs:first-child{margin-left: 40px;}
    .sec2-ch-tit{margin-top:40px;font-size: 42px;}
    .sec2-ch-tit2{margin-top:60px;font-size: 28px;}
    .us-info-content{margin-top:20px;}
    .us-info-content > p{line-height: 32px;font-size: 17px;}
    .photo-pic{height: 700px;}
    .sec2-tol-box{grid-template-columns: repeat(4,calc((100% - 30px) / 4));gap:10px;margin-top:50px;margin-bottom: 0;position: absolute;bottom: 20px;left:0;}
    .sec3-grid-box{grid-template-columns: repeat(3,calc((100% - 60px) / 3));gap: 30px;}
    .sec3-grid-elems,.sec3-grid-in-elems{float: left;height: 160px;}
    .sec3-grid-in-elems{justify-content: center;align-items: center;}
    .section4-wrapper{margin-top:60px;}
    .sec4-title,.sec4-title > span{font-size: 36px;}
    .sec4-title{margin-top:40px;}
    .section-step-out{height: 1px;width:80%;flex-direction: row;margin:180px 0 140px 0;}
    .sec4-step-point{margin-left: 0;margin-top:-4px;}
    .sec4-step-point:first-child{margin-top:-4px;margin-left: -2px;}
    .sec4-step-point:last-child{margin-top:-4px;margin-right:-2px;}
    .section-step-out > .sec4-step-point:nth-child(odd) > p{left:-30px;top:-70px;}
    .section-step-out > .sec4-step-point:nth-child(even) > p{right:-28px;top:20px;}
    .section-step-out > .sec4-step-point:nth-child(odd):before{top:-96px;left: -60px;}
    .section-step-out > .sec4-step-point:nth-child(even):before{top:-16px;left: -56px;}
    .section5-grid-box{grid-template-columns: repeat(3,calc((100% - 40px) / 3));}
    .look-more-case,.more-news-btn,.submit-ask-btn{width:200px;margin-left: calc(50% - 100px);}
    .look-solu-btn{font-size: 15px;padding:5px 40px;}
    .sol-section-title > span{font-size: 36px!important;margin-top:2%;}
    .solution-out > .solu-elems:last-child{padding:50px;}
    .solution-context{height: 220px;}
    .section6-wrapper{margin-top:60px;}
    .more-news-btn{margin-top:30px;}
    .section7-grid{grid-template-columns: repeat(2,calc(50% - 10px));gap:20px;}
    .sec8-grid{grid-template-columns: repeat(4,calc((100% - 30px) / 4));gap: 10px;}
    .sec9-grid{width: 100%;grid-template-columns: repeat(3,calc((100% - 30px) / 3));gap: 15px;}
    .swiper-main-title{font-size: 38px;}
    .swiper-main-title > span{font-size: 38px;color:#ff0000;}
    .swiper-sub-title{font-size: 28px;padding:50px 0;}
    .swiper-sub-icon{font-size: 70px;}
}
@media (min-width: 1200px){
    .index-swiper{height: 680px;}
    @keyframes swiper-txt-anim { from{width:0;left:50%} to{width:440px;left:calc(50% - 220px);} }
    .icons-position{top:480px;font-size: 90px;}
    .section-title{margin:40px 0;}
    .section-title > span{font-size: 36px;}
    .iness-grid-out{width:1160px;grid-template-columns: repeat(3,calc((100% - 40px) / 3));gap: 20px;}
    .secion2-wrapper-in{padding:60px 80px;}
    .secion2-wrapper-in > .sec2-boxs:first-child{margin-left: 60px;}
    .sec2-ch-tit{margin-top:30px;font-size: 50px;}
    .sec2-ch-tit2{margin-top:20px;font-size: 32px;}
    .us-info-content{margin-top:70px;}
    .us-info-content > p{line-height: 42px;font-size: 18px;}
    .photo-pic{height: 780px;}
    .section2-wrapper{margin-top:60px;}
    .sec2-tol-box{bottom: 50px;width: 100%;}
    .sec2-tol-elems > p:first-child > span:first-child{font-size: 40px;}
    .sec2-tol-elems > p:first-child > span:last-child{margin-top:6px;}
    .sec3-grid-elems,.sec3-grid-in-elems{height: 240px;}
    .sec3-grid-in-elems > .iconfont{font-size: 40px;}
    .sec3-grid-in-elems > p{font-size: 22px;margin-top:10px;}
    .solution-out > .solu-elems:last-child{padding:60px;}
    .solution-context > p{font-size: 16px;line-height: 28px;}
    .solu-tit > span:last-child{font-size:17px;max-width: 350px;}
    .section7-grid{grid-template-columns: repeat(3,calc((100% - 30px) / 3));gap:15px;}
    .sec8-grid{grid-template-columns: repeat(5,calc((100% - 40px) / 5));gap: 10px;}
    .sec9-grid{width: 100%;grid-template-columns: repeat(3,calc((100% - 40px) / 3));gap: 20px;}
    .swiper-main-title{font-size: 48px;}
    .swiper-main-title > span{font-size: 48px;color:#ff0000;}
    .swiper-sub-title{font-size: 36px;padding:60px 0;}
    .swiper-sub-icon{font-size: 80px;}
}
@media (min-width: 1440px){
    .iness-grid-out{width:1380px;grid-template-columns: repeat(3,calc((100% - 80px) / 3));gap: 40px;}
    .secion2-wrapper-in{width:1380px;margin-left: calc(50% - 690px);}
    .photo-info-box{height: 80px;margin-top:-90px;}
    .photo-info-box > p:first-child > span:first-child{font-size: 20px;}
    .photo-info-box > p:first-child > span:last-child{font-size: 14px;}
    .photo-info-box > p:last-child{font-size: 34px;}
    .sec3-grid-box,.section5-grid-box,.section7-grid,.sec8-grid,.sec9-wrapper{width:1380px;margin-left: calc(50% - 690px);}
    .solution-out{left:0;width:1336px;margin-left: calc(50% - 668px);margin-top:40px;}
    .sol-swiper-out{height: 900px;overflow: hidden;}
    .look-solu-btn{font-size: 16px;padding:10px 90px;}
    .section8-wrapper{padding-bottom: 60px;}
    .swiper-main-title{font-size: 52px;}
    .swiper-main-title > span{font-size: 52px;color:#ff0000;padding:0 15px;}
    .swiper-sub-title{font-size: 36px;padding:60px 0;}
    .swiper-sub-icon{font-size: 80px;}
}
@media (min-width: 1560px){
    .iness-grid-out{width:1480px;}
    .photo-pic{width:700px;height:auto;aspect-ratio: 4 / 5;}
    .sec2-ch-tit{margin-top:40px;font-size: 60px;}
    .sec2-ch-tit2{margin-top:40px;font-size: 36px;}
    .us-info-content{margin-top:80px;}
    .us-info-content > p{line-height: 50px;font-size: 18px;}
    .secion2-wrapper-in{padding:60px 0;width:1480px;margin-left: calc(50% - 740px);}
    .sec3-grid-box,.section5-grid-box,.solution-out,.section7-grid,.sec8-grid,.sec9-wrapper{width:1480px;margin-left: calc(50% - 740px);}
    .sol-swiper-out{height: 980px;overflow: hidden;padding-bottom: 20px;}
}