@charset "utf-8";

/* 全球矿场 */

body{
	background-color: #f7fbff!important;
}
.kc-list{
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
.kc-xq{
	flex: 0 0 48%;
	width: 48%;
	padding: 20px;
	background-color: #fff;
	border-radius: 4px;
    box-shadow: 0px 12px 23.28px 0.72px rgba(22, 31, 114, 0.02);
	transition: 0.3s all;
}
.kc-xq:hover{
	box-shadow: rgba(17, 12, 46, 0.08) 0px 48px 100px 0px;
	transform: translateY(-6px);
	border-radius: 8px;
}

.kc-title{
	display: flex;
	justify-content: space-between;
	padding: 4px 0 20px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 26px;
}
.kc-title h2{
	color: #2a69e8;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
	position: relative;
}
.kc-title h2::after{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #2a69e8;
	display: block;
	position: absolute;
	top: 40px;
}
.kc-title p{
	color: #2a69e8;
	font-size: 16px;
}

.fa-flash{
	margin-right: 4px;
}
.kc-tw{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.kc-pic{
    width: 38%;
    flex: 0 0 38%;
    border-radius: 4px;
    overflow: hidden;
	max-height: 154px;

}
.kc-pic img{
	object-fit: cover;
	max-height: 155px;
    min-height: 154px;
}
.kc-dj{
	width: 66%;
	flex: 0 0 66%;
	padding-left: 20px;
	padding-right: 20px;
}
.kc-dj ul{
	margin-bottom: 20px
}
.kc-dj ul p{
	font-size: 12px;
	color: #666;
	margin-bottom: 8px;
}
.kc-dj ul li{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.kc-dj ul li p1{
	color: #000;
}
.kc-dj ul li p2{
	font-weight: bold;
	color: #2a69e8;
}
.kc-dj p3{
	font-size: 12px;
	color: #666;
}
.kc-dj p3 span{
	font-size: 16px;
	color: #2a69e8;
	font-weight: bold;
}
.kc-an{
	display: block;
	width: 246px;
	height: 52px;
	text-align: center;
	line-height: 52px;
	margin: 32px auto 16px;
	border: 1px solid #2a69e8;
	border-radius: 4px;
	color: #2a69e8;
	font-size: 18px;
	transition: 0.3s;
}
.kc-an:hover{
	color: #fff;
	background-color: #2a69e8;
	box-shadow: rgba(0, 0, 0, 0.06) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}



/*矿场详情*/
.kcxq-jj,.kcxq-cs{
    width: 100%;
    padding: 30px 24px;
    display: flex;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 12px 23.28px 0.72px rgba(22, 31, 114, 0.02);
	margin-bottom: 50px;
}
.kcxq-pic{
	flex: 0 0 26%;
    width: 26%;
    border-radius: 4px;
    overflow: hidden;
	max-height: 226px;

}
.kcxq-pic img{
	width: 100%;
    min-height: 226px;
    max-height: 227px;
    object-fit: cover;
}
.kcxq-w{
	flex: 0 0 74%;
    width: 74%;
	padding-left: 32px
}
.kcxq-title{
	margin-bottom: 20px;
	display: flex;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 20px;
	justify-content: space-between;
}
.kcxq-title h2,.kcxq-cs-title h3{
	color: #2a69e8;
	font-size: 24px;
	font-weight: bold;
	position: relative;
	line-height: 28px
}
.kcxq-title h2::after,.kcxq-cs-title h3::after{
	content: "";
    width: 100%;
    height: 2px;
    background-color: #2a69e8;
    display: block;
    position: absolute;
    top: 47px;
}
.kcxq-title p{
	color: #2a69e8;
	line-height: 28px
}
.kcxq-title p span{
}
.kcxq-title p span::after{
	content: "";
	display: inline-block;
	width: 1px;
	height: 18px;
	background: #ccc;
	margin-right: 16px;
	margin-left: 16px;
	position: relative;
	top: 3px
}
.kcxq-title p .fa-map-marker{
	margin-right: 6px
}

.kcxq-w p2,.kcxq-w p3{
	color: #666;
	font-size: 14px;
	line-height: 22px;
	display: block;
	margin-bottom: 6px;
	
}
.kcxq-w a{
	display: block;
	margin-top: 30px;
	border: 1px solid #2a69e8;
	width: 116px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	color: #2a69e8;
	transition: 0.3s;
	position: relative;
}
.kcxq-w a .request-btn-ew{
	top: -2px;
	left: 106%;
}
.kcxq-w a:hover{
	background-color: #2a69e8;
	color: #fff;
}
.request-btn-ew{
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.kcxq-w a:hover .request-btn-ew{
	display: block
}

/*矿机参数*/

.kcxq-cs{
    flex-direction: column;
    padding-bottom: 60px;
}
.kcxq-cs-title{
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 16px;
	margin-bottom: 32px;
}
.kcxq-cs-title h3{
	display: inline-block;
}
.kcxq-cs-title h3::after{
	top: 43px;
	width: 160%;
}
.kcxq-shuju{
    display: flex;
    margin-bottom: 32px;
}
.kcshuju-1{
	flex: 0 0 50%;
	width: 50%;
	border-right: 1px solid #e5e5e5;
}
.kcshuju-2{
	border-right:none;
}
.kcshuju-1 li{
	display: flex;
    margin: 20px 0;
    justify-content: space-between;
}
.kcshuju-1 li p1{
	color: #999;
}
.kcshuju-1 li p2{
	padding-right: 29px;
	color: #333;
}
.kcshuju-2 li p1{
	padding-left: 30px;
}
.kcshuju-2 li p2{
	padding-right: 0px;
}

/*矿场图集*/
    .swiper-container {
        width: auto;
        height: auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.swiper-container{
    box-shadow: 0px 12px 23.28px 0.72px rgba(22, 31, 114, 0.02);
}
.swiper-slide{
	border-radius: 4px;
	overflow: hidden;
	max-height: 282px;
}
.swiper-slide img{
	min-height: 282px;
	max-height: 283px;
	object-fit: cover;
}


@media(max-width:991px){
	.header-mobile{
		background-color: #fff;
	}
	.kc-list{
    justify-content: flex-start;
    margin-bottom: 0px;
    flex-direction: column;
	}
	.kc-xq{
	flex: 0 0 100%;
    width: 100%;
    padding: 20px;
    background-color: #fff;
	border-radius: 8px;
    box-shadow: 0px 12px 23.28px 0.72px rgba(22, 31, 114, 0.02);
    transition: 0.3s all;
	margin-bottom: 32px;
	}
	.kc-xq:hover{
    box-shadow: 0px 12px 23.28px 0.72px rgba(22, 31, 114, 0.02);
	transform: translateY(0px);
	border-radius: 8px;
}
	.kc-tw{
    align-items: flex-start;
    flex-direction: column;
	}
	.kc-pic{
	width: 100%;
    flex: 0 0 100%;
    border-radius: 4px;
    max-height: 200px;
	}
	.kc-pic img{
	max-height: 201px;
	min-height: 200px;
	}
	.kc-dj{
	width: 100%;
    flex: 0 0 100%;
    padding: 0;
	margin-top: 16px;
}
	.kc-title{
    padding-bottom: 16px;
    margin-bottom: 20px;
	}	
	.kc-title h2::after{
	top: 36px;
	}
	
	.kc-an{
	color: #fff;
    background-color: #2a69e8;
	margin: 24px auto 12px;
	}
	.kc-an:hover{
    box-shadow: none;
	}
	
	
/*矿场详情*/
	.kcxq-jj, .kcxq-cs{
    flex-direction: column;
    border-radius: 8px;
    padding: 20px 16px;
    margin-bottom: 32px;
	}
	.kcxq-pic{
		flex: 0 0 100%;
		width: 100%;
		max-height: 200px;
	}
	.kcxq-pic img{
		min-height: 200px;
		max-height: 201px;
	}
	.kcxq-w{
		padding: 0;
		flex: 0 0 100%;
		width: 100%;
	}
	.kcxq-title{
    flex-direction: column;
    border-bottom: none;
    margin-top: 20px;
	padding: 0;
	margin-bottom: 16px;
	}
	.kcxq-title h2, .kcxq-cs-title h3{
    font-size: 20px;
    display: inline-block;
    line-height: 24px;
    margin-bottom: 20px;
    text-align: center;
	}
	.kcxq-title h2::after, .kcxq-cs-title h3::after{
		top: 36px;
		width: 60%;
		left: calc(50% - 30%);
		height: 1px;
	}
	.kcxq-title p{
		text-align: center;
		color: #999;
	}
	.kcxq-w p2, .kcxq-w p3{
		color: #000;
		text-align: justify;
	}
	.kcxq-w a{
		margin: 28px auto 10px;
		background-color: #2a69e8;
		color: #fff;
		width: 50%;
		height: 42px;
		line-height: 42px;
		border-radius: 4px;
	}
.kcxq-w a:hover .request-btn-ew{
	display: none;
}
	.kcxq-cs-title h3{
		width: 100%;
		margin: 0;
	}
	.kcxq-cs-title h3::after{
		width: 36%;
		left: calc(50% - 18%);
	}
	.kcxq-cs-title{
		margin-bottom: 16px;
		border-bottom: none;
	}
	.kcxq-shuju{
    flex-direction: column;
    margin-bottom: 6px;
	}
	.kcshuju-1{
		flex: 0 0 100%;
		width: 100%;
		border: none;
		font-size: 14px;
	}
	.kcshuju-1 li{
		border-bottom: 1px solid #e5e5e5;
		margin: 16px 0;
		padding-bottom: 6px;
	}
	.kcshuju-2 li:nth-child(1){
		margin-top: 0;
	}
	.kcshuju-1 li p2{
		padding: 0;
	}
	.kcshuju-2 li p1{
		padding: 0;
	}
	.swiper-slide{
		max-height: 125px;
	}
	.swiper-slide img{
		min-height: 125px;
		max-height: 126px;
	}
	
	
	
}