.case-wrap[data-v-45f0f18a]{background-color:#fff;position:relative}.case-wrap .container[data-v-45f0f18a]{padding:100px 0}.case-wrap .header[data-v-45f0f18a]{position:relative;text-align:center}.case-wrap .header .title[data-v-45f0f18a]{color:#2b2c2f;font-size:36px;font-weight:700;line-height:44px}.case-wrap .header .desc[data-v-45f0f18a]{color:#545558;font-size:20px;line-height:28px;margin-top:15px}.case-wrap .contnt[data-v-45f0f18a]{margin-top:60px}.case-wrap .contnt .contnt-item[data-v-45f0f18a]{display:flex;flex-direction:row;margin-bottom:80px}.case-wrap .contnt .contnt-item[data-v-45f0f18a]:last-child{margin-bottom:0}.case-wrap .contnt .contnt-item.show-right[data-v-45f0f18a]{flex-direction:row-reverse}.case-wrap .contnt .contnt-item.show-right .right[data-v-45f0f18a]{margin-left:0;margin-right:40px}.case-wrap .contnt .contnt-item .left[data-v-45f0f18a]{display:flex;flex-direction:column;width:100%}.case-wrap .contnt .contnt-item .left .item-wrap[data-v-45f0f18a]{border-radius:3px;cursor:pointer;margin-bottom:20px;width:386px}.case-wrap .contnt .contnt-item .left .item-wrap[data-v-45f0f18a]:last-child{margin-bottom:0}.case-wrap .contnt .contnt-item .left .item-wrap[data-v-45f0f18a]:hover{background:#edeff2}.case-wrap .contnt .contnt-item .left .item-wrap .border[data-v-45f0f18a]{background-color:#0064ff;border-radius:3px;height:3px;width:0}.case-wrap .contnt .contnt-item .left .item-wrap .item-cnt[data-v-45f0f18a]{align-items:center;color:#2b2c2f;display:flex;font-size:20px;font-weight:700;justify-content:space-between;line-height:28px;padding:20px}.case-wrap .contnt .contnt-item .left .item-wrap .item-txt[data-v-45f0f18a]{display:none}.case-wrap .contnt .contnt-item .left .item-wrap.active[data-v-45f0f18a]{background-color:#fff;box-shadow:0 16px 32px #16171a1a}.case-wrap .contnt .contnt-item .left .item-wrap.active .border[data-v-45f0f18a]{transition:all 1.5s cubic-bezier(.4,0,.2,1);width:100%}.case-wrap .contnt .contnt-item .left .item-wrap.active svg[data-v-45f0f18a]{display:none}.case-wrap .contnt .contnt-item .left .item-wrap.active .item-cnt[data-v-45f0f18a]{color:#0064ff;padding-bottom:10px}.case-wrap .contnt .contnt-item .left .item-wrap.active .item-txt[data-v-45f0f18a]{color:#7e7f81;display:block;font-size:16px;line-height:24px;margin-bottom:15px;padding:0 20px}.case-wrap .contnt .contnt-item .right[data-v-45f0f18a]{flex-shrink:0;margin-left:40px;overflow:hidden;width:760px}.case-wrap .contnt .contnt-item .right .pic-box[data-v-45f0f18a]{height:auto;margin:10px;padding-top:56.6%;position:relative}.case-wrap .contnt .contnt-item .right .pic-box .animate[data-v-45f0f18a]{box-shadow:0 4px 8px #16171a0d;inset:0;opacity:0;position:absolute;transition:opacity 1.5s cubic-bezier(.4,0,.2,1)}.case-wrap .contnt .contnt-item .right .pic-box .animate.active[data-v-45f0f18a]{opacity:1;transform:translate(0)}.case-wrap .contnt .contnt-item .right .pic-box .animate img[data-v-45f0f18a]{height:100%;transition:transform 2s cubic-bezier(.4,0,.2,1);width:100%}.case-wrap .contnt .contnt-item .right .pic-box .animate img.img1[data-v-45f0f18a]{transform:translate(100%)}.case-wrap .contnt .contnt-item .right .pic-box .animate img.img2[data-v-45f0f18a]{transform:translate(-100%)}.case-wrap .contnt .contnt-item .right .pic-box .animate img.img3[data-v-45f0f18a]{transform:translate(100%)}.case-wrap .contnt .contnt-item .right .pic-box .animate.active img[data-v-45f0f18a]{transform:translate(0)}@media only screen and (max-width:1200px){.case-wrap .container[data-v-45f0f18a]{padding:80px 30px}.case-wrap .header .title[data-v-45f0f18a]{font-size:32px;line-height:40px}.case-wrap .header .desc[data-v-45f0f18a]{font-size:16px;line-height:24px}.case-wrap .contnt .contnt-item[data-v-45f0f18a]{display:block;margin-bottom:60px}.case-wrap .contnt .contnt-item .left .item-wrap[data-v-45f0f18a]{width:100%}.case-wrap .contnt .contnt-item .left[data-v-45f0f18a]{margin-bottom:30px}.case-wrap .contnt .contnt-item .right[data-v-45f0f18a]{margin:0;width:100%}}@media only screen and (max-width:767px){.case-wrap .container[data-v-45f0f18a]{padding:60px 20px}.case-wrap .contnt[data-v-45f0f18a]{margin-top:40px}.case-wrap .header .title[data-v-45f0f18a]{font-size:24px;line-height:32px}.case-wrap .header .desc[data-v-45f0f18a]{font-size:14px;line-height:22px;margin-top:10px}.case-wrap .contnt .contnt-item .left .item-wrap .item-cnt[data-v-45f0f18a]{font-size:16px;line-height:24px}.case-wrap .contnt .contnt-item .left .item-wrap.active .item-txt[data-v-45f0f18a]{font-size:14px;line-height:22px}}