.banner{width:100%;background: url(../img/product/b2b2c_lb/banner.jpg) top center no-repeat;margin: 0px auto;overflow: hidden;height: 450px;}
.ban h1{font-size: 60px;margin: 20px 0px 20px 0px;line-height: 60px;}
.m_6{width: 100%;margin: 0px auto;background: linear-gradient(to right, #e50014, #f63704);padding: 60px;overflow: hidden;}
.m_6 .title h2,.m_6 .title p{color: #fff;}
.m_6 .m6_tab{margin-top: 40px;}
.m_6 ul{width: 480px;float: left;overflow: hidden;margin-top: 20px;}
.m_6 ul li{width: 230px;text-align: center;margin: 0px 20px 20px 0px; float: left;padding: 20px 0px;background: rgba(255,255,255,0.2);border-radius: 4px;cursor: pointer;}
.m_6 ul li:nth-child(2n){margin-right: 0px;}
.m_6 i{display: block;width: 50px;height: 50px;margin: 0px auto 20px;background: url(../img/product/b2b2c_lb/06-icon.png)  no-repeat;}
.m_6 .ic_01{background-position: 0px -52px;}
.m_6 .ic_02{background-position: -70px -52px;}
.m_6 .ic_03{background-position: -140px -52px;}
.m_6 .ic_04{background-position: -200px -52px;}
.m_6 .ic_05{background-position: -260px -52px;}
.m_6 .ic_06{background-position: -325px -52px;}
.m_6 ul .active .ic_01,.m_6 .m6_tm .m6_tmc .ic_01{background-position: 0px 0px;}
.m_6 ul .active .ic_02,.m_6 .m6_tm .m6_tmc .ic_02{background-position: -70px 0px;}
.m_6 ul .active .ic_03,.m_6 .m6_tm .m6_tmc .ic_03{background-position: -140px 0px;}
.m_6 ul .active .ic_04,.m_6 .m6_tm .m6_tmc .ic_04{background-position: -200px 0px;}
.m_6 ul .active .ic_05,.m_6 .m6_tm .m6_tmc .ic_05{background-position: -260px 0px;}
.m_6 ul .active .ic_06,.m_6 .m6_tm .m6_tmc .ic_06{background-position: -325px 0px;}
.m_6 ul li h3{font-size: 16px;color: #fff;}
.m_6 ul .active{background: rgba(255,255,255,1);transition: all .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);}
.m_6 ul .active h3{color: #e50014;}
.m_6 .m6_tm{width: 660px;float: right;background: url(../img/product/b2b2c_lb/06-bg.png) center center no-repeat;height: 500px;position: relative;}
.m_6 .m6_tm .m6_tmc{display: none;width: 165px;text-align: center;position: absolute;top: 80px;left: 245px;transition: all .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);}
.m_6 .m6_tm .m6_tmc h3{font-size: 16px;margin-bottom: 20px;}
.m_6 .m6_tm .m6_tmc p{font-size: 14px;line-height: 22px;color: #666;}
.m_6 .m6_tm .current{display: block;}
.m_6 .m6_tm .m_btn{position: absolute;bottom: 60px;left: 255px;}
.mimg li{width: 158px;margin: 20px 10px;border: 1px solid #eee;padding: 20px;float: left;border-radius: 4px;text-align: center;cursor: pointer;}
.mimg li i{display: block;width: 80px;height: 80px;margin: 0px auto 20px;}
.mimg li i img{width: 100%;}
.mimg li h3{font-size: 16px;}
.main .tese{width: 100%;margin: 20px auto;overflow: hidden;}
.main .tese li{width: 213px;margin: 0px 10px 10px 0px;float: left;border: 1px solid #eee;overflow: hidden;padding: 20px 10px;text-align: center;cursor: pointer;border-radius: 4px;transition: all .3s;}
.main .tese li:nth-child(2n){margin-right: 0px;}
.main .tese li h4{font-size: 16px;margin-bottom: 10px;}
.main .tese li p{font-size: 14px;color: #666;line-height: 20px;}
.main .tese .active{background: linear-gradient(to right, #e50014, #f63704);color: #fff;}
.main .tese .active p{color: #fff;}
.main .ts_tm .ts_tmc{display: none;}
.main .ts_tm .current{display: block;}
.fx_img{display: block;margin-top: 50px;}