@charset "utf-8";
/* ----------------
	横屏样式开始
----------------- */
.cover {
	height: 100%;
	background-color: #327e3b;
	z-index: 998;
	display: none;
}
.cover .iphone {
	width: 2.9rem;
	height: 4.36rem;
	position: absolute;
	left: 50%;
	top: 40%;
	margin-top: -2.18rem;
	margin-left: -1.45rem;
	background: url(../images/phone.png) no-repeat;
	background-size: 100% 100%;
	animation: zhuan 1.5s 0.3s infinite;
	-webkit-animation: zhuan 1.5s 0.3s infinite
}
.cover p {
	position: absolute;
	top: 65%;
	left: 0;
	text-align: center;
	width: 100%;
	color: #fff;
	font-size: .5rem;
	line-height: 1.5;
}
@keyframes zhuan {
	0% {
		transform: rotate(-90deg)
	}
	50% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(-90deg)
	}
}
@-webkit-keyframes zhuan {
	0% {
		-webkit-transform: rotate(-90deg)
	}
	50% {
		-webkit-transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(-90deg)
	}
}
@media screen and (orientation:landscape) {
	.cover {
		display: block
	}
}
/* ----------------
	横屏样式结束
----------------- */
/* ----------------
	音乐管理开始
----------------- */
.audio {
	position: fixed;
	top: 2.5%;
	right: 5%;
	width: 30px;
	height: 30px;
	z-index: 999;
}
.play {
	background: url(../images/music_off.png) top center;
	background-size: 100% 100%;
	width: 30px;
	height: 30px;
	border: none;
	position: absolute;
	top: 2px;
	right: -4px;
}
.pause {
	background: url(../images/music_on.png) top center;
	background-size: 100% 100%;
	width: 30px;
	height: 30px;
	border: none;
	position: absolute;
	top: 2px;
	right: -5px;
	-webkit-animation: Rot 4s infinite linear;
	animation: Rot 4s infinite linear;
}
@-webkit-keyframes Rot {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(720deg);
		transform: rotate(720deg);
	}
}

@keyframes Rot {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(720deg);
		transform: rotate(720deg);
	}
}
/* ----------------
	音乐管理结束
----------------- */
/* ----------------
	加载页面开始
----------------- */
.loading {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: #DA261E;
	z-index: 99;
}
.loadbox {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
}
.loadtext {
	width: 100px;
	height: 50px;
	font-weight: bold;
	font-size: 25px;
	color: #fff;
	margin: 0 auto;
	text-align: center;
}
.circle1 {
	background-color: rgba(0, 0, 0, 0);
	border: 5px solid rgba(255, 255, 255, 0.9);
	opacity: .9;
	border-right: 5px solid rgba(0, 0, 0, 0);
	border-left: 5px solid rgba(0, 0, 0, 0);
	border-radius: 50px;
	box-shadow: 0 0 35px #fff;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	-moz-animation: c1 1s infinite ease-in-out;
	-webkit-animation: c1 1s infinite linear;
}
.circle2 {
	background-color: rgba(0, 0, 0, 0);
	border: 5px solid rgba(255, 255, 255, 0.9);
	opacity: .9;
	border-right: 5px solid rgba(0, 0, 0, 0);
	border-left: 5px solid rgba(0, 0, 0, 0);
	border-radius: 30px;
	box-shadow: 0 0 10px #fff;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	-moz-animation: c2 1s infinite ease-in-out;
	-webkit-animation: c2 1s infinite linear;
	position: relative;
	top: -40px;
}
@-webkit-keyframes c1 {
	0% {
		-webkit-transform: rotate(160deg);
		opacity: 0;
		box-shadow: 0 0 1px #fff;
	}
	50% {
		-webkit-transform: rotate(120deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-320deg);
		opacity: 0;
	}
}
@-moz-keyframes c1 {
	0% {
		-moz-transform: rotate(160deg);
		opacity: 0;
		box-shadow: 0 0 1px #2187e7;
	}
	50% {
		-moz-transform: rotate(145deg);
		opacity: 1;
	}
	100% {
		-moz-transform: rotate(-320deg);
		opacity: 0;
	}
}
@-moz-keyframes c2 {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
	}
}
@-webkit-keyframes c2 {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
/* ----------------
	加载页面结束
----------------- */
/* ----------------
	公共样式开始
----------------- */
/*长页面滚轮*/
*{
	font-family: "微软雅黑" !important;
}
html,body,
.swiper-container,
.swiper-slide,
.swiper-wrapper {
	width: 100%;
	height: 100%;
}
body{
	background: #fff;
}
.page-L {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
.page-L::-webkit-scrollbar {
	width: 0;
	height: 0;
	display: none;
}
.fl{float: left;}
.fr{float: right;}
img{display: block;margin: 0 auto;}
/*头部logo及home图标*/
.top-bg{
	position: fixed;
	padding: 0.5rem 1.25rem;
	overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 66;
	height: 8%;
	width: 100%;
	overflow: hidden;
	background: url(../images/top_bg.png) no-repeat center center/100% 100%;
}
.top-bg .logo{
	width: 9.4875rem;
	margin-top:3%;
}
.top-bg .home{
	position: absolute;
	top: 0;
	bottom: 0;
    right: 3.95rem;
	margin: auto 0;
    width: 1.65625rem;
}


/*中间内容及小标题*/
.main{
    min-height: 60%;
    padding: 1rem 1.5rem 0.2rem;
	margin-top: 11%;
	
}




/*尾部*/
.footer.long{
	position: static;
}
.footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 0.5625rem;
	line-height: 2.875rem;
	/* background: #084aa3; */
}
.footer img {
	display: inline-block;
	vertical-align: middle;
	padding-right: 5px;
	width: 0.75rem;
}
/* ----------------
	公共样式结束
----------------- */
/* ----------------
	引导页s1开始
----------------- */
#s1{
	background: url(../images/bg.jpg) no-repeat bottom center/100% 100%;
}
.logo1 {
    height: 5.5%;
    position: absolute;
    top: 3%;
    left: 5.3%;
}

