@charset "utf-8";
/* ----------------
	公共样式开始
----------------- */
/*cover*/
.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 !important;
	}
}
/*cover*/
/*music*/
.media-wrap {
	position: absolute;
	width: 0.6rem;
	height: 0.6rem;
	z-index: 102;
	border-radius: 50%;
	top: 0.6rem;
	right: 0.4rem;
}
.media-wrap img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.media-wrap .music_off {
	display: none;
}
@-webkit-keyframes music {
	0%, 50%, 100% {
		-webkit-transform: rotate(0deg)
	}
	25% {
		-webkit-transform: rotate(36deg)
	}
	75% {
		-webkit-transform: rotate(-36deg)
	}
}
.media-wrap.on {
	-webkit-animation: music 1.2s linear infinite;
	background-position: 0 0;
}
/*music*/ 
/*长页面滚轮*/
html,body{
	width: 100%;
	height: 100%;
}
body{
	font-size: 0.24rem;
}
.swiper-container{
	position: relative;
	width: 100%;
	height: 100%;	
}
.swiper-slide{
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background-color: #fff;
}
.page-L {
	width: 100%;
	height: 100%;
	position: relative;
}
.page-L::-webkit-scrollbar{
	display: none;
}

img{display: block;margin: 0 auto;}
/*中间内容*/
.main{
	box-sizing: border-box;
	min-height: 95%;
	padding-bottom: 0;
	/*此处 padding-bottom 大小要和底部footer等高*/
}
/*尾部*/
.footer{
	width: 100%;
	text-align: center;
	color: #333;
	font-size: 0.15rem;
	padding: 0.2rem 0;
}
.footer img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.2rem;
	width: 0.2rem;
}
/* ----------------
	公共样式结束
----------------- */
/* ----------------
	各页面背景图
----------------- */
#s1,#s2,#s3,#s4,#s5{
	background-color: #fff;
}
/* ----------------
	各页面背景图
----------------- */
/* ----------------
	引导页s1开始
----------------- */
.btn{
	position: absolute;
	top: 3.6rem;
	left: 0.35rem;
	z-index: 333;
}
.btn img{
	height: 0.25rem;
}
.header{
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0.25rem;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 1.2rem;
	background-color: #fff;
	box-shadow: 0 0.04rem 0.2rem rgba(0,0,0,0.2);
	z-index: 666;
}
.header img{
	margin: 0;
	height: 0.5rem;
}
.banner{
	padding-top: 1.2rem;
}
.banner>img{
	width: 100%;
}
.home{
	height: 0.5rem;
}
.home img:nth-child(1){
	display: block;
}
.home img:nth-child(2){
	display: none;
}
.home.act img:nth-child(1){
	display: none;
}
.home.act img:nth-child(2){
	display: block;
}
.home_hz{
	box-sizing: border-box;
	padding: 3rem 0.25rem 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f1f1f1;
	z-index: 555;
	display: none;
}
.home_hz.act{
	display: block;
}
.home_hz li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.36rem;
	color: #333;
	margin-bottom: 0.4rem;
}
.home_hz li a{
	color: #333;
}
.home_hz h1{
	font-size: 0.48rem;
	color: #ec6602;
	margin-bottom: 0.4rem;
}
.home_hz li img{
	margin: 0;
}
.return{
	margin: 0;
	margin-bottom: 0.3rem;
	height: 0.38rem;
}
.home_box,
.home_two{
	display: none;
}
/* ----------------
	引导页s1结束
----------------- */
/* ----------------
	公司简介s2开始
----------------- */
.about{

}
.content{
	padding: 0.25rem;
}
.crumbs {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  color: #686868;
}
.crumbs img{
	margin: 0;
}
.crumbs h2{
  display: block;
  font-size: 0.2rem;
  color: #686868;
  min-width: 0.8rem;
}
.crumbs h2 strong {
  color: #ec6602;
}
.crumbs .icon {
  margin: 0 0.1rem;
}

.list h2 {
  color: #ed6c00;
  margin: 0.3rem 0;
}
.list .tel {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.list .tel li {
  width: 48%;
  margin-bottom: 0.2rem;
}
.list .tel li div img{
	margin: 0;
	height: 2rem;
}
.list .tel li:hover div img {
  transform: scale(1.2);
}
.list .tel li:hover p {
  color: #ed6c00;
}
.list .tel li div {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #efefef;
}
.list .tel li div img {
  transition: all 1s;
}
.list .tel li p {
  font-size: 0.2rem;
  color: #313131;
  margin-top: 0.1rem;
  font-weight: 700;
  line-height: 0.3rem;
}
/* ----------------
	公司简介s2结束
----------------- */
/* ----------------
	公司文化s3开始
----------------- */
.culture{

}
.content_hz h1 {
  color: #ed6c00;
  margin-bottom: 50px;
}
.content_hz h2 {
  font-size: 0.22rem;
  color: #000;
  margin: 0.4rem 0 0.2rem;
  line-height: 0.3rem;
}
.content_hz h2 strong {
  color: #ff7321;
}
.content_hz p {
  text-align: justify;
  line-height: 0.3rem;
  color: #333;
  font-size: 0.18rem;
}
.hz1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.hz1 p {
  width: 50%;
  line-height: 0.4rem;
  font-size: 0.18rem;
}
.hz1 p img {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  margin-right: 0.1rem;
}
.hz2 p {
  line-height: 0.4rem;
  font-size: 0.18rem;
}
.hz2 p img {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  margin-right: 0.1rem;
  width: 0.2rem;
}
.hz3 p strong {
  display: block;
}
.button a {
  display: block;
  margin: 30px auto 0;
  background-color: #ed6c00;
  width: 1.5rem;
  height: 0.4rem;
  text-align: center;
  line-height: 0.4rem;
  border-radius: 0.3rem;
  color: #fff;
}

/* ----------------
	公司文化s3结束
----------------- */
/* ----------------
	职位列表s4开始
----------------- */
.job{

}
.online p {
  color: #333;
  font-size: 0.18rem;
}
.online p img {
  vertical-align: middle;
  display: inline-block;
  margin: 0;
  margin-right: 0.1rem;
}
.gw h3 {
  color: #333;
  margin: 0.3rem 0;
  font-weight: 400;
}
.gw p img{
	width: 0.2rem;
}
.gw p {
  line-height: 0.4rem;
  color: #333;
  margin: 0.1rem 0;
}
.calendar {
  display: flex;
  justify-content: space-between;
}
.calendar li {
  position: relative;
  text-align: center;
}
.calendar li:last-child div::after {
  content: none;
}
.calendar li div {
  position: relative;
  width: 1.1rem;
  height: 1.1rem;
  text-align: center;
  margin: 0 auto;
}
.calendar li div img{
	width: 100%;
	height: 100%;
}
.calendar li div::after {
  content: '';
  position: absolute;
  right: -0.4rem;
  top: 0.4rem;
  background: url(../images/jt.png) no-repeat center / 100% 100%;
  width: 0.4rem;
  height: 0.3rem;
}
.calendar li p {
  width: 1.1rem;
  color: #333;
  margin-top: 0.3rem;
  text-align: center;
  font-size: 0.18rem;
}
.calendarText{
	text-align: center !important;
	color: #ed6c00 !important;
}
.erweima,
.erweima1{
	width: 40%;
	margin: 0.2rem auto;
}
/* ----------------
	职位列表s4结束
----------------- */
/* ----------------
	联系我们s5开始
----------------- */
.contact{

}
/* ----------------
	联系我们s5结束
----------------- */