@charset "utf-8";
body{margin:0;padding:0;font-family: PingFang SC;}
@media screen and (min-width: 768px){
	.banner{width: 100%;height: 450px;margin: 0px auto;overflow: hidden;background: url(../img/product/o2o/banner.jpg) top center no-repeat;}
	.banner .ban{width: 1200px;margin: 94px auto 0px;overflow: hidden;position: relative;color: #fff;}
	.banner .ban p{font-size: 22px;font-weight: normal;}
	.banner .ban h1{font-size: 50px;margin: 20px 0px;letter-spacing: 2px;line-height: 50px;}
	.banner .ban h3{font-size: 36px;margin: 0px 0px 20px 0px;font-weight: normal;letter-spacing: 0px;line-height: 40px;}
	.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:2px solid #fff;color:#fff;margin:30px 20px 0px 0px}
	.banner .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;}
	.m_1,.m_3,.m_5,.m_7,.m_9,.m_11,.m_13{width: 1200px;margin: 60px auto;position: relative;overflow: hidden;}
	.m_1 .mimg{width: 670px;margin: 40px 0px 0px 40px;}
	.m_1 ul{width: 480px;position: relative;left: -80px;top: 100px;}
	.m_1 ul li{padding: 20px;border-radius: 4px;cursor: pointer;background: #fff;}
	.m_1 ul li h3{font-size: 16px;line-height: 16px;margin-bottom: 10px;}
	.m_1 ul li p{font-size: 14px;line-height: 22px;color: #666;}
	.m_1 ul li:hover{background: linear-gradient(to right, #ff5e17, #FFC107);transition: all 1s;}
	.m_1 ul li:hover h3,.m_1 ul li:hover p{color: #fff;}
	.m_1 ul li:nth-child(2){margin:20px 0px 0px 80px}
	.m_1 ul li:nth-child(3){margin:40px 0px 0px 80px}
	.m_1 ul li:nth-child(4){margin:30px 0px 0px 0px}
	.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_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: 30px auto 0px;}
	.main .m_btn_2{background: linear-gradient(to right, #FB8732, #F6C418);}
	.main .m_btn:hover{opacity: 0.9;}
	.m{width: 1200px;margin: 0px auto;overflow: hidden;position: relative;}
	.m_2{width: 100%;background: url(../img/product/o2o/m2bg.jpg) center center no-repeat;padding: 60px 0px;overflow: hidden;}
	.m_2 .title h2,.m_2 .title p{color: #fff;}
	.m_2 .tab_nav{width: 240px;margin: 40px 0px 0px;float: left;position: relative;z-index: 10;}
	.m_2 .tab_nav li{height: 80px;line-height: 80px;font-size: 16px;text-align: center;color: #fff;background: rgba(255,255,255,0.1);}
	.m_2 .tab_nav li::after{width: 20px;height: 2px;background: #fff;display: block;content: "";margin: -20px auto 0px;}
	.m_2 .tab_nav .active{color: #ff5e17;cursor: pointer;transition: all .3s;background: #fff; width: 80%;margin-left: 20%;position: relative;font-size: 20px;font-weight: bold;border-radius: 4px;}
	.m_2 .tab_nav .active::after{height: 0px;}
	.m_2 .tab_nav .active::before{content: "";width: 0;height: 0;border-top: 36px solid transparent;border-left: 10px solid #eee;border-bottom: 36px solid transparent;background: initial;position: absolute;top: 4px;right: -10px;}
	.m_2 .tab_main{width: 900px;float: right;overflow: hidden;position: relative;margin: 40px 40px 0px 0px;height: 400px;}
	.m_2 .tab_main .tm{width: 800px;display: none;overflow: hidden;margin: 0px auto;}
	.m_2 .tab_main .tm p,.m_2 .tab_main .tm h3{width: 100%;font-size: 20px;color: #fff;}
	.m_2 .tab_main .tm h3{border-top: 1px solid #fff;padding-top: 10px;margin-top: 10px;}
	.m_2 .tab_main .tm ul{width: 100%;overflow: hidden;margin-top: 10px;}
	.m_2 .tab_main .tm li{width: 190px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #fff;float: left;border: 1px solid #f2f2f2;margin: 10px 10px 0px 0px;border-radius: 4px;background: rgba(255,255,255,0.2);}
	.m_2 .tab_main .tm li:nth-child(4n){margin-right: 0px;}
	.m_2 .m_btn{position: absolute;left: 50px;top: 320px;}
	.m_2 .tab_main .current{display: block; transition: all 1s;}
	.m_3 .mimg{margin-top: 10px;}
	.m_4,.m_6,.m_8,.m_10,.m_12,.m_14{width: 100%;margin: 0px auto;overflow: hidden;padding: 60px 0px; background: #faf9fa;}
	.m_4 ul{width: 100%;margin: 0px auto;overflow: hidden;}
	.m_4 ul li{width: 234px;float: left;padding: 40px 20px;border-radius: 4px;background: #fff; cursor: pointer;border-right: 1px solid #f3f5f7;margin: 50px 0px 30px;position: relative;text-align: center;}
	.m_4 ul li:hover{transition: all .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);box-shadow: 0px 0px 50px rgba(255,52,44,0.1);z-index: 10;}
	.m_4 ul li:last-child{border: 0px;}
	.m_4 ul li:first-child{margin-left: 50px;}
	.m_4 ul li i{width: 40px;height: 40px;display: block;margin: 0px auto 20px;background: url(../img/product/o2o/02.png) no-repeat;}
	.m_4 ul li .ic01{background-position: 0px 0px;}
	.m_4 ul li .ic02{background-position: -54px 0px;}
	.m_4 ul li .ic03{background-position: -105px 0px;}
	.m_4 ul li .ic04{background-position: -160px 0px;}
	.m_4 ul li h3{font-size: 16px;line-height: 30px;margin-bottom: 10px;}
	.m_4 ul li p{font-size: 14px;color: #666;line-height: 26px;}
	.m_5 .tab_img{width: 285px;float: left;margin-top: 30px;}
	.m_5 .tab_img i{display: block;width: 100%;display: none;}
	.m_5 ul{width: 895px;float: right;margin-top: 40px;}
	.m_5 ul li{width: 220px;float: left;margin-right: 20px;padding: 30px;border: 1px solid #eee;border-radius: 4px;text-align: center;cursor: pointer;margin-top: 10px;}
	.m_5 ul li:nth-child(3n){margin-right: 0px;}
	.m_5 ul li i{display: block;width: 90px;height: 80px;margin: 0px auto;}
	.m_5 ul li .ic_01{background: url(../img/product/o2o/ic01.png) center center no-repeat;}
	.m_5 ul li .ic_02{background: url(../img/product/o2o/ic02.png) center center no-repeat}
	.m_5 ul li .ic_03{background: url(../img/product/o2o/ic03.png) center center no-repeat}
	.m_5 ul li .ic_04{background: url(../img/product/o2o/ic04.png) center center no-repeat}
	.m_5 ul li .ic_05{background: url(../img/product/o2o/ic05.png) center center no-repeat}
	.m_5 ul li .ic_06{background: url(../img/product/o2o/ic06.png) center center no-repeat}
	.m_5 ul li h3{font-size: 16px;line-height: 30px;margin: 10px 0px;}
	.m_5 ul li p{font-size: 14px;line-height: 24px;color: #666;}
	.m_5 ul li:hover,.m_5 ul .cur_point{background: linear-gradient(to right, #ff5e17, #FFC107);color: #fff;}
	.m_5 ul li:hover .ic_01,.m_5 ul .cur_point .ic_01{background: url(../img/product/o2o/ic01-2.png) center center no-repeat}
	.m_5 ul li:hover .ic_02,.m_5 ul .cur_point .ic_02{background: url(../img/product/o2o/ic02-2.png) center center no-repeat}
	.m_5 ul li:hover .ic_03,.m_5 ul .cur_point .ic_03{background: url(../img/product/o2o/ic03-2.png) center center no-repeat}
	.m_5 ul li:hover .ic_04,.m_5 ul .cur_point .ic_04{background: url(../img/product/o2o/ic04-2.png) center center no-repeat}
	.m_5 ul li:hover .ic_05,.m_5 ul .cur_point .ic_05{background: url(../img/product/o2o/ic05-2.png) center center no-repeat}
	.m_5 ul li:hover .ic_06,.m_5 ul .cur_point .ic_06{background: url(../img/product/o2o/ic06-2.png) center center no-repeat}
	.m_5 ul li:hover p,.m_5 ul .cur_point p{color: #fff;}
	.m_6 .mimg{margin-top: 60px;}
	.m_7 ul{width: 616px;margin: 80px 0px 0px;overflow: hidden;}
	.m_7 ul li{width:100%;overflow: hidden;position: relative;height: 120px;}
	.m_7 ul li i{width: 60px;height: 60px;display: block;font-size: 40px;float: left;background: linear-gradient(to right, #ff5e17, #FFC107);color: #fff;border-radius: 50%;text-indent: 14px;margin-top: 30px;box-shadow: 5px -5px 5px rgba(255,52,44,0.1);}
	.m_7 ul li i::after{content: "";width: 2px;height: 30px;background: #ff5e17;position: absolute;top: 90px;left: 29px;}
	.m_7 ul li i::before{width: 2px;height: 30px;background: #ff5e17;top: 0px;left: 29px;content: "";position: absolute;} 
	.m_7 ul li p{width: 530px;float: right;font-size: 16px;color: #666;line-height: 30px;margin-top: 30px;}
	.m_8 ul{width: 100%;margin: 50px auto 0px;position: relative;overflow: hidden;}
	.m_8 ul li{width: 510px;float: left;position: relative;margin-right: 80px;}
	.m_8 ul li:last-child{margin-right: 0px;}
	.m_8 ul li::before,.m_8 ul li::after{content: "";width: 180px;position: absolute;height: 4px;background: #ff5e17;border-radius: 4px;top: 20px;}
	.m_8 ul li::before{left: 20px;}
	.m_8 ul li span{display: inline-block;width: 200px;height: 40px;border-radius: 4px;background: #ff5e17;line-height: 40px;text-align: center;margin-left: 200px;font-size: 16px;color: #fff;}
	.m_8 .mimg{margin-top: 40px;}
	.m_8 ul li:last-child span{background: #FFC107;}
	.m_8 ul li:last-child::before,.m_8 ul li:last-child::after{background: #FFC107}
	.m_9 .mimg,.m_10 .mimg,.m_11 .mimg{margin-top: 40px;}
	.m_12 ul{width: 100%;margin: 30px auto 0px;overflow: hidden;}
	.m_12 ul li{width: 185px;float: left;margin: 30px 56px 10px 10px;box-shadow: 0px 0px 10px rgba(0,0,0,0.02);background: #fff;padding: 30px;overflow: hidden;border-radius: 4px;cursor: pointer;}
	.m_12 ul li i{width: 160px;height: 160px;display: block;margin: 0px auto;border: 1px solid #eee;border-radius: 50%;}
	.m_12 ul li i span{width: 140px;height: 140px;display: block;margin: 10px auto;overflow: hidden;border-radius: 50%;}
	.m_12 ul li i span img{width: 100%;}
	.m_12 ul li p{font-size: 16px;text-align: center;margin-top: 20px;}
	.m_12 ul li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.08);}
	.m_12 ul li:nth-child(4n){margin-right: 10px;}
	.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_14{background: #ff5e17;}
	.m_14 .title h2,.m_14 .title p{color: #fff;}
	.m_14 span{width: 400px;margin: 0px auto;display: block;overflow: hidden;}
}
@media screen and (max-width: 768px){
	.banner{width: 100%;margin: 0px auto;overflow: hidden;background: url(../img/product/o2o/mbanner.jpg) top center no-repeat;padding: 3.6rem 0rem;height: 16rem;background-size: cover;}
	.banner .ban{width: 98%;margin: 4rem auto 0rem;overflow: hidden;position: relative;color: #fff;text-align: center;}
	.banner .ban p{font-size: 0.8rem;font-weight: normal;}
	.banner .ban h1{font-size: 1.8rem;margin: 0.3rem auto;}
	.banner .ban h3{font-size: 1rem;margin: 0px 0px 0.2rem 0px;font-weight: normal;}
	.banner .ban span{font-size: 0.8rem;display: block;}
	.banner .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:2px solid #fff;color:#fff;margin:1rem 0.5rem 0px 0px}
	.banner .ban .cure{background: linear-gradient(to right, #FB8732, #F6C418);color:#fff;border-color:#FB8732}
	.main{width: 100%;margin: 0px auto;overflow: hidden;}
	.m_1,.m_3,.m_5,.m_7,.m_9,.m_11,.m_13{width: 98%;margin: 2rem auto;position: relative;overflow: hidden;}
	.m_1 .mimg{width: 100%;margin: 1rem auto 0rem;}
	.m_1 .mimg img{width: 100%;}
	.m_1 ul{width: 100%;position: relative;}
	.m_1 ul li{padding: 0.4rem;border-radius: 4px;cursor: pointer;background: #fff;}
	.m_1 ul li h3{font-size: 0.8rem;line-height: 1rem;margin-bottom: 0.2rem;}
	.m_1 ul li p{font-size: 0.7rem;line-height: 1.2rem;color: #666;}
	.m_1 ul li:hover{background: linear-gradient(to right, #ff5e17, #FFC107);transition: all 1s;}
	.m_1 ul li:hover h3,.m_1 ul li:hover p{color: #fff;}
	.main .title{text-align: center;}
	.main .title h2{font-size: 1.2rem;line-height: 1.6rem;margin-bottom: 0.4rem;}
	.main .title p{font-size: 0.8rem;color: #666;}
	.main .m_btn{display: block;width: 8rem;height: 2rem;line-height: 2rem;background: linear-gradient(to right, #e50014, #f63704);border-radius: 4px;text-align: center;font-size: 16px;color: #fff;margin: 1rem auto 0px;}
	.main .m_btn_2{background: linear-gradient(to right, #FB8732, #F6C418);}
	.main .m_btn:hover{opacity: 0.9;}
	.m{width: 98%;margin: 0px auto;overflow: hidden;position: relative;}
	.m_2{width: 100%;background: url(../img/product/o2o/m2bg.jpg) center center no-repeat;padding: 2rem 0px;overflow: hidden;background-size: cover;}
	.m_2 .title h2,.m_2 .title p{color: #fff;}
	.m_2 .tab_nav{width: 100%;margin: 1rem auto 0px;position: relative;z-index: 10;}
	.m_2 .tab_nav li{height: 2rem;line-height: 2rem;font-size: 0.8rem;text-align: center;color: #fff;background: rgba(255,255,255,0.1);float: left;width: 20%;overflow: hidden;}
	.m_2 .tab_nav .active{color: #ff5e17;cursor: pointer;transition: all .3s;background: #fff;position: relative;font-size: 0.9rem;font-weight: bold;border-radius: 4px;}
	.m_2 .tab_main{width: 100%;overflow: hidden;position: relative;margin: 1rem auto 0rem;}
	.m_2 .tab_main .tm{width: 100%;display: none;overflow: hidden;margin: 0px auto;}
	.m_2 .tab_main .tm p,.m_2 .tab_main .tm h3{width: 100%;font-size: 1rem;color: #fff;line-height: 1.4rem;text-align: center;}
	.m_2 .tab_main .tm h3{border-top: 1px solid #fff;padding-top: 0.5rem;margin-top: 0.5rem;}
	.m_2 .tab_main .tm ul{width: 100%;overflow: hidden;margin-top: 0.5rem;}
	.m_2 .tab_main .tm li{width: 31%;height: 1.8rem;line-height: 1.8rem;text-align: center;font-size: 0.7rem;color: #fff;float: left;border: 1px solid #f2f2f2;margin: 0.5rem 2% 0rem 0rem;border-radius: 4px;background: rgba(255,255,255,0.2);}
	.m_2 .tab_main .tm li:nth-child(3n){float: right;margin-right: 0rem;}
	.m_2 .m_btn{position: absolute;left: 50px;top: 320px;}
	.m_2 .tab_main .current{display: block; transition: all 1s;}
	.m_3 .mimg{margin-top: 10px;}
	.m_3 .mimg img{width: 100%;}
	.m_4,.m_6,.m_8,.m_10,.m_12,.m_14{width: 100%;margin: 0px auto;overflow: hidden;padding: 2rem 0px; background: #faf9fa;}
	.m_4 ul{width: 100%;margin: 0.8rem auto 0rem;overflow: hidden;}
	.m_4 ul li{width: 45%;float: left;padding: 2%;border-radius: 4px;background: #fff; cursor: pointer;margin: 0.5rem 0rem 0rem;position: relative;text-align: center;}
	.m_4 ul li:hover{transition: all .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);box-shadow: 0px 0px 50px rgba(255,52,44,0.1);z-index: 10;}
	.m_4 ul li:nth-child(2n){float: right;}
	.m_4 ul li i{width: 40px;height: 40px;display: block;margin: 0.8rem auto 0.4rem;background: url(../img/product/o2o/02.png) no-repeat;}
	.m_4 ul li .ic01{background-position: 0px 0px;}
	.m_4 ul li .ic02{background-position: -54px 0px;}
	.m_4 ul li .ic03{background-position: -105px 0px;}
	.m_4 ul li .ic04{background-position: -160px 0px;}
	.m_4 ul li h3{font-size: 0.9rem;line-height: 1.4rem;margin-bottom: 0.2rem;}
	.m_4 ul li p{font-size: 0.7rem;color: #666;line-height: 1.2rem;}
	.m_5 .tab_img{width: 40%;margin-top: 1rem;float: left;}
	.m_5 .tab_img i{display: block;width: 100%;display: none;}
	.m_5 .tab_img i img{width: 100%;}
	.m_5 ul{width: 56%;float: right;margin-top: 1rem;}
	.m_5 ul li{width: 40%;float: left;padding: 2%;border: 1px solid #eee;border-radius: 4px;text-align: center;cursor: pointer;margin-top: 0.4rem;}
	.m_5 ul li:nth-child(2n){float: right;}
	.m_5 ul li i{display: block;width: 2rem;height: 2rem;margin: 0.5rem auto;}
	.m_5 ul li .ic_01{background: url(../img/product/o2o/ic01.png) center center no-repeat;background-size: cover;}
	.m_5 ul li .ic_02{background: url(../img/product/o2o/ic02.png) center center no-repeat;background-size: cover;}
	.m_5 ul li .ic_03{background: url(../img/product/o2o/ic03.png) center center no-repeat;background-size: cover;}
	.m_5 ul li .ic_04{background: url(../img/product/o2o/ic04.png) center center no-repeat;background-size: cover;}
	.m_5 ul li .ic_05{background: url(../img/product/o2o/ic05.png) center center no-repeat;background-size: cover;}
	.m_5 ul li .ic_06{background: url(../img/product/o2o/ic06.png) center center no-repeat;background-size: cover;}
	.m_5 ul li h3{font-size: 0.8rem;}
	.m_5 ul li p{display: none;}
	.m_5 ul li:hover,.m_5 ul .cur_point{background: linear-gradient(to right, #ff5e17, #FFC107);color: #fff;}
	.m_5 ul li:hover .ic_01,.m_5 ul .cur_point .ic_01{background: url(../img/product/o2o/ic01-2.png) center center no-repeat;background-size: cover;}
	.m_5 ul li:hover .ic_02,.m_5 ul .cur_point .ic_02{background: url(../img/product/o2o/ic02-2.png) center center no-repeat;background-size: cover;}
	.m_5 ul li:hover .ic_03,.m_5 ul .cur_point .ic_03{background: url(../img/product/o2o/ic03-2.png) center center no-repeat;background-size: cover;}
	.m_5 ul li:hover .ic_04,.m_5 ul .cur_point .ic_04{background: url(../img/product/o2o/ic04-2.png) center center no-repeat;background-size: cover;}
	.m_5 ul li:hover .ic_05,.m_5 ul .cur_point .ic_05{background: url(../img/product/o2o/ic05-2.png) center center no-repeat;background-size: cover;}
	.m_5 ul li:hover .ic_06,.m_5 ul .cur_point .ic_06{background: url(../img/product/o2o/ic06-2.png) center center no-repeat;background-size: cover;}
	.m_5 ul li:hover p,.m_5 ul .cur_point p{color: #fff;}
	.m_6 .mimg{margin-top: 1rem;}
	.mimg img{width: 100%;}
	.m_7 .mimg{float: none !important;}
	.m_7 ul{width: 100%;margin: 0rem auto;overflow: hidden;float: none !important;}
	.m_7 ul li{width:100%;overflow: hidden;position: relative;}
	.m_7 ul li i{width: 2rem;height: 2rem;display: block;font-size: 1.2rem;float: left;background: linear-gradient(to right, #ff5e17, #FFC107);color: #fff;border-radius: 50%;margin: 30px 0px 0px 15px;box-shadow: 5px -5px 5px rgba(255,52,44,0.1);text-align: center;line-height: 2rem;}
	.m_7 ul li i::after{content: "";width: 2px;height: 30px;background: #ff5e17;position: absolute;top: 70px;left: 29px;}
	.m_7 ul li i::before{width: 2px;height: 25px;background: #ff5e17;top: 0px;left: 29px;content: "";position: absolute;} 
	.m_7 ul li p{width: 80%;float: right;font-size: 0.8rem;color: #666;line-height: 1.4rem;margin-top: 30px;}
	.m_8 ul{width: 100%;margin: 1rem auto 0px;position: relative;overflow: hidden;}
	.m_8 ul li{width: 50%;float: left;position: relative;}
	.m_8 ul li:last-child{float: right;}
	.m_8 ul li::before,.m_8 ul li::after{content: "";width: 100%;position: absolute;height: 2px;background: #ff5e17;border-radius: 4px;top: 20px;}
	.m_8 ul li span{display: inline-block;width: 60%;height: 2rem;border-radius: 4px;background: #ff5e17;line-height: 2rem;text-align: center;margin-left: 20%;font-size: 0.8rem;color: #fff;}
	.m_8 .mimg{margin-top: 0.5rem;}
	.m_8 ul li:last-child span{background: #FFC107;}
	.m_8 ul li:last-child::before,.m_8 ul li:last-child::after{background: #FFC107}
	.m_9 .mimg,.m_10 .mimg,.m_11 .mimg{margin-top: 0.5rem;}
	.m_12 ul{width: 100%;margin: 1rem auto 0px;overflow: hidden;}
	.m_12 ul li{width: 45%;float: left;margin: 0.5rem 0rem 0rem;box-shadow: 0px 0px 10px rgba(0,0,0,0.02);background: #fff;padding: 2%;overflow: hidden;border-radius: 4px;cursor: pointer;}
	.m_12 ul li i{width:4rem;height: 4rem;display: block;margin: 0.4rem auto 0rem;border: 1px solid #eee;border-radius: 50%;}
	.m_12 ul li i span{width: 3.6rem;height: 3.6rem;display: block;margin: 0.2rem auto;overflow: hidden;border-radius: 50%;}
	.m_12 ul li i span img{width: 100%;}
	.m_12 ul li p{font-size: 0.8rem;text-align: center;margin-top: 0.5rem;}
	.m_12 ul li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.08);}
	.m_12 ul li:nth-child(2n){float: right;}
	.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_14{background: #ff5e17;}
	.m_14 .title h2,.m_14 .title p{color: #fff;}
	.m_14 span{margin: 0px auto;display: block;overflow: hidden;width: 90%;}
}
/* 浮动 */
.mtiyan{background: linear-gradient(to right, #ff5e17, #FFC107);}
.tcbox table thead{background: linear-gradient(to right, #ff5e17, #FFC107);}