.banner{width: 100%;margin: 0px auto;background: url(../../img/solution/kuajing/banner.jpg) center center no-repeat;overflow: hidden;height: 450px;}
.banner .m{width: 1200px;margin: 80px auto 0px;overflow: hidden;}
.banner .m h1{font-size: 56px;color: #fff;position: relative;}
.banner .m h1::after{width: 120px;height: 2px;background: #fff;content: "";position: absolute;left: 0px;top: 100px;}
.banner .m h3{font-size: 32px;color: #fff;font-weight: normal;margin: 40px 0px 10px;}
.banner .m p{font-size: 20px;color: #fff;}
.banner .m a{width: 156px; height: 42px;line-height: 42px;background: linear-gradient(to right, #FB8732, #F6C418);color: #fff;border: 0;display: block;text-align: center;font-size: 16px;border-radius: 6px;margin-top: 20px;}
.m_1,.m_3{width: 1200px;margin: 60px auto;}
.title{text-align: center;max-width: 1200px;margin: 0px auto;}
.title h2{font-size: 36px;margin-bottom: 20px;}
.title p{font-size: 16px;line-height: 34px;color: #666;}
.m_1{overflow: hidden;}
.m_1 .pull-left,.m_1 .pull-right{width: 300px;position: relative;margin-top: 120px;}
.m_1 .pull-left p,.m_1 .pull-right p{font-size: 18px;margin: 20px 0px 80px;color: #666;line-height: 40px;}
.m_1 .pull-left p{text-align: right;}
.m_1 .simg{width: 600px;float: left;margin: 50px auto 0px;}
.m_1 i{display: block;width: 40px;height: 40px;font-size: 20px;text-align: center;border-radius: 50%;line-height: 40px;color: #fff;}
.m_1 .pull-left i{float: right;margin-left: 20px;background: #ccc;}
.m_1 .pull-left p:nth-child(1){margin-right: -90px;}
.m_1 .pull-left p:nth-child(2){margin-right: -30px;}
.m_1 .pull-left p:nth-child(3){margin-right: -25px;}
.m_1 .pull-left p:nth-child(4){margin-right: -70px;}
.m_1 .pull-right i{float: left;margin-right: 20px;background: #248bff;}
.m_1 .pull-right p:nth-child(1){margin-left: -90px;}
.m_1 .pull-right p:nth-child(2){margin-left: -30px;}
.m_1 .pull-right p:nth-child(3){margin-left: -25px;}
.m_1 .pull-right p:nth-child(4){margin-left: -70px;}
.m_1 p:last-child{margin-bottom: 0px;}
.m_2,.m_4{width: 100%;margin: 0px auto;padding: 60px 0px;background: #f7f9fc;overflow: hidden;}
.m_2 .simg{width: 100%;text-align: center;margin: 60px auto 0px;}
.m_3 ul{width: 1200px;margin: 50px auto 0px;border-radius: 8px;}
.m_3 ul li{width: 199px;padding: 20px;border-right: 1px solid #eee;float: left;text-align: center;position: relative;height: 240px;transition: 0.3s all;overflow: hidden;cursor: pointer;box-shadow: 0 0px 20px rgb(212 212 212 / 40%);background: #fff;}
.m_3 ul li:last-child{border-right: 0px;}
.m_3 ul li i{width: 60px;height: 60px;margin: 40px auto 50px;display: block;}
.m_3 ul li h3{font-size: 18px;color: #222;margin-bottom: 20px;}
.m_3 ul li p{font-size: 14px;color: #999;line-height: 26px;position: absolute;bottom: -999px;width: 199px;}
.m_3 ul li:hover i{position: absolute;top: -999px;transition: 0.3s all;}
.m_3 ul li:hover h3{margin-top: 30px;transition: 0.3s all;color: #248bff;}
.m_3 ul li:hover p{bottom: 0px;top: 110px;transition: 0.3s all;}
.m_4 ul{width: 1200px;margin: 40px auto 0px;}
.m_4 ul li{width: 200px;margin: 20px 20px 0px;float: left;padding: 30px;text-align: center;}
.m_4 ul li i{width: 60px;height: 60px;display: block;margin:0px auto 20px;}
.m_4 ul li h3{font-size: 18px;margin-bottom: 20px;color: #222;}
.m_4 ul li p{font-size: 14px;color: #999;line-height: 26px;}
.m_4 ul li:hover{box-shadow: 0px 20px 40px 0px rgb(83 86 90 / 15%);transform: translateY(-20px);transition: all ease 300ms;background: #fff;cursor: pointer;border-radius: 8px;}