.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:60%;margin-top: 3rem;}
.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;display:-webkit-box;-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 .pro_left{width:400px}
.m_1 .slt-swiper1{width:100%;height:360px;overflow:hidden}
.m_1 .slt-swiper1 .swiper-slide{width:100%;height:100%;overflow: hidden;}
.m_1 .slt-swiper1 .swiper-slide img{display:block;max-width:100%;max-height:100%;margin: 0rem auto;}
.m_1 .pro_video_play{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;cursor:pointer}
.m_1 .pro_video_play::after{content:"";display:block;width:70px;height:70px;background:url(../img/product/play.png) no-repeat center center;background-size:cover;position:absolute;left:50%;top:50%;transform:translate(-50% ,-50%)}
.m_1 .slt_qh{width:100%;display:flex;justify-content:space-between;align-items:center;}
.m_1 .slt-swiper2{width:calc(100% - 100px);overflow:hidden}
.m_1 .slt-swiper2 .swiper-slide{width:100%;height:68px;border:1px solid #ccc;cursor:pointer}
.m_1 .slt-swiper2 .swiper-slide img{display:block;width:100%;height:100%;}
.m_1 .slt-swiper2-next{width:40px;height:40px;background:url(../img/product/next_3.png) no-repeat center center;background-size:100% 100%;cursor:pointer}
.m_1 .slt-swiper2-prev{width:40px;height:40px;background:url(../img/product/prev_3.png) no-repeat center center;background-size:100% 100%;cursor:pointer}
.m_1 .slt-swiper2 .swiper-slide-thumb-active{border:1px solid #1c70b7}
.m_1 .pro_art_video{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1000}
.m_1 .pro_art_video .video_close{position:absolute;right:50px;top:20px;width:50px;height:50px;border:2px solid #fff;border-radius:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}
.m_1 .pro_art_video .video_close em{display:block;width:30px;height:30px;background:url(../img/product/close1.png) no-repeat center center;background-size:100% 100%}
.m_1 .pro_art_video .main_video{display:none;width:71%;aspect-ratio:16/9;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
@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 .pro_left{width: 100%;}
	.m_1 .slt-swiper1{height: auto;}
	.m_1 .slt-swiper2 .swiper-slide{height: auto;}
	.m_1 .video{margin-top: 1rem;}
	.m_1 .video iframe{height: 12rem;}
}
.m_2{width: 1200px;margin: 0px auto 40px;}
.m_2 ul{width: 100%;margin: 20px auto 0px;display:flex;align-items:center;flex-wrap: wrap;}
.m_2 ul li{width: 21%;margin: 1%;background: #fff;padding: 20px 1%;text-align: center;border-radius: 4px;}
.m_2 ul li .mimg{display: flex;width: 100%;height: 260px;overflow: hidden;align-items:center;margin-bottom: 20px;}
.m_2 ul li .mimg img{max-width: 90%;max-height: 90%;margin: 0rem auto;transition:all ease .5s}
.m_2 ul li:hover{box-shadow:3px 3px 5px 3px rgba(0,0,0,0.08)}
.m_2 ul li:hover .mimg img{transform:scale(1.1);transition:all ease .5s}
.m_2 ul li a{display: block;font-size: 14px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.m_2 .sbnp{width: 200px;margin: 30px auto 0px;overflow: hidden;position: relative;height: 64px;}
.m_2 .sbnp .swiper-button-next, .m_2 .sbnp .swiper-button-prev{background-color: #1c70b7;background-size: 30%;width: 50px;height: 50px;border-radius: 4px;}
@media all and (max-width:980px){
	.m_2{width: 100%;margin: 0rem auto 2rem;}
	.m_2 ul{margin: 1rem auto 0px;}
	.m_2 ul li{width: 48%;padding: 0rem 0rem 1rem;margin-top: 0.5rem;}
	.m_2 ul li .mimg{height: 160px;margin-bottom: 0.6rem;}
	.m_2 ul li a{font-size: 0.8rem;padding: 0rem 0.5rem;}
}