/* 大屏，最小768 */
@media screen and (min-width: 768px){
	.banner{background: url(../../img/product/caigou/banner.jpg) center center no-repeat;}
	.m_6 .simg{width: 1000px;margin: 40px auto 0px;display: block;}
	.m_6 .simg img{width: 100%;}
	.m_1,.m_6{width: 1200px;margin: 60px auto;}
	.m_1 ul{width: 100%;margin: 30px auto 0px;}
	.m_1 ul li{width: 225px;float: left;margin: 30px 20px 0px 0px;padding: 30px;border-radius: 6px;box-shadow: 0px 5px 20px 0px #131e340f;}
	.m_1 ul li:nth-child(4n){margin-right: 0px;}
	.m_1 ul li i{display: block;width: 44px;height: 44px;margin: 0px auto 20px;}
	.m_1 ul li h3{font-size: 18px;margin-bottom: 20px;text-align: center;color: #333;}
	.m_1 ul li p{font-size: 14px;line-height: 24px;color: #666;}
	.m_1 ul li:hover{box-shadow: 0px 10px 40px 0px #131e3426;cursor: pointer;transform: translateY(-10px);transition: all ease 300ms;}
	.m_4{width: 100%;margin: 0px auto;background: url(../../img/product/caigou/bg.jpg) bottom center;background-size: 100%;overflow: hidden;padding: 60px 0px;}
	.m_4 .title h2,.m_4 .title p{color: #fff;}
	.m_4 .tab_nav{width: 1200px;margin: 40px auto 0px;box-sizing: border-box;background: rgba(255,255,255,0.2);border-bottom: 1px solid #eee;}
	.m_4 .tab_nav li{width: 399px;font-size: 18px;color: #fff;text-align: center;line-height: 60px;border-right: 1px solid #000;display: inline-block;cursor: pointer;}
	.m_4 .tab_nav li:last-child{border-right: 0px;}
	.m_4 .tab_nav .current{background: #fff;color: #333;}
	.m_4 .tab_box{width: 1200px;margin: 0px auto;}
	.m_4 .tab_box .tab_item{width: 100%;margin: 0px auto;background: rgba(255,255,255,1);padding: 40px 0px 20px;overflow: hidden;display: none;}
	.m_4 .tab_box .tab_item.active{display: block;}
	.m_4 .tab_box .tab_item ul li{width: 320px;float: left;margin-left: 40px;}
	.m_4 .tab_box .tab_item ul li dl{margin-bottom: 20px;overflow: hidden;}
	.m_4 .tab_box .tab_item ul li dl dt{display: block;width:40px;height: 40px;float: left;font-size: 26px;color: #666;margin-top: 2px;}
	.m_4 .tab_box .tab_item ul li dl dd{float: right;width: 280px;font-size: 14px;color: #666;}
	.m_4 .tab_box .tab_item ul li dl dd:first-of-type{font-size: 16px;color: #333;}
	.m_4 .tab_box .tab_item ul li:first-child{margin-left: 80px;}
	.m_4 .tab_box .tab_item ul li:last-child{width: 400px;float: right;margin-left: 0px;margin-right: 40px;text-align: center;}
	.m_4 .tab_box .tab_item ul li h3{font-size: 60px;font-weight: 500;color: #333;line-height: 60px;}
	.m_4 .tab_box .tab_item ul li p{font-size: 18px;color: #333;margin-top: 10px;}
	.m_2,.m_3 .tab_box #item2,.m_3 .tab_box #item4{width: 100%;margin: 0px auto;padding: 60px 0px 40px;background: #f5f8fb;overflow: hidden;}
	.m_3{width: 100%;margin: 0px auto;overflow: hidden;position: relative;}
	.m_3 .tab_nav{width: 100%;background: #fff;overflow: hidden;border-bottom: 1px solid #eee;box-sizing: border-box;text-align: center;}
	.m_3 .tab_nav li{width: 200px;line-height: 62px;font-size: 16px;margin: 0px 50px;cursor: pointer;display: inline-block;}
	.m_3 .tab_nav li a{display: block;color: #333;}
	.m_3 .tab_nav .cur{color: #0ccaca;border-bottom: 2px solid #0ccaca;}
	.fixed-table .tab_nav{position: fixed;}
	.m_3 .tab_box{width: 100%;margin: 0px auto;overflow: hidden;}
	.m_3 .tab_box .box_item{overflow: hidden;margin: 40px auto;}
	.m_3 .tab_box .box_item .m{box-shadow: 0px 10px 30px 0px #131e341a;background: #fff;border-radius: 8px;overflow: hidden;}
	.m_3 .tab_box .box_item .txt{width: 460px;padding: 30px 0px 0px 30px;}
	.m_3 .tab_box .box_item .txt dt{font-size: 24px;color: #333;}
	.m_3 .tab_box .box_item .txt dd{margin: 20px 0px 10px;}
	.m_3 .tab_box .box_item .txt dd h3{font-size: 18px;overflow: hidden;color: #333;margin-bottom: 6px;}
	.m_3 .tab_box .box_item .txt dd h3 i{display: block;width: 26px;height: 26px;float: left;margin-right: 10px;color: #0ccaca;border: 1px solid #0ccaca;border-radius: 50%;text-align: center;line-height: 26px;-webkit-text-stroke-color: #fff;-webkit-text-stroke-width: 2px;}
	.m_3 .tab_box .box_item .txt dd p{margin-left: 36px;font-size: 14px;line-height: 24px;color: #666;}
	.m_3 .tab_box .box_item .simg{width: 700px;overflow: hidden;}
	.m_3 .tab_box .box_item .simg img{display: block;height: 100%;}
}
/* 小屏，最大768 */
@media screen and (max-width: 768px){
	.banner{width: 100%;background: url(../../img/product/caigou/mbanner.jpg) top center no-repeat;text-align: center;color: #fff;box-sizing: border-box;padding-bottom: 5rem;background-size: cover;}
	.banner h2{font-size: 1.6rem;}
	.m_1,.m_6{width: 100%;margin: 2rem auto;overflow: hidden;}
	.m_6 .simg{width: 96%;margin: 1rem auto 0rem;display: block;}
	.m_6 .simg img{width: 100%;}
	.m_4{width: 100%;margin: 0rem auto;background: url(../../img/product/caigou/bg.jpg) bottom center;background-size: 100%;overflow: hidden;padding: 3rem 0rem;}
	.m_4 .title h2,.m_4 .title p{color: #fff;}
	.m_4 .tab_nav{width: 96%;margin: 2rem auto 0rem;box-sizing: border-box;background: rgba(255,255,255,0.2);border-bottom: 0.1rem solid #eee;}
	.m_4 .tab_nav li{width: 32%;font-size: 1rem;color: #fff;text-align: center;line-height: 3rem;border-right: 0.1rem solid #000;display: inline-block;cursor: pointer;}
	.m_4 .tab_nav li:last-child{border-right: 0rem;}
	.m_4 .tab_nav .current{background: #fff;color: #333;}
	.m_4 .tab_box{width: 96%;margin: 0px auto;}
	.m_4 .tab_box .tab_item{width: 100%;margin: 0px auto;background: rgba(255,255,255,1);padding: 2rem 0rem 1rem;overflow: hidden;display: none;}
	.m_4 .tab_box .tab_item.active{display: block;}
	.m_4 .tab_box .tab_item ul{display: block;}
	.m_4 .tab_box .tab_item ul li{width: 80%;margin: 0rem auto 1.4rem;}
	.m_4 .tab_box .tab_item ul li dl{margin-bottom: 0.6rem;overflow: hidden;}
	.m_4 .tab_box .tab_item ul li dl dt{display: block;float: left;font-size: 1.6rem;color: #666;margin-top: 0.2rem;}
	.m_4 .tab_box .tab_item ul li dl dd{float: right;width: 86%;font-size: 14px;color: #666;}
	.m_4 .tab_box .tab_item ul li dl dd:first-of-type{font-size: 16px;color: #333;}
	.m_4 .tab_box .tab_item ul li:last-child{text-align: center;}
	.m_4 .tab_box .tab_item ul li h3{font-size: 4rem;font-weight: 500;color: #333;line-height: 4rem;}
	.m_4 .tab_box .tab_item ul li p{font-size: 1.2rem;color: #333;margin-top: 0.6rem;}
	.m_2,.m_3 .tab_box #item2,.m_3 .tab_box #item4{width: 100%;margin: 0rem auto;padding: 2rem 0rem;background: #f5f8fb;overflow: hidden;}
	.m_3{width: 100%;margin: 0px auto;overflow: hidden;position: relative;}
	.m_3 .tab_nav{width: 100%;background: #fff;overflow: hidden;}
	.m_3 .tab_nav li{width: 25%;line-height: 4rem;font-size: 0.8rem;float: left;text-align: center;margin: 0rem;cursor: pointer;border-bottom: 0.1rem solid #eee;}
	.m_3 .tab_nav li a{display: block;color: #333;}
	.m_3 .tab_nav .cur{color: #0ccaca;border-bottom: 0.1rem solid #0ccaca;}
	.fixed-table .tab_nav{position: fixed;top: 3.6rem !important;}
	.m_3 .tab_box{width: 100%;margin: 0rem auto;overflow: hidden;}
	.m_3 .tab_box .box_item{overflow: hidden;margin: 1rem auto 2rem;}
	.m_3 .tab_box #item1,.m_3 .tab_box #item3{width: 96%;}
	.m_3 .tab_box .box_item .m{box-shadow: 0rem 0rem 1rem rgba(0,0,0,0.1);background: #fff;border-radius: 0.4rem;overflow: hidden;}
	.m_3 .tab_box .box_item .txt{width: 100%;padding: 1.2rem 0rem;}
	.m_3 .tab_box .box_item .txt dt{font-size: 1.2rem;color: #333;font-weight: bold;margin-left: 1rem;}
	.m_3 .tab_box .box_item .txt dd{margin: 0.8rem 0rem 0.6rem;}
	.m_3 .tab_box .box_item .txt dd h3{font-size: 1rem;overflow: hidden;color: #333;margin-bottom: 0.4rem;}
	.m_3 .tab_box .box_item .txt dd h3 i{display: block;width: 1.4rem;height: 1.4rem;float: left;margin: 0rem 0.5rem 0rem 1rem;color: #0ccaca;border: 0.1rem solid #0ccaca;border-radius: 50%;text-align: center;line-height: 1.4rem;-webkit-text-stroke-color: #fff;-webkit-text-stroke-width: 0.1rem;}
	.m_3 .tab_box .box_item .txt dd p{margin: 0rem 1rem;font-size: 0.8rem;line-height: 1.6rem;color: #666;}
	.m_3 .tab_box .box_item .simg{width: 100%;overflow: hidden;}
	.m_3 .tab_box .box_item .simg img{display: block;width: 100%;}
	.m_1 ul{width: 100%;margin: 1rem auto 0rem;}
	.m_1 ul li{width: 36%;float: left;margin: 1rem 4%;padding: 4%;border-radius: 0.4rem;box-shadow: 0rem 0rem 1rem rgba(0,0,0,0.1);}
	.m_1 ul li:nth-child(2n){margin-left: 0%;}
	.m_1 ul li i{display: block;width: 3rem;height: 3rem;margin: 0.4rem auto;text-align: center;}
	.m_1 ul li h3{font-size: 1.2rem;margin-bottom: 1rem;text-align: center;color: #333;}
	.m_1 ul li p{font-size: 0.8rem;line-height: 1.4rem;color: #666;}
	.m_1 ul li:hover{box-shadow: 0rem 0rem 1rem rgba(0,0,0,0.1);cursor: pointer;transform: translateY(-10px);transition: all ease 300ms;}
}
.banner .mbtn{color: #000;}
.banner .mbtn2{color: #fff;}
.m_3 .tab_box .mbtn{clear: both;}