/* .bj-img{
	width:100%;
	height:500rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	background: url(../images/about/banner.png) no-repeat center center;
} */



.banner{
	width: 100%;
	height: 500rem;
}


.banner img{
	width: 100%;
}


.login-content {
	width: 400rem;
	height: 500rem;
	position: absolute;
	z-index: 3;
	left: 50%;
	margin-left: 250rem;
	top: 80rem;
	background-color: #fff;
}

.login-title-box {
	text-align: left;
	margin-left: 38rem;
	margin-top: 45rem;
}

.login-title-box p:nth-child(1) {
	font-size: 30rem;
	font-weight: bold;
	letter-spacing: 2px;
}


.login-title-box p:nth-child(2) {
	font-size: 16rem;
}


.login-content a {
	font-size: 16rem;
}

.login-content .slogan {
	width: 100%;
	text-align: center;
	margin: 30rem 0 ;
	font-size: 16rem;
}


.form-container {
	width: 100%;
	margin: 0 auto;
	padding: 10rem 10rem 0 10rem;
	box-sizing: border-box;
}
.form-item {
  margin-bottom: 15rem;
  display: flex;
  align-items: center;
  padding: 0 10rem;
  box-sizing: border-box;
  position: relative;
}

.form-item img {
	width: 20rem;
	display: block;
	margin-bottom: 5rem;
	font-weight: bold;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 20rem;
}

.form-item input {
  flex: 1;
  padding: 10rem 10rem 10rem 40rem;
  width: 100%;
  height: 40rem;
  font-size: 16rem;
  border: 1px solid #ccc;
  border-radius: 4rem;
  box-sizing: border-box;
}

.form-item .verify-btn {
	width: 100rem;
	padding: 10rem;
	border: 1px solid #409eff;
	/* margin-left: 10rem; */
	color: #409eff;
	border: none;
	border-radius: 4rem;
	cursor: pointer;
	font-size: 16rem;
}

.form-item .submit-btn {
  width: 100%;
  padding: 10rem;
  background-color: #409eff;
  color: white;
  border: none;
  border-radius: 4rem;
  cursor: pointer;
  font-size: 16rem;
}
.form-item .submit-btn:hover {
  background-color: #66b1ff;
}

.desc-box {
	width: 1200rem;
	margin: 40rem auto 30rem auto;
}

.img-box {
	margin-right: 30rem;
}

.img-box img {
	width: 500rem;
}

.desc-box .title {
	font-size: 22rem;
	font-weight: bold
}

.p-box p {
	width: 670rem;
	line-height: 25rem;
	padding-top: 15rem;
	font-size: 18rem;
	color: #606266;
}

.aboutUs ul {
	width: 420rem;
	margin-left: 455rem;
}

.aboutUs ul li {
	width: 123rem;
	height: 31rem;
	margin-right: 15rem;
	float: left;
	list-style: none;
}

.aboutUs ul li a {
	text-decoration: none;
	color: #fff;
	font-size: 16rem;
	display: block;
	line-height: 31rem;
	text-align: center;
}



/* 企业文化 mos+ */
.qywh_mos {
	width: 100%;
	background: #f8f8f8;
}

.qywh_mos .nr {
	width: 1200rem;
	height: 456rem;
	margin: 0 auto;
	position: relative;
}

.qywh_mos .nr .culture-box {
	font-size: 30rem;
	font-weight: bold;
	text-align: center;
	padding: 50rem 0;
}

.qywh_mos .nr .img {
	width: 300rem;
	position: absolute; 
	left: 50%;
	transform: translateX(-50%);
	margin-top: -20rem;
	margin-right: -30rem;
}


.qywh_mos .nr .p {
	font-size: 22rem;
	position: absolute;
	color: #606266;
}

.qywh_mos .nr .p1 {
	left: 236rem;
	top: 150rem;
}

.qywh_mos .nr .p2 {
	right: 31rem; 
	top: 147rem;
}

.qywh_mos .nr .p3 {
	left: 179rem;
	bottom: 72rem;
	text-align: center;
}

.qywh_mos .nr .p4 {
	right: 90rem; 
	bottom: 72rem;
}


