.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;}
}
.bread{padding-top: 70px;}
.m_1{width:1160px;padding:20px;overflow: hidden;margin: 30px auto;background: #fff;display: flex;flex-wrap: wrap;justify-content: space-between;}
.m_1 .mcont{width: 860px;}
.m_1 .mcont .title{text-align: left;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.m_1 .mcont .title h2{margin-bottom: 20px;}
.m_1 .mcont .title span{line-height: 26px;font-size: 14px;display: inline-block;padding-right: 20px;}
.m_1 .mcont .title span i{padding-right: 6px;}
.m_1 .mcont .mctxt{margin-top: 20px;}
.m_1 .mcont .mctxt p{font-size: 16px;line-height: 24px;margin: 10px 0rem;}
.m_1 .mcont .mctxt p img{max-width: 100%;}
.m_1 .mcont .mcpn{width: 100%;margin: 50px auto 20px;overflow: hidden;}
.m_1 .mcont .mcpn li{border-top: 1px solid #eee;line-height: 1.2rem;font-size: 0.9rem;color: #666;padding: 1rem 0px;}
.m_1 .mcont .mcpn li a{color: #333;}
.m_1 .mcont .mcpn li a:hover{color: #1c70b7;}
.m_1 .mcont .mcpopular{width: 100%;}
.mcp_tit{line-height: 50px;border-bottom: 1px solid #eee;position: relative;}
.mcp_tit h3{font-size: 20px;}
.mcp_tit h3::after{content: "";width: 160px;height: 1px;background: #1c70b7;position: absolute;left: 0;bottom: -1px;}
.m_1 .mcont .mcpopular ul{width: 100%;margin: 20px auto 0px;display:flex;justify-content:space-between;align-items:center;flex-wrap: wrap;}
.m_1 .mcont .mcpopular ul li{width: 200px;margin: 10px auto;background: #fff;padding: 0px 0px 20px;text-align: center;border-radius: 4px;}
.m_1 .mcont .mcpopular ul li .mimg{display: block;width: 100%;height: 200px;overflow: hidden;}
.m_1 .mcont .mcpopular ul li .mimg img{max-width: 100%;max-height: 100%;margin: 0rem auto;transition:all ease .5s}
.m_1 .mcont .mcpopular ul li:hover{box-shadow:3px 3px 5px 3px rgba(0,0,0,0.08)}
.m_1 .mcont .mcpopular ul li:hover .mimg img{transform:scale(1.1);transition:all ease .5s}
.m_1 .mcont .mcpopular ul li a{display: block;font-size: 14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding: 0px 10px;}
.m_1 .mside{width: 280px;overflow: hidden;}
.m_1 .mside ul{width: 90%;margin: 10px auto 0px;display:flex;justify-content:space-between;align-items:center;flex-wrap: wrap;}
.m_1 .mside ul li{width: 100%;margin-top: 20px;}
.m_1 .mside ul li:hover{box-shadow:3px 3px 5px 3px rgba(0,0,0,0.08)}
.m_1 .mside ul li .mimg{display: block;width: 100%;overflow: hidden;}
.m_1 .mside ul li .mimg img{width: 100%;}
.m_1 .mside ul li:hover .mimg img{transform:scale(1.1);transition:all ease .5s}
.m_1 .mside ul li .mtxt{padding: 10px;background: #f8f8f8;}
.m_1 .mside ul li .mtxt p{font-size: 0.9rem;margin-bottom: 10px;color: #333;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.m_1 .mside ul li .mtxt span{float: right;}
.m_1 .mside ul li .mtxt span,.m_1 .mside ul li .mtxt em{color: #666;font-size: 14px;}
@media all and (max-width:980px){
	.m_1{padding: 2rem 0rem;width: 100%;}
	.m_1 .mcont,.m_1 .mside{width: 100%;}
	.m_1 .mcont .mctxt{padding: 0px 3%;}
	.m_1 .mcont .title,.m_1 .mcont .mcpn,.m_1 .mcont .mcpopular,.m_1 .mside ul,.mcp_tit{width: 94%;margin: 0px auto;}
	.m_1 .mcont .mcpn{margin: 2rem auto;}
	.m_1 .mcont .mcpopular ul li,.m_1 .mside ul li{width: 48%;}
	.m_1 .mside ul li .mtxt span,.m_1 .mside ul li .mtxt em{font-size: 0.7rem;}
}