@charset "utf-8";
/* =====================联系我们样式======================== */

.contact_container {}

.contact_container.team_box {
	padding-top: 0.3rem;
}

.contact_container .fl {
	float: right;
}

.contact_container .fr {
	float: left;
}

.contact_container .box_t {}

.contact_container .con {
	margin-top: 1.4rem;
	/*margin-bottom: 1.6rem;*/
}



/* 
div {
	position: absolute;
	height: 200px
} */

/* 白色底层 */
#whitebg {
	background: white;
	width: 400px;
	z-index: 1
}

/* 一个黑色的层在白色的底层之上 */
#blackbg {
	background: black;
	width: 100px;
	z-index: 2
}

/* 一些白色文本在顶部，混合模式设置为“差异” */
/* span {
	position: absolute;
	font-family: Arial, Helvetica;
	font-size: 100px;
	mix-blend-mode: difference;
	color: white;
	z-index: 3
} */

/* 一个红色的DIV在场景上，混合模式设置为“screen” */
#makered {
	background-color: red;
	mix-blend-mode: screen;
	width: 400px;
	z-index: 4
}

.inverted-bar {
	position: relative;
}

.inverted-bar:before,
.inverted-bar:after {
	padding: 10px 0;
	text-indent: 10px;
	position: absolute;
	white-space: nowrap;
	overflow: hidden;
	content: attr(data-content);
}

.inverted-bar:before {
	background-color: aqua;
	color: red;
	width: 100%;
}

.inverted-bar:after {
	background-color: red;
	color: aqua;
	width: 20%;
}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
	/* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
	/* 1440 × (900/1050) */
}

@media all and (max-width:1439px) {
	/* 1360 × (768) */
}

@media all and (max-width:1359px) {
	/* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
	/* 1152 × (864) */
}

@media all and (max-width:1151px) {
	/* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
	/* 平板设备 720 适配 */
}

@media all and (max-width:640px) {
	/* 移动终端以上 360 适配 */
}