.banner{width: 100%;margin: 0px auto;overflow: hidden;background: url(../img/product/applive/banner.jpg) top center no-repeat;height: 450px;}
.banner .ban{width: 1200px;margin: 80px auto 0px;overflow: hidden;color: #fff;}
.banner h3{font-size: 42px;font-weight: 500;}
.banner h1{font-size: 60px;line-height: 100px;margin: 0px;}
.banner p{font-size: 30px;}
.banner a{width: 180px;display: block;border: 2px solid #fff;line-height: 40px;color: #fff;text-align: center;border-radius: 4px;margin-top: 26px;font-size: 16px;transition: all 150ms;}
.banner a:hover{background: #fff;color: #ff214d;}
.main{width: 100%;margin: 0px auto;overflow: hidden;}
.main .m_1,.main .m_3,.m_5{width: 1200px;margin: 60px auto;overflow: hidden;}
.main .tit{text-align: center;}
.main .tit h3{font-size: 36px;}
.main .tit p{font-size: 16px;line-height: 24px;margin-top: 20px;color: #666;}
.main .m_1 ul,.main .m_3 ul,.main .m_5 ul{width: 100%;margin: 0px auto;overflow: hidden;}
.main .m_1 ul li{width: 300px;float: left;margin: 40px 110px 16px 20px;background: #fff;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);border-radius: 4px;overflow: hidden;text-align: center;padding: 40px 0px;cursor: pointer;transition: all 150ms;}
.main .m_1 ul li i{display: block;width: 50px;height: 50px;margin: 0px auto;}
.main .m_1 ul li h3,.main .m_3 ul li h3{font-size: 16px;color: #333;margin: 16px 0px;}
.main .m_1 ul li p,.main .m_3 ul li p,.main .m_4 ul li p{font-size: 14px;line-height: 22px;color: #999;padding: 0px 50px;}
.main .m_1 ul li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.2)}
.main .m_1 ul li:nth-child(3n){margin-right: 20px;}
.main .m_2{width: 100%;margin: 0px auto;background: #fafafa;padding: 60px 0px;overflow: hidden;}
.main .m{width: 1200px;margin: 0px auto;overflow: hidden;}
.main .m_2 .m{background: url(../img/product/applive/m2.png) 0 0 no-repeat;height: 666px;margin-top: 50px;}
.main .m_2 ul{width: 670px;float: right;margin: 0px;overflow: hidden;}
.main .m_2 ul li{margin: 30px 0px;overflow: hidden;transition: all 150ms;}
.main .m_2 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;}
.main .m_2 ul li i img{margin-top: 15px;}
.main .m_2 ul li div{width: 400px;float: left;padding: 20px;cursor: pointer;transition: all 150ms;}
.main .m_2 ul li div h3{font-size: 16px;color: #333;margin-bottom: 20px;}
.main .m_2 ul li div p{font-size: 14px;line-height: 22px;color: #999;}
.main .m_2 ul li div:hover{background: linear-gradient(to right, #ff214d, #ff7e1f);border-radius: 4px;}
.main .m_2 ul li div:hover h3{color: #fff;}
.main .m_2 ul li div:hover p{color: #fff;}
.main .m_3 ul{margin-top: 30px;}
.main .m_3 ul li{width: 289px;float: left;border-right: 1px solid #eee;padding: 40px 0px;text-align: center;position: relative;cursor: pointer;transition: all 150ms;}
.main .m_3 ul li i{display: block;}
.main .m_3 ul li:nth-child(4n){border-right: 0px;margin-right: 20px;}
.main .m_3 ul li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.1);z-index: 2;}
.main .m_3 ul li:first-child{margin-left: 20px;}
.main .m_3 ul li p{height: 44px;}
.main .m_4{width: 100%;margin: 0px auto;background: #ff8022;padding: 60px 0px;overflow: hidden;}
.main .m_4 .tit h3,.main .m_6 .tit h3{color: #fff;}
.main .m_4 ul{width: 1200px;margin: 40px auto 0px;overflow: hidden;}
.main .m_4 ul li{width: 220px;float: left;margin: 10px;text-align: center;background: rgba(255,255,255,0.9);padding: 40px 0px;border-radius: 4px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);cursor: pointer;height: 215px;}
.main .m_4 ul li i{display: block;margin: 0px auto;}
.main .m_4 ul li h3{margin: 20px auto;font-size: 16px;color: #333;}
.main .m_4 ul li p{padding: 0px 30px;color: #666;}
.main .m_4 ul li:hover{background: rgba(255,255,255,1);}
.main .m_5 ul li{width: 260px;float: left;margin: 40px 23px 30px;overflow: hidden;cursor: pointer;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.main .m_5 ul li:first-child{margin-left: 10px;}
.main .m_5 ul li:last-child{margin-right: 10px;}
.main .m_5 ul li:hover{transform: scale(1.1, 1.1); transition: all .3s;}
.main .m_6{width: 100%;margin: 0px auto;background: linear-gradient(to bottom, #ff473b, #ff214d);padding: 60px 0px;overflow: hidden;}
.main .m_6 a{width: 160px;margin: 40px auto 0px;display: block;background: rgba(255,255,255,0.9);color: #ff473b;font-size: 16px;line-height: 45px;text-align: center;border-radius: 4px;}
.main .m_6 a:hover{background: rgba(255,255,255,1)}