.zzzs_mos {
		width: 100%;
		background: #ecf5ff;
		margin: 0 auto;
		text-align: center;
		padding-top: 36rem;
		padding-bottom: 50rem;
	}

	.zzzs_mos .bt1 {
		font-size: 42rem;
		color: #1c1c1c;
	}

	.zzzs_mos .bt2 {
		font-size: 22rem;
		color: #1c1c1c;
		margin-top: 8rem;
	}

	.zzzs_mos .nr1 .ul1 {
		margin: 50rem 0;
	}

	.zzzs_mos .nr1 .ul1 li {
		width: 280rem;
		height: 382rem;
		display: inline-block;
		margin-right: 24rem;
		cursor: default;
		transition-duration: .5s;
	}

	.zzzs_mos .nr1 .ul1 li:hover {
		transform: translateY(-20rem);
	}

	.zzzs_mos .nr1 .ul1 li .top {
		width: 100%;
		height: 306rem;
		display: inline-block;
		background: white;
		border-radius: 15rem 15rem 0 0;
		padding: 20rem 0;
		box-sizing: border-box;
	}
	
	.zzzs_mos .nr1 .ul1 li .top>img {
		width: 35%;
	}

	.zzzs_mos .nr1 .ul1 li .top>p {
		font-size: 22rem;
		color: #303030;
	}

	.zzzs_mos .nr1 .ul1 li .top>p:nth-child(3) {
		margin: 12rem 0;
	}

	.zzzs_mos .nr1 .ul1 li .bottom {
		height: 76rem;
		background: #147bff;
		line-height: 76rem;
		color: white;
		font-size: 30rem;
		font-weight: bold;
		border-radius: 0 0 15rem 15rem;
	}

	.zzzs_mos .nr1 .ul2 li {
		width: 280rem;
		display: inline-block;
		margin-right: 24rem;
	}

	.zzzs_mos .nr1 .ul2 li>div {
		overflow: hidden;
		position: relative;
	}

	.zzzs_mos .nr1 .ul2 li>div>img {
		width: 100%;
	}

	.zzzs_mos .nr1 .ul2 li>div::after{
		display: block;
		position: absolute;
		left: 150%;              /*改变left的值，让其相对box影藏*/
		top: 0;        
		width: 30%;
		height: 100%;
		content: "";
		/* Safari 5.1 - 6.0 */
		/* background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%); */
		/* Opera 11.1 - 12.0 */
		/* background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%); */
		/* Firefox 3.6 - 15 */
		/* background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%); */
		/* 标准的语法 */
		/* background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%); */
		transform: skewX(-45deg);
		transition: 0.5s ease;  /*图一效果*/
	}
	
	

	.zzzs_mos .nr1 .ul2 li > p {
		font-size: 22rem;
		color: #303133;
		margin-top: 8rem;
	}


	
/* 屏幕小于768 */
	
