.app_banner{background: url(../../img/solution/applive/banner.jpg) center center no-repeat;height: 450px;}
.app_banner .m{margin-top: 80px;color: #fff;}
.app_banner h1{font-size: 50px;color: #fff;}
.app_banner h3{font-size: 34px;color: #fff;margin-bottom: 20x;}
.app_banner p{font-size: 22px;line-height: 35px;}
.app_banner a{background: #fff; margin: 30px 0px 0px 0px;color: #e81a15;}
.app_1,.app_3{width: 1200px;margin: 60px auto;}
.app_1 .mimg{margin-top: 50px;}
.app_2,.app_4,.app_6{width: 100%;margin: 0px auto;padding: 60px 0px;background: #f9faf9;}
.app_2 ul{width: 1200px;margin: 20px auto 0px;}
.app_2 ul li{width: 310px;padding: 30px;margin: 30px 45px 0px 0px;border-radius: 4px;box-shadow: 0px 0px 20px rgba(0,0,0,0.06);background: #fff;text-align: center;float: left;cursor: pointer;}
.app_2 ul li i{width: 60px;height: 60px;display: block;margin: 0px auto 20px;}
.app_2 ul li h3{font-size: 16px;margin-bottom: 10px;}
.app_2 ul li p{font-size: 14px;color: #666;line-height: 26px;}
.app_2 ul li:nth-child(3n){margin-right: 0px;}
.app_2 ul li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.08);}
.app_3{background: url(../../img/solution/applive/pic02.png) left 140px no-repeat;height: 820px;}
.app_3 ul{width: 660px;float: right;margin: 40px 0px 0px 0px;}
.app_3 ul li{margin: 0px 0px 30px;overflow: hidden;transition: all 150ms;}
.app_3 ul li i{width: 70px;height: 70px;background: #fff;display: inline-block;float: left;border-radius: 50%;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);margin: 30px 20px 20px 30px;text-align: center;}
.app_3 ul li i img{margin-top: 15px;}
.app_3 ul li div{width: 360px;float: left;padding: 20px;cursor: pointer;transition: all 150ms;}
.app_3 ul li div h3{font-size: 16px;color: #333;margin-bottom: 20px;}
.app_3 ul li div p{font-size: 14px;line-height: 22px;color: #999;}
.app_3 ul li div:hover{background: linear-gradient(to right, #ff214d, #ff7e1f);border-radius: 4px;}
.app_3 ul li div:hover h3{color: #fff;}
.app_3 ul li div:hover p{color: #fff;}
.app_4 ul{width: 1200px;margin: 50px auto 0px;}
.app_4 ul li{width: 164px;float: left;margin-right: 20px;cursor: pointer;text-align: center;display: block;overflow: hidden;box-shadow: 0px 0px 20px rgba(0,0,0,0.06);background: #fff;padding: 30px;}
.app_4 ul li:last-child{margin-right: 0px;}
.app_4 ul li i{margin-bottom: 20px;display: block;}
.app_4 ul li h3{margin-bottom: 10px;font-size: 16px;}
.app_4 ul li p{font-size: 14px;color: #666;line-height: 26px;height: 104px;}
.app_5{width: 1200px;margin: 60px auto;;}
.app_5 ul{width: 100%;margin-top: 30px;}
.app_5 ul li{width: 225px;float: left;margin: 20px 20px 0px 0px;border-radius: 4px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);cursor: pointer;text-align: center;padding: 30px;}
.app_5 ul li:nth-child(4n){margin-right: 0px;}
.app_5 ul li i{display: block;border: 1px solid #eee;width: 120px;height: 120px;border-radius: 50%;padding: 10px;margin: 0px auto;overflow: hidden;}
.app_5 ul li i img{width: 110px;height: 110px;border-radius: 50%;margin: 5px auto;}
.app_5 ul li h3{margin-top: 20px;font-size: 16px;}
.app_6 ul{width: 1200px;margin: 50px auto 0px;background: #fff;border-radius: 6px;box-shadow: 0px 20px 30px rgba(0,0,0,0.06);}
.app_6 ul li{width: 289.25px;float: left;border-right: 1px dashed #eee;padding: 5px 5px 0px 5px;cursor: pointer;border-bottom: 1px dashed #eee;}
.app_6 ul li:nth-child(4n){border-right: 0px;}
.app_6 ul li img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.4;}
.app_6 ul li:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);background: #f9faf9;opacity: 1;} 
.app_6 ul li:nth-child(9),.app_6 ul li:nth-child(10),.app_6 ul li:nth-child(11),.app_6 ul li:nth-child(12){border-bottom: 0px;}
.app_6 .mbtn{margin-top: 50px;}