* {
	margin: 0;
	padding: 0;
}
.foot_position{
    display: none;
}
.header .bottom{
    background: none;
    border-bottom: none;
}
.header .bottom .leftxx .logo img,
.header .bottom .rightxx .search img{
    filter: brightness(0) invert(1);
}
.header .bottom .leftxx .h_nav li a,
.header .bottom .rightxx .language{
	color: #fff;
}


.header:hover .bottom,
.header.sty .bottom{
	background-color: #ffffff;
    border-bottom: 0.01rem solid #ECECEC;
}
.header:hover .bottom .leftxx .logo img,
.header:hover .bottom .rightxx .search img,
.header.sty .bottom .leftxx .logo img,
.header.sty .bottom .rightxx .search img{
    filter: brightness(1) invert(0);
}
.header:hover .bottom .leftxx .h_nav li a,
.header:hover .bottom .rightxx .language,
.header.sty .bottom .leftxx .h_nav li a,
.header.sty .bottom .rightxx .language{
	color: #000000;
}
.header:hover .bottom .leftxx .h_nav li a:hover,
.header.sty .bottom .leftxx .h_nav li a:hover{
    color: #366D33;
}

.header .bottom .rightxx .language img{
    filter: brightness(0) invert(1);
}
.header:hover .bottom .rightxx .language img,
.header.sty .rightxx .language img{
    filter: brightness(1) invert(0);
}







.banner{
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
.banner::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 3.2rem;
	top: 0;
	left: 0;
	background: linear-gradient( 180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
}
.banner_video{
	width: 100%;
	height: 100%;
}
.banner_video img,
.banner_video video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner .index_bannericon{
    position: absolute;
	left: 50%;
    bottom: 0.7rem;
    z-index: 9;
    transform: translateX(-50%);
}
.banner .index_bannericon .banner_icon{
	width: 0.21rem;
    height: 0.32rem;
	border-radius: 12px;
    border: 2px #fff solid;
	position: relative;
	margin: 0 auto;
}
.banner .index_bannericon .banner_icon:before {
    content: "";
    display: block;
    width: 3px;
    height: 8px;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    top: 3px;
    animation: scrollmouse 2s linear infinite;
}
.banner .index_bannericon span{
	font-family: SC-Light;
	font-weight: 300;
	font-size: 0.14rem;
	color: #FFFFFF;
	margin-top: 0.11rem;
}





@keyframes scrollmouse {
    from {
        transform: translate(-50%,0);
        opacity: 1
    }

    to {
        transform: translate(-50%,10px);
        opacity: 0
    }
}







/* 介绍 */
.about {
    position: relative;
    height: 100vh;
    max-height: 10.8rem;
    display: flex;
    background: url(../img/about_bg.png) center no-repeat;
    background-size: cover;
    box-sizing: border-box;
}
.about .main{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.about .about_top {
	width: 100%;
	/*margin-top: 1.89rem;*/
	height: auto;
	display: flex;
	justify-content: space-between;
}

.about .about_top .about_txt {
	width: 11.5rem;
	padding-top: 0.24rem;
}

.about .about_top .about_txt .about_title {
	font-family: SC-Bold;
	font-weight: bold;
	font-size: 0.3rem;
	color: #333333;
	margin-bottom: 0.16rem;
	line-height: 1;
}

.about .about_top .about_txt .about_cont {
	margin-top: 0.33rem;
}

.about .about_top .about_txt .about_cont,
.about .about_top .about_txt .about_cont p {
	font-family: SC-Normal;
	font-weight: 400;
	font-size: 0.18rem;
	color: #000000;
	line-height: 1.6;
}

.about .about_top .about_url {
	display: flex;
	gap: 0.24rem;
	margin-top: 1rem;
}

.about .about_top .about_img {
	width: 4.16rem;
	height: 4.29rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.about .about_top .about_img img {
	max-width: 100%;
	min-height: 100%;
	object-fit: contain;
}




.about .about_bottom {
    width: 100%;
    margin-top: 12vh;
    display: flex;
    justify-content: space-between;
}
.about .about_bottom .about_item{
    width: calc(100% / 7);
}
.about .about_bottom .about_num {
	display: flex;
	justify-content: center;
}
.about .about_bottom .about_num .num_shu,
.about .about_bottom .about_num .num_shu .scroll_num {
	font-family: Anton-Regular;
	font-weight: 400;
	font-size: 0.6rem;
	color: #80A749;
}

.about .about_bottom .about_num .num_icon {
	font-family: SC-Heavy;
	font-weight: 800;
	font-size: 0.25rem;
	color: #80A749;
	margin-left: 0.07rem;
}

.about .about_bottom .about_num_title {
	font-family: SC-Regular;
	font-weight: 400;
	font-size: 0.2rem;
	color: #000000;
	margin-top: 0.09rem;
	text-align: center;
}









/* 产品中心 */
.product {
	width: 100%;
	height: 10.8rem;
	overflow: hidden;
	position: relative;
	padding-top: 1.52rem;
	box-sizing: border-box;
}

.product .product_bg, .product .m_product_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

.product .product_bg::before, .product .m_product_bg::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
}

.product .product_bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product .main {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
}

.product .main .product_class {
	position: absolute;
	top: 0;
}

.product .main .product_class .product_name {
	font-family: SC-Bold;
	font-weight: bold;
	font-size: 0.45rem;
	color: #FFFFFF;
	margin-bottom: 0.16rem;
	line-height: 1;
}

.product .main .product_class .fangan_url {
	font-family: SC-Regular;
	font-weight: 400;
	font-size: 0.2rem;
	color: #FFFFFF;
	cursor: pointer;
	line-height: 1;
}






.container {
	display: flex;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin-top: 0.25rem;
}

.container .content-container {
	width: 50%;
	position: relative;
	height: auto;
}

.container .content-slider {
	display: flex;
	height: 100%;
	transition: transform 0.3s ease;
	justify-content: flex-end;
	transform: none !important;
}

.container .content-slide {
	width: 6rem !important;
	height: 7.5rem !important;
	background: rgba(255,255,255,0.45);
	border-radius: 0.1rem;
	border: 0.01rem solid #FFFFFF;
	padding: 0.65rem 0.3rem;
	box-sizing: border-box;
	position: absolute;
	opacity: 0;
	z-index: -1;
	transform: translateY(0.5rem);
	transition: opacity 0.3s ease-out, transform 1s ease-out;
}

.container .content-slide.active {
	opacity: 1;
	z-index: 99;
	transform: translateY(0);
}
@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}
.container .body_list:hover{
	border: 0.03rem solid #80A749;
}
.container .body_list .product_title {
	font-family: SC-Regular;
	font-weight: 400;
	font-size: 0.26rem;
	color: #FFFFFF;
	margin-bottom: 0.45rem;
}

.container .body_list .product_img {
	width: 5.4rem;
	height: 3.4rem;
	background: linear-gradient(250deg, #F6F6F6 100%, rgba(219, 219, 219, 0) 100%);
	border-radius: 0.1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-bottom: 0.45rem;
}

.container .body_list .product_img::before {
	content: "";
	position: absolute;
	width: 5.02rem;
	height: 2.7rem;
	background: url(../img/proudct_bg1.png) center no-repeat;
	background-size: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.container .body_list .product_img img {
	position: relative;
	max-width: 100%;
	max-height: 100%;
	z-index: 2;
}

.container .body_list .product_cont,
.container .body_list .product_cont p {
	font-family: SC-Normal;
	font-weight: 400;
	font-size: 0.18rem;
	color: #FFFFFF;
	line-height: 0.3rem;
}

.container .body_list .product_url {
	display: flex;
	margin-top: 0.32rem;
	gap: 0.15rem;
}
.container .body_list .product_url a{
	box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0,0,0,0.1);
}
.container .body_list .product_url a i{
	width: 0.18rem;
	height: 0.16rem;
	background: url(../img/zixun_icon.png) center no-repeat;
	background-size: contain;
	display: block;
	margin-left: 0.09rem;
}
.container .body_list .product_url a:hover i{
	background: url(../img/zixun_icon2.png) center no-repeat;
	background-size: contain;
}



.container .tab-container {
	width: 50%;
	height: 6.58rem;
	overflow: hidden;
	position: relative;
	margin-top: 1.1rem;
	display: flex;
	align-items: center;
}

.container .tab-container::after {
	content: '';
	width: 0rem;
	height: 100%;
	display: block;
	border-left: 0.01rem dotted rgba(255, 255, 255, 0.6);
	position: absolute;
	left: 0.21rem;
	top: 0;
	z-index: -1;
}

.container .tab-container .tab-wrapper {
	width: 4rem;
	height: calc(100% - 0.46rem);
	padding-left: 0.1rem;
	box-sizing: border-box;
	position: unset;
	overflow: hidden;
}

.container .tab-container .tab-wrapper .tab-slider {
	transition: transform 0.5s ease;
	position: relative;
}
.container .tab-container .tab-wrapper .tab-slide {
	position: relative;
	z-index: 9;
	transition: transform 0.5s ease;
	display: flex;
	width: max-content;
	align-items: center;
	height: 0.86rem;
	cursor: pointer;
}

.container .tab-slide .RImg {
	width: 0.22rem;
	height: 0.22rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.5s;
}

.container .tab-slide .RImg i {
	width: 0.1rem;
	height: 0.1rem;
	background: #FFFFFF;
	border-radius: 50%;
	transition: 0.5s;
}

.container .tab-slide.active .RImg {
	background: #FFFFFF;
}

.container .tab-slide.active .RImg i {
	width: 0.16rem;
	height: 0.16rem;
	background: #80A749;
	border-radius: 50%;
	display: block;
}

.container .tab-slide .LTxt {
	font-family: SC-Light;
	font-weight: 300;
	font-size: 0.25rem;
	color: #FFFFFF;
	opacity: 0.5;
	margin-left: 0.32rem;
	min-width: 3.16rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.container .tab-slide .LTxt img{
	width: 0.19rem;
	height: 0.16rem;
	object-fit: contain;
	display: none;
}
.container .tab-slide.active .LTxt {
	opacity: 1;
	color: #80A749;
}
.container .tab-slide.active .LTxt img{
	display: block;
}
.container .tab-container .next,
.container .tab-container .prev {
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background: #fff;
	transition: all 0.7s;
	left: 0;
	/* left: unset; */
	position: absolute;
	border: none !important;
	z-index: 9;
	display: flex;
	justify-content: center;
	align-items: center;
	object-fit: contain;
}

.container .tab-container .next img,
.container .tab-container .prev img {
	width: 0.2rem;
	height: auto;
}

.container .tab-container .next:hover,
.container .tab-container .prev:hover {
	background: linear-gradient(273deg, #7A9B54 0%, #3A6531 100%);
}

.container .tab-container .next:hover img,
.container .tab-container .prev:hover img {
	filter: brightness(0) invert(1);
}

.container .tab-container .prev {
	bottom: unset;
	top: 0;
}

.container .tab-container .next {
	bottom: 0;
	top: unset;
}
/* 更新进度条为垂直方向 */
.container .tab-wrapper .tab-slider::before {
    content: "";
    position: absolute;
    width: 0;
    height: var(--progress-height, 0);
    border-right: 0.01rem solid #FFFFFF;
    left: 0.11rem;
    top: 0;
    z-index: 0;
    transition: height 0.3s ease;
}









.class_txt .class_name {
	font-family: SC-Bold;
	font-weight: bold;
	font-size: 0.45rem;
	color: #000000;
	line-height: 1;
	margin-bottom: 0.16rem;
}

.class_txt .class_cont {
	font-family: SC-Regular;
	font-weight: 400;
	font-size: 0.2rem;
	color: #333333;
}

/* 新闻资讯 */
.news {
	width: 100%;
	height: 100vh;
	max-height: 10.8rem;
	background: url(../img/news_bg.png) center no-repeat;
	background-size: cover;
	/*padding-top: 1.6rem;*/
	box-sizing: border-box;
	display: flex;
	align-items: center; 
}

.news .main {
	position: relative;
}

.news .news_hd {
	position: absolute;
	display: flex;
	right: 0;
	top: 0.22rem;
	gap: 0.15rem;
}

.news .news_hd .news_li {
	width: 1.8rem;
	height: 0.45rem;
	background: #FFFFFF;
	border: 0.01rem solid #7A9B54;
	border-radius: 0.05rem;
	font-family: SC-Regular;
	font-weight: 400;
	font-size: 0.16rem;
	color: #366D33;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.news .news_hd .news_li.act {
	color: #fff;
	background: linear-gradient(268deg, #7A9B54 0%, #3A6531 100%);
	box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.1);
}



.news .news_body {
	margin-top: 0.6rem;
	min-height: 5.5rem;
}

.news .news_body .news_bd {
	display: none;
	justify-content: space-between;
	align-items: center;
}

.news .news_body .news_bd.on {
	display: flex;
	width: 100%;
}

.news .news_body .news_swiper {
	width: 9.15rem;
	height: 5.5rem;
	overflow: hidden;
	margin: 0;
}

.news .news_body .news_litpic {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.news .news_body .news_litpic::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2.6rem;
	bottom: -1.6rem;
	left: 0;
	background: url(../img/news_bg1.png) center no-repeat;
	background-size: cover;
}

.news .news_body .news_litpic .news_title2 {
	width: 6.51rem;
	font-family: SC-Regular;
	font-weight: 400;
	font-size: 0.22rem;
	color: #FFFFFF;
	line-height: 0.3rem;
	position: absolute;
	bottom: 0.24rem;
	left: 0.39rem;
}

.news .news_body .news_swiper .swiper-pagination {
	gap: 0.14rem;
	display: flex;
	left: auto;
	right: 0.38rem;
	bottom: 0.44rem;
	width: auto;
}

.news .news_body .news_swiper .swiper-pagination span {
	width: 0.12rem;
	height: 0.12rem;
	border: 0.01rem solid #FFFFFF;
	opacity: 0.5;
	background: none;
	margin: 0;
}

.news .news_body .news_swiper .swiper-pagination span.swiper-pagination-bullet-active {
	background: #FFFFFF;
	opacity: 1;
}


.news .news_body .news_list {
	width: 6.5rem;
}

.news .news_body .news_list .news_item {
	width: 100%;
	height: auto;
	padding-bottom: 0.14rem;
	margin-bottom: 0.17rem;
	border-bottom: 0.01rem solid #EBEBEB;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.news .news_body .news_list .news_item:last-child {
	margin-bottom: 0;
}

.news .news_body .news_list .news_item::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0.01rem;
	background: #3A6531;
	bottom: 0;
	left: 0;
	transition: 0.5s;
}

.news .news_body .news_list .news_img {
	width: 1.86rem;
	height: 1.11rem;
	overflow: hidden;
}
.news .news_body .news_list .news_img img{
    width: 100%;
    height: 100%;
}
.news .news_body .news_list .news_txt {
	width: calc(100% - 2.06rem);
}

.news .news_body .news_list .news_title {
	font-family: SC-Medium;
	font-weight: 500;
	font-size: 0.18rem;
	color: #333333;
	line-height: 0.25rem;
	margin-bottom: 0.19rem;
}

.news .news_body .news_list .news_key {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.news .news_body .news_list .news_time {
	display: flex;
	align-items: center;
	gap: 0.07rem;
	font-family: MiSans-Light;
	font-weight: 300;
	font-size: 0.16rem;
	color: #808080;
}

.news .news_body .news_list .news_time i {
	width: 0.13rem;
	height: 0.11rem;
	display: block;
	background: url(../img/time1.png) center no-repeat;
	background-size: contain;
}

.news .news_body .news_list .news_more {
	width: 0.14rem;
	height: 0.14rem;
	background: url(../img/jiantou1.png) center no-repeat;
	background-size: contain;
}

.news .news_body .news_list .news_item:hover::before {
	width: 100%;
}

.news .news_body .news_list .news_item:hover .news_title {
	color: #3A6531;
}

.news .news_body .news_list .news_item:hover .news_time i {
	background: url(../img/time2.png) center no-repeat;
	background-size: contain;
}

.news .news_body .news_list .news_item:hover .news_more {
	width: 0.11rem;
	height: 0.09rem;
	background: url(../img/jiantou2.png) center no-repeat;
	background-size: contain;
}







/* 案例矩阵 */
.anli {
	width: 100%;
	height: 100vh;
	max-height: 10.8rem;
	/* padding-top: 1.58rem; */
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}
.anli .class{
	display: flex;
	justify-content: space-between;
}
.anli_body {
	margin-top: 1rem;
	width: 100%;
}

.anli_body .anli_swiper {
	overflow: initial;
}

.anli_li {
	width: 8.19rem;
	height: 4.68rem;
	margin: 0 0.34rem;
	background-color: #fff;
	box-sizing: border-box;
	position: relative;
}

.anli_li::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 0.87rem;
	bottom: 0;
	background: linear-gradient(180deg, rgba(89, 88, 86, 0) 0%, #000000 100%);
}

.anli_li::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	display: none;
}

.anli_li .anli_icon {
	width: 0.87rem;
	height: 0.87rem;
	background: rgba(0, 0, 0, 0.62);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.5s;
	opacity: 0;
	z-index: 99;
}

.anli_li .anli_icon img {
	width: 0.21rem;
	height: auto;
	transform: rotate(-225deg);
	transition: 0.5s;
}

.anli_li:hover .anli_icon {
	opacity: 1;
}

.anli_li:hover .anli_icon img {
	transform: rotate(0deg);
}

.anli_li:hover::after {
	display: block;
}


.anli_li .anli_img {
	width: 8.19rem;
	height: 4.68rem;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.anli_li .anli_img img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
}

.anli_li .anli_cont {
	width: 100%;
	font-family: SC-Regular;
	font-weight: 400;
	font-size: 0.25rem;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	bottom: 0.26rem;
}






.anli_body .main {
	width: 16rem !important;
	margin: 0 auto;
	position: relative;
	margin-top: 0.8rem;
	height: 0.01rem !important;
}

.anli_body .swiper-pagination {
	width: 14.48rem !important;
	height: 0.01rem !important;
	top: 0.1rem;
}

.anli_body .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #3A6531;
}

.anli_body .swiper-button-next,
.anli_body .swiper-button-prev {
	position: absolute;
	z-index: 999;
	top: 95%;
	border-radius: 50%;
	width: 0.6rem;
	height: 0.6rem;
	transition: all .5s;
	outline: none;
	cursor: pointer;
	background: #FFFFFF;
	border: 0.01rem solid #7A9B54;
	display: flex;
	justify-content: center;
	align-items: center;
}

.anli_body .swiper-button-next img {
	width: auto;
	height: auto;
}

.anli_body .swiper-button-prev img {
	width: auto;
	height: auto;
	transform: rotate(180deg);
}

.anli_body .swiper-button-next::after,
.anli_body .swiper-button-prev::after {
	display: none;
}

.anli_body .swiper-button-next {
	right: 0;
}

.anli_body .swiper-button-prev {
	right: 0.71rem;
	left: auto;
}

.anli_body .swiper-button-next:hover,
.anli_body .swiper-button-prev:hover {
	background: linear-gradient(147deg, #7A9B54 0%, #3A6531 100%);
}

.anli_body .swiper-button-next:hover img,
.anli_body .swiper-button-prev:hover img {
	filter: brightness(0) invert(1);
}








.footer{
	/*height: 6rem;*/
    padding-top: 0.96rem;
}











.m_product_bg,
.m_product{
    display: none;
}



@media screen and (max-width: 1024px) {
    .class_txt .class_cont{
        font-size: 12px;
    }
    .banner_video img,
.banner_video video{
    pointer-events: none;
}
    
    
    /*关于宏牛*/
    .about{
        padding: 60px 0;
        height: auto;
        max-height: initial;
    }
    .about .about_top{
        flex-wrap: wrap;
    }
    .about .about_top .about_txt{
        width: 100%;
    }
    .about .about_top .about_txt .about_title,
    .about .about_top .about_txt .about_title{
        font-size: 22px;
        line-height: 1.5;
        margin-bottom: 16px;
    }
    .about .about_top .about_txt .about_cont, 
    .about .about_top .about_txt .about_cont p{
        font-size: 14px;
    }
    .about .about_top .about_url{
        margin-top: 24px;
    }
    .about .about_top .about_img{
        width: 60%;
        margin: 30px auto;
    }
    .about .about_bottom{
        flex-wrap: wrap;
        row-gap: 18px;
        margin-top: 0;
    }
    .about .about_bottom .about_item{
        width: 33.33%;
    }
    .about .about_bottom .about_num .num_shu, 
    .about .about_bottom .about_num .num_shu .scroll_num{
        font-size: 28px;
    }
    .about .about_bottom .about_num_title{
        font-size: 12px;
    }
    
    
    /*产品中心*/
    
    .product{
        padding: 60px 0;
        height: auto;
        max-height: initial;
    }
    .product_bg,
    .container{
        display: none;
    }
    .m_product_bg{
        display: block;
        background-position: center;
        background-size: cover;
    }
    .m_product{
        display: block;
        margin-top: 80px;
        overflow: hidden;
    }
    .product .main .product_class .fangan_url{
        font-size: 12px;
    }
    .m_product .body_list {
    	/*width: 6rem !important;*/
    	/*height: 7.5rem !important;*/
    	background: rgba(255,255,255,0.35);
    	border-radius: 0.1rem;
    	border: 0.01rem solid #FFFFFF;
    	padding: 0.65rem 0.3rem;
    	box-sizing: border-box;
    }
    
    .m_product .body_list:hover{
    	border: 0.03rem solid #80A749;
    }
    .m_product .body_list .product_title {
    	font-family: SC-Regular;
    	font-weight: 400;
    	font-size: 0.35rem;
    	color: #FFFFFF;
    	margin-bottom: 0.45rem;
    }
    .m_product .body_list .product_img {
    	width: 5.4rem;
    	height: 3.4rem;
    	background: linear-gradient(250deg, #F6F6F6 100%, rgba(219, 219, 219, 0) 100%);
    	border-radius: 0.1rem;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	position: relative;
    	margin-bottom: 0.45rem;
    }
    
    .m_product .body_list .product_img::before {
    	content: "";
    	position: absolute;
    	width: 5.02rem;
    	height: 2.7rem;
    	background: url(../img/proudct_bg1.png) center no-repeat;
    	background-size: cover;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    }
    
    .m_product .body_list .product_img img {
    	position: relative;
    	max-width: 100%;
    	max-height: 100%;
    	z-index: 2;
    }
    
    .m_product .body_list .product_cont,
    .m_product .body_list .product_cont p {
    	font-family: SC-Normal;
    	font-weight: 400;
    	font-size: 14px;
    	color: #FFFFFF;
    	line-height: 1.6;
    }
    
    .m_product .body_list .product_url {
    	display: flex;
    	margin-top: 0.32rem;
    	gap: 0.15rem;
    }
    .m_product .body_list .product_url a{
    	box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0,0,0,0.1);
    }
    .m_product .body_list .product_url a i{
    	width: 0.18rem;
    	height: 0.16rem;
    	background: url(../img/zixun_icon.png) center no-repeat;
    	background-size: contain;
    	display: block;
    	margin-left: 0.09rem;
    }
    .m_product .body_list .product_url a:hover i{
    	background: url(../img/zixun_icon2.png) center no-repeat;
    	background-size: contain;
    }


    .m_product .swiper-pagination{
        bottom: -0.4rem;
    }
    .m_product .swiper-pagination span{
        background: #fff;
    }


    
    /*新闻资讯*/
    .news{
        padding: 60px 0 0;
        height: auto;
        max-height: initial;
        background: none;
    }
    .news .news_hd{
        position: relative;
    }
    .news .news_hd .news_li{
        font-size: 14px;
        width: auto;
        padding: 0 10px;
        height: 0.5rem;
    }
    .news .news_body .news_bd.on{
        display: block;
    }
    .news .news_body .news_swiper{
        width: 100%;
        height: auto;
    }
    .news .news_body .news_litpic .news_title2{
        width: 88%;
        font-size: 14px;
    }
    .news .news_body .news_swiper .swiper-pagination{
        bottom: 10px;
    }
    .news .news_body .news_list{
        width: 100%;
        margin-top: 20px;
    }
    .news .news_body .news_list .news_title{
        font-size: 14px;
        line-height: 1.6;
    }
    .news .news_body .news_list .news_time{
        font-size: 12px;
    }
    .news .news_body .news_list .news_time i{
        width: 13px;
        height: 11px;
    }
    .news .news_body .news_list .news_more{
        width: 14px;
        height: 14px;
    }
    

    /*案例矩阵*/
    .anli{
        padding: 60px 0;
        height: auto;
        max-height: initial;
    }
    .anli .class{
        align-items: center;
    }
    .anli_body{
        width: 94%;
        margin: 60px auto 0;
    }
    .anli_li{
        width: 90%;
        margin: 0 4px;
        overflow: hidden;
        height: 196px;
    }
    .anli_li .anli_img{
        width: 100%;
        height: 100%;
    }
    .anli_li .anli_img img{
        object-fit: cover;
    }
    .anli_body .main{
        width: 100% !important;
    }
    .anli_body .swiper-pagination{
        width: calc(100% - 1.6rem) !important;
        top: 0;
    }
}