@font-face {
    font-family: AlibabaSans-Black;
    src: url(/2024v1/fonts/AlibabaSans-Black.ttf)
}
@font-face {
    font-family: AlibabaSans-Bold;
    src: url(/2024v1/fonts/AlibabaSans-Bold.ttf)
}
@font-face {
    font-family: AlibabaSans-Heavy;
    src: url(/2024v1/fonts/AlibabaSans-Heavy.ttf)
}
@font-face {
    font-family: AlibabaSans-Light;
    src: url(/2024v1/fonts/AlibabaSans-Light.ttf)
}
@font-face {
    font-family: AlibabaSans-Medium;
    src: url(/2024v1/fonts/AlibabaSans-Medium.ttf)
}
@font-face {
    font-family: AlibabaSans-Regular;
    src: url(/2024v1/fonts/AlibabaSans-Regular.ttf)
}
 
/*@media screen and (min-width: 576px){html{font-size: 10px}}
@media screen and (min-width: 768px){html{font-size: 14px}}
@media screen and (min-width: 992px){html{font-size: 16px}}*/
@media screen and (max-width: 1399px){html{font-size:0.8vw;}}

@media screen and (min-width: 1440px){html{font-size: 10px}}
@media screen and (min-width: 1920px){html{font-size: 10px}}

* {
	border: none;
	font-family: AlibabaSans-Regular;
	color:#000000;
	line-height: 1.5em;
	list-style: none;
	margin: 0;
	outline: none;
	padding: 0;
	text-decoration: none;
	box-sizing: border-box;
	-webkit-user-select:auto; 
}
html,body {
    position: relative;
    height: 100%;	
    }
body{
	margin: 0 auto;
	max-width: 1920px ; 
	}
a {
	text-decoration: none;
	color: #999999;
}

.mySwiper1 {
      width: 100%;
      height: 100%;
    }
.swiper-slide {
      text-align: center;
      /*display: flex;*/
      justify-content: center;
      align-items: center;
    }
.swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
/*swiper-pagination1 point-set*/
.mySwiper .swiper-pagination1 {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 3rem
}

.mySwiper .swiper-pagination1 .swiper-pagination-bullet {
    width: 1.3rem;
    height: 1.3rem;
    margin: 1rem 0
}

.mySwiper .swiper-pagination1 .swiper-pagination-bullet-active {
    background-color: #2160c7
}

/*nav-absolute*/
.nav-absolute{
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	}
 .mySwiper{
	padding:0;}
.video,.products,.solution,.application,.cases,.news,.aboutus{ 
	padding:0;
	}
.products h2,.application h2,.solution h2,.cases h2,.news h2,.aboutus h2{ 
	padding-top:5.8rem;
	font-size:5rem;
	font-family: AlibabaSans-Bold;
	 
	line-height:12.5rem;
	}
 
/* 导航部分*/
.nav-absolute{
	background: 0 0;
	padding-left:12.8rem;
	padding-right:12.8rem;
	}
.nav-part1 ul.navbar-nav li a{
	color:#FFF;

	}
.nav-part1 ul.navbar-nav li .header-contact > p:hover{
    color: #FFF;
}
 
.navbar-nav{
	margin-left: auto;
	padding-top:1.6rem;
	
	 }
.navbar-nav li{
	margin-left:1.1rem;
	margin-right:1.1rem;
	
}
.navbar-nav li a{
	 color:#000000; 
	font-size:2rem;
	 font-stretch: condensed;
	 
}
.navbar-expand-md .navbar-nav .nav-link{
	padding-bottom:0;}
.navbar-nav li:not(:last-child):hover:after,.navbar-nav li:not(:last-child).active:after{
	content: '';
    width: 2.8rem;
	margin-left: auto; /* 自动计算左侧外边距 */
    margin-right: auto; /* 自动计算右侧外边距 */
    text-align: center; /* 文本居中对齐 */
    height: 0.3rem;
    background-color: #ffc018;
    display: block;
	}
 .navbar-nav li:last-child{
	 margin-left:0rem;
	 margin-right:0;
	 padding-right:1.5rem;
	 }
 

/* 移动导航部分分*/ 
 
.nav-absolute .logo{
	padding-top:2.3rem;
	}
.logo img{
	width:8.88rem;
	height:auto;
	}
 
.header-contact {
    background: url(/2024v1/images/tel.png) left center no-repeat;
	background-size: 3.2rem auto;
	padding-left: 3.8rem;
}
 
.header-contact > p:first-child {
    font-size: 1.2rem;
    color: #bbb;
}
.header-contact > p {
 	letter-spacing: 0rem;
    color: #999999;
    font-size: 1.2rem;
    margin-bottom: 0;
}
.header-contact > p:hover{
    color: black;
}

