.main{width: 100%;margin: 0px auto;overflow: hidden;color: #777d86;}
h1, h2, h3, h4, h5, h6 {color: #222;}
@media screen and (min-width: 768px){
	.m{overflow: hidden;width: 1200px;margin: 0px auto;}
	.mbtn{width: 156px;height: 40px;text-align: center;background: linear-gradient(to right,#00BCD4, #0ccaca);border-radius: 6px;display: block;margin: 30px auto 0px;}
	.mbtn,.mbtn a{font-size: 16px;color: #fff;line-height: 40px;display: block;}
	.mbtn:hover{opacity: 0.9;}
	.mbtn2{background: linear-gradient(to right,#f6c419,#fc8832);}
	.title{max-width: 1200px;margin: 0px auto;text-align: center;}
	.title h2{font-size: 34px;margin-bottom: 20px;}
	.title p{font-size: 16px;line-height: 34px;}
	.left{float: left;}
	.right{float: right;}
	.banner{height: 450px;background: url(../img/product/dinghuoxitong/banner.jpg) center center no-repeat;}
	.banner h2{color: #fff;font-size: 56px;margin-top: 90px;}
	.banner h3{color: #fff;font-size: 32px;margin-top: 20px;}
	.banner p{color: #fff;font-size: 22px;margin-top: 10px;}
	.banner a{float: left;margin: 30px 10px 0px 0px;cursor: pointer;}
	.m_1,.m_3,.m_5,.m_7,.anli{width: 1200px;margin: 60px auto;}
	.m_1 ul{width: 1200px;margin: 0px auto;}
	.m_1 ul li{width: 220px;float: left;margin: 40px 16px 0px;box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.08);background: #fff;padding: 20px;border-radius: 6px;text-align: center;}
	.m_1 ul li i{width: 68px;height: 68px;display: block;margin: 0px auto 10px;}
	.m_1 ul li h3{font-size: 18px;margin-bottom: 8px;}
	.m_1 ul li p{font-size: 14px;color: #999;line-height: 22px;}
	.m_2,.m_4,.m_6,.m_8{width: 100%;margin: 0px auto;padding: 60px 0px;overflow: hidden;background: #f5f8fb;}
	.m_2 .simg{width: 1200px;margin: 30px auto 0px;text-align: center;}
	.m_3 ul{width: 100%;overflow: hidden;margin: 30px auto 0px;}
	.m_3 ul li{float: left;width: 450px;}
	.m_3 ul .list03{float: right;}
	.m_3 ul .list02{width: 300px;height: 300px;background: linear-gradient(to right,#00BCD4, #0ccaca);border-radius: 50%;}
	.m_3 ul .list02 img{display: block;width: 200px;-webkit-filter: brightness(100);filter: brightness(100);margin: 100px auto;}
	.m_3 ul li dl{width: 340px;box-shadow: 0px 6px 20px 0px rgba(0,0,0,0.08);background: #fff;padding: 20px;border-radius: 6px;position: relative;}
	.m_3 ul li dl:last-child{margin-top: 60px;box-shadow: 0px -6px 20px 0px rgba(0,0,0,0.08);}
	.m_3 ul li dl dt{width: 80px;height: 62px;border-radius: 50%;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08);background: #f6c419;font-size: 18px;text-align: center;color: #fff;line-height: 24px;padding-top: 18px;}
	.m_3 ul li dl dd{font-size: 16px;line-height: 40px;}
	.m_3 ul .list01 dl{float: left;margin-left: 40px;}
	.m_3 ul .list01 dl dt{float: right;margin-right: -60px;}
	.m_3 ul .list01 dl dd{text-align: right;margin-right: 40px;}
	.m_3 ul .list03 dl{float: right;margin-right: 40px;}
	.m_3 ul .list03 dl dt{float: left;margin-left: -60px;}
	.m_3 ul .list03 dl dd{margin-left: 40px;text-align: left;}
	.m_3,.m_6,.m_7{box-sizing: border-box;text-align: center;}
	.m_3 a,.m_6 a,.m_7 a{display: inline-block;margin: 30px 30px 0px;}
	.m_4 .m{margin-top: 40px;}
	.mtxt{width: 560px;margin-top: 70px;}
	.mtxt li{overflow: hidden;margin-bottom: 40px;}
	.mtxt li i{width: 36px;height: 36px;border-radius: 50%;background: #fc8832;color: #fff;font-size: 30px;-webkit-text-stroke-color: #fc8832;-webkit-text-stroke-width: 3px;display: block;float: left;text-align: center;line-height: 36px;}
	.mtxt li p{font-size: 16px;width: 510px;float: right;line-height: 36px;}
	.mtxt li:last-child{margin-bottom: 0px;}
	.mtxt a{float: left;margin-right: 40px;}
	.m_5{overflow: hidden;}
	.m_5 .simg{margin-top: 40px;}
	.m_5 .mtxt li i{float: right;background: #00BCD4;-webkit-text-stroke-color: #00BCD4;}
	.m_5 .mtxt li p{text-align: right;float: left;}
	.m_5 .mtxt a{float: right;margin: 30px 0px 0px 40px;}
	.m_6 .simg{width: 1200px;margin: 40px auto 0px;}
	.m_7 .simg{margin: 40px auto 0px;}
	.m_8 table{width: 800px;margin: 50px auto 0px;overflow: hidden;border-spacing: 0px;border-radius: 4px;background: #fff;box-shadow: 0px 10px 20px rgba(0,0,0,0.08);padding-bottom: 20px;}
	.m_8 table thead th{border-top: 4px solid #00BCD4;padding: 0px;line-height: 60px;font-size: 14px;border-bottom: 1px solid #eee;text-align: left;padding-left: 50px;}
	.m_8 table tbody td{line-height: 50px;padding-left: 50px;font-size: 14px;}
	.m_8 table tbody td a{display: block;}
	.m_8 table tbody td a:hover{color: #fc8832;}
}
@media screen and (max-width: 768px){
	.m{overflow: hidden;width: 98%;margin: 0px auto;}
	.mbtn{width: 8rem;height: 2rem;text-align: center;background: linear-gradient(to right,#00BCD4, #0ccaca);border-radius: 6px;display: block;margin: 1rem auto 0px;}
	.mbtn,.mbtn a{font-size: 0.8rem;color: #fff;line-height: 2rem;display: block;}
	.mbtn:hover{opacity: 0.9;}
	.mbtn2{background: linear-gradient(to right,#f6c419,#fc8832);}
	.title{width: 100%;overflow: hidden;text-align: center;}
	.title h2{font-size: 1.2;color: #333;}
	.title p{font-size: 0.8rem;color: #666;line-height: 1.2rem;margin-top: 0.5rem;}
	.banner{background: url(../img/product/dinghuoxitong/mbanner.jpg) center center no-repeat;background-size: cover;text-align: center;box-sizing: border-box;}
	.banner h2{color: #fff;font-size: 1.5rem;margin-top: 1rem;}
	.banner h3{color: #fff;font-size: 1rem;margin-top: 20px;}
	.banner p{color: #fff;font-size: 0.8rem;margin-top: 10px;}
	.banner a{margin: 1rem 0.5rem 0px 0px;cursor: pointer;display: inline-block;}
	.m_1,.m_3,.m_5,.m_7,.anli{width: 98%;margin: 2rem auto;overflow: hidden;}
	.m_1 ul{width: 100%;margin: 0px auto;}
	.m_1 ul li{width: 40%;float: left;margin: 0.5rem 0rem 0rem;box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.08);background: #fff;padding: 4%;border-radius: 6px;text-align: center;}
	.m_1 ul li i{width: 3rem;height: 3rem;display: block;margin: 0px auto;}
	.m_1 ul li i img{width: 100%;}
	.m_1 ul li h3{font-size: 0.8rem;margin-bottom: 0.2rem;}
	.m_1 ul li p{font-size: 0.7rem;color: #999;line-height: 1rem;}
	.m_1 ul li:nth-child(2n){float: right}
	.m_2,.m_4,.m_6,.m_8{width: 100%;margin: 0px auto;padding: 2rem 0px;overflow: hidden;background: #f5f8fb;}
	.simg{width: 98%;margin: 1rem auto 0px;text-align: center;}
	.simg img{width: 100%;}
	.m_3 ul{width: 100%;overflow: hidden;margin: 0.5rem auto 0px;box-sizing: ;}
	.m_3 ul li{width: 100%;overflow: hidden;}
	.m_3 ul .list02{display: none;}
	.m_3 ul li dl{width: 38%;box-shadow: 0px 6px 20px 0px rgba(0,0,0,0.08);background: #fff;padding: 5%;border-radius: 6px;position: relative;margin-top: 0.5rem;float: left;}
	.m_3 ul li dl:last-child{float: right;}
	.m_3 ul li dl dt{width: 4rem;height: 2.9rem;border-radius: 50%;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08);background: #f6c419;font-size: 0.9rem;text-align: center;color: #fff;line-height: 1rem;padding-top: 1.1rem;margin: 0rem auto 0.5rem;}
	.m_3 ul li dl dd{font-size: 0.7rem;line-height: 1rem;}
	.m_3,.m_6,.m_7{box-sizing: border-box;text-align: center;}
	.m_3 a,.m_6 a,.m_7 a,.m_4 a,.m_5 a{display: inline-block;margin: 1rem 0.5rem 0px;}
	.mtxt{width: 98%;margin: 0rem auto;float: none !important;}
	.mtxt li{overflow: hidden;margin-bottom: 40px;}
	.mtxt li i{width: 2rem;height: 2rem;border-radius: 50%;background: #fc8832;color: #fff;font-size: 1rem;-webkit-text-stroke-color: #fc8832;-webkit-text-stroke-width: 1px;display: block;float: left;text-align: center;line-height: 2rem;}
	.mtxt li p{font-size: 0.8rem;float: right;line-height: 1rem;width: 86%;}
	.mtxt li:last-child{margin-bottom: 0px;}
	.m_5 .mtxt li i{background: #00BCD4;-webkit-text-stroke-color: #00BCD4;}
	.m_8 table{width: 98%;margin: 1rem auto 0px;overflow: hidden;border-spacing: 0px;border-radius: 4px;background: #fff;box-shadow: 0px 10px 20px rgba(0,0,0,0.08);padding-bottom: 20px;}
	.m_8 table thead th{border-top: 4px solid #00BCD4;padding: 0.4rem 0rem;line-height: 1rem;font-size: 0.7rem;border-bottom: 1px solid #eee;text-align: left;}
	.m_8 table tbody td{line-height: 1rem;font-size: 0.7rem;padding: 0.4rem 0rem;}
	.m_8 table tbody td a{display: block;}
	.m_8 table tbody td a:hover{color: #fc8832;}
}