.fold_wrap{width:100%;height:350px;margin:5px auto 0 auto;overflow:hidden}.fold_wrap li{float:left;width:130px;height:330px;position:relative;overflow:hidden;cursor:pointer}.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0}.fold_wrap li.active .mask_b{background:0}.fold_wrap li .mask_b h4{color:#fff;width:30px;margin:0 auto;display:block;font:20px Microsoft Yahei;position:relative;padding:30px 0 0 0}.fold_wrap li.big{width:322px}.fold_wrap li .adv_intro{width:92%;height:40px;padding:5px 4%;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.3);color:#fff;overflow:hidden}.adv_intro_show{bottom:0!important;transition:bottom .3s linear .3s;-webkit-transition:bottom .3s linear .3s}.pic_auto{width:100%;height:100%}.fold_wrap{width:100%;height:400px;margin:5px auto 0 auto;overflow:hidden}.fold_wrap li{float:left;width:81px;height:400px;position:relative;overflow:hidden;cursor:pointer}.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0}.fold_wrap li.active .mask_b{background:0}.fold_wrap li .mask_b h4{text-shadow:5px 2px 6px #000;color:#fff;width:30px;font-weight:700;margin:0 auto;display:block;font:35px/36px Microsoft Yahei;position:relative;padding:30px 0 0 0}.fold_wrap li.big{width:322px}.fold_wrap li .adv_intro{width:92%;height:40px;padding:5px 4%;position:absolute;left:0;bottom:0;border-left:8px solid #365b00;background:rgba(35,58,2,.9);color:#fff;overflow:hidden}.adv_intro_show{bottom:0!important;transition:bottom .3s linear .3s;-webkit-transition:bottom .3s linear .3s}.pic_auto{width:100%;height:100%}.pt-4{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-44px}.solution-item{overflow:hidden;float:left;}.solution-item div.image-cover{position:relative;padding-top:79%;background-size:100% 100%;padding-bottom:47%}.solution-item h6{font-weight:normal;border-radius:0 0 5px 5px;box-shadow:0 3px 2px 0 rgba(0,0,0,.15);position:absolute;text-align:center;bottom:-33px;white-space:nowrap;text-overflow:ellipsis;padding:1rem 0;width:100%;margin:0;color:#000;background:#fff;transition:bottom ease-out .2s;font-size:18px}.solution-item div.hover{position:absolute;text-align:center;bottom:-155%;width:100%;height:100%;background:rgba(0,85,123,.75);transition:bottom ease-out .2s;color:#fff}.solution-item div.hover span{display:block;margin-top:15%;margin-bottom:.5rem;font-size:20px;font-weight:700}.solution-item div.hover p{font-size:14px}.solution-item div.hover i{font-size:36px;opacity:.65}.solution-item:hover h6{bottom:-50%;transition:bottom ease-out .4s}.solution-item:hover div.hover{bottom:0;transition:bottom ease-out .2s}.col-3{height:407px;flex:0 0 25%;max-width:24%;position:relative;width:100%;min-height:1px;padding-right:2px;padding-left:2px}.px-2{padding-left:.6rem!important}.mb-3{margin-bottom:1rem!important}.logo dl dt{font-size:30px;line-height:30px;font-weight:700;color:#333}.flogo dl dt{font-size:30px;line-height:30px;font-weight:700}td{margin:0 auto;padding:0;text-align:center}.swiper-container{width:100%;height:100%;position:relative}.swiper-wrapper{padding:20px 0}.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:left;box-shadow:0 1.5rem 4rem rgba(0,0,0,.15);border-radius:10px;float:left;width:30%;height:340px;background:#fff;box-shadow:0 0 10px 3px #eee;position:relative;margin-bottom:10px}.swiper-container div div:last-child{margin-right:0}.swiper-container div div img{text-align:center;margin:auto;padding-top:20px;overflow:hidden}.swiper-container div div figure{height:256px;text-align:center;margin:auto;display:block}.swiper-container div div span{width:94%;margin-left:15px;border-top:1px solid #eee;margin-top:15px;overflow:hidden;height:38px;line-height:38px;font-size:16px;text-align:center;display:block;padding-top:10px;color:#000}.swiper-container div div:hover img{transition:all 2s;transform:scale(1.1)}<!--ºÄʱ1768452732.4548Ãë-->