/* video*/ 

.video video{
	width:100%;
	height:100%;
	object-fit: fill;
	}

/* products*/ 
.products .mrn{
	background: url(../images/home-product/mrn.jpg) no-repeat;
	}
.products .lum{
	background: url(../images/home-product/lum.jpg) no-repeat;
	}
.products .hammer{
	background: url(/2024v1/images/home-product/hammer.jpg) no-repeat;
	}
.products .ball{
	background: url(/2024v1/images/home-product/ball.jpg) no-repeat;
	}
.products .mtm{
	background: url(/2024v1/images/home-product/mtm.jpg) no-repeat;
	}
.products .lm{
	background: url(/2024v1/images/home-product/lm.jpg) no-repeat;
	}
.products .mtw{
	background: url(/2024v1/images/home-product/mtw.jpg) no-repeat;
	}
.products .scm{
	background: url(/2024v1/images/home-product/scm.jpg) no-repeat;
	}
.cases,.application,.products,.solution,.news,.aboutus {
	padding:0  12.8rem 0 12.8rem;
	max-width: 1920px;
	text-align:center;
	}
.products .row h2{
	font-size:5rem;
	font-family: AlibabaSans-Bold;
	 
	line-height:10.2rem;
	}
.products .col-3{
	padding:1rem 0.8rem;
	}
.products .cont_in{
	padding:4.5rem 15rem 0 3.1rem;
	width:auto;
	height:33.3rem;
	text-align:left; 
  	background-size: contain; /* 或者使用 "cover" */
	}
.products .col-3 h3{
	font-weight:600;
	font-size:2.3rem;
	text-transform:uppercase;
	margin-bottom:1.6rem;
	height:7.5rem;
	}
.products .col-3 p{
	font-size:1.6rem;
	margin-bottom:0.4rem;
	color:#666666;
	}
.products .col-3 p:nth-child(3){
	margin-bottom:2rem;
	}
.products .col-3 a:nth-child(1){
	color:#000;
	line-height: 0.5em;
	}
.products .col-3 a:nth-child(1):hover{
	color:#ffb608;
	}
.products .col-3 a:nth-child(4){
	display: inline-block;
	color:#ffb608;
	font-size:1.8rem;
	
	border: 1px solid #ffb608;
 
	padding:0.7rem 2rem;
	border-radius: 0.5rem;
	/*transition: background-color 0.2s;*/

	}
	
.products .col-3 a:nth-child(4):hover{
	 
	color:#FFF;
	background-color:#ffb608;
	/*transition-delay: 0.2s;*/
	}
.products .col-3 a:nth-child(5){
	padding:22rem 10rem;
	}



/*application*/

.application .calcium{
	background: url(../images/home-application/sbm-home_03.jpg) no-repeat;
}
.application .quicklime{
	background: url(../images/home-application/sbm-home_05.jpg) no-repeat;
}
.application .bentonite{
	background: url(../images/home-application/sbm-home_07.jpg) no-repeat;
}
.application .barite{
	background: url(../images/home-application/sbm-home_09.jpg) no-repeat;
}
.application .gypsum{
	background: url(/2024v1/images/home-application/application_2.jpg) no-repeat;
}
.application .petroleum{
	background: url(/2024v1/images/home-application/application_4.jpg) no-repeat;
}
.application .activated{
	background: url(/2024v1/images/home-application/application_6.jpg) no-repeat;
}
.application .slag{
	background: url(/2024v1/images/home-application/application_8.jpg) no-repeat;
}
/*首页应用领域添加冶金行业*/
.application .metallurgical{
	background: url(/2024v1/images/home-application/application_9.jpg) no-repeat;
	cursor: pointer;
}
.application .col-3{
	text-align:left;
	padding:2.5rem 2rem;
	width:37rem;
	height:62rem;
	/*background-position: center; /* 居中对齐背景图片 */
   background-size: contain; /* 或者使用 "cover" */
	
}
.application .col-3:nth-child(1){
	margin-left:0.5rem;
}
.application .row:nth-child(1){
	margin-bottom:0rem;
 
}
.application .row:nth-child(3){
	margin-top:1.7rem;
	padding-left:1.5rem;
	height: 65.5rem;

}
.application .row p{
	padding:0 21.6rem;
	font-size:1.6rem;
	    line-height: 2rem;
}
.application .col-3 h3{
	color:#FFF;
	font-size:2.2rem;
	margin-bottom:2.5rem;
}
.application .col-3 a{
	color:#FFF;
	font-size:1.6rem;
	border: 1px solid #FFF;
	display:block;
	width:14rem;
	height:3.7rem;
	text-align:center;
	line-height:3.3rem;
	float:left;
	margin-right:3rem;
	margin-bottom:1.5rem; 
}
.application .col-3 a:hover{
	background-color: #ffc018;
}
.mySwiper2 .swiper-pagination2{
	width:50rem;
	height:3rem;
	bottom:0.1rem;	 
	overflow:none;
}
.mySwiper .swiper-pagination2 .swiper-pagination-bullet {
    width: 1.6rem;
    height: 1.6rem;
    margin: 0.8rem 0.5rem;
}

 
/*solution*/
.solution .img,.solution .content{
	
	}

