.main{width: 100%;margin: 0px auto;overflow: hidden;}
@media screen and (min-width: 768px){
	.banner{height: 450px;background: url(../img/product/dinghuo/banner.jpg) center center no-repeat;}
	.ban{width:1200px;margin:70px auto 0px;position:relative;z-index:3;overflow:hidden;color: #fff;}
	.ban h3{font-size: 26px;}
	.ban h1{font-size: 40px;margin: 20px 0px 50px 0px;letter-spacing: 2px;line-height: 50px;position: relative;}
	.ban h1::after{width: 200px;height: 2px;background: #fff;content: "";position: absolute;left: 0px;top: 80px;}
	.ban p{font-size: 20px;font-weight: normal;margin-top: 10px;}
	.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}
	.ban .cure{height:50px;line-height:50px;background: #fff;color:#ff9410;border:0}
	.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: #ff9410;border-radius: 8px;text-align: center;font-size: 16px;color: #fff;margin: 30px auto 0px;}
	.main .m_btn:hover{opacity: 0.9;}
	.m_1,.m_4,.m_5{width: 1200px;margin: 60px auto;overflow: hidden;}
	.simg{width: 1200px;margin: 50px auto 0px;overflow: hidden;}
	.m_2,.m_3,.m_6,.m_zy{width: 100%;margin: 0px auto;padding: 60px 0px;background: #f5f8fb;overflow: hidden;}
	.m_2 ul{width: 1200px;margin: 30px auto 0px;}
	.m_2 ul li{width: 340px;margin: 20px 10px 0px;padding: 20px;float: left;}
	.m_2 ul li h3{font-size: 18px;overflow: hidden;line-height: 32px;border-bottom: 1px solid #eee;padding-bottom: 16px;margin-bottom: 16px;}
	.m_2 ul li h3 i{width: 32px;height: 32px;float: left;display: block;margin-right: 10px;}
	.m_2 ul li p{font-size: 14px;color: #666;line-height: 30px;position: relative;padding-left: 14px;}
	.m_2 ul li p::before{width: 4px;height: 4px;background: #ff9410;position: absolute;left: 0px;content: "";top:12px}
	.m_2 ul li:hover{background: #fff;border-radius: 6px;box-shadow: 0px 0px 20px rgba(0,0,0,0.08);cursor: pointer;}
	.m_3 .title h2{color: #fff;}
	.m_3 ul{width: 1200px;margin: 20px auto 0px;overflow: hidden;}
	.m_3 ul li{width: 280px;float: left;margin: 16px 10px 16px;text-align: center;background: rgba(255,255,255,1);border-radius: 8px;padding: 30px 0px 20px;}
	.m_3 ul li i{display: block;width: 50px;height: 50px;margin: 0px auto 20px;}
	.m_3 ul li h3{font-size: 18px;margin-bottom: 20px;}
	.m_3 ul li p{font-size: 14px;line-height: 26px;color: #666;}
	.m_3 ul li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.08);cursor: pointer;background: rgba(255,255,255,0.9)}
	.m_4 ul{width: 520px;float: left;background: #fff;border-radius: 6px;box-shadow: 0px 0px 20px rgba(0,0,0,0.08);margin: 50px 0px 20px 20px;padding: 30px;}
	.m_4 ul li{font-size: 18px;line-height: 50px;color: #666;}
	.m_4 ul li i{display: block;float: left;line-height: 50px;margin-right: 10px;font-size: 12px;color: #ff9410;}
	.m_4 .simg{width: 600px;float: right;margin: 60px 0px 0px;}
	.m_5 ul{margin: 50px auto 30px;}
	.m_5 ul li{width: 260px;margin: 0px 20px;float: left;box-shadow: 0px 10px 30px 0px rgba(83, 86, 90, 0.1);background: #fff;padding-bottom: 40px;border-radius: 6px;overflow: hidden;}
	.m_5 ul li i{display: block;width: 100%;height: 150px;background: #eee;}
	.m_5 ul li h3{font-size: 18px;text-align: center;margin-top: 40px;}
	.m_5 ul li .m_btn{height: 32px;line-height: 32px;border-radius: 32px;width: 120px;}
	.m_5 ul li:hover{transform: translateY(-30px);transition: all ease 300ms;}
	.m_zy,.m_3{background: linear-gradient(to bottom, #ff9410, #ffb337);box-sizing: border-box;text-align: center;}
	.m_zy .title h2,.m_zy .title p{color: #fff;}
	.m_zy .m_btn{display: inline-block;background: #fff;color: #ff9410;border: 1px solid #fff;}
	.m_zy .m_btn:last-child{margin-left: 20px;background: initial;color: #fff;}
	.m_6 .simg{text-align: center;}
	.cai{width: 100%;margin: 0px auto;padding: 60px 0px 40px;background: #fff;overflow: hidden;}
	.cai ul{width: 1200px;margin: 10px auto 0px;overflow: hidden;}
	.cai ul li{width: 260px;float: left;margin: 20px 0px 20px 30px;border-radius: 6px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);overflow: hidden;}
	.cai ul li:last-child{margin-right: 30px;;}
	.cai ul li a{display: block;text-align: center;line-height: 120px;font-size: 18px;color: #fff;font-weight: bold;padding-left: 60px;}
	.cai ul li:nth-child(1){background: #0082f1 url(../img/product/chain/260x120_01.png) left center;}
	.cai ul li:nth-child(2){background: #02bed2 url(../img/product/chain/260x120_02.png) left center;}
	.cai ul li:nth-child(3){background: #3b96f8 url(../img/product/chain/260x120_03.png) left center;}
	.cai ul li:nth-child(4){background: #6d4bf8 url(../img/product/chain/260x120_04.png) left center;}
	.cai ul li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
}
@media screen and (max-width: 768px){
	.banner{width: 100%;background: url(../img/product/dinghuo/mbanner.jpg) center center no-repeat;background-size: cover;padding: 0rem 0rem 3.6rem;height: 16rem;}
	.ban{width:98%;margin:0rem auto;overflow:hidden;color: #fff;text-align: center;}
	.ban h3{font-size: 1.2rem;}
	.ban h1{font-size: 1.6rem;margin: 0rem auto 1rem;position: relative;}
	.ban h1::after{width: 8rem;height: 1px;background: #fff;content: "";position: absolute;left: 29%;top: 2.8rem;}
	.ban p{font-size: 0.8rem;font-weight: normal;margin-top: 0.2rem;}
	.ban a{display:inline-block;width:8rem;height:2rem;line-height:2rem;font-size:0.8rem;border-radius:4px;text-align:center;border:1px solid #fff;color:#fff;margin:1rem 0.5rem 0px 0px}
	.ban .cure{background: #fff;color:#ff9410;}
	.main .title{text-align: center;}
	.main .title h2{font-size: 1.2rem;line-height: 1.4rem;margin: 0px 0px 0.4rem 0px;}
	.main .title p{font-size: 0.8rem;color: #666;margin-top: 0.2rem;}
	.main .m_btn{display: block;width:8rem;height:2rem;line-height:2rem;background: #ff9410;border-radius: 8px;text-align: center;font-size: 16px;color: #fff;margin: 1rem auto 0px;}
	.main .m_btn:hover{opacity: 0.9;}
	.m_1,.m_4,.m_5{width: 98%;margin: 2rem auto;overflow: hidden;}
	.simg{width: 100%;margin: 1rem auto 0px;overflow: hidden;}
	.simg img{width: 100%;}
	.m_2,.m_3,.m_6,.m_zy{width: 100%;margin: 0px auto;padding: 2rem 0px;background: #f5f8fb;overflow: hidden;}
	.m_2 ul{width: 98%;margin: 0.5rem auto 0px;}
	.m_2 ul li{width: 40%;margin: 0.5rem 0px 0px;padding: 4%;float: left;background: #fff;border-radius: 8px;}
	.m_2 ul li h3{font-size: 0.8rem;overflow: hidden;line-height: 1.6rem;border-bottom: 1px solid #eee;padding-bottom: 0.5rem;margin-bottom: 0.5rem;}
	.m_2 ul li h3 i{width: 1.6rem;height: 1.6rem;float: left;display: block;margin-right: 0.5rem;}
	.m_2 ul li h3 i img{width: 100%;}
	.m_2 ul li p{font-size: 0.7rem;color: #666;line-height: 1rem;position: relative;padding-left: 0.8rem;margin-top: 0.4rem;}
	.m_2 ul li p::before{width: 4px;height: 4px;background: #ff9410;position: absolute;left: 0px;content: "";top:7px}
	.m_2 ul li:hover{background: #fff;border-radius: 6px;box-shadow: 0px 0px 20px rgba(0,0,0,0.08);cursor: pointer;}
	.m_3 .title h2{color: #fff;}
	.m_3 ul{width: 98%;margin: 0.5rem auto 0px;overflow: hidden;}
	.m_3 ul li{width: 49%;float: left;margin: 0.5rem 0rem 0rem;text-align: center;background: rgba(255,255,255,1);border-radius: 4px;padding: 1rem  0px;}
	.m_3 ul li i{display: block;width: 3rem;height: 3rem;margin: 0px auto 0.5rem;}
	.m_3 ul li i img{width: 100%;}
	.m_3 ul li h3{font-size: 0.9rem;margin-bottom: 0.2rem;}
	.m_3 ul li p{font-size: 0.7rem;line-height: 1rem;color: #666;padding: 0rem 0.2rem;}
	.m_3 ul li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.08);cursor: pointer;background: rgba(255,255,255,0.9)}
	.m_2 ul li:nth-child(2n),.m_3 ul li:nth-child(2n),.m_5 ul li:nth-child(2n){float: right;}
	.m_4 ul{width: 86%;background: #fff;border-radius: 6px;box-shadow: 0px 0px 20px rgba(0,0,0,0.08);margin: 0.6rem auto;padding: 5%;}
	.m_4 ul li{font-size: 0.9rem;line-height: 1.2rem;color: #666;padding: 0.4rem 0rem;}
	.m_4 ul li i{display: block;float: left;line-height: 1.2rem;margin-right: 0.4rem;font-size: 0.8rem;color: #ff9410;}
	.m_5 ul{margin: 1rem auto 0.5rem;}
	.m_5 ul li{width: 48%;margin: 0.4rem 0rem 0rem;float: left;box-shadow: 0px 5px 10px 0px rgba(83, 86, 90, 0.1);background: #fff;padding-bottom: 0.5rem;border-radius: 6px;overflow: hidden;}
	.m_5 ul li i{display: block;width: 100%;}
	.m_5 ul li i img{width: 100%;}
	.m_5 ul li h3{font-size: 0.9rem;text-align: center;margin-top: 0.8rem;}
	.m_5 ul li .m_btn{height: 1.6rem;line-height: 1.6rem;border-radius: 1.6rem;width: 6rem;margin: 0.5rem auto 0.6rem;font-size: 0.8rem;}
	.m_5 ul li:hover{transform: translateY(-30px);transition: all ease 300ms;}
	.m_zy,.m_3{background: linear-gradient(to bottom, #ff9410, #ffb337);box-sizing: border-box;text-align: center;}
	.m_zy .title h2,.m_zy .title p{color: #fff;}
	.m_zy .m_btn{display: inline-block;background: #fff;color: #ff9410;border: 1px solid #fff;}
	.m_zy .m_btn:last-child{margin-left: 0.5rem;background: initial;color: #fff;}
	.m_6 .simg{text-align: center;}
	.cai{width: 100%;margin: 0px auto;padding: 0rem 0px 2rem;background: #fff;overflow: hidden;}
	.cai ul{width: 98%;margin: 0rem auto;overflow: hidden;}
	.cai ul li{width: 49%;float: left;margin: 0.5rem 0rem 0rem;border-radius: 6px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);overflow: hidden;}
	.cai ul li:nth-child(2n){float: right;}
	.cai ul li a{width: 40%;display: block;line-height: 1rem;font-size: 0.9rem;color: #fff;font-weight: bold;padding: 1.5rem 0rem 1.5rem 5.5rem;}
	.cai ul li:nth-child(1){background: #0082f1 url(../img/product/chain/260x120_01.png) left center no-repeat;}
	.cai ul li:nth-child(2){background: #02bed2 url(../img/product/chain/260x120_02.png) left center no-repeat;}
	.cai ul li:nth-child(3){background: #3b96f8 url(../img/product/chain/260x120_03.png) left center no-repeat;}
	.cai ul li:nth-child(4){background: #6d4bf8 url(../img/product/chain/260x120_04.png) left center no-repeat;}
	.cai ul li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
}