
.solutionwrap{width: 1660px;max-width: 90%;margin: auto;}
@media only screen and (max-width:1024px) {
    .solutionwrap{max-width: 94%;}
}
.fnt_100{font-size: 1rem;}
@media only screen and (max-width:1023px) {
    .fnt_100{font-size:50px;}
    .fnt_150{font-size: 70px;}
}
@media only screen and (max-width:767px) {
    .fnt_100{font-size:30px;}
    .fnt_150{font-size:40px;}
}


.solution_banner img{width: 100%;}
.solution_01{padding: 1rem 0;box-sizing: border-box;overflow: hidden;}
.solution_01-tit{font-size: 0;margin-bottom: 0.3rem;}
.solution_01-tit h2{line-height: 1.2;display: inline-block;}
.solution_01-tit p{display: inline-block;margin-left: 0.5rem;}

.solution_01-list ul{margin-left: -0.08rem;margin-right: -0.08rem;}
.solution_01-list li{float: left;width: 25%;padding: 0 0.08rem;box-sizing: border-box;}
.solution_01-list dl{position: relative;border-radius: 0.5rem;overflow: hidden;}
.solution_01-list dd{position: relative;}
.solution_01-list dt{position: absolute;width: 100%;padding: 0.5rem;box-sizing: border-box;color: #fff;z-index: 2;top: 0;left: 0;transition: all .3s;}
.solution_01-div{transition: all .3s;}
.solution_01-div h3{margin-bottom: 0.1rem;line-height: 1.2;}
.solution_02{overflow: hidden;padding: 0 2.15rem;box-sizing: border-box;}
.solution_02-item{margin-bottom: 1.2rem;}
.solution_02-tit{text-align: center;margin-bottom: 0.5rem;}
.solution_02-div{margin-bottom: 0.8rem;overflow: hidden;}
.solution_02-l{float: right;width: 40%;box-shadow: 0 0 10px rgba(0,0,0,.2);overflow: hidden;border-radius: 0.3rem;}
.solution_02-r{float: left;width: 50%;padding-right: 0rem;box-sizing: border-box;}
.solution_02-r dl{margin-bottom: 0.4rem;}
.solution_02-r dd{font-weight: bold;line-height: 1.2;margin-bottom: 0.15rem;word-break:break-all;}
.solution_02-link{font-size: 0;text-align: center;}
.solution_02-link a{display: inline-block;width: 272px;height: 48px;line-height: 48px;background: #000;color: #fff;border-radius: 20px;}
.solution_02-link a i{margin-right: 8px;transition: all .3s;}
.solution_02-item:nth-child(2n) .solution_02-l{float: left;}
.solution_02-item:nth-child(2n) .solution_02-r{float: right;}
.solution_03{padding-bottom: 0.8rem;}
.solution_03-tab{margin-bottom: 0.2rem;}
.solution_03-tab li{display: inline-block;padding: 0.1rem 0.2rem;box-sizing: border-box;border: 1px solid #303030;margin: 0 3px;border-radius: 30px;cursor: pointer;margin-bottom: 10px;
text-transform: uppercase;}
.solution_03-tab li.on{background: #303030;color: #fff;}
.solution_03-con{padding: 0.7rem 1.5rem;box-sizing: border-box;color: #fff;border-radius: 30px;overflow: hidden;position: relative;}
.solution_03-item{display: none;overflow: hidden;}
.solution_03-item h2{line-height: 1.2;margin-bottom: 0.2rem;}
.solution_03-txt{margin-bottom: 0.35rem;}
.solution_03-tips span{float: left;padding: 10px;box-sizing: border-box; border: 4px solid #fff;border-radius: 30px;text-transform: uppercase;margin-right: 10px;font-weight: bold;}
.solution_03-img{left: auto;right: 1rem;width: 0.7rem;}
.solution_03-img img{width: 100%;}
.solution_03-item.on{display: block;}
.solution_04{padding-bottom: 0.6rem;}
.solution_04 .solution_01-tit{text-align: center;}
.solution_04-num{margin-bottom: 0.5rem;}
.solution_04-num ul{font-size: 0;text-align: center;}
.solution_04-num ul li{display: inline-block;padding: 0 0.55rem;box-sizing: border-box;}
.solution_04-num ul li dd{font-weight: bold;}
.solution_04-num ul li dd span{line-height: 1.1;}
.solution_04-num ul li dd em{display: inline-block;vertical-align: top;margin-top: -0.05rem;}
.solution_04-img img{width: 100%;}
.solution_05{padding: 0.6rem 0;box-sizing: border-box;overflow: hidden;}
.solution_05-tit{text-align: center;margin-bottom: 0.5rem;}
.solution_05-tit-div{text-align: left;display: inline-block;}
.solution_05-tit h2{line-height: 1.2;margin-bottom: 0.2rem;}
.solution_05 ul{position: relative;height: 2.7rem;}
.solution_05 li{position: absolute; width: 26.2%;background: #fff; border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.1)}
.solution_05 li dl{position: relative; padding:0.45rem 0.3rem;padding-right: 0.5rem;padding-bottom: 0.25rem;}
.index_arrow{position: absolute;left:0.3rem;top:-0.16rem;width: 0.35rem;height: 0.3rem;}
.index_arrow img{width: 100%;height: 100%;}
.solution_05 li dt{margin-bottom: 10px;}
.solution_05 li dt p{height: 72px; -webkit-line-clamp: 3;overflow: hidden;}
.solution_05 li dd{text-align: right;}
.index_per span ,.index_per .index_per_p{display: inline-block;}
.index_per{overflow: hidden;}
.index_per span{width: 46px;height: 46px;margin-right: 10px;}
.index_per span img{width: 100%;height: 100%;}
.index_per .index_per_p{float: right;max-width: calc(100% - 56px);text-align: left;}
.index_per_p h4,.index_per_p p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-transform: uppercase;}

.solution_05 li.li_01{left:0;top:0;}
.solution_05 li.li_02{left:24.4%;top:0;z-index: 2;}
.solution_05 li.li_03{left:49.2%;top:0;}
.solution_05 li.li_04{left:73.7%;top:0; z-index: 10;}

.solution_06{padding: 0.6rem 0;box-sizing: border-box;overflow: hidden;}
.solution_06-list ul{margin-left: -0.1rem;margin-right: -0.1rem;}
.solution_06-list li{float: left;width: 33.3%;padding: 0 0.1rem;box-sizing: border-box;}
.solution_06-list dl{border-radius: 30px;overflow: hidden;position: relative;}
.solution_06-list dt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;padding: 0.4rem;box-sizing: border-box;}
.solution_06-list dt h3{line-height: 1.2;margin-bottom: 0.1rem;font-weight: bold;}

.solution_07{padding: 0.6rem 0 1rem;box-sizing: border-box;overflow: hidden;}
.solution_07-tit{display: flex;justify-content: space-between;align-items: end;padding: 0 0.65rem;box-sizing: border-box;margin-bottom: 0.2rem;}
.solution_07-tit h2{line-height: 1.2;}
.solution_07-tit a{display: block;line-height: 1;margin-right: 0.5rem;}
.solution_07-list{padding: 0 0.65rem;box-sizing: border-box;}
.solution_07-list ul{margin-left: -0.33rem;margin-right: -0.33rem;}
.solution_07-list li{float: left;padding: 0 0.33rem;box-sizing: border-box;width: 47.8%;}
.solution_07-list li:last-child{width: 52.2%;}
.solution_07-list dl{overflow: hidden;}
.solution_07-list dd{overflow: hidden;border-radius: 30px;margin-bottom: 0.12rem;}
.solution_07-list dt{font-weight: bold;padding: 0 0.4rem;box-sizing: border-box;}

.digitize_01 li{width: 33.3%;}
.digitize_03 .solution_03-con{color: #000;}
.digitize_03 .solution_03-tab li.on{background: #ff0000;border-color: #ff0000;}
.digitize_03 .solution_03-tips span{border-color: #000;}
.digitize_06 .solution_06-list dt{color: #000;}
.digitize_06 .solution_06-list li:last-child dt{color: #fff;}
.digitize_06 .solution_06-list li:nth-child(1) dt{color: #fff;}
.solution_02-1{overflow: hidden;margin-bottom: 1.5rem;}
.solution_02-1-top{margin-bottom: 0.3rem;}
.solution_02-1-top h2{display:inline-block;font-weight: bold;line-height: 1.2;vertical-align: bottom;}
.solution_03-tab01{display: inline-block;vertical-align: baseline;}
.solution_03-tab01{}
.solution_03-tab01 li{padding: 0.1rem 0.2rem;box-sizing: border-box;border: 1px solid #303030;margin: 0 3px;border-radius: 30px;cursor: pointer;float: left;}
.solution_03-tab01 li.on{background: #303030;color: #fff;}
.solution_02-1-item{display: none;}
.solution_02-1-item img{width: 100%;}
.solution_02-1-item.on{display: block;}
@media only screen and (min-width:1025px) {
    .solution_01-list dl:hover dt{transform: translate(0px, calc(5.7rem - 100%));}
    .solution_01-list.oo dl:hover dt{top: -1.5rem;}
    .solution_02-link a:hover{color: #fff!important;}
    .solution_02-link a:hover i{margin-right: 0;}
}
@media only screen and (max-width:1366px) {
    .fnt_18{font-size: 14px;}
}
@media only screen and (max-width:1024px) {
    .solution_01-list li{width: 50%;margin-bottom: 20px;}
    .solution_02{padding: 0;}
    .solution_02-item{margin-bottom: 60px;}
    .solution_02-r{padding-right: 0;width: 55%;}
    .solution_02-div{margin-bottom: 30px;}
    .solution_01-tit p{margin-left: 0;margin-top: 10px;}
    .solution_03-con{padding: 40px 50px;}
    .solution_03-img{right: 0px;}
    .solution_03-tab li{padding: 0.1rem 10px;margin: 0 2px;margin-bottom: 10px;}
    .solution_04-num ul li{padding: 0 0.25rem;}

    .solution_05 .txt{max-width: auto;margin: 0;}
    .solution_05 ul{height: auto!important; position: static;display: flex;flex-direction: column;}
    .solution_05 li{width: 100%!important; position: static; margin-top:5%;}
    .solution_06-list li{width: 50%;margin-bottom: 20px;}
    .solution_07-tit,.solution_07-list{padding: 0;}
    .solution_07-list ul{margin-left: -15px;margin-right: -15px;}
    .solution_07-list li{padding: 0 15px;}
    .solution_07-list dt{padding: 0;}

    .solution_02-1{margin-bottom: 0.8rem;}
}
@media only screen and (max-width:767px) {
    .solution_01{padding: 40px 0;}
    .solution_01-tit{margin-bottom: 30px;}
    .solution_01-list ul{margin-left: 0;margin-right: 0;}
    .solution_01-list li{width: 100%;}
    .solution_01-list dt{padding: 30px;}
    .solution_01-tit p{width: 100%;}
    .solution_02-item{margin-bottom: 50px;}
    .solution_02-div{margin-bottom: 20px;}
    .solution_02-l,.solution_02-r{width: 100%;}
    .solution_02-l{margin-bottom: 30px;}
    .solution_02-link a{width: 220px;}
    .solution_03-tab li{font-size: 12px;}
    .solution_03-con{padding: 30px;}
    .solution_03-img{display: none;}
    .solution_04-num{margin-bottom: 0;}
    .solution_04-num ul li{width: 50%;margin-bottom: 30px;}
    .solution_06{padding: 20px 0 0;}
    .solution_06-list ul{margin-left: 0;margin-right: 0;}
    .solution_06-list li{width: 100%;padding: 0;}
    .solution_06-list dt{padding: 30px;}
    .solution_07-list ul{margin-left: 0;margin-right: 0;}
    .solution_07-list li{width: 100%;padding: 0;margin-bottom: 30px;}
    .solution_07{padding-bottom: 20px;}
    .solution_07-list li:last-child{width: 100%;}
    .solution_02-1-top{margin-bottom: 7px;}
    .solution_03-tab01{margin-top: 20px;}
    .solution_03-tab01 li{margin-bottom: 10px;font-size: 12px;}
}