/* -- 浮动+浮动闭合 --  */

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.bg-white {
	background-color: whtie;
}

.mt-10 {
	margin-top: 10px;
}

.mb-10 {
	margin-bottom: 10px;
}

.fs-10 {
	font-size: 10px;
}

.fs-12 {
	font-size: 12px !important;
}

.fs-14 {
	font-size: 14px;
}

.fs-16 {
	font-size: 16px;
}

.c-themeColor {
	color: #04439a !important;
}

.det_videobox {
	width: 680px;
	margin-right: 25px;
}

	.det_videobox video {
		width: 680px;
	}

.det_videort {
	width: 330px;
}

.commodity_specifications {
	font-size: 14px;
	line-height: 2;
}

	.commodity_specifications h6 {
		font-size: 22px;
		color: #04439a;
		/* height: 52px; */
		margin-top: 21px;
		/* overflow: hidden; */
		/* text-overflow:ellipsis; */
		/* white-space: nowrap; */
		line-height: 1.4;
		margin-bottom: 6px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.commodity_specifications span {
		color: #666;
		margin-right: 5px;
	}

.contact_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 38px;
	line-height: 38px;
	background-color: #04439a;
	border-radius: 4px;
	color: white;
	margin-top: 30px;
}

	.contact_btn i {
		padding-top: 3px;
		margin-right: 10px;
		font-size: 18px;
	}

.swiper-container {
	width: 100%;
	height: 100%;
	padding: 6px 0 3px;
}

.swiper-slide {
	position: relative;
	height: 100px;
}

	.swiper-slide .image {
		width: 100%;
		height: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.swiper-slide .iconfont {
		position: absolute;
		font-size: 32px;
		color: white;
		top: calc((100% - 45.6px) / 2);
		left: calc((100% - 30.4px) / 2);
		z-index: 2;
	}

.collection_div,
.collection_div .to_share {
	margin-left: 0;
}

.collection_div {
	width: 100%;
	display: flex;
	flex-direction: column;
	border: solid #c9c9c9 1px;
	padding: 12px 0;
	margin-top: 38px;
}

	.collection_div .share_tit {
		width: 80%;
		margin: 0 auto 5px;
		display: flex;
		align-items: center;
	}

		.collection_div .share_tit hr {
			flex: 1;
			height: 1px;
			border: none;
			background-color: #d1d1d1;
		}

		.collection_div .share_tit span {
			font-size: 16px;
			padding: 0 15px;
		}

.customers_img {
	margin-bottom: 10px;
}

.pagevideo1123 {
	height: auto;
}

	.pagevideo1123 p.hide_1 {
		height: initial;
	}

.contact_view {
}

	.contact_view .title {
		padding: 50px;
		text-align: center;
	}

		.contact_view .title h6 {
			font-size: 24px;
		}

		.contact_view .title p {
			font-size: 16px;
			color: #666;
		}

	.contact_view ul {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

		.contact_view ul li {
			display: flex;
			align-items: flex-start;
			margin: 7.5px 0;
		}

			.contact_view ul li.no_margin {
				margin: 0;
			}

			.contact_view ul li .con_l {
				width: 70px;
				text-align: right;
				line-height: 38px;
				padding: 0 10px;
			}

			.contact_view ul li .con_r {
				flex: 0.98;
			}

				.contact_view ul li .con_r input[data-type=input] {
					width: calc(100% - 2em);
					height: 38px;
					line-height: 38px;
					border-radius: 4px;
					background-color: white;
					padding: 0 1em;
					border: solid #d1d1d1 1px;
				}

				.contact_view ul li .con_r textarea {
					width: calc(100% - 2em);
					height: 128px;
					border-radius: 4px;
					background-color: white;
					padding: 10px 1em;
					border: solid #d1d1d1 1px;
				}

					.contact_view ul li .con_r input[data-type=input]:focus,
					.contact_view ul li .con_r textarea:focus {
						border-color: #0b318f;
					}

				.contact_view ul li .con_r.toto {
					display: flex;
					align-items: center;
				}

					.contact_view ul li .con_r.toto .image {
						width: 96px;
						height: 96px;
						border-radius: 4px;
						background-position: center;
						background-repeat: no-repeat;
						background-size: contain;
						margin-right: 15px;
						border: solid #d1d1d1 1px;
					}


.submit_btn {
	width: 100%;
	line-height: 38px;
	height: 38px;
	border-radius: 4px;
	background-color: #04439a;
	color: white;
	text-align: center;
	opacity: .75;
	transition: .25s;
	margin: 50px 0;
}

	.submit_btn:hover {
		opacity: 1;
	}

.screen_rt_list {
	padding: 0;
}

	.screen_rt_list h4 {
		background-image: -moz-linear-gradient(90deg, rgb(0, 154, 255) 0%, rgb(16, 51, 128) 100%);
		background-image: -webkit-linear-gradient(90deg, rgb(0, 154, 255) 0%, rgb(16, 51, 128) 100%);
		background-image: -ms-linear-gradient(90deg, rgb(0, 154, 255) 0%, rgb(16, 51, 128) 100%);
		color: white;
		line-height: 38px;
		height: 38px;
		padding: 0 10px;
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.screen_rt_list a {
		padding: 9px 18px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.screen_rt_list p {
		margin: 10px 0 0;
	}


/* Contact Supplier */
.contact_supplier_view {
	width: 200px;
}

	.contact_supplier_view.cur {
		position: fixed;
		top: 0px;
	}

	.contact_supplier_view h4 {
		margin-bottom: 0;
	}

.contact_supplier {
	padding: 5px;
}

	.contact_supplier .toto {
		display: flex;
		align-items: center;
		margin-bottom: 10px;
	}

		.contact_supplier .toto .image {
			width: 48px;
			height: 48px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			margin-right: 5px;
			border: solid rgb(238,238,238) 1px;
		}

	.contact_supplier p {
		margin: 0;
	}

.submit_btn {
	width: 100%;
	line-height: 38px;
	height: 38px;
	border-radius: 4px;
	background-color: #04439a;
	color: white;
	text-align: center;
	opacity: .75;
	transition: .25s;
	margin: 50px 0;
}

.contact_supplier .input_view,
.contact_supplier .textarea_view {
	display: flex;
	align-items: flex-start;
	border: solid rgb(238,238,238) 1px;
	margin-bottom: 6px;
}

	.contact_supplier .input_view i,
	.contact_supplier .textarea_view i {
		color: red;
		line-height: 28px;
		padding: 0 5px;
	}

	.contact_supplier .input_view input,
	.contact_supplier .textarea_view textarea {
		border: none;
		flex: 1;
		min-height: 28px;
	}

	.contact_supplier .textarea_view textarea {
		min-height: 58px;
		padding: 3px 0;
	}

.contact_supplier .submit_btn {
	margin: 10px 0;
	border-radius: 0;
	height: 28px;
	line-height: 28px;
}

/* contact弹出层 */
.cotact_modal {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 100;
}

	.cotact_modal .contact_view {
		display: block;
		width: 600px;
		padding: 0 50px 50px 0;
		background-color: white;
		max-height: 680px;
		overflow-y: auto;
		border-radius: 4px;
		position: relative;
	}

		.cotact_modal .contact_view .layer_close {
			position: absolute;
			top: 10px;
			right: 10px;
		}


/* 新改动 */
.chane_view {
	width: 680px;
	height: 440px;
	margin-top: 20px;
}

	.chane_view video {
		margin: 0;
	}

	.chane_view .chane_img {
		width: 100%;
		height: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		background-color: rgba(0,0,0,1);
	}

.pageconnav1123 a {
	border: initial
}

.details_detbox {
	background-color: white;
	padding: 10px;
	border: 1px solid #D0CFCF;
}

.det_videobox {
	margin-right: 20px
}

.yx_ps {
	height: 247px;
}

.details_pagecon {
	background-color: white
}

	.details_pagecon.contact_this {
		background-color: #efefef;
		margin-bottom: 60px !important;
	}