div,p,span{
	font-family: Arial, Helvetica, sans-serif !important;
	
}
*{
	transition: all 0.1s ease;
}
body{
	overflow-x: hidden;
}
img{
	-webkit-user-drag: none;
	 -moz-user-drag: none;
	 -ms-user-drag: none;
	 user-drag: none;
	 
}

ul,li{
	list-style: none;
}
a,a:hover{
	
	text-decoration: none;
	color: #000;
}
.banner img{
    width: 100%;
    height: auto;
    margin: 0 auto;
  
}
.subTitle{
	display: flex;
	align-items: center;
	justify-content: center;
}
.subTitle h2{
	padding: 0 30px;
	font-weight: 900;
	margin: 0;
}
.subTitle h2 span{
	color: #2859cd;
}
.subTitle .gradientLineA,.subTitle .gradientLineB{
  width: 175px; /* 渐变线的宽度 */
  height: 2px; /* 渐变线的高度 */
  background: linear-gradient(to right, rgba(0,0,0,0), #5088ed); /* 创建一个从左到右的渐变效果 */
  position: relative; /* 相对定位，以便在其中放置正方形 */
  display: flex;
  align-items: center;
}
.subTitle .gradientLineA::after,.subTitle .gradientLineB::before{
	content: "";
	width: 18px; /* 正方形的宽度 */
	height: 18px; /* 正方形的高度 */
	background-color: #5088ed; /* 正方形的填充颜色 */
	position: absolute; /* 绝对定位，放置在渐变线的右侧 */
	right: 0; /* 放置在右边 */
	transform: rotateZ(45deg);
	}
.subTitle .gradientLineB{
	background: linear-gradient(to left, rgba(0,0,0,0), #5088ed);
}
.subTitle .gradientLineB::before{
	left: 0; /* 放置在右边 */
}
.subTitleB h2{
	color: #fff;
}
.subTitleB .gradientLineA{
	background: linear-gradient(to right, rgba(0,0,0,0), #fff); 
}
.subTitleB .gradientLineB{
	background: linear-gradient(to left, rgba(0,0,0,0), #fff);
}
.subTitleB .gradientLineA::after,.subTitleB .gradientLineB::before{
	background-color: #fff;
}
.two h2,.thr h2,.five h2,.six h2,.sev h2,.eig h2{
	font-size: 40px;
	font-weight: 900;
	text-align: center;
}
.one{
	background: url(/static/images/special/refractory/oneBg.jpg) no-repeat;
	padding: 60px 0;
	background-size: cover;
}
.one h2{
	font-size: 30px;
	font-weight: 900;
}
.oneCon{
	display: flex;
	align-items: center;
	gap: 40px;
}
.oneL{
	width: 650px;
}
.oneL p{
	font-size: 20px;
	line-height: 1.8;
	margin-top: 40px;
}
.oneR{
	width: calc(100% - 650px);
	color: #fff;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 10px;
}
.oneR div{
	width: 33.33%;
	display: flex;
	flex-direction: column;
	text-align: center;
}
.oneR p{
	background: #2b4471;
	height: 80px;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.oneR div:nth-child(2) p{
	font-size: 14px;
}

.oneR ul{
	border:2px dashed #2b4471;
	padding: 10px 15px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 10px;
}


.oneR ul li{
	background: #2b4471;
	padding: 20px 25px;
	font-size: 14px;
}
.oneR .oneRoth ul{
	padding: 20px 15px;
}
.oneR .oneRoth li{
	padding: 15px 20px;
	background: #fff;
	color: #000;
	border-radius: 25px;
}
.oneR .oneRoth li:nth-child(1){
	background: #2b4471;
	color: #fff;
}
.oneR .oneRoth li:hover{
	background: #2b4471;
	color: #fff;
}
.oneB{
	margin-top: 40px;
}

.oneB p{
	background: #2b4471;
	text-align: center;
	padding: 5px 0;
	color: #fff;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.two{
	padding: 60px 15px;
}

.twoCon{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 30px;
	margin-top: 50px;
}
.twoCon div{
	text-align: center;
	background: #f4f5f7;
	padding: 25px 30px 10px 30px;
}

.twoCon .icon{
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #2b4471;
	margin: 0 auto;
}
.twoCon div:nth-child(1) .icon{
	background: url(/static/images/special/refractory/twoA.png) no-repeat center center
	#2b4471;
}
.twoCon div:nth-child(2) .icon{
	background: url(/static/images/special/refractory/twoB.png) no-repeat center center
	#2b4471;
}
.twoCon div:nth-child(3) .icon{
	background: url(/static/images/special/refractory/twoC.png) no-repeat center center
	#2b4471;
}
.twoCon div:nth-child(4) .icon{
	background: url(/static/images/special/refractory/twoD.png) no-repeat center center
	#2b4471;
}
.twoCon div:nth-child(5) .icon{
	background: url(/static/images/special/refractory/twoE.png) no-repeat center center
	#2b4471;
}
.twoCon div:nth-child(6) .icon{
	background: url(/static/images/special/refractory/twoF.png) no-repeat center center
	#2b4471;
}
.twoCon div:hover{
	background: #2b4471;
	color: #fff;
	
}
.twoCon div:nth-child(1):hover .icon{
	background: url(/static/images/special/refractory/twoAh.png) no-repeat center center
	#fff;
}
.twoCon div:nth-child(2):hover .icon{
	background: url(/static/images/special/refractory/twoBh.png) no-repeat center center
	#fff;
}
.twoCon div:nth-child(3):hover .icon{
	background: url(/static/images/special/refractory/twoCh.png) no-repeat center center
	#fff;
}
.twoCon div:nth-child(4):hover .icon{
	background: url(/static/images/special/refractory/twoDh.png) no-repeat center center
	#fff;
}
.twoCon div:nth-child(5):hover .icon{
	background: url(/static/images/special/refractory/twoEh.png) no-repeat center center
	#fff;
}
.twoCon div:nth-child(6):hover .icon{
	background: url(/static/images/special/refractory/twoFh.png) no-repeat center center
	#fff;
}
.twoCon div h3{
	font-size: 24px;
	margin-top: 24px;
}
.twoCon div p{
	margin-top: 24px;
}
.thr{
	background: url(/static/images/special/refractory/thrBg.jpg) no-repeat;
	background-size: cover;
	text-align: center;
	padding: 100px 0 80px;
	color: #fff;
}
.thr p{
	margin-top: 30px;
}
.thr .thrB{
	display: flex;
	gap: 30px;
}
.thr .thrB div{
	flex: 1;
	background: #fff;
	color: #333;
	padding: 70px 15px 0 15px;
	position: relative;
}
.thr .thrB div img{
	position: absolute;
	top: 25px;
	right: 30px;
}
.thr .thrB div h3{
	font-size: 24px;
	font-weight: 700;
	position: relative;
}
.thr .thrB div h3::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	background: #2b4471;
	height: 4px;
	width: 68px;
	margin: 0 auto;
}
.four{
	background: url(/static/images/special/refractory/oneBg.jpg) no-repeat;
	background-size: cover;
	padding: 70px 0 20px;
}
.four h2{
	font-size: 38px;
	font-weight: 900;
	position: relative;
}
.four h2::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -30px;
	height: 4px;
	width: 130px;
	background: #2b4471;
}
.four p{
	margin-top: 60px;
	font-size: 18px;
	line-height: 1.8;
}
.five{
	padding: 80px 15px;
	text-align: center;
}
.five p{
	font-size: 20px;
	line-height: 1.8;
}
.five p:first-of-type{
	max-width: 80%;
	
	margin:25px auto 0 auto ;
}
.five h3{
	font-size: 26px;
	font-weight: 900;
	margin-top: 60px;
}
.five p:last-of-type{
	margin-top: 29px;
}
.five img{
	margin-top: 50px;
}
.six{
	background: url(/static/images/special/refractory/sixBg.jpg) no-repeat;
	background-size: cover;
	padding: 70px 0;
}
.six h2{
	color: #fff;
}
.sixCon{
	max-width: 1180px;
	margin: 0 auto;
	padding-top: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap:30px;
}
.six .sixItem{
	position: relative;
}
/* .six .title{
	background: #fff;
	font-size: 26px;
	font-weight: 600;
	text-align: center;
	padding: 15px 0;
} */
.six .upTitle{
	background-color: #fff;
	height: 80px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	transition: all 0.5s;
	text-align: center;
}
.six .sixItem:hover .upTitle{
	height: 360px;
	transition: all 0.5s;
}
.six .upTitle h3{
	font-size: 22px;
	font-weight: 700;
	line-height: 80px;
}
.six .upTitle span{
	display: block;
	text-align: left;
	max-width: 90%;
	margin: 0 auto;
}
.six .upTitle span::before{
	content: '\2714';
	color: #000;
	padding-right: 5px;
}
.six a,.sev a{
	display: block;
	border: 1px solid #000;
	padding: 5px;
	max-width: 300px;
	margin: 20px auto 0 auto;
}
.sev{
	padding: 70px 15px 50px 15px;
}
.sev .sevT{
	display: flex;
	justify-content: space-between;
}
.sev .sevT .button{
	display: flex;
	align-items: center;
	gap: 30px;
}
.sev .button div i{
	  border: solid black;
	  border-width: 0 2px 2px 0;
	  display: inline-block;
	  padding: 3px;
	  
}
.sev .button .swiper-button-next,.sev .button .swiper-button-prev{
	position: static;
	background: none;
	width: 30px;
	height: 30px;
	margin: 0;
	border: 1px solid #e8e8e8;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	
}
.sev .button .swiper-button-next i{
	 transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
}
.sev .button .swiper-button-prev i{
	transform: rotate(135deg);
	  -webkit-transform: rotate(135deg);

}
.sev .swiper-slide h3{
	font-size: 26px;
	font-weight: 700;
}
.sev .swiper-slide span{
	display: block;
}
.sev .swiper-container{
	margin-top: 50px;
}
.sev .swiper-wrapper{
	height: auto;
}
.sev a{
	max-width: 300px;
	text-align: center;
}
.eig{
	background: /* url(/static/images/special/refractory/eig.jpg) no-repeat right */
	#f6f6f6;
	background-size: contain;
	position: relative;
}
.eigCon{
	display: flex;
	
}
.eigCon .eigConL{
	flex: 1;
}
.eigConR{
	flex:1;
	position: relative;
	z-index: 5;
}
.eig h2{
	color: #003899;
	text-align: left;
	padding-top: 60px;
}
.eigp{
	margin-top: 20px;
}
.eig ul{
	display: flex;
	align-items: center;
	
	background: #fff;
	padding: 30px 50px;
	width: 120%;
	position: relative;
	z-index: 10;
}
.eig ul li{
	flex: 1;
	
}
.eig ul li p{
	font-size: 40px;
	font-weight: 900;
	position: relative;
	width: max-content;
	margin: 0;
}
.eig ul li p small{
	font-size: 24px;
	position: absolute;
	font-weight: 600;
	top: 0;
	right: -20px;
}
.eig .container{
	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

@media (max-width:1659px) {
	.oneL{
		width: 500px;
	}
	.oneR{
		width: calc(100% - 500px);
	}
	.oneR ul{
		padding: 10px 5px;
	}
	.oneR ul li{
		padding: 30px 10px;
	}
	.four p{
		line-height: 1.6;
		font-size: 16px;
	}
	.six .sixItem:hover .upTitle{
		height: 330px;
	}
	.one h2,.two h2, .thr h2,.four h2,.five h2, .six h2, .sev h2, .eig h2{
		font-size: 38px;
	}
}
@media (max-width:1499px) {
	.eig ul{
		padding: 10px 30px;
	}
}
@media (max-width:1399px) {
	.thr .thrB{
		flex-wrap: wrap;
	}
	.twoCon{
		grid-template-columns: 1fr 1fr;
	}
	.thr .thrB div{
		flex: calc(50% - 30px);
		padding: 70px 50px 30px 50px;
	}
	.six .sixItem:hover .upTitle{
		height: 350px;
	}
	
}
@media (max-width:1199px) {
	.oneCon{
		flex-direction: column;
	}
	  .oneL,.oneR{
		  width:100%;
	  }
	  .twoCon{
	  	grid-template-columns:1fr 1fr;
	  }
	  .thr .thrB div{
	  	padding: 70px 20px 10px 20px;
	  }
	  .six .upTitle h3{
		  font-size: 18px;
	  }
	  
	  .eigCon{
		  flex-direction: column;
		  align-items: center;
	  }
	  .eig ul{
	  	width: 100%;
	  
	  }
	  .eig ul li{
	  	display: flex;
	  	flex-direction: column;
	  	align-items: center;
	  	justify-content: center;
	  	margin: 10px 0;
	  }
	  .eig .container{
	  	position: static;
	  }
	  .one h2,.two h2, .thr h2,.four h2,.five h2, .six h2, .sev h2, .eig h2{
	  	font-size: 32px;
	  }
 }
 @media (max-width:991px) {
 	 .sixCon,.sev .sevT{
 		 flex-direction: column;
 	 }
 	.oneL{width: 100%;}
 	.twoCon{
 		grid-template-columns:1fr 1fr;
 	}
 	
 	.five p:first-of-type{
 		max-width: 100%;
 	}
 	.sev .sevT .button{
 		margin: 0 auto;
 	}
 	.one h2,.two h2, .thr h2,.four h2,.five h2, .six h2, .sev h2, .eig h2{
 		font-size: 30px;
 	}
 	
 }
 @media (max-width:768px) {
	 .oneR,.thr .thrB,.sev .sevT,.eig ul{
		 flex-direction: column;
	 }
	 .oneR div{
		 width: 100%;
	 }
	.oneL{width: 100%;}
	.twoCon{
		grid-template-columns:1fr;
	}
	.five p:first-of-type{
		max-width: 100%;
	}
	.sev .sevT .button{
		margin: 0 auto;
	}
	.one h2,.two h2, .thr h2,.four h2,.five h2, .six h2, .sev h2, .eig h2{
		font-size: 26px;
	}
	.eig ul{
		background: none;
	}
 }