/* 大屏，最小768 */
@media screen and (min-width: 768px){
	.banner{background: url(../../img/product/dingdanxitong/banner.jpg) top center no-repeat;}
	.m_1,.m_3,.m_5,.m_7{width: 1200px;margin: 60px auto;}
	.m_1{box-sizing: border-box;text-align: center;}
	.m_1 .simg{width: 1200px;margin: 50px auto 0px;overflow: hidden;}
	.m_1 a{display: inline-block;}
	.m_1 a:first-of-type{margin-right: 60px;}
	.m_2,.m_4,.m_6{width: 100%;margin: 0px auto;padding: 60px 0px;background: #f5f8fb;}
	.m_2{background: #f5f8fb url(../../img/product/dingdanxitong/bg.png) top center no-repeat;background-size: cover;}
	.m_2 .tab_nav{width: 1200px;margin: 40px auto 0px;overflow: hidden;border-top-left-radius: 8px;border-top-right-radius: 8px;}
	.m_2 .tab_nav li{width: 300px;float: left;font-size: 18px;line-height: 80px;background: #eee;color: #333;text-align: center;cursor: pointer;}
	.m_2 .tab_nav .current{background: linear-gradient(to right,#f6c419,#fc8832);color: #fff;border-bottom: 0px;}
	.m_2 .tab_box{width: 1198px;margin: 0px auto;background: #fff;box-sizing: border-box;text-align: center;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
	.m_2 .tab_box .tab_item{margin: 0px auto;padding: 10px 30px 50px;overflow: hidden;display: none;}
	.m_2 .tab_box .tab_item.active{display: block;}
	.m_2 .tab_box .tab_item ul{width: 100%;margin: 0px auto;}
	.m_2 .tab_box .tab_item ul li{width: 286px;margin: 40px 60px 0px 0px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);padding: 40px 20px;background: #fff;border-radius: 4px;text-align: center;cursor: pointer;display: inline-block;}
	.m_2 .tab_box .tab_item ul li:nth-child(3n){margin-right: 0px;}
	.m_2 .tab_box .tab_item ul li i{display: block;width: 60px;height: 60px;margin: 0px auto;margin-bottom: 20px;transition: 0.5s;}
	.m_2 .tab_box .tab_item ul li h3{font-size: 16px;color: #333;}
	.m_2 .tab_box .tab_item ul li p{font-size: 14px;color: #666;margin-top: 10px;padding: 0px 10px;}
	.m_2 .tab_box .tab_item ul li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
	.m_2 .tab_box .tab_item ul li:hover i{transform: rotate(15deg);transition: 0.3s;}
	.simg{width: 1200px;margin: 30px auto 0px;}
	.m_7 ul{width: 1200px;margin: 20px auto 0px;}
	.m_7 ul li{width: 300px;float: left;margin: 20px 20px 0px 0px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);border-radius: 8px;padding: 40px;background: #fff;}
	.m_7 ul li:nth-child(3n){margin-right: 0px;}
	.m_7 ul li i{width: 160px;height: 160px;display: block;margin: 0px auto 20px;}
	.m_7 ul li h3{font-size: 18px;color: #333;margin-bottom: 10px;}
	.m_7 ul li p{font-size: 14px;line-height: 24px;color: #666;}
}
/* 小屏，最大768 */
@media screen and (max-width: 768px){
	.title p{padding: 0rem;}
	.banner{width: 100%;background: url(../../img/product/dingdanxitong/mbanner.jpg) top center no-repeat;text-align: center;color: #fff;box-sizing: border-box;padding-bottom: 5rem;background-size: cover;}
	.m_1,.m_3,.m_5,.m_7{width: 96%;margin: 2rem auto;}
	.m_1{box-sizing: border-box;text-align: center;}
	.m_1 a{display: inline-block;width: 7rem;}
	.m_1 a:first-of-type{margin-right: 1rem;}
	.m_2,.m_4,.m_6{width: 100%;margin: 0px auto;padding: 2rem 0rem;background: #f5f8fb;}
	.m_2 .tab_nav{width: 96%;margin: 1.4rem auto 0rem;overflow: hidden;border-top-left-radius: 0.4rem;border-top-right-radius: 0.4rem;}
	.m_2 .tab_nav li{width: 25%;float: left;font-size: 0.8rem;line-height: 5rem;background: #eee;color: #333;text-align: center;cursor: pointer;font-weight: bold;}
	.m_2 .tab_nav .current{background: linear-gradient(to right,#f6c419,#fc8832);color: #fff;border-bottom: 0rem;}
	.m_2 .tab_box{width: 96%;margin: 0rem auto;background: #fff;box-sizing: border-box;text-align: center;}
	.m_2 .tab_box .tab_item{margin: 0rem auto;padding: 0.6rem 2% 2rem;overflow: hidden;display: none;}
	.m_2 .tab_box .tab_item.active{display: block;}
	.m_2 .tab_box .tab_item ul{width: 100%;margin: 0rem auto;}
	.m_2 .tab_box .tab_item ul li{width: 44%;margin: 0.5rem 0rem 0rem;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);padding: 1rem 2%;background: #fff;border-radius: 0.3rem;text-align: center;cursor: pointer;float: left;}
	.m_2 .tab_box .tab_item ul li:nth-child(2n){float: right;}
	.m_2 .tab_box .tab_item ul li i{display: block;width: 60px;height: 60px;margin: 0px auto;margin-bottom: 20px;transition: 0.5s;}
	.m_2 .tab_box .tab_item ul li h3{font-size: 1rem;color: #333;}
	.m_2 .tab_box .tab_item ul li p{font-size: 0.8rem;color: #666;margin-top: 0.6rem;height: 6.6rem;line-height: 1.3rem;}
	.m_2 .tab_box .tab_item ul li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
	.m_2 .tab_box .tab_item ul li:hover i{transform: rotate(15deg);transition: 0.3s;}
	.simg{width: 100%;margin: 1.5rem auto 0rem;}
	.simg img{width: 100%;}
	.m_7 ul{width: 96%;margin: 1rem auto 0rem;}
	.m_7 ul li{width: 88%;margin: 1rem auto 0rem;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);border-radius: 0.4rem;background: #fff;padding: 10%;}
	.m_7 ul li i{width: 5rem;height: 5rem;display: block;margin: 0rem auto 1rem;}
	.m_7 ul li i img{width: 100%;}
	.m_7 ul li h3{font-size: 1rem;color: #333;margin-bottom: 0.8rem;}
	.m_7 ul li p{font-size: 0.8rem;line-height: 1.3rem;color: #666;}
}
.banner .mbtn{color: #ff8801;}
.banner .mbtn2{color: #fff;}