.wrapper{background: #fafafa;}
.banner{margin: 0rem;}
.banner .swiper-slide{height: 600px;background: url(../img/product/banner.jpg) center center no-repeat;background-size: cover;filter: saturate(70%);;}
.banner .swiper-slide .btxt{width: 100%;}
.banner .swiper-slide .btxt h3{font-size: 2.8rem;color: #333;margin: 10px 0rem;font-weight: 700;}
.banner .swiper-slide .btxt h3 span{color: #1c70b7;}
.banner .swiper-slide .btxt p{font-size: 22px;color: #333;font-weight: normal;}
@media all and (max-width:980px){
	.banner .swiper-slide{height: auto;padding-bottom: 3rem;}
	.banner .swiper-slide{display: block;}
	.banner .swiper-slide .btxt{width: 100%;margin: 6rem auto 0rem;}
	.banner .swiper-slide .btxt h3{font-size: 1.3rem;}
	.banner .swiper-slide .btxt h3 span{color: #1c70b7;}
	.banner .swiper-slide .btxt p{font-size: 0.9rem;}
	.banner .swiper-slide .btxt .mbtn{padding: 0px 1rem;font-size: 0.9rem;}
}
.m_1{width:100%;padding:40px 0px;overflow: hidden;}
.m_1 .m{width: 1160px;background: #fff;padding:20px;margin-top: 30px;border-radius: 4px;}
.m_1 .m:hover{box-shadow:3px 3px 5px 3px rgba(0,0,0,0.08)}
.m_1 .mtxt{width:50%;}
.m_1 .mtxt h3{display:block;font-size:22px;color:#333;margin-bottom:10px;}
.m_1 .mtxt p{font-size:16px;color:#333;line-height:26px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.m_1 .mtxt ul{width: 100%;overflow: hidden;margin-top: 20px;}
.m_1 .mtxt ul li{font-size: 14px;color: #666;position: relative;padding-left: 12px;}
.m_1 .mtxt ul li::before{width: 5px;height: 5px;background: #1c70b7;content: "";position: absolute;left: 0rem;top: 40%;border-radius: 100%;}
.m_1 .mtxt .mbtn{padding: 0px 2rem;font-size: 1.2rem;}
.m_1 .video{width:48%;background: #F7F7F7;overflow: hidden;background: #f7f7f7;border: 1px solid #eee;position: relative;}
.m_1 .video iframe{width: 100%;height: 24rem;}
@media all and (max-width:980px){
	.m_1{padding: 2rem 0rem;}
	.m_1 .m{width: 90%;padding: 4%;margin-top: 1rem;}
	.m_1 .mtxt,.m_1 .video{width: 100%;}
	.m_1 .mtxt h3{font-size: 1rem;}
	.m_1 .mtxt p{font-size: 0.9rem;line-height: 1.2rem;}
	.m_1 .mtxt ul{margin-top: 0.6rem;}
	.m_1 .mtxt ul li{font-size: 0.8rem;}
	.m_1 .video{margin-top: 1rem;}
	.m_1 .video iframe{height: 12rem;}
}
.m_2,.m_5,.m_6{width: 1200px;margin: 0px auto;background: #fff;padding: 40px 0px;}
.m_2 ul{width:96%;margin:10px auto 0px;display: flex;flex-wrap: wrap;}
.m_2 ul li{width:31% !important;background:#fff;transition:all ease .5s;border-radius: 4px;text-align: center;margin-top: 20px;padding-bottom: 30px;border: 1px solid #f1eeee;margin-left: 20px;}
.m_2 ul li:hover{box-shadow:3px 3px 5px 3px rgba(0,0,0,0.08)}
.m_2 ul li h3{font-size:18px;color:#000;font-weight: normal;margin-top: 10px;}
.m_2 ul li .mimg{display:block;width:90%;transition:all ease .5s;overflow:hidden;margin:20px auto 0px;height: 280px;display:flex;justify-content:center;align-items:center;text-align: center;}
.m_2 ul li .mimg img{max-height: 90%;max-width: 90%;}
.m_2 ul li:hover img{transform:scale(1.1);transition:all ease .5s}
.m_2 ul li .mbtn{background: transparent;border: 1px solid #1c70b7;color: #1c70b7;transition:all ease .5s;padding: 0rem 2rem;font-size: 1rem;}
.m_2 ul li .mbtn:hover{background: #1c70b7;color: #fff;}
.m_3,.m_4{width: 1200px;padding: 40px 0px;overflow: hidden;margin: 0rem auto;}
.m_3 ul{width: 100%;margin: 30px auto 0px;display: flex;flex-wrap: wrap;justify-content:space-between;}
.m_3 ul li{width: 45%;border-radius: 4px;background: #fff;padding: 2%;border-radius: 4px;}
.m_3 ul li:hover{box-shadow:3px 3px 5px 3px rgba(0,0,0,0.08);}
.m_3 ul li .video{width:100%%;background: #F7F7F7;overflow: hidden;position: relative;}
.m_3 ul li .video iframe{width: 100%;height: 22rem;}
.m_3 ul li p{font-size: 16px;color: #333;margin-top: 10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.m_4{padding: 0rem;} 
.m_4 dl{width: 100%;margin: 20px auto 0rem;overflow: hidden;display: flex;flex-wrap: wrap;}
.m_4 dl dd{background: #fff;padding: 2px 15px;font-size: 16px;color: #333;margin: 5px 10px;}
.m_4 dl dd a{display: block;}
.m_4 dl dd:hover{box-shadow:3px 3px 5px 3px rgba(0,0,0,0.08)}
.m_5{margin: 40px auto;}
.m_5 ul,.m_6 ul{width: 100%;margin: 30px auto 0px;display:flex;justify-content:center;align-items:center;flex-wrap: wrap;}
.m_5 ul li,.m_6 ul li{width: 260px;margin: 0px auto;background: #fff;padding: 20px 10px;text-align: center;border-radius: 4px;}
.m_5 ul li .mimg,.m_6 ul li .mimg{display: flex;width: 100%;height: 260px;overflow: hidden;align-items:center;margin-bottom: 20px;}
.m_5 ul li .mimg img,.m_6 ul li .mimg img{max-width: 90%;max-height: 90%;margin: 0rem auto;transition:all ease .5s}
.m_5 ul li:hover,.m_6 ul li:hover{box-shadow:3px 3px 5px 3px rgba(0,0,0,0.08)}
.m_5 ul li:hover .mimg img,.m_6 ul li:hover .mimg img{transform:scale(1.1);transition:all ease .5s}
.m_5 ul li a,.m_6 ul li a{display: block;font-size: 14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.fenlei{width:1200px;}
.m_6{background: transparent;padding-top: 0px;}
@media all and (max-width:980px){
	.m_2,.m_5,.m_6,.m_3, .m_4{width: 100%;padding: 2rem 0px;}
	.m_2 ul li{width: 28% !important;margin: 0.8rem 0px 0px 0.8rem;padding-bottom: 0.8rem;}
	.m_2 ul li h3{font-size: 0.9rem;}
	.m_2 ul li .mimg{margin-top: 0.8rem;max-height: 100px;}
	.m_3 ul li{width: 100%;padding-bottom: 1rem;}
	.m_3 ul li .video{height: 12rem;}
	.m_3 ul li p{font-size: 0.8rem;}
	.m_4{padding: 0rem;}
	.m_4 dl dd{font-size: 0.9rem;}
	.m_5{margin: 2rem auto;}
	.m_5 ul, .m_6 ul{margin: 1rem auto 0rem;}
	.m_5 ul li, .m_6 ul li{width: 48%;padding: 0rem;margin-top: 1rem;}
	.m_5 ul li .mimg,.m_6 ul li .mimg{height: 180px;}
	.m_5 ul li a,.m_6 ul li a{font-size: 0.8rem;padding: 0rem 0.5rem;}
	.m_6{background: transparent;padding-top: 0px;}
	.m_6 ul li{padding-bottom: 1rem;}
	.fenlei{width:100%;}
}