﻿
/*new indexpage*/
em, i {
	display: inline-block;
	font-style: normal;
}

/*banner*/
.banner {
	width: 100%;
	height: 480px;
	position: relative;
}

.layui-carousel {
	position: relative;
	left: 0;
	top: 0;
	background-color: #f8f8f8;
}

	.layui-carousel > [carousel-item] {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

		.layui-carousel > [carousel-item]:before {
			position: absolute;
			content: '\e63d';
			left: 50%;
			top: 50%;
			width: 100px;
			line-height: 20px;
			margin: -10px 0 0 -50px;
			text-align: center;
			color: #c2c2c2;
			font-family: layui-icon !important;
			font-size: 30px;
			font-style: normal;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

.banner-box > div > a {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: no-repeat center center;
}

.layui-carousel-ind {
	position: relative;
	top: -35px;
	width: 100%;
	line-height: 0 !important;
	text-align: center;
	font-size: 0;
}

	.layui-carousel-ind ul, .layui-carousel-ind ul:hover {
		background-color: unset;
	}

	.layui-carousel-ind li {
		height: 5px;
		width: 20px;
		border-radius: unset;
		margin: 0 8px;
	}

.layui-carousel-arrow[lay-type=add] {
	/*display: none !important;*/
}
/*快捷计价框*/
.lbBox {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 50px;
	z-index: 100;
}

.pos-r {
	position: relative;
}

.fast-quote-box, .jijiaBox {
	width: 430px;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.box1280, .w1200, .w1280 {
	margin: 0 auto;
	width: 1200px;
}

.fast-quote-head {
	height: 55px;
	padding: 5px 25px 10px;
}

	.fast-quote-head li {
		float: left;
		width: 33.333%;
		text-align: center;
		padding-top: 5px;
	}

		.fast-quote-head li > span {
			padding: 0 8px;
			line-height: 30px;
			font-size: 16px;
			cursor: pointer;
			color: #727272;
		}

		.fast-quote-head li.active > span {
			display: inline-block;
			color: #0094dd;
			font-weight: 600;
			font-size: 18px;
			border-bottom: 2px solid #0094dd;
		}

.fast-pcb-form {
	width: 380px;
	margin: 0 auto;
	overflow: visible;
}

.fast-form-dom-box {
	overflow: visible;
	border: 1px solid #e6e6e6;
}

.f-left {
	float: left;
}

.wAuto {
	width: auto !important;
}

.fast-pcb-form label {
	line-height: 14px;
	border: 0;
}

.fast-form-dom-box .layui-input-inline {
	margin-right: unset;
}

.fast-pcb-form .layui-input {
	height: 32px;
	border-width: 0 0 0 1px;
}

.fast-pcb-form .layui-form-item .layui-form-mid {
	padding: 8px 0 0 !important;
	margin: 0 6px;
}

.f-right {
	float: right;
}

.nomarg {
	margin: 0 !important;
}

.fast-pcb-form button {
	background-color: #0094dd;
	line-height: 44px;
	border: 1px solid #0094dd;
	height: 44px !important;
}

.fast-pcb-ad {
	width: 100%;
	border-radius: 0 0 8px 8px;
	background-image: url(/plug/images/90.png);
	height: 125px;
	background-position: 0 127px;
}

.mouse-up:hover {
	opacity: .85;
}

.fast-pcb-ad > a > div {
	width: 430px;
	height: 125px;
}
/*公告*/
.ggBox {
	padding: 18px 0;
	display: flex;
	align-items: center;
}
	.ggBox > span:nth-child(1) {
		font-size: 12px;
		font-weight: 700;
	}
	.ggBox > i:nth-child(2) {
		font-size: 18px;
		margin-left: 8px;
	}
.ggList > li {
	float: left;
	margin-left: 103px;
}
	.ggList > li:nth-child(1) {
		margin-left: 10px;
	}
	.ggList > li > a, .xcBox, .xcList, .xcList > div {
		display: flex;
		align-items: center;
	}
		.ggList > li > a > div {
			width: 5px;
			height: 5px;
			background-color: #d7d7d7;
		}
		.ggList > li > a > span {
			margin-left: 8px;
		}
.flex-right {
	margin-left: auto;
}
.ggBox > a {
	color: #666;
}
/*保障宣传*/
.xcBox > img {
	width: 417px;
	height: 149px;
}
.xcList {
	width: 863px;
	height: 149px;
	margin-left: auto;
	box-shadow: 0 0 2px 0 #0093dd;
}
	.xcList > div {
		flex: 1;
		height: 100%;
		background-color: #0093dd;
		position: relative;
		padding-left: 57px;
	}
.xcMsg {
	display: flex;
	flex-direction: column;
}
	.xcMsg > span {
		font-size: 14px;
		color: #fff;
	}
		.xcMsg > span:nth-child(1) {
			font-size: 16px;
			color: #eacda3;
		}
.fgline {
	position: absolute;
	width: 1px;
	height: 30%;
	border-right: 1px solid #fff;
	right: 0;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
/*供应链*/
.yizhanshiBox {
	height: 280px;
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-column-gap: 29px;
	margin-top: 36px;
}
	.yizhanshiBox > div > a {
		box-shadow: 0 2px 8px #e9e9e9;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-bottom: 10px;
		width: 100%;
		height: 100%;
	}
		.yizhanshiBox > div > a > span:nth-child(1) {
			height: 64px;
			font-size: 24px;
			width: 100%;
			background-color: #f9f9f9;
			border-color: #f2f2f2;
			border-width: 1px;
			border-style: solid;
		}
			.yizhanshiBox > div > a > span:nth-child(1) > i {
				height: 64px;
				font-size: 24px;
				width: 80%;
				margin: 14px;
			}
				.yizhanshiBox > div > a > span:nth-child(1) > i > span {
					padding-left: 10px;
				}
		.yizhanshiBox > div > a > span:nth-child(2) {
			background-image: url(/plug/images/v1/index/bk_bj.png);
			height: 72px;
			width: 270px;
			font-size: 24px;
			color: #f2f2f2;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 20px;
		}
		.yizhanshiBox > div > a > span:nth-child(3) {
			margin-top: 25px;
			font-size: 16px;
			width: 270px;
		}
		.yizhanshiBox > div > a > span:nth-child(4) {
			font-size: 14px;
			color: #777;
			width: 270px;
			margin-top: 7px;
			line-height: 48px;
		}
			.yizhanshiBox > div > a > span:nth-child(4) > img {
				width: 15%;
				float: right;
			}

.titlePart {
	display: flex;
	align-items: center;
}

.titlePart > span:nth-child(1) {
	font-size: 30px;
	color: #000;
	line-height: 30px;
}
.titleLine {
	width: 1px;
	height: 28px;
	border-right: 1px solid #9fa1a3;
	margin-left: 12px;
}
.title_right {
	display: flex;
	margin-left: auto;
}
.title_right_text {
	height: 30px;
	display: flex;
}
	.title_right_text > span {
		margin-top: auto;
		font-size: 14px;
		color: #666;
	}

.gylBox {
	height: 280px;
	display: grid;
	grid-template-columns: repeat(5,1fr);
	grid-column-gap: 29px;
	margin-top: 36px;
}
	.gylBox > div {
		box-shadow: 0 2px 8px #e9e9e9;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
		.gylBox > div > i:nth-child(1) {
			margin-top: 54px;
			font-size: 37px;
			color: #0093dd;
		}
		.gylBox > div > span:nth-child(2) {
			margin-top: 21px;
			font-size: 18px;
			color: #000;
		}
		.gylBox > div > span:nth-child(3) {
			margin-top: 25px;
			font-size: 14px;
			color: #777;
		}
		.gylBox > div > span:nth-child(4), .gylBox > div > span:nth-child(5) {
			margin-top: 4px;
			font-size: 14px;
			color: #777;
		}
/*<!-- 板材类型展示 -->*/
.titlePart2 {
	display: flex;
	align-items: center;
}
	.titlePart2 > span:nth-child(1) {
		font-size: 30px;
	}
.titleLine {
	width: 1px;
	height: 28px;
	border-right: 1px solid #9fa1a3;
	margin-left: 12px;
}
.titlePart2 > div:nth-child(3) {
	display: flex;
	margin-left: 12px;
	height: 30px;
}
	.titlePart2 > div:nth-child(3) > span {
		font-size: 16px;
		margin-top: auto;
		color: #0093dd;
	}
.flexBox {
	display: flex;
	align-items: center;
}
.gyItem {
	width: 87px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	margin-left: 9px;
	color: #666;
	border: 1px solid #ddd;
}
.bcTypeBox {
	height: 472px;
	background-color: #f9f9f9;
	margin-top: 19px;
}
	.bcTypeBox > div:nth-child(1) {
		width: 1240px;
		margin: 0 auto;
		padding-top: 21px;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 26px;
		background-color: #f9f9f9;
	}
.bcItem {
	display: flex;
	flex-direction: column;
}
.bcItem_top {
	width: 100%;
	height: 248px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px #e9e9e9;
}
	.bcItem_top > img {
		width: 380px;
	}
.bcItem_bottom {
	width: 100%;
	margin: 18px auto 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.bc_name {
	font-size: 18px;
	color: #000;
}

.bc_cs {
	width: 100%;
	display: flex;
	align-items: center;
}
	.bc_cs > span {
		font-size: 12px;
		color: #000;
	}
		.bc_cs > span:nth-child(1) {
			width: 55%;
		}
		.bc_cs > span:nth-child(2) {
			width: 45%;
		}
.btn_dy {
	width: 154px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	color: #0093dd;
	border: 1px solid #0093dd;
	margin-top: 20px;
}
.bcItem:hover > .bcItem_bottom > a > .btn_dy {
	color: #fff;
	background-color: #0093dd;
}
.machineType {
	display: grid;
	grid-template-columns: repeat(6,1fr);
	grid-column-gap: 20px;
	margin-top: 31px;
}
	.machineType > span {
		width: 100%;
		height: 80px;
		background-color: #f9f9f9;
		color: #9fa1a3;
		text-align: center;
		line-height: 80px;
		font-size: 24px;
	}
.boardBox {
	width: 100%;
	overflow: hidden;
}
.showChoseImg {
	width: 100%;
	height: 480px;
	margin-top: 15px;
	position: relative;
}
.machineImg, .xiaolvBox_right img {
	width: 100%;
	height: 100%;
}
.zdc {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(39,40,34,.2);
}
.machineBox {
	width: 100vw;
	height: 160px;
	padding: 15px 0;
	display: flex;
	align-items: center;
	position: relative;
}
.machine_left, .machine_right {
	width: 12.87vw;
	height: 128px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
}
.machine_left {
	left: -2.85%;
}
.mg-l-100 {
	margin-left: 5.2vw !important;
}
.machine_mid, .machine_normal {
	width: 12.87vw;
	height: 128px;
	margin-left: 1.565vw;
}
.machine_mid {
	width: 30.9vw;
	position: relative;
}
.machine_mid_zdc {
	width: 100%;
	height: 477px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 888;
	display: flex;
	flex-direction: column;
}
.white_left {
	width: 2%;
	height: 52%;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}
.white_top {
	width: 100%;
	height: 2%;
	left: 0;
	top: 0;
}
.white_bottom, .white_right, .white_top {
	background-color: #fff;
	position: absolute;
}
.white_right {
	width: 2%;
	height: 52%;
	right: 0;
	top: 0;
}
.white_bottom {
	width: 100%;
	height: 2%;
	left: 0;
	top: 52%;
	border-bottom: 1px solid #e9e9e9;
}
.showMidImg {
	width: 96%;
	height: 49%;
	margin: 2% auto 0;
	position: relative;
}
.miaoshu, .xiaolvBox_left_top > div {
	background-color: #fff;
	display: flex;
	flex-direction: column;
}
.miaoshu {
	height: 47%;
	padding-left: 100px;
	margin-top: auto;
}
.midMachine_name, .midMachine_title {
	max-width: 290px;
	font-size: 30px;
	margin-top: 30px;
}
.midMachine_title {
	font-size: 14px;
	color: #000;
}
.btn_left_box, .btn_right_box {
	width: 54px;
	height: 54px;
	position: absolute;
	bottom: 70px;
	border-radius: 50%;
	background-color: #cbcbcb;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.btn_left_box {
	left: 2%;
}
	.btn_left_box > i, .btn_right_box > i {
		font-size: 20px;
		color: #fff;
	}
.btn_left_box > i {
	transform: rotate(180deg);
}
.btn_right_box {
	right: 2%;
	font-size: 20px;
}
.machine_mid_zdc:hover > .btn_hand {
	background-color: #0093dd !important;
}

.machine_right {
	right: -14.83vw;
}
/*效率*/
.boxHs {
	background-color: #f9f9f9;
}
.xiaolvBox {
	height: 515px;
	margin-top: 47px;
	display: flex;
	padding-bottom: 40px;
	background-color: #f9f9f9;
}
.xiaolvBox_left {
	width: 656px;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.xiaolvBox_left_top {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-column-gap: 22px;
}
	.miaoshu, .xiaolvBox_left_top > div {
		background-color: #fff;
		display: flex;
		flex-direction: column;
	}
	.xiaolvBox_left_top > div {
		border-top: 1px solid #03557e;
		align-items: center;
		padding-bottom: 38px;
	}
		.xiaolvBox_left_top > div > i:nth-child(1) {
			margin-top: 33px;
			font-size: 34px;
			color: #0093dd;
		}
		.xiaolvBox_left_top > div > span:nth-child(2) {
			margin-top: 10px;
			font-size: 14px;
			color: #000;
		}
.showVal {
	display: flex;
	margin-top: 15px;
}
	.showVal > span:nth-child(1), .showVal > span:nth-child(2) {
		font-size: 36px;
		color: #0093dd;
		margin-top: auto;
		line-height: 36px;
		font-weight: 700;
	}
	.showVal > span:nth-child(2) {
		font-size: 14px;
		line-height: 23px;
	}
.xiaolvBox_left_bottom {
	width: 100%;
	height: 300px;
	background-color: red;
	margin-top: auto;
	display: flex;
	flex-direction: column;
}
	.xiaolvBox_left_bottom > table {
		margin: 0 !important;
		height: 100%;
	}
		.xiaolvBox_left_bottom > table th {
			color: #0093dd;
			background-color: #fff;
		}
		.xiaolvBox_left_bottom > table th, td {
			text-align: center;
			border: 0 !important;
		}
.singleXl {
	background-color: #fff0f0 !important;
}

.xiaolvBox_right {
	width: 602px;
	height: 100%;
	background-color: #3390ff;
	margin-left: 22px;
}
/*晒单评价*/
.plBox {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-column-gap: 39px;
	margin-top: 43px;
}
.plItem {
	display: flex;
	flex-direction: column;
}
	.plItem > img {
		width: 100%;
		height: 212px;
	}
.userMsg {
	width: 100%;
	display: flex;
	padding: 23px 0;
}
	.userMsg > span:nth-child(1) {
		font-size: 21px;
		line-height: 21px;
	}
	.userMsg > i:nth-child(2) {
		font-size: 14px;
		margin-left: 17px;
		color: #666;
		line-height: 22px;
	}
	.userMsg > span:nth-child(3) {
		font-size: 14px;
		color: #666;
		margin-left: 2px;
		line-height: 24px;
	}
.starBox {
	display: flex;
	line-height: 20px;
	margin-left: auto;
}
	.starBox > i {
		color: gold;
		font-size: 22px;
	}
.plDate, .plText {
	width: 100%;
	font-size: 15px;
	color: #666;
}
.plText {
	line-height: 25px;
	padding-bottom: 25px;
}
.plDate {
	padding-bottom: 15px;
	border-bottom: 2px solid #0093dd;
	margin-top: auto;
}



/*通用*/
.mg-top-60 {
	margin-top: 60px;
}

.mg-top-13 {
	margin-top: 13px !important;
}

.mg-top-9 {
	margin-top: 9px !important;
}