.logo2 {
	height: 3.8%;
	position: absolute;
	top: 2.5%;
	right: 3.2%;
}

.slogan{
	width:90%;
	margin: 0 auto;
	position: absolute;
	top: 15%;
	right: 0;
	left: 0;
}

.nav-1{
    position: absolute;
    width: 50%;
    margin: 0 auto;
    top:41%;
    right: 0;
    left: 0;
}
.nav-2{
	position: absolute;
	width: 50%;
	margin: 0 auto;
	top: 49%;
	right: 0;
	left: 0;
}
.nav-3{
	position: absolute;
	width: 50%;
	margin: 0 auto;
    top: 56.7%;
	right: 0;
	left: 0;
}
.nav-4{
	position: absolute;
	width: 50%;
	margin: 0 auto;
	top: 64.4%;
	right: 0;
	left: 0;
}
.ma{
	width: 32%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 7%;
}

/* ----------------
	引导页s1结束
----------------- */
#s2,#s3,#s4,#s5{
	background: url(../images/bg2.jpg) no-repeat top center/100% 100%;
}



/* ----------------
	公司简介s2开始
----------------- */

.about .title{
    font-size: 1.2875rem;
	color: #04e9e7;
	margin: 0.5rem 0;
}

.about{
	padding: 1rem 1.5rem 2rem 1.5rem;
	background: #0a131b;
}
.about p{
	line-height: 1.7rem;
	color: #fff;
	font-size: 1rem;
	text-align: justify;
	text-indent: 2em;
}

.about img{
	width: 100%;
}

.xc{
	margin-top: 5%;
}


.sqs{
	width: 50%;
	margin: 5% auto;
}
.em{
	width: 35%;
	margin: 0 auto 5%;
}



/* ----------------
	公司简介s2结束
----------------- */



/* ----------------
	职位检索s3开始
----------------- */
.t2{
	width: 17rem;
	margin: 2rem auto 0;
	
}

.find p{
	font-size: 0.875rem;
	color: #fff;
	margin: 0.2rem 0;
	text-indent: 0;
}
.find select{
	display: block;
	width: 100%;
	height: 2.8rem;
	line-height: 2.8rem;
	color: #888888;
	margin-bottom: 0.5rem;
	outline: none;
	 appearance:none;
	  -moz-appearance:none;
	  -webkit-appearance:none;
	  background: #fff url(../images/san.png) no-repeat scroll 98% center;
	  background-size: 8%;
	  padding-left: 1rem;
}

select::-ms-expand { display: none; }


.find select option{
	display: block;
	width: 100%;
	outline: none;

}
.find .input{
	position: relative;
	display: block;
	height: 2.8rem;
	line-height: 2.8rem;
}
.find .input input{
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	height: 100%;
	line-height: 2.8rem;
	border-width: 1px;
	outline: none;


	padding-left: 0.5rem;

	background: #fff;
}
.find .input img{
	position: absolute;
	width: 1.5625rem;
	top: 0.6rem;
	right: 0.3125rem;
}
.btn{
	display: flex;
	justify-content: space-between;
	margin-top: 1.95rem;
}
.btn button{
	width: 7.625rem;
	height: 2.125rem;
	line-height: 2.125rem;
	text-align: center;
	color: #fff;
	font-size: 1.125rem;
	background: url(../images/a5.png) no-repeat center center/100% 100%;
	border: none;
}
/* ----------------
	职位检索s3结束
----------------- */
/* ----------------
	校招说明开始
----------------- */
.sm .title{
	margin-top: 10%;
}
.sm p{
	text-indent: 0;
}
/* ----------------
	校招说明结束
----------------- */