@charset "UTF-8";
body{background: #f1f1f1;}
.content1-wrapper{padding:10px;box-sizing: border-box;}
.cnt1-flex-out{float: left;}
.cnt1-grid{display: grid;float: left;width:100%;grid-template-columns: 100%;gap: 10px;margin-bottom: 20px;}
.cnt1-grid-elems{background: #fff;height: fit-content;}
.solution-img-view{aspect-ratio: 2 / 1;overflow: hidden;position: relative;}
.solution-thumb{width: 100%; aspect-ratio: 2 / 1;position: absolute;top:0;left:0;z-index: 100;transition: 0.3s ease-in-out 0s;}
.solution-info-box{float: left;align-items: center;padding:10px;box-sizing: border-box;background: #fff;}
.solition-lines{float: left;justify-content: center;height: 24px;}
.solition-lines > span{display: block;float: left;width: fit-content;height: 24px;line-height: 24px;}
.solition-lines > .iconfont{font-size: 22px;margin:0 5px;color: #bebebe;transition: 0.3s ease-in-out 0s;}
.solition-lines > span:first-child,.solition-lines > span:last-child{display: block;float: left;width:30px;height: 1px;background: #bebebe;margin-top:11px;transition: 0.3s ease-in-out 0s;}
.solution-title{height: 24px;line-height: 24px;font-size: 16px;font-weight: bold;font-family: Arial;margin-top:8px;transition: 0.3s ease-in-out 0s;}
.solition-simple-text{font-size: 13px;line-height: 18px;color:#909090;height: 36px;margin-top:5px;}
.solution-date{height: 20px;line-height: 24px;font-size: 12px;color:#909090;margin-top:5px;}
.cnt1-grid-elems:hover > .solution-info-box > .solition-lines > span:not(:nth-child(2)){width:40%;background: var(--theme-bg-color--);}
.cnt1-grid-elems:hover > .solution-info-box > .solition-lines > .iconfont{color: var(--theme-bg-color--);}
.cnt1-grid-elems:hover > .solution-info-box > .solution-title{color: var(--theme-bg-color--);}
.cnt1-grid-elems:hover > .solution-img-view > img{transform: scale(1.2);}
.cnt-bm-elems{display: none;}
@media (min-width: 640px){
    .cnt1-grid{grid-template-columns: repeat(2,calc(50% - 5px));gap: 10px;}
}
@media (min-width: 768px){
    .cnt1-grid{width:752px;grid-template-columns: repeat(2,calc(50% - 10px));gap: 20px;margin-left: calc(50% - 376px);}
    .web-path-box{width:752px;margin-left: calc(50% - 376px);}
}
@media (min-width: 992px){
    .cnt1-flex-out{margin-top:20px;}
    .web-path-box{width:960px;margin-left: calc(50% - 480px);}
    .cnt1-grid{width:960px;grid-template-columns: repeat(3,calc((100% - 40px) / 3));gap: 20px;margin-left: calc(50% - 480px);}
}
@media (min-width: 1200px){
    .web-path-box,.cnt1-flex-out{width:1160px;margin-left: calc(50% - 580px);}
    .cnt1-flex-out{flex-direction: row;justify-content: space-between;}
    .cnt-bm-elems{display: block;}
    .cnt-bm-elems{display: flex;width:calc(100% - 800px);height:100%;}
    .cnt1-grid{width:780px;grid-template-columns: repeat(2,calc(50% - 5px));gap: 10px;margin-left: 0;height: fit-content;}
}
@media (min-width: 1440px){
    .web-path-box,.cnt1-flex-out{width:1380px;margin-left: calc(50% - 690px);}
    .cnt1-grid{width:990px;grid-template-columns: repeat(2,calc(50% - 10px));gap: 20px;margin-left: 0;}
    .cnt-bm-elems{width:calc(100% - 1010px);}
}
@media (min-width: 1560px){
    .web-path-box,.cnt1-flex-out{width:1480px;margin-left: calc(50% - 740px);}
    .cnt1-grid{width:1020px;grid-template-columns: repeat(2,calc(50% - 10px));gap: 20px;margin-left: 0;}
    .cnt-bm-elems{width:calc(100% - 1040px);}
}