.contrainer{background:#fff}
@media screen and (min-width: 768px){
	.banner{width: 100%;margin: 0px auto;overflow: hidden;height: 450px;background: url(../img/product/b2c/banner.jpg) center center no-repeat;}
	.banner .ban{width: 1200px;margin: 85px auto 0px;position: relative;display: table;color: #fff;}
	.banner .ban p{font-size: 22px;font-weight: normal;}
	.banner .ban h3{font-size: 36px;margin: 0px 0px 20px 0px;font-weight: normal;letter-spacing: 0px;line-height: 40px;}
	.banner .ban h1{font-size: 50px;margin: 20px 0px 20px 0px;letter-spacing: 2px;line-height: 50px;}
	.banner .ban span{font-size: 18px;display: block;}
	.banner .ban a{display:inline-block;width:156px;height:48px;line-height:46px;font-size:20px;border-radius:4px;text-align:center;border:1px solid #fff;color:#fff;margin:30px 20px 0px 0px}
	.banner .ban .cure{height:50px;line-height:50px;background: linear-gradient(to right, #e50014, #f63704);color:#fff;border:0}
	.m_1,.m_3{width: 1200px;margin: 60px auto;position: relative;display: table;}
	.title{width: 100%;overflow: hidden;}
	.title h2{font-size: 32px;color: #333;margin-bottom: 20px;}
	.title p{font-size: 16px;color: #666;line-height: 30px;}
	.m_1 .title,.m_4 .title{text-align: center;}
	.m_1 .mimg{width: 100%;margin: 20px auto 0px;overflow: hidden;text-align: center;}
	.m_1 ul{width: 100%;margin: 0px;position: absolute;top: 200px;}
	.m_1 ul li{width: 260px;}
	.m_1 ul li h3{font-size: 16px;margin-bottom: 6px;color: #333;}
	.m_1 ul li p{font-size: 14px;color: #666;line-height: 26px;}
	.m_1 ul li:nth-child(1){text-align: right;}
	.m_1 ul li:nth-child(2){float: right;margin-top: -80px;}
	.m_1 ul li:nth-child(3){float: right;margin:20px 20px 0px 0px}
	.m_1 ul li:nth-child(4){text-align: right;margin-top: 100px;}
	.m_1 ul li:nth-child(5){float: right;margin:-20px 20px 0px 0px}
	.main .m_btn{display: block;width: 156px;height: 48px;line-height: 48px;background: linear-gradient(to right, #e50014, #f63704);border-radius: 4px;text-align: center;font-size: 16px;color: #fff;margin-top: 30px;}
	.main .m_btn_2{background: linear-gradient(to right, #FB8732, #F6C418);}
	.main .m_btn:hover{opacity: 0.9;}
	.m_1 .m_btn{margin: 0px auto;}
	.m_2,.m_5{width: 100%;margin: 0px auto;background: #faf9fa;padding: 60px 0px;overflow: hidden;}
	.m{width: 1200px;margin: 0px auto;display: table;position: relative;}
	.mimg{width: 660px;;}
	.mtxt{width: 480px;margin: 120px 0px;}
	.slide{width:660px; height:500px;float:left;}
	.slide .slide_cont{width:660px; height:500px; overflow:hidden;background: url(../img/product/b2c/m4bg.png) center center no-repeat;}
	.slide .slide_cont ul li{ float:left;height:500px;transition: all .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);}
	.slide .slide_cont ul li img{ display:block; width:660px; height:500px;}
	.slide .slide_point{ width:480px;position: absolute;right: 0;top: 200px;}
	.slide .slide_point span{width: 98px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #eee;float: left;margin: 20px 20px 0px 0px;color: #666;border-radius: 4px;overflow: hidden;cursor: pointer;font-size: 14px;}
	.slide .slide_point .cur_point,.slide .slide_point span:hover{background: #e50014;color: #fff;}
	.m_5 .mtxt{margin-top: 50px;}
	.m_5 .m_btn{margin-top: 180px;}
	.case_show{width: 100%;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: 240px;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;}
	.m_4{width: 100%;margin: 0px auto;overflow: hidden;background: linear-gradient(to right, #e50014, #f63704);padding: 60px 0px;}
	.m_4 .title h2,.m_4 .title p{color: #fff;}
	.m_4 span{display: block;width: 400px;margin: 0px auto;}
}
@media screen and (max-width: 768px){
	.banner{width: 100%;margin: 0px auto;overflow: hidden;background: url(../img/product/b2c/mbanner.jpg) center center no-repeat;background-size: cover;padding: 3.6rem 0rem;height: 16rem;}
	.banner .ban{width: 96%;margin: 2rem auto 0px;position: relative;color: #fff;text-align: center;}
	.banner .ban p{font-size: 0.8rem;font-weight: normal;}
	.banner .ban h3{font-size: 1rem;margin: 0px 0px 0.5rem 0px;font-weight: normal;}
	.banner .ban h1{font-size: 1.5rem;margin: 0.2rem auto 0rem;}
	.banner .ban span{font-size: 0.8rem;display: block;}
	.banner .ban a{display:inline-block;width:8rem;height:2rem;line-height:2rem;font-size:0.8rem;border-radius:4px;text-align:center;border:1px solid #fff;color:#fff;margin:1rem 0.5rem 0px 0px}
	.banner .ban .cure{background: linear-gradient(to right, #e50014, #f63704);color:#fff;border-color: #e50014;}
	.m_1,.m_3{width: 98%;margin: 2rem auto;position: relative;display: table;}
	.main .title{text-align: center;}
	.main .title h2{font-size: 1.2rem;}
	.main .title p{font-size: 0.8rem;color: #666;line-height: 1.2rem;}
	.m_1 .title,.m_4 .title{text-align: center;}
	.m_1 .mimg{width: 100%;margin: 0rem auto;overflow: hidden;text-align: center;background: url(../img/product/b2c/m01.png) center center no-repeat;height: 12rem;background-size: 100%;}
	.m_1 .mimg img{display: none;}
	.m_1 ul{width: 100%;margin: 0px auto;}
	.m_1 ul li{width: 88%;box-shadow: 0px 5px 10px rgba(0,0,0,0.05);background: linear-gradient(to right, #FB8732, #F6C418);padding: 0.5rem;margin: 0.5rem auto 0rem;color: #fff;border-radius: 4px;}
	.m_1 ul li h3{font-size: 0.8rem;margin-bottom: 0.2rem;}
	.m_1 ul li p{font-size: 0.7rem;line-height: 1.2rem;}
	.main .m_btn{display: block;width:8rem;height:2rem;line-height:2rem;font-size:0.8rem;background: linear-gradient(to right, #e50014, #f63704);border-radius: 4px;text-align: center;color: #fff;margin: 1rem auto 0rem;}
	.main .m_btn_2{background: linear-gradient(to right, #FB8732, #F6C418);}
	.main .m_btn:hover{opacity: 0.9;}
	.m_2,.m_5{width: 100%;margin: 0px auto;background: #faf9fa;padding: 2rem 0px;overflow: hidden;}
	.m{width: 98%;margin: 0px auto;display: table;position: relative;}
	.mimg{width: 100%;margin: 0.5rem auto 0rem;float: none !important;}
	.mimg img{width: 100%;}
	.mtxt{width: 98%;margin: 0.2rem auto 0rem;overflow: hidden;float: none !important;}
	.m_5{padding-bottom: 5rem;}
	.slide{width:100%;margin: 0rem auto;overflow: hidden;}
	.slide .slide_cont{width:100%;overflow:hidden;background: url(../img/product/b2c/m4bg.png) center center no-repeat; background-size: cover;height: 14.8rem;}
	.slide .slide_cont ul li{float:left;transition: all .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);}
	.slide .slide_cont ul li img{ display:block; width:100%; }
	.slide .slide_point{width:98%;margin: 0rem auto;}
	.slide .slide_point span{width: 30%;height: 2rem;line-height: 2rem;text-align: center;border: 1px solid #eee;float: left;margin: 0.5rem 1.3% 0rem;color: #666;border-radius: 4px;overflow: hidden;cursor: pointer;font-size: 0.8rem;}
	.slide .slide_point .cur_point,.slide .slide_point span:hover{background: #e50014;color: #fff;}
	.m_5 .m_btn{position: absolute;left: 28%;top: 27.5rem;}
	.case_show{width: 90%;margin: 1rem auto 0px;overflow: hidden;}
	.case_show li{width: 48%;float: left;overflow: hidden;box-shadow: 0px 0px 10px rgba(0,0,0,0.05);border-radius: 4px;height: 6rem;position: relative;margin: 0.5rem 0px 0px;cursor: pointer;}
	.case_show li:nth-child(2n){float: right;}
	.case_show li i{display: block;width: 100%;}
	.case_show li i img{width: 100%;}
	.case_show li p{font-size: 0.7rem;line-height: 1.6rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666;position: absolute;background: rgba(0,0,0,0.05);padding: 0px 10px;width: 100%;bottom: 0px;}
	.case_show li .code{position: absolute;background: rgba(0,0,0,0.4);width: 100%;height: 6rem;bottom: -6rem;}
	.case_show li .code img{width: 5rem;height: 5rem;margin: 0.5rem auto;display: block;}
	.case_show li:hover p{display: none;}
	.case_show li:hover .code{bottom: 0px;transition: all 0.8s;}
	.m_4{width: 100%;margin: 0px auto;overflow: hidden;background: linear-gradient(to right, #e50014, #f63704);padding: 2rem 0px;}
	.m_4 .title h2,.m_4 .title p{color: #fff;}
	.m_4 span{display: block;width: 90%;margin: 0px auto;}
}