h1, h2, h3, h4, h5, h6{color: #222;}
.main{width: 100%;margin: 0px auto;}
@media screen and (min-width: 768px){
	.banner{width: 100%;margin: 0px auto;background: url(../img/product/chain/banner.jpg) top center no-repeat;overflow: hidden;height: 450px;}
	.m{width: 1200px;margin: 0px auto;overflow: hidden;}
	.banner .m{margin-top: 100px;}
	.banner h3{font-size: 24px;color: #fff;font-weight: normal;}
	.banner h2{font-size: 36px;color: #fff;position: relative;}
	.banner h2::after{width: 110px;height: 2px;background: #fff;content: "";position: absolute;left: 0px;top: 66px;}
	.banner p{font-size: 20px;color: #fff;width: 500px;line-height: 32px;margin-top: 30px;}
	.banner a{float: left;margin-right: 20px;}
	.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-top: 30px;}
	.main .m_btn_2{background: linear-gradient(to left, #FB8732, #F6C418);}
	.main .m_btn:hover{opacity: 0.9;}
	.m_1{width: 1200px;margin: 60px auto;}
	.m_1 ul{width: 100%;margin: 40px auto 0px;}
	.m_1 ul li{width: 275px;float: left;margin-right: 20px;border-radius: 6px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);overflow: hidden;cursor: pointer;transition: 0.3s all;}
	.m_1 ul li:first-child{margin-left: 20px;}
	.m_1 ul li i{width: 100%;margin: 0px auto;display: block;}
	.m_1 ul li p{color: #666;font-size: 14px;text-align: center;padding: 16px;}
	.m_1 ul li:hover{box-shadow: 0px 0px 30px rgba(0,0,0,0.2);}
	.m_2{width: 100%;margin: 0px auto;padding: 60px 0px;background: #f9faf9;overflow: hidden;}
	.m_2 ul{width: 1200px;margin: 40px auto 0px;background: url(../img/product/chain/pic001.png) top center no-repeat;height: 530px;}
	.m_2 ul li{width: 300px;border: 1px solid #C6D2EA;background: rgba(255,255,255,0.2);border-radius: 6px;padding: 20px;overflow: hidden;margin: 0px 20px;box-shadow: 0px 0px 20px rgba(0,0,0,0.08);}
	.m_2 ul li:nth-child(2n){float: right;}
	.m_2 ul li dt{margin-bottom: 10px;}
	.m_2 ul li dt h3{font-size: 22px;margin-bottom: 10px;font-weight: bold;}
	.m_2 ul li dt p{font-size: 16px;color: #666;font-weight: normal;}
	.m_2 ul li dl{box-sizing: border-box;}
	.m_2 ul li dd{font-size: 16px;position: relative;padding-left: 20px;color: #666;line-height: 32px;display: inline-block;width: 40%;box-sizing: content-box;}
	.m_2 ul li dd::before{width: 6px;height: 6px;background: #becfed;content: "";position: absolute;left: 6px;top: 14px;border-radius: 50%;}
	.m_2 ul li:nth-child(3){margin-top: 80px;}
	.m_2 ul li:nth-child(2){margin-top: -230px;}
	.m_2 ul li:nth-child(4){margin-top: -240px;}
	.m_2 ul .list-m{margin: -380px 460px 0px;float: none;background: rgba(255,255,255,0.8);}
	.m_2 .simg{display: none;}
	.m_3{width: 1200px;margin: 60px auto 0px;overflow: hidden;}
	.m_4{width: 100%;margin: 0px auto;background: #f9faf9;padding: 0px 0px 60px;overflow: hidden;}
	.m_4 .title{background: #fff url(../img/product/chain/bg1.png) top center no-repeat;overflow: hidden;padding: 40px 0px 60px;}
	.m_4 .title h2{color: #fff;font-style: italic;margin: 20px 0px 10px;}
	.m_4 .title p{color: #fff;}
	.m_4 .m{background: #fff;border-radius: 8px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);overflow: hidden;padding: 40px 0px;margin-top: -40px;}
	.m_4 .tit_2{text-align: center;margin: 0px auto;}
	.m_4 .tit_2 h3{font-size: 28px;text-align: center;overflow: hidden;color: #fc8832;}
	.m_4 .tit_2 h3 i{display: inline-block;width: 40px;height: 40px;border-radius: 50%;background: #fc8832;color: #fff;line-height: 40px;margin-right: 16px;font-size: 26px;}
	.m_4 .tit_2  p{font-size: 18px;text-align: center;color: #333;margin: 20px auto 0px;}
	.m_4 .ul_1{width: 800px;margin: 30px auto 0px;}
	.m_4 .ul_1 li{width: 160px;float: left;text-align: center;cursor: pointer;}
	.m_4 .ul_1 li i{width: 80px;height: 80px;display: block;margin: 0px auto;border-radius: 50%;}
	.m_4 .ul_1 li p{font-size: 14px;margin-top: 10px;color: #666;}
	.m_4 .simg{width: 1000px;margin: 30px auto;overflow: hidden;}
	.m_4 .simg img{width: 100%;}
	.m_4 .alink{width: 1000px;margin: 0px auto;box-sizing: border-box;text-align: center;border-bottom: 1px solid #eee;padding-bottom: 40px;margin-bottom: 40px;}
	.m_4 .alink a{display: inline-block;margin: 10px 20px 0px;}
	.m_4 .alink:last-child{border-bottom: 0px;padding-bottom: 0px;margin-bottom: 0px;}
	.m_5 .title{background: url(../img/product/chain/bg2.png) top center no-repeat;}
	.m_5 .tit_2 h3{color: #0082f1;}
	.m_5 .tit_2 h3 i{background: #0082f1;}
	.m_6 .title{background: url(../img/product/chain/bg1.png) top center no-repeat;}
	.m_4 .ul_2{width: 1000px;margin: 10px auto 0px;}
	.m_4 .ul_2 li{width: 166px;float: left;text-align: center;overflow: hidden;cursor: pointer;transition: 0.3s all;}
	.m_4 .ul_2 li i{width: 80px;height: 80px;border-radius: 50%;display: block;margin: 20px auto 0px;}
	.m_4 .ul_2 li p{font-size: 14px;margin-top: 10px;color: #333;}
	.m_4 .ul_1 li:hover i,.m_4 .ul_2 li:hover i{transform: translateY(-5px);transition: 0.3s all;}
	.m_4 .ul_3{width: 800px;margin: 10px auto 30px;overflow: hidden;}
	.m_4 .ul_3 li{width: 199px;float: left;text-align: center;overflow: hidden;border-right: 1px solid #eee;border-bottom: 1px solid #eee;padding-bottom: 20px;cursor: pointer;}
	.m_4 .ul_3 li i{width: 80px;height: 80px;border-radius: 50%;display: block;margin: 20px auto 0px;}
	.m_4 .ul_3 li p{font-size: 14px;margin-top: 10px;color: #333;}
	.m_4 .ul_3 li:nth-child(4n){border-right: 0px;}
	.m_4 .ul_3 li:nth-child(5),.m_4 .ul_3 li:nth-child(6),.m_4 .ul_3 li:nth-child(7),.m_4 .ul_3 li:nth-child(8){border-bottom: 0px;}
	.m_4 .ul_3 li:hover{background: #f9faf9;transition: 0.3s all;}
	.m_7{width: 1200px;margin: 60px auto;overflow: hidden;box-sizing: border-box;text-align: center;}
	.m_7 ul{width: 100%;margin: 20px auto 0px;overflow: hidden;}
	.m_7 ul li{width: 280px;margin: 10px 0px 10px 10px;float: left;text-align: center;cursor: pointer;padding: 30px 0px;transition: 0.3s all;}
	.m_7 ul li i{width: 80px;height: 80px;margin: 0px auto 20px;display: block;border-radius: 50%;}
	.m_7 ul li h3{font-size: 16px;color: #333;margin-bottom: 10px;}
	.m_7 ul li p{font-size: 14px;color: #666;padding: 0px 26px;}
	.m_7 ul li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
	.m_7 ul li:nth-child(4n){margin-right: 10px;}
	.m_7 .m_btn{display: inline-block;margin: 30px 20px 0px;}
	.cai{width: 100%;margin: 0px auto;padding: 60px 0px 40px;background: #f9faf9;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%;margin: 0px auto;background: url(../img/product/chain/mbanner.jpg) top center no-repeat;overflow: hidden;padding: 3.6rem 0rem;height: 16rem;background-size: cover;}
	.banner .m{width: 98%;margin: 3rem auto 0rem;text-align: center;color: #fff;}
	.banner .m h2{font-size: 1.1rem;position: relative;color: #fff;margin-top: 1.5rem;font-weight: normal;}
	.banner .m h3{font-size: 1.6rem;color: #fff;position: relative;}
	.banner .m h3::after{width: 8rem;height: 1px;background: #fff;content: "";position: absolute;left: 29%;top: 2.8rem;}
	.banner .m p{font-size: 0.8rem;margin-top: 0.2rem;}
	.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: inline-block;width: 8rem;height: 2rem;line-height: 2rem;background: linear-gradient(to right, #e50014, #f63704);border-radius: 4px;text-align: center;font-size: 0.8rem;color: #fff;margin-top: 1rem;}
	.main .m_btn_2{background: linear-gradient(to left, #FB8732, #F6C418);}
	.main .m_btn:hover{opacity: 0.9;}
	.m_1{width: 98%;margin: 2rem auto;}
	.m_1 ul{width: 100%;margin: 0rem auto;}
	.m_1 ul li{width: 49%;border-radius: 6px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);overflow: hidden;cursor: pointer;transition: 0.3s all;margin: 1rem auto 0rem;float: left;}
	.m_1 ul li i{width: 100%;margin: 0px auto;display: block;}
	.m_1 ul li i img{width: 100%;}
	.m_1 ul li p{color: #666;font-size: 0.7rem;text-align: center;padding: 0.4rem;line-height: 1.2rem;}
	.m_1 ul li:hover{box-shadow: 0px 0px 30px rgba(0,0,0,0.2);}
	.m_1 ul li:nth-child(2n){float: right;}
	.m_2{width: 100%;margin: 0px auto;padding: 2rem 0px;background: #f9faf9;overflow: hidden;}
	.m_2 .simg{display: block;width: 100%;margin: 1rem auto 0rem;}
	.m_2 .simg img{width: 100%;}
	.m_2 ul{display: none;}
	.m_3{width: 100%;margin: 2rem auto 0px;overflow: hidden;}
	.m_4{width: 100%;margin: 0px auto;background: #f9faf9;padding: 0px 0px 2rem;overflow: hidden;}
	.m_4 .title{background: #fff url(../img/product/chain/bg1.png) top center no-repeat;overflow: hidden;padding: 1.5rem 0rem 2rem;width: 100%;}
	.m_4 .title h2{color: #fff;font-style: italic;margin: 20px 0px 10px;}
	.m_4 .title p{color: #fff;padding: 0rem 0.4rem;}
	.m_4 .m{background: #fff;border-radius: 8px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);overflow: hidden;padding: 2rem 0px;margin-top: -1rem;}
	.m_4 .tit_2{width: 98%;text-align: center;margin: 0px auto;}
	.m_4 .tit_2 h3{font-size: 0.9rem;text-align: center;overflow: hidden;color: #fc8832;}
	.m_4 .tit_2 h3 i{display: inline-block;width: 2rem;height: 2rem;border-radius: 50%;background: #fc8832;color: #fff;line-height: 2rem;margin-right: 0.5rem;font-size: 1.2rem;}
	.m_4 .tit_2  p{font-size: 0.8rem;text-align: center;color: #333;margin: 0.5rem auto 0px;}
	.m_4 .ul_1{width: 98%;margin: 1rem auto 0.5rem;box-sizing: border-box;text-align: center;}
	.m_4 .ul_1 li{width: 33%;cursor: pointer;display: inline-block;}
	.m_4 .ul_1 li i{width: 80px;height: 80px;display: block;margin: 0px auto;border-radius: 50%;}
	.m_4 .ul_1 li p{font-size: 14px;margin-top: 10px;color: #666;}
	.m_4 .simg{width: 100%;margin: 1rem auto;overflow: hidden;}
	.m_4 .simg img{width: 100%;}
	.m_4 .alink{width: 100%;margin: 0px auto;box-sizing: border-box;text-align: center;border-bottom: 1px solid #eee;padding-bottom: 2rem;margin-bottom: 2rem;}
	.m_4 .alink a{display: inline-block;}
	.m_4 .alink:last-child{border-bottom: 0px;padding-bottom: 0px;margin-bottom: 0px;}
	.m_5 .title{background: url(../img/product/chain/bg2.png) top center no-repeat;}
	.m_5 .tit_2 h3{color: #0082f1;}
	.m_5 .tit_2 h3 i{background: #0082f1;}
	.m_4 .ul_2{width: 100%;margin: 10px auto 0px;}
	.m_4 .ul_2 li{width: 33%;float: left;text-align: center;overflow: hidden;cursor: pointer;transition: 0.3s all;}
	.m_4 .ul_2 li i{width: 80px;height: 80px;border-radius: 50%;display: block;margin: 1.2rem auto 0px;}
	.m_4 .ul_2 li p{font-size: 14px;margin-top: 10px;color: #333;}
	.m_4 .ul_1 li:hover i,.m_4 .ul_2 li:hover i{transform: translateY(-5px);transition: 0.3s all;}
	.m_4 .ul_3{width: 100%;margin: 10px auto 30px;overflow: hidden;}
	.m_4 .ul_3 li{width: 49%;float: left;text-align: center;overflow: hidden;border-right: 1px solid #eee;border-bottom: 1px solid #eee;padding-bottom: 20px;cursor: pointer;}
	.m_4 .ul_3 li i{width: 80px;height: 80px;border-radius: 50%;display: block;margin: 20px auto 0px;}
	.m_4 .ul_3 li p{font-size: 14px;margin-top: 10px;color: #333;}
	.m_4 .ul_3 li:nth-child(2n){border-right: 0px;float: right;}
	.m_4 .ul_3 li:nth-child(7),.m_4 .ul_3 li:nth-child(8){border-bottom: 0px;}
	.m_4 .ul_3 li:hover{background: #f9faf9;transition: 0.3s all;}
	.m_7{width: 98%;margin: 2rem auto;overflow: hidden;box-sizing: border-box;text-align: center;}
	.m_7 ul{width: 100%;margin: 0rem auto;overflow: hidden;}
	.m_7 ul li{width: 49%;float: left;text-align: center;cursor: pointer;margin: 0.8rem 0px 0rem;transition: 0.3s all;}
	.m_7 ul li i{width: 80px;height: 80px;margin: 0px auto 0.5rem;display: block;border-radius: 50%;}
	.m_7 ul li h3{font-size: 0.8rem;color: #333;}
	.m_7 ul li p{font-size: 0.7rem;color: #666;padding: 0px 0.4rem;}
	.m_7 ul li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
	.m_7 ul li:nth-child(2n){float: right;}
	.cai{width: 100%;margin: 0px auto;padding: 2rem 0px;background: #f9faf9;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);}
}