.solution .img {
	padding:0.8rem 5rem 3.8rem 1.5rem;
 
	
	}
.mySwiper .swiper-pagination3{
	bottom:2rem;
}
.mySwiper .swiper-pagination3 .swiper-pagination-bullet {
    width: 1.6rem;
    height: 1.6rem;
    margin: 0.8rem 0.8rem;
	background-color: #FFF;
	opacity:1;
 
}

.mySwiper .swiper-pagination3 .swiper-pagination-bullet-active {
    background-color: #ffc018;
}
.solution .swiper-slide img{
	width:96%;
	}
.solution .content{
	padding:0.9rem 0 3.9rem 0;
	margin-left:-7rem;
	
	}
.solution .content .item {
	padding:2rem 3rem 0.1rem 5rem;
	text-align:left;
	height:20%;
	width: calc(100% + 3.6rem);
	transition: margin .5s ease;
}
.solution .content .item h3{margin-bottom:0;}
.solution .content .item h3 a{
	color:#000;
	font-size:2.4rem;
	font-family: AlibabaSans-Bold;
	letter-spacing: -0.12rem; /* 根据需求自行调整数值 */
}
.solution .content .item p a{
	color:#555;
	font-size:1.6rem;
}
.solution .content .item:nth-child(odd) { /*奇数行*/
	background-color:#f1f1f1;
	transition: color .3s ease;
}
.solution .content .item:nth-child(even) {/*偶数*/
	background-color:#FFF;
	transition: color .3s ease;
	/*opacity:0.5;*/
}


.solution .content .item.active {
	position:relative;
	margin-left:-4.5rem;
	width: calc(100% + 8.2rem);
	 background-color:#007aff;
	 z-index:3;
	 transition: margin .5s ease;
}
 
.solution .content .item.active h3 a{
	color:#fff;
	transition: color .3s ease;
}
.solution .content .item.active p a{
	color:#fff;
	transition: color .3s ease;

}

/*cases*/ 
.cases .row .col-4{ 
	padding:0.9rem 1rem 0.1rem 1rem;
	text-align:left;
	
	}
.cases .img{  overflow:hidden;}
.cases img{
	transition: transform .6s ease;
	  
   
     object-fit: cover; /* 按比例裁切图像 */
	 
}
.cases img:hover{
	transform: scale(1.2);
	transition: transform .6s ease;
}
.cases .cont{
	padding:3rem 2.3rem;
	background-color: #f3f3f3;
}
.cases h3 a{
	color:#000;
	font-size:2.2rem;
	font-family: AlibabaSans-Bold;
	line-height:1;
}
.cases h3 a:hover{
	color:#2262b8;
	}
.cases h3{
	margin-bottom:1.7rem;}
.cases ul li{
	font-size: 2rem;
}
.cases .cont p:nth-child(2){
	color:#555;
	font-size:1.6rem;
	margin:40px 0 10px;
	
}
.cases .cont p a{
	
	padding:0.9rem 2.7rem;
	font-size:1.7rem;
	border-radius: 1rem;
	margin-right:1.5rem;
	
}
.cases .cont p a:nth-child(1){
	background-color:#2262b8;
	color:#fff;
	}
.cases .cont a:nth-child(2){
	color:#2262b8;
	background-color:#e9effb;
}


.cases .cont p:nth-child(3) a:nth-child(1):hover{
	color:#2262b8;
	background-color:#e9effb;
}
/*.cases .cont p:nth-child(3) a:nth-child(1):hover+a:nth-child(2){ 很有用的联动
	color:#fff;
	background-color:#2262b8;
}*/

.cases .cont p:nth-child(3) a:nth-child(2):hover{
	color:#fff;
	background-color:#2262b8;
}
/*.cases .cont p:nth-child(3) a:nth-child(2):hover > a:nth-child(1){/ /
	color:#2262b8;
	background-color:#e9effb;
}*/
/*news*/
.news {
	text-align:left
	}
.news .news-left .news_cont,.news .news-left,.news .news-left .img {border-radius: 1rem;} /* 外边框圆角 */
.news .news-left{
	width:29.5%;
	padding: 1rem 1rem;
	}
.news .news-left .news_cont{

	background-color: #f9f9f9;
	
	padding:2.5rem 2.5rem 7rem 2.5rem;
	height: 100%;
}
.news .news-left .img{
	overflow:hidden;
	}
.news .news-left img{
	/* width: 43rem; /* 设置容器的宽度 */
   /*  height: 32.5rem; */
	transition: transform .6s ease;
    object-fit: cover; 
}
.news .news-left img:hover{
	transform: scale(1.2);
    transition: transform .6s ease;
}
.news .news-left .cont{
	padding:3.2rem 0.1rem 2rem 0.3rem;
}
.news .news-left .cont h3 a,.news .news-right .cont h3 a{
	color:#555;
	font-size:2.0rem;
	font-family: AlibabaSans-Bold;
	line-height:1;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news .cont h3 a:hover,.news-right .cont h3 a:hover{
	color:#2262b8;
}
.news .news-left .cont p,.news .news-right .cont p{
	color:#555;
	font-size:1.6rem;
	margin-top:1.7rem;
}
.news .news-left .cont p:nth-child(3){
	margin-top:5.7rem;
}
.news .news-left .cont p a{
	padding:1.1rem 1.5rem;
	border: solid 1px #3671cf;
}
.news .news-left .cont p a span{
	color:#3671cf;}
.news .news-left .cont p a:hover{
    background-color: #3671cf;
}
.news .news-left .cont p a:hover span{
	color:#fff;}
.news .news-left .cont a span:nth-child(2){
	display:inline-block;
	width:2.4rem;
	height:1.3rem;
	background: url(/2024v1/images/more_r_lan.png) center no-repeat;
    background-size: auto;
}
.news .news-left .cont p a:hover span:nth-child(2){
    background: url(/2024v1/images/more_r_bai.png) center no-repeat;
}
.news .news-right{
	padding: 1rem 1rem 1rem 2rem;
	width: 41%
	/*margin: 1rem 0.1rem  1rem 0.8rem;*/
}
.news .news-right .row{
	/*width: calc(100% + 12.6rem);*/
	/*height:21.4rem;*/
	height:31%;
	background-color:#f9f9f9;
	border-radius: 1.5rem;
	padding-top:3.5rem ;
}
.news .news-right .row:hover{
	background-color:#eaf2fd;
	}
.news .news-right .row:not(:nth-child(1)){
	margin-top:2.2rem;
}
.news .news-right .date{
	width:13rem;
	}
.news .news-right .date p{
	text-align:center;
	border-right: 1px solid #c5c5c5;
	margin:0;
}
.news .news-right .date p:nth-child(1){
	font-family: AlibabaSans-Bold;
    font-size: 4.8rem;
    color: #444;
    line-height: 1;
}
.news .news-right .date p:nth-child(2){
	font-size: 1.6rem;
    line-height: 1;
    padding-top: 0.8rem;
    color: #9d9d9d;
}
.news .news-right .cont{
	padding-left:2.6rem 
}

/*aboutus*/
.aboutus .comp{
	text-align:left;
	padding:0.5rem 0.6rem 0.1rem 1.8rem;
	width:44%;
	
}
.aboutus .comp h3{
	font-family: AlibabaSans-Bold;
    font-size: 3rem;
    color: #333;
 	letter-spacing:-0.2rem;
}
.aboutus .comp p{
	margin-top:4rem;
	font-size: 2rem;
    color: #666;
	line-height:3.6rem;
	letter-spacing:-0.03rem; 
}
.aboutus .comp img{
	margin-top:7.0rem;
	height:auto;
	
	
}
.aboutus img{ 
	 
}
.aboutus .img{
 
	padding:0.95rem 0.1rem 0.1rem 0.8rem;
	width:56%;}
.aboutus .img .row:nth-child(1){
	margin-bottom:2rem;
	}
.aboutus .img .img-list{
	padding:0 0.6rem;
}
.aboutus .img .img-list .img_in{
	padding:0;
	overflow:hidden;
	}
.aboutus .img .img-list img{transition: transform .6s ease;}
.aboutus .img .img-list img:hover{
	transform: scale(1.2);
    transition: transform .6s ease;
}

@media screen and (max-width: 1919px){
	html{font-size:0.6vw;}
	
	.nav-absolute,.cases,.application,.products,.solution,.news,.aboutus {
		padding:0  8.8rem 0 8.8rem;
	}
	.products .cont_in {
		padding: 3rem 13rem 3rem 1.1rem;
		width: auto;
		height: 29.5rem;
	}
	.products .col-3 a:nth-child(4) {
		padding: 1rem 1.5rem;
	}
	.products .col-3 p:nth-child(3) {
		margin-bottom: 3rem;
	}
	.products .col-3 a:nth-child(5) {
		padding: 11rem 10rem;
	}
	.application h2{
  		 line-height: 6.5rem; 
	}
	.application .row:nth-child(3) {
		margin-top: 0.7rem;
		padding-left: 0.5rem;
	}
	.mySwiper2 .swiper-pagination2{bottom: 3.4rem;}
	.application .col-3{padding: 2.5rem 1.5rem;}
	.application .col-3 a {
    	 margin-right: 1.5rem;
	}
	.solution h2{
  		 line-height: 8.5rem; 
	}
	.solution .content .item {
    padding: 1rem 2rem 0.1rem 3rem;
	}
	.cases .cont {
		padding: 1.5rem 0.1rem 1.5rem 0.8rem;
	}
	.news .news-left .news_cont {
		padding: 2.5rem 2.5rem 2.5rem 2.5rem;
	}
	.aboutus .comp p {
		margin-top: 2.3rem;
	}
	.aboutus .comp img {
		margin-top: 4rem;
	}
	.aboutus .img .row:nth-child(1) {
		margin-bottom: 1rem;
	} 
	.products h2,.solution h2,.cases h2,.news h2,.aboutus h2{ 
		line-height:8.5rem;
	}
	
}
@media screen and (max-width: 1439px){
	html{font-size:0.6vw;}
	.nav-absolute,.cases,.application,.products,.solution,.news,.aboutus {
		padding:0rem  4.8rem 00rem 4.8rem;
	}
	.header-contact > p,.header-contact > p:first-child {
		font-size: 1.4rem;
	}
	.products .cont_in {
		height: 32rem;
	}
	.products .row h2 {
		line-height: 9rem;
	}
	.products .col-3 p {
		font-size: 2rem;
	}
	.products .col-3 h3 {
		font-size: 2.8rem;
	}
	.products .cont_in {
		padding: 3rem 15rem 3rem 1.1rem;
	}
	.products .col-3 p:nth-child(3) {
		margin-bottom: 3rem;
		height: 7rem;
	}
	.application .row:nth-child(1) {
		margin-bottom: 0.1rem;
	}
	.application h2 {
		line-height: 6.9rem;
	}
	.application .row p {
		font-size: 2rem;
	}
	.application .col-3 a {
		margin-right: 0.8rem ;
		font-size: 2rem;
		width: 16.5rem;
	}
	.application .row p {
		padding: 0 10.6rem;
	}
	.application .col-3 {
		padding: 2.5rem 0.6rem;
	}
	
	.mySwiper2 .swiper-pagination2 {
		bottom: 3rem;
	}
	.solution h2 {
		line-height: 8.5rem;
	}
	.solution .content .item p a {
		font-size: 2rem;
	}
	.solution .content .item p{
		margin-bottom:0rem;
	}
	.solution .content .item {
		padding: 0.4rem .1rem 0.1rem 3rem;
	}
	.news h2,.cases h2 {
		line-height: 10.2rem;
	}
	.cases .cont p:nth-child(2) {
		font-size: 2rem;
	}
	.cases .cont p:nth-child(3) a {
		font-size: 2rem;
	}
	.news .news-left .cont a span:nth-child(2) {
    	width: 4.8rem;
	}
	.news .news-left .cont h3 a, .news .news-right .cont h3 a {
		font-size: 2.4rem;
	}
	.news .news-right .row {
		padding-top: 2rem;
	}
	.news .news-right .cont {
		padding-left: 0.1rem;
		padding-right:0rem;
	}
	.news .news-left .cont p, .news .news-right .cont p {
		font-size: 2rem;
		margin-top: 1rem;
	}
	.news .news-left .cont p{
		margin-top:0rem; margin-bottom:0rem;}
	.aboutus h2 {
		line-height: 9.2rem;
	}
	.aboutus .comp p {
		font-size: 2.3rem;
		letter-spacing: 0;
	}
	.aboutus .comp h3 {
		font-size: 3.3rem;
		letter-spacing: 0;
	}
	.aboutus .comp img {
		margin-top: 1.7rem;
	}
	.navbar-nav li a {
		font-size: 2.4rem;
	}
		 
}






/*取消商务通挂图*/
#LRfloater0{
	display:none;
}