body{background: #fff;}
ul{display: table;margin: 0px auto;}
.banner{width: 100%;margin: 0px auto;overflow: hidden;background: url(../img/product/scm/banner.jpg) center center no-repeat;height: 450px;}
.ban{width:1200px;margin:140px auto 0px;position:relative;z-index:3;overflow:hidden;color: #fff;}
.ban h3{font-size: 36px;margin: 0px 0px 20px 0px;font-weight: normal;letter-spacing: 0px;line-height: 40px;}
.ban h1{font-size: 50px;margin: 0px 0px 20px 0px;letter-spacing: 2px;line-height: 50px;}
.ban p{font-size: 22px;font-weight: normal;}
.ban span{font-size: 18px;display: block;}
.ban a{display:inline-block;width:156px;height:48px;line-height:46px;font-size:20px;border-radius:4px;text-align:center;border:2px solid #fff;color:#fff;margin:30px 20px 0px 0px}
.m_btn{height:50px;line-height:50px;background: linear-gradient(to right, #FB8732, #F6C418);color:#fff;border:0}
.main{width: 100%;margin: 0px auto;overflow: hidden;}
.title{text-align: center;}
.title h2{font-size: 36px;line-height: 54px;margin: 0px 0px 20px 0px;}
.title p{font-size: 16px;color: #666;}
.m_1{width: 100%;margin: 0px auto;padding: 60px 0px;overflow: hidden;background: #f7f9ff;}
.m_1 .mimg{margin: 50px auto 0px;text-align: center;width: 1200px;}
.m_2{width: 1200px;margin: 60px auto;overflow: hidden;}
.m_2 .mimg{width: 700px;float: left;margin-top: 40px;}
.m_2 ul{width: 500px;float: right;margin-top: 40px;}
.m_2 ul li{overflow: hidden;cursor: pointer;}
.m_2 ul li i{display: block;width: 60px;height: 60px;float: left;font-size: 30px;line-height: 60px;color: #fff;font-weight: bold;border-radius: 50%;background: linear-gradient(to right, #e50014, #f63704);text-align: center;margin: 10px 20px 0px 0px;}
.m_2 ul li h3{font-size: 16px;margin-bottom: 10px;}
.m_2 ul li p{font-size: 14px;color: #666;line-height: 24px;}
.m_2 ul li:nth-child(1){margin: 60px 0px 0px -190px;}
.m_2 ul li:nth-child(2){margin:50px 0px 0px -90px;}
.m_2 ul li:nth-child(3){margin:60px 0px 0px -60px}
.m_2 ul li:nth-child(4){margin:60px 0px 0px -80px}
.m_2 ul li:nth-child(5){margin:60px 0px 0px -180px}
.m_3,.m_5{width: 100%;margin: 0px auto;padding: 60px 0px;background: #f9faf9;overflow: hidden;}
.m_3 ul{width: 1200px;margin: 20px auto 0px;}
.m_3 ul li{width: 177.5px;float: left;margin: 30px 30px 0px 0px;box-shadow: 0px 0px 20px rgba(0,0,0,0.06);text-align: center;padding: 50px;height: 225px;cursor: pointer;background: #fff;}
.m_3 ul li:nth-child(4n){margin-right: 0px;}
.m_3 ul li i{width: 88px;height: 88px;display: block;border-radius: 50%;margin: 0px auto 30px;}
.m_3 ul li h3{font-size: 16px;margin-bottom: 20px;}
.m_3 ul li p{font-size: 14px;color: #666;}
.m_4,.m_6{width: 1200px;margin: 60px auto;}
.m_4 ul{width: 100%;margin: 50px auto 0px;}
.m_4 ul li{width: 216px;float: left;margin-right: 30px; border-radius: 6px;overflow: hidden;text-align: center;background: #fff;padding-bottom: 30px;box-shadow: 0px 0px 20px rgba(0,0,0,0.06);cursor: pointer;}
.m_4 ul li:last-child{margin-right: 0px;}
.m_4 ul li span{display: block;width: 100%;height: 120px;background: #f91f28;overflow: hidden;}
.m_4 ul li span img{width: 100%;height: 100%;}
.m_4 ul li i{display: block;width: 80px;height: 80px;border-radius: 50%;margin: -40px auto 20px;background: #fff;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);position: relative;}
.m_4 ul li h3{font-size: 16px;margin-bottom: 20px;}
.m_4 ul li p{font-size: 14px;color: #666;padding: 0px 20px;}
.m_5 ul{width: 1200px;margin: 30px auto 0px;}
.m_5 ul li{width: 110px;float: left;margin: 30px 36px 10px 0px;box-shadow: 0px 0px 20px rgba(0,0,0,0.02);background: #fff;padding: 30px;overflow: hidden;border-radius: 6px;cursor: pointer;}
.m_5 ul li i{width: 90px;height: 90px;display: block;margin: 0px auto;border: 1px solid #eee;border-radius: 50%;overflow: hidden;}
.m_5 ul li i img{width: 70px;height: 70px;margin: 10px auto;display: block;border-radius: 50%;}
.m_5 ul li p{font-size: 16px;text-align: center;margin-top: 20px;}
.m_5 ul li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.08);}
.m_5 ul li:nth-child(6n){margin-right: 0px;}
.m_7{width: 1200px;margin: 60px auto;}
.m_7 ul{width: 100%;margin: 50px auto 0px;}
.m_7 ul li{width: 178.8px;float: left;border: 1px solid #eee;border-left: 0px;padding: 30px;overflow: hidden;}
.m_7 ul li:first-child{border-left: 1px solid #eee;}
.m_7 ul li i{display: block;height: 200px;background: #eee;}
.m_7 ul li span{display: inline-block;float: left;width: 40px;font-size: 24px;color: #333;line-height: 50px;margin-top: 10px;}
.m_7 ul li p{display: inline-block;float: right;width: 130px;float: right;font-size: 14px;color: #666;line-height: 22px;margin-top: 12px;}
.m_7 ul li:hover{transform: scale(1.1, 1.1);transition: all .3s;background: #fff;border: 0px;box-shadow: 0px 0px 20px rgba(0,0,0,0.08);cursor: pointer;}
.case_show{width: 1200px;margin: 50px auto 0px;overflow: hidden;}
.case_show li{width: 260px;float: left;overflow: hidden;box-shadow: 0px 0px 10px rgba(0,0,0,0.05);border-radius: 4px;height: 160px;position: relative;margin: 10px 40px 20px 0px;cursor: pointer;}
.case_show li:first-child,.case_show li:nth-child(4n+1){margin-left: 20px;}
.case_show li:nth-child(4n){margin-right: 20px;}
.case_show li i{display: block;width: 100%;}
.case_show li i img{width: 100%;}
.case_show li p{font-size: 14px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666;position: absolute;background: rgba(0,0,0,0.05);padding: 0px 10px;width: 260px;bottom: 0px;}
.case_show li .code{position: absolute;background: rgba(0,0,0,0.4);width: 100%;height: 160px;bottom: -160px;}
.case_show li .code img{width: 100px;height: 100px;margin: 30px auto;display: block;}
.case_show li:hover p{display: none;}
.case_show li:hover .code{bottom: 0px;transition: all 0.8s;}