body{margin:0;padding:0;font-family: PingFang SC;}
.contrainer{background:#fff}
@media screen and (min-width: 768px){
	.banner{width:100%;background: url(../img/product/b2b2c/banner.jpg) top center no-repeat;margin: 0px auto;overflow: hidden;height: 450px;}
	.ban{width:1200px;margin:0 auto;position:relative;z-index:3;overflow:hidden;margin-top: 86px;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}
	.ban .cure{height:50px;line-height:50px;background: linear-gradient(to right, #FB8732, #F6C418);color:#fff;border:0}
	.main{width: 100%;margin: 0px auto;overflow: hidden;}
	.main .m_1,.m_3,.m_8{width: 1200px;margin: 60px auto;overflow: hidden;position: relative;}
	.main .title{text-align: center;}
	.main .title h2{font-size: 36px;line-height: 54px;margin: 0px 0px 20px 0px;}
	.main .title p{font-size: 16px;color: #666;}
	.main .m_1 .tab_nav{width: 100%;margin: 40px auto 0px;overflow: hidden;}
	.main .m_1 .tab_nav li{width: 200px;height: 60px;line-height: 60px;font-size: 18px;text-align: center;float: left;border-bottom: 2px solid #F2F2F2;}
	.main .m_1 .tab_nav .active{border-bottom: 2px solid #e81a15;color: #e81a15;cursor: pointer;transition: all .5s;}
	.main .m_1 .tab_main{width: 100%;overflow: hidden;margin-top: 60px;position: relative;height: 365px;}
	.main .m_1 .tab_main .tm{width: 1200px;display: none;}
	.main .m_1 .tab_main .current{display: block; transition: all 1s;}
	.main .m_1 .tab_main .tm i{width: 600px;float: left;display: inline-block;float: left;}
	.main .m_1 .tab_main .tm .tm_right{width: 560px;float: right;}
	.main .m_1 .tab_main .tm .tm_right h3{font-size: 28px;margin-bottom: 20px;}
	.main .m_1 .tab_main .tm .tm_right p{font-size: 16px;color: #666;}
	.main .m_1 .tab_main .tm .tm_right ul{margin-top: 20px;}
	.main .m_1 .tab_main .tm .tm_right ul li{width: 130px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #666;float: left;border: 1px solid #f2f2f2;margin: 10px 10px 0px 0px;}
	.main .m_1 .tab_main .tm .tm_right ul li:nth-child(4n){margin-right: 0px;}
	.main .m_1 .m_btn{position: absolute;left: 640px;top: 280px;}
	.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;}
	.main .m_2{width: 100%;margin: 0px auto;overflow: hidden;background: #f9faf9;padding: 60px 0px;position: relative;}
	.main .m{width: 1200px;margin: 0px auto;overflow: hidden;position: relative;}
	.main .mtxt{width: 480px;text-align: left;margin-top: 100px;}
	.main .mtxt h3{font-size: 32px;margin-bottom: 20px;}
	.main .mtxt p{line-height: 30px;}
	.main .mimg{width: 660px;display: inline-block;position: relative;}
	.m_8{margin: 60px auto;}
	.m_8 .slide{width:660px; height:500px;float:left;}
	.m_8 .slide .slide_cont{width:660px; height:500px; overflow:hidden;background: url(../img/product/b2b2c/tab_bg.png) center center no-repeat;}
	.m_8 .slide .slide_cont ul li{ float:left;height:500px;transition: all .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);}
	.m_8 .slide .slide_cont ul li img{ display:block; width:660px; height:500px;}
	.m_8 .slide .slide_point{ width:480px;position: absolute;right: 0;top: 200px;}
	.m_8 .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;}
	.m_8.slide .slide_point .cur_point, .m_8 .slide .slide_point span:hover{background: #e50014;color: #fff;}
	.m_8 .fx_img{display: block;margin-top: 50px;}
	.m_8 .m3tit{display: none;}
	.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_5 .title,.m_5 .title p{color: #fff;}
	.m_5{width: 100%;margin: 0px auto;background: linear-gradient(to right, #e50014, #f63704);padding: 60px 0px;overflow: hidden;}
	.m_5 span{width: 360px;margin: 0px auto;display: block;overflow: hidden;}
	.m_5 span .smbtn_1{background: linear-gradient(to right, #FB8732, #F6C418);}
	.m_5 span .smbtn_1:hover,.m_5 span .smbtn_2:hover{opacity: 0.9;}
	.m_5 span .smbtn_2{background: #fff;color: #e50014;}
}
@media screen and (max-width: 768px){
	.banner{width:100%;background: url(../img/product/b2b2c/mbanner.jpg) top center no-repeat;margin: 0px auto;overflow: hidden;padding: 3.6rem 0rem;height: 16rem;background-size: cover;}
	.ban{width:90%;margin:0 auto !important;position:relative;z-index:3;overflow:hidden;color: #fff;text-align: center;}
	.ban h3{font-size: 1.4rem;margin: 0.5rem 0px 0.4rem 0px;}
	.ban h1{font-size: 1.1rem;margin: 0px 0px 0.4rem 0px;line-height: 1.6rem;font-weight: normal;}
	.ban p{font-size: 0.9rem;font-weight: normal;}
	.ban span{font-size: 0.8rem;display: block;}
	.ban a{display:inline-block;width:6rem;height:1.8rem;line-height:1.8rem;font-size:0.9rem;border-radius:4px;text-align:center;border:1px solid #fff;color:#fff;margin:1rem 0rem 0rem}
	.ban .cure{background: linear-gradient(to right, #FB8732, #F6C418);color:#fff;border-color:#FB8732}
	.main{width: 100%;margin: 0px auto;overflow: hidden;}
	.main .m_1,.m_3,.m_8{width: 98%;margin: 2rem auto;overflow: hidden;position: relative;}
	.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;}
	.main .m_1 .tab_nav{width: 100%;margin: 1rem auto 0px;overflow: hidden;}
	.main .m_1 .tab_nav li{width: 16.66%;height: 3rem;line-height: 3rem;font-size: 0.9rem;text-align: center;float: left;border-bottom: 2px solid #F2F2F2;}
	.main .m_1 .tab_nav .active{border-bottom: 2px solid #e81a15;color: #e81a15;cursor: pointer;transition: all .5s;}
	.main .m_1 .tab_main{width: 100%;overflow: hidden;margin-top: 1rem;position: relative;}
	.main .m_1 .tab_main .tm{width: 100%;display: none;}
	.main .m_1 .tab_main .current{display: block; transition: all 1s;}
	.main .m_1 .tab_main .tm i{width: 98%;display: block;margin: 0rem auto;}
	.main .m_1 .tab_main .tm i img{width: 100%;}
	.main .m_1 .tab_main .tm .tm_right{width: 98%;margin: 0rem auto;text-align: center;}
	.main .m_1 .tab_main .tm .tm_right h3{font-size: 1rem;margin-bottom: 0.4rem;}
	.main .m_1 .tab_main .tm .tm_right p{font-size: 0.8rem;color: #666;}
	.main .m_1 .tab_main .tm .tm_right ul{width: 80%;margin: 0.6rem auto 0rem;overflow: hidden;}
	.main .m_1 .tab_main .tm .tm_right ul li{width: 48%;height: 1.6rem;line-height: 1.6rem;text-align: center;font-size: 0.7;color: #666;float: left;border: 1px solid #f2f2f2;margin-top: 0.2rem;}
	.main .m_1 .tab_main .tm .tm_right ul li:nth-child(2n){float: right;}
	.main .m_1 .m_btn{display: none}
	.main .m_btn{display: block;width: 8rem;height: 1.8rem;line-height: 1.8rem;background: linear-gradient(to right, #e50014, #f63704);border-radius: 4px;text-align: center;font-size: 0.8rem;color: #fff;margin: 0.8rem auto 0rem;}
	.main .m_btn_2{background: linear-gradient(to right, #FB8732, #F6C418);}
	.main .m_btn:hover{opacity: 0.9;}
	.main .m_2{width: 100%;margin: 0px auto;overflow: hidden;background: #f9faf9;padding: 2rem 0px;position: relative;}
	.main .m{width: 98%;margin: 0px auto;overflow: hidden;position: relative;}
	.main .mtxt{width: 90%;margin: 0rem auto;float: none !important;}
	.main .mtxt h3{font-size: 1rem;margin-bottom: 0.5rem;}
	.main .mtxt p{line-height: 1.4rem;}
	.main .mimg{width: 90%;display: block;position: relative;float: none !important;margin: 0rem auto;}
	.main .mimg img{width: 100%;}
	.m_8 .slide{width:98%;margin: 0rem auto;overflow: hidden;}
	.m_8 .slide .slide_cont{width:96%; overflow:hidden;background: url(../img/product/b2b2c/tab_bg.png) center center no-repeat;margin: 0rem auto;height: 14rem;background-size: cover;}
	.m_8 .slide .slide_cont ul li{ float:left;transition: all .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);}
	.m_8 .slide .slide_cont ul li img{ display:block; width:100%; }
	.m_8 .slide .slide_point{width:96%;margin: 0rem auto;}
	.m_8 .slide .slide_point span{width: 30%;height: 40px;line-height: 40px;text-align: center;border: 1px solid #eee;float: left;margin: 0.6rem 0.2rem 0rem;color: #666;border-radius: 4px;overflow: hidden;cursor: pointer;}
	.m_8 .slide .slide_point .cur_point, .m_8 .slide .slide_point span:hover{background: #e50014;color: #fff;}
	.m_8 .fx_img{display: block;margin-top: 50px;}
	.m_8 .title{display: none;}
	.m_8 .m3tit{display: block;}
	.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_5 .title,.m_5 .title p{color: #fff;}
	.m_5{width: 100%;margin: 0px auto;background: linear-gradient(to right, #e50014, #f63704);padding: 2rem 0px;overflow: hidden;}
	.m_5 span{width: 84%;margin: 0px auto;display: block;overflow: hidden;}
	.m_5 span .smbtn_1{background: linear-gradient(to right, #FB8732, #F6C418);}
	.m_5 span .smbtn_1:hover,.m_5 span .smbtn_2:hover{opacity: 0.9;}
	.m_5 span .smbtn_2{background: #fff;color: #e50014;}
}