/*鑱旂郴鎴戜滑鏍峰紡*/ .m-about{ top: 50%; right: -200px; z-index: 10; width: 200px; position: fixed; transform: translateY(-50%); } .m-about-head{ display: flex; align-items: center; justify-content: space-between; height: 40px; line-height: 40px; background: #fe121c; font-size: 14px; color: #fff; padding: 0 10px; } .m-about-close{ color: #fff; font-size: 30px; position: relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; cursor: pointer; } .m-about-close:hover{ transform: rotate(90deg); } .m-about-service{ font-size: 16px; margin-right: 8px; } .m-about-content{ overflow: hidden; background: #fff; padding: 10px 15px; } .m-about-backTop{ color: #fff; width: 100%; height: 40px; cursor: pointer; background: #fe121c; font-size: 25px; text-align: center; line-height: 40px; } .m-about-slide{ color: #fff; padding: 18px 10px 10px; background: #fe121c; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: -34px; cursor: pointer; display: flex; flex-direction: column; align-items: center; } .m-about-icon{ width: 25px; height: 25px; text-align: center; line-height: 25px; background: #fe121c; color: #fff; border-radius: 25px; margin-right: 5px; } .m-about-title{ padding: 6px 0; } .m-about-line p{ padding-left: 5px; } .m-about-line{ margin-bottom: 10px; border-top: 1px solid #f5f5f5; padding-top: 10px; } .m-about-line:first-child{ border-top: 0; padding-top: 0; } .m-about-weixin{ width: 110px; margin: 0 auto; text-align: center; } .m-about-qrcode{ width: 100%; } /*鍙嬫儏閾炬帴鏍峰紡*/ .m-links{ padding: 20px 0; } .m-links h4{ border-bottom: 1px solid #ddd; margin: 0; font-size: 18px; color: #cf010e; padding-bottom: 15px; } .m-links small{ text-transform: uppercase; font-size: 16px; font-weight: normal; color: #999; } .m-links-list{ margin-left: -20px; } .m-links-list li{ float: left; margin-left: 20px; margin-top: 20px; } /*鏃椾笅浼佷笟鏍峰紡*/ .m-business{ cursor:pointer; padding: 5px !important; } .m-business-title{ font-size: 16px !important; } .m-business-desc{ font-size: 14px; overflow: hidden; -webkit-line-clamp: 3; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }