body {
	background-image: url(../pics/pcbg.jpg);
	position: relative;
	background-size: 100% auto;
}

a:hover {
	color: unset;
}

.ex-banner {
	background: #fff;
	height: 140px;
	position: relative;
	overflow: hidden
}

.logo img {
	height: 100px;

}

.menu-item>a {
	color: #fff;
}

.bread_nav {
	overflow: hidden;
	padding: 20px 0;
	border-bottom: 1px solid #cae3fd;
}

.bread_nav li a {
	font-size: 16px;
	font-weight: bold;
}

.logo_wrapper {
	margin-top: 32px;

}

.wrapper_cnt {
	padding: 48px 32px 38px 48px;
	background: hsla(0, 0%, 100%, .56);
	border-radius: 4px;
	overflow: hidden;
}

.p_title {
	position: relative;


	font-size: 20px;
	color: #fff;
	font-weight: bold;

	padding-left: 50px;
	padding-right: 16px;
	height: 52px;
	line-height: 52px;
	/* border: 1px solid #008aff; */
	-webkit-box-shadow: 0 4px 4px 0 rgb(207 232 255 / 68%);
	box-shadow: 0 4px 4px 0 rgb(207 232 255 / 68%);
	border-radius: 4px 4px 0 0;
	font-size: 26px;
	color: #fff;
	vertical-align: middle;
	font-weight: bold;
	background: url(../pics/s_tit01.png) no-repeat 0 0;
	background-size: 120%;
}


.logo_wrapper i {
	display: block;
}

.logo_wrapper img {
	max-height: 200px;
}

.d_btn {
	background: #edf0f2;
	/* background: -webkit-linear-gradient(180deg, #f5f5f5, #e1e1e1);
	background: linear-gradient(180deg, #f5f5f5, #e1e1e1); */
	display: block;
	width: 100%;
	height: 40px;
	border-radius: 5px;
	text-align: center;
	line-height: 40px;
	margin-top: 20px;
	font-weight: bold;
}

.d_btn:hover {
	color: #006aff;

}

.size_box li {
	width: 130px;
	color: #191c3d;
	height: 36px;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
	font-size: 14px;

	font-weight: bold;
	background: #edf0f2;
	/* background: -webkit-linear-gradient(top, #f1f1f1, #e1e1e1);
	background: linear-gradient(to bottom, #f1f1f1, #e1e1e1); */

	margin-bottom: 8px;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
	border: 1px solid #e1e1e1;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

.size_box li:hover,
.size_box li.cur {
	background: #006aff;
	color: #FFF;
}

.size_box {
	float: left;
	width: 20%;
}

.img_box {
	float: left;
	width: 80%;
}

.img_box i {
	display: none;
	font-style: unset;
}

.img_box i:first-child {
	display: block;
}

.banner_wrapper {
	margin-top: 30px;
}

@media (max-width:991px) {
	.p_title {
		background-size: cover;
	}

	.size_box li {
		width: 110px;
	}
}

@media (max-width:767px) {
	.ex-banner {
		display: none;
	}

	.main_box {
		margin-top: 70px;
	}

	.p_title {
		font-size: 18px;

		background-size: 240%;
		line-height: 34px;
		padding-left: 30px;
		height: auto;

	}



	.wrapper_cnt {
		padding: 24px;
	}

	.size_box,
	.img_box {
		width: 100%;
		float: none;
		margin-top: 15px;
		overflow: hidden;
	}

	.size_box li {
		width: 30%;
		float: left;
		margin-right: 10px;
		font-size: 13px;
	}

	.footer {
		padding: 14px;
	}
}