@media (max-width: 768px) {
	.login-content {
		display: none;
	}
	.desc-box {
		width: 1500rem;
		margin: 40rem auto 30rem auto;
		display: flex;
		flex-wrap: wrap;
	}
	
	.img-box {
		width: 1500rem;
		margin-right: 30rem;
	}
	
	.img-box img {
		width: 100%;
	}
	
	.desc-box .title {
		width: 1500rem;
		font-size: 60rem;
		text-align: center;
		font-weight: bold
	}
	
	.p-box p {
		width: 1500rem;
		line-height: 60rem;
		padding-top: 60rem;
		font-size: 40rem;
		color: #606266;
		box-sizing: border-box;
	}
	
	
	/* 企业文化 mos+ */
	
	.aboutUs {
		width: 1800rem;
		margin: 0 auto;
	}
		
	.gongsiwenhua {
		width: 100%;
	}
		
	.qywh_mos {
		width: 100%;
		background: #f8f8f8;
	}
	
	.qywh_mos .nr {
		width: 100%;
		height: 2000rem;
		margin: 0 auto;
		position: relative;
	}
	
	.qywh_mos .nr .culture-box {
		width: 100%;
		font-size: 80rem;
		font-weight: bold;
		text-align: center;
		padding: 50rem 0;
		box-sizing: border-box;
	}
	
	.qywh_mos .nr .img {
		width: 800rem;
		position: absolute; 
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin-top: -300rem;
	}
	
	
	.qywh_mos .nr .p {
		font-size: 50rem;
		position: absolute;
		color: #606266;
	}
	
	.qywh_mos .nr .p br {
		display: none;
	}
	
	.qywh_mos .nr .p1 {
		left: 50%;
		transform: translateX(-50%);
		top: 1150rem;
		z-index: 10;
		color: black;
	}
	
	
	.qywh_mos .nr .p2 {
		left: 50%;
		transform: translateX(-50%);
		top: 1260rem;
		z-index: 10;
		color: black;
	}
	
	
	.qywh_mos .nr .p3 {
		left: 50%;
		transform: translateX(-50%);
		top: 1500rem;
		z-index: 10;
		color: black;
	}
	
	.qywh_mos .nr .p4 {
		left: 50%;
		transform: translateX(-50%);
		top: 1660rem;
		z-index: 10;
		color: black;
	}
	
	.culture-box .img {
		opacity: 0.6;
	}
	
	
	.zzzs_mos {
		width: 100%;
		background: #ecf5ff;
		margin: 0 auto;
		text-align: center;
		padding-top: 60rem;
		padding-bottom: 60rem;
	}
	
	.zzzs_mos .bt1 {
		font-size: 80rem;
		color: #1c1c1c;
	}
	
	.zzzs_mos .bt2 {
		font-size: 60rem;
		color: #1c1c1c;
		margin-top: 12rem;
	}
	
	.zzzs_mos .nr1 .ul1 {
		margin: 80rem 0;
			padding: 0 100rem;
			box-sizing: border-box;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
	}
	
	.zzzs_mos .nr1 .ul1 li {
		width: 600rem;
		height: 800rem;
		display: inline-block;
		margin-right: 24rem;
		cursor: default;
		transition-duration: .5s;
			margin-bottom: 80rem;
	}
	
	.zzzs_mos .nr1 .ul1 li:hover {
		transform: translateY(-20rem);
	}
	
	.zzzs_mos .nr1 .ul1 li .top {
		width: 100%;
		height: 560rem;
		display: inline-block;
		background: white;
		border-radius: 15rem 15rem 0 0;
		padding: 60rem 0;
		box-sizing: border-box;
	}
	
	.zzzs_mos .nr1 .ul1 li .top>img {
		width: 180rem;
	}
	
	.zzzs_mos .nr1 .ul1 li .top>p {
		font-size: 40rem;
		color: #303030;
	}
	
	.zzzs_mos .nr1 .ul1 li .top>p:nth-child(3) {
		margin: 30rem 0;
	}
	
	.zzzs_mos .nr1 .ul1 li .bottom {
		height: 140rem;
		background: #147bff;
		line-height: 140rem;
		color: white;
		font-size: 40rem;
		font-weight: bold;
		border-radius: 0 0 15rem 15rem;
	}
	
	.zzzs_mos .nr1 .ul2 {
			  display: flex;
			  flex-wrap: wrap;
			  justify-content: space-around;
			  padding: 0 100rem;
			  box-sizing: border-box;
	}
	
	
	.zzzs_mos .nr1 .ul2 li {
		width: 780rem;
		display: inline-block;
		margin-right: 24rem;
			margin-bottom: 80rem;
	}
	
	.zzzs_mos .nr1 .ul2 li>div {
		overflow: hidden;
	}
	
	.zzzs_mos .nr1 .ul2 li>div>img {
		width: 100%;
	}
	
	.zzzs_mos .nr1 .ul2 li>div:before {
		content: '';
		display: block;
		position: absolute;
		width: 50rem;
		height: 190rem;
		/* background-image: url(@/assets/images/public/guang.png); */
		background-size: 100%;
		-webkit-animation: searchLights 4s linear infinite forwards;
		-o-animation: searchLights 4s linear infinite forwards;
		animation: searchLights 4s linear infinite forwards;
		-webkit-transform-style: preserve-3d;
		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1000;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	
	
	
	.zzzs_mos .nr1 .ul2 li > p {
		font-size: 60rem;
		color: #303133;
		margin-top: 12rem;
	}
		
}