.home-header {
	color: #FFFFFF;
	padding: 30px 7%;
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	/* padding: 0 7%; */
	z-index: 99999;
	box-sizing: border-box;
	overflow: hidden;
}

.nav-text {
	font-size: 23px;
	margin-bottom: 0px !important;
}

.nav-text li {
	padding-bottom: 5px;
	padding-top: 4px;
}
.header {
	width: 100%;
	height: 8%;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	padding: 0 7%;
	display: flex;
	align-items: center;
	z-index: 99999;
}
.home-header .head-icon {
	width: 16%;
	display: inline-block;
}
.header .head-icon {
	width: 15%;
}
.nav-text > li {
	padding-bottom: 5px;
	position: relative;
}
.nav-text li a:hover {
	color: #FFFFFF !important;
	text-decoration: none;
}
.nav-text li.nav-active:after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(1);
	height: 3px;
	bottom: 0;
	left: 0;
	background-color: #53e1ec;
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}
.nav-text li:not(.nav-active):after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #53e1ec;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.nav-text li:not(.nav-active):hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.text-white {
	color: #FFFFFF;
}

.content {
	background-color: #f4f5f9;
}

.con-one {
	max-height: 980px;
	position: relative;
	overflow: hidden;
}

.swiper-pagination-custom {
	bottom: 10px;
	left: 0;
	width: 100%;
}

.swiper-pagination-customs {
	width: 30px;
	height: 4px;
	display: inline-block;
	background: #000;
	opacity: .3;
	margin: 0 5px;
}

.swiper-pagination-customs-active {
	opacity: 1;
	background-color: #F78E00;
}

.con-adv .adv-info .adv-title {
	font-size: 75px;
	font-family: PingFangSC-Semibold;
	color: #000000;
}

footer {
	background-color: #f4f5f9;
}

.pt-footer {
	width: 100%;
	bottom: 0;
	padding: 0 10.5%;
}

.backgroundabout {
	background-image: url("../img/aboutBH.png");
	background-position-x: center;
	background-size: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-color: #f4f5f8;
}

.backgroundjoin {
	background-color: #f4f5f8;
}

/* 公司关于 */
.about-content {
	padding: 200px 10.5% 80px 10.5%;
	/* padding-bottom: 80px; */
}

.about-content .con-introduction .int-title,
.about-content .con-idea .idea-title {
	font-size: 75px;
}

.about-content .con-introduction .int-subtitle,
.about-content .con-idea .idea-subtitle {
	font-size: 75px;
}

.about-content .con-introduction .int-info {
	font-size: 27px;
	/* line-height: 37px; */
	letter-spacing: 3px;
	padding-top: 77px;
	padding-bottom: 125px;
	line-height: 1.6;
}



/*公司具体理念及地址*/
.con-idea {
	width: 100%;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	/* height: 700px;	 */

}

.about-content.con-idea.idea-info {
	font-size: 33px;
}

@media only screen and (max-width: 1365px) {
	.nav-ml-lg {
		margin-left: 95px !important;
	}

	.nav-ml-md {
		margin-left: 80px !important;
	}
	.slide4Swiper .tabBox span{
		font-size: 14px!important;
		padding-top: 8px!important;
		padding-bottom: 8px!important;
	}
}

@media only screen and (min-width: 1366px) and (max-width:1439px) {
	.con-adv .adv-info .adv-title {
		font-size: 53px;
	}
	.nav-ml-lg {
		margin-left: 105px !important;
	}
    .footer-content-about-bg{
    	font-size: 14px !important;
    }
	.nav-ml-md {
		margin-left: 88px !important;
	}
	.slide4Swiper .tabBox span{
		font-size: 16px!important;
		padding-top: 10px!important;
		padding-bottom: 10px!important;
	}
}

@media only screen and (min-width: 1440px) and (max-width:1679px) {
	.nav-ml-lg {
		margin-left: 115px !important;
	}
    .footer-content-about-bg{
    	font-size: 16px !important;
    }
	.nav-ml-md {
		margin-left: 96px !important;
	}
	.slide4Swiper .tabBox span{
		font-size: 18px!important;
		padding-top: 10px!important;
		padding-bottom: 10px!important;
	}
}

@media only screen and (min-width: 1680px) and (max-width:1877px) {
	.nav-ml-lg {
		margin-left: 125px !important;
	}
    .footer-content-about-bg{
    	font-size: 18px !important;
    }
	.nav-ml-md {
		margin-left: 106px !important;
	}
	.slide4Swiper .tabBox span{
		font-size: 20px!important;
		padding-top: 12px!important;
		padding-bottom: 12px!important;
	}
}

@media only screen and (min-width: 1878px) {
	.nav-ml-lg {
		margin-left: 140px !important;
	}
    .footer-content-about-bg{
		font-size: 20px !important;
	}
	.nav-ml-md {
		margin-left: 118px !important;
	}
	.slide4Swiper .tabBox span{
		font-size: 22px!important;
		padding-top: 14px!important;
		padding-bottom: 14px!important;
	}
}

@media (min-width: 900px) and (max-width: 1024px){
	.home-header{
		padding: 14px 7%;
	}
	.home-header .nav-text{
		font-size: 14px;
	}
}
@media (min-width: 1100px){
	.home-header{
		padding: 16px 7%;
	}
	.home-header .nav-text{
		font-size: 15px;
	}
}
@media (min-width: 1280px){
   .home-header{
	padding: 18px 7%;
   }
   .home-header .nav-text{
	font-size: 16px;
   }
}
@media (min-width: 1366px){
	.home-header{
		padding: 20px 7%;
	}
	.home-header .nav-text{
		font-size: 18px;
	}
}
@media (min-width: 1440px){
   .home-header{
		padding: 22px 7%;
	}
   .home-header .nav-text{
	font-size: 20px;
   }
   
}
@media (min-width: 1680px){
	.home-header{
		padding: 28px 7%;
	}
	.home-header .nav-text{
		font-size: 22px;
	}
}
@media only screen and (min-width: 1878px){
	.home-header{
		padding: 30px 7%;
	}
	.home-header .nav-text{
		font-size: 23px;
	}
}
.imgbox1 {
	width: 100%;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	/* height: 750px; */
}

.imgbox1 .about-1 {
	width: 79%;
	padding-bottom: 123px;
	float: right;
}

.imgbox1 .about-2 {
	width: 25%;
	position: absolute;
	left: 0;
	top: 25%;
}

.companyprofile {
	width: 48%;
	height: auto;
	position: relative;
	margin: 0 auto;

}

.title-info {
	width: 60%;
	height: auto;
	position: relative;
	margin: 0 auto;
}

.idea-info {
	width: 100%;
	position: relative;
	margin: 0 auto;
}

.about-three {
	width: 100%;
	height: auto;
	padding: 10% 0 0 0;
}

.idea-info .idea-info-back {
	z-index: 1;
	width: 74%;
	height: 35%;
	background-color: white;
	position: absolute;
	bottom: 0%;
	left: 13.7%;
}

.idea-info .idea-info-back .idea-info-back-text {
	line-height: 50%;
	position: relative;
	top: 25%;
	line-height: 37px;

}

.idea-info .idea-info-back .idea-info-back-text .idea-info-title {
	font-size: 33px;
	font-weight: bold;
	padding-left: 24.6%;
}

.idea-info .idea-info-back .idea-info-back-text .idea-info-title-2 {
	font-size: 25px;
	font-weight: normal;
	margin-left: 2.7%
}

.footer-all {
	padding-top: 400px;
	padding-bottom: 0px;
}

.footer-content-about-bg {
	width: 100%;
	background: white;
	padding-top: 25px;
	padding-left: 35px;
	padding-bottom: 25px;
}

.footer-content-about-bg .address-mt {
	margin-bottom: 15px;
}

.join-content {
	padding: 200px 10.5% 0 10.5%;
}

.con-main {
	width: 100%;
	position: relative;
	margin: 0 auto;
	max-height: 548px;
	overflow: hidden;
}

.con-main .con-left {
	width: 44.7%;
	position: absolute;
	left: 0;
	bottom: 15px;
}

.con-main .con-right {
	width: 55.3%;
	float: right;
}

.con-left-img {
	width: 19.5%;
	position: absolute;
	top: 5px;
	left: 0;
}

.con-left-title {
	margin: 1.5rem 0 0 0;
	font-size: 33px;
	font-weight: bold;
	white-space: nowrap;
}

.con-left-title-2 {
	font-size: 25px;
	font-weight: normal;
	margin-left: 4.4%
}

.border-blue {
	margin-right: 1%;
	margin-bottom: 0.5%;
}

.join-us {
	margin-top: 17px;
	margin-bottom: 54px;
}
/* 招聘职位 */
.position-content{
	padding-left: 10.5%;
	padding-right: 10.5%;
	padding-bottom: 160px;
}
.pos-main-info .job-tab-head{
	padding: 1.5%  3.6%;
	width: 15%;
	margin-right: 13.33%;
	float: left;
}
.pos-main-info .job-tab-head:last-child{
	margin-right: 0%;
}
.pos-main-info .job-tab{
    background-color: #fff;
	padding-top: 40px;
	padding-left: 35px;
	line-height: 1.6;
}

.pos-main-info .active-job{
	background-color: #fff;
}
.pos-main-info .job-tab .job-tab-con-title{
	font-size: 32px;
}
.pos-main-info .job-tab .job-tab-con-subtitle{
	font-size: 25px;
}
.pl0 {
	padding-left: 0 !important;
}

.pr0 {
	padding-right: 0 !important;
}

.nav-ml-lg {
	margin-left: 140px;
}

.nav-ml-md {
	margin-left: 118px;
}

/*--联系我们--*/
.section-contact{
	height: 978px;
}
.contact {
	position: absolute;
	top: 14%;
	margin: 0 3.8em 3em 3.8em;
	background-color: #ffffff;
	height: 80.2%;
}
.contact-top {
	overflow: hidden;
	height: 74%;
}
.contact-top-right form{
	padding-top: 12%;
}
.contact-top-right form input[type="text"] {
	width: 69%;
	color: #898888;
	outline: none;
	font-size: 24px;
	padding: 12px 60px;
	margin-bottom: 4%;
	border: solid 1px #B6B7BA;
	-webkit-appearance: none
}

.contact-top-right form textarea {
	resize: none;
	width: 69%;
	color: #898888;
	font-size: 24px;
	outline: none;
	padding: 14px 60px;
    padding-right: 10px;
	border: solid 1px #B6B7BA;
	/* min-height: 6em; */
	-webkit-appearance: none;
}

/* 提交的状态 */
.sub-button input[type="button"] {
	width: 69%;
	border: none;
	outline: none;
	text-decoration: none;
	color: #fff;
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 0.7em 0;
	display: inline-block;
	background: #1e1e1e;
	margin-top: 4%;
	-webkit-appearance: none;
	float: left;
}

.sub-button input[type="button"]:hover {
	/* background: #28d8c1;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all; */
}

.contact-bottom {
	padding: 4em 0;
}
.contact-top-left {
	float: left;
	width: 60%;
}

.contact-top-right {
	float: right;
	width: 40%;
	height: 100%;
}

.contace-left-img1 {
	width: 47.5%;
	/* height: auto; */
	/* position: relative; */
	/* left: 22%; */
	margin-left: 22%;
}

.contace-left-img2 {
	width: 61%;
	max-height: 346px;
	/* height: auto; */
	/* position: relative; */
	margin-left: 22%;
	margin-top: 7%;
	/* top: 4em; */
}

/* .con-adv{
	width: 100%;
	height: auto;
	margin-bottom: 0%;
    background-image: url(../img/index-1-bg.png);
	background-size:100% auto;
	background-origin:border-box;
} */

.con-adv {
	width: 100%;
	position: relative;
}
.img-Advantage {
	width: 34.5%;
	position: absolute;
	left: 9%;
	top: 12.7%;
	z-index: 1;
}

.adv-info-main {
	/* padding-left: 5%; */
	width: 70%;
	position: absolute;
	left: 15%;
	top: 41%;
	box-sizing: border-box;
	overflow: hidden;
}

.adv-info-main li {
	width: 25%;
	float: left;
	box-sizing: border-box;
	font-size: 33px;
}

.adv-info-main li img {
	width: 26%;
	display: inline-block;
}

.img-logo {
	width: 72%;
	height: auto;
	position: absolute;
	left: 13.5%;
	bottom: 0%;
	z-index: 1;
}

.img-Button-1 {
	width: 0.83%;
	height: auto;
	position: absolute;
	left: 93.5%;
	top: 44.5%;
	z-index: 1;
}

.con-abo {
	width: 100%;
	position: relative;
}

.img-about-text-1 {
	width: 35%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 26%;
	z-index: 1;
}

.img-about-text-2 {
	width: 35%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 38%;
	z-index: 1;
}

.img-Button-2 {
	width: 0.83%;
	height: auto;
	position: absolute;
	left: 93.5%;
	top: 44.5%;
	z-index: 1;
}

.con-fam {
	width: 100%;
	position: relative;
	margin-bottom: 12%;

}

.img-about-text-3 {
	width: 14.5%;
	height: auto;
	position: absolute;
	left: 8.2%;
	top: 13%;
	z-index: 1;
}

.img-Button-3 {
	width: 0.83%;
	height: auto;
	position: absolute;
	left: 93.5%;
	top: 44.5%;
	z-index: 1;
}

.phono-one {
	width: 60%;
	height: auto;
	position: absolute;
	left: 24%;
	top: 21.5%;
}

/* re */
.navBox {
	width: 70%;
	color: white;
	margin-left: 30%;
	font-size: 22px;
}

.navBox span {
	margin-left: 12%;
}

.swiper-containerInside1 img.bg {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
}

.swiper-containerInside1 img.font {
	position: absolute;
	width: 35%;
	left: 10%;
	top: 40%;
	z-index: 1;
}
.swiper-containerInside1 img.font2 {
	position: absolute;
	width: 36%;
	right: 10%;
	top: 40%;
	z-index: 1;
}

.swiper-containerInside1 .swiper-pagination-bullets,
.swiper-containerInside1 .swiper-pagination-custom,
.swiper-containerInside1 .swiper-pagination-fractio {
	bottom: 20%!important;
	left: 3%!important;
	text-align: left!important;
	padding-left: 7%;
}
.swiper-containerInside1 .swiper-pagination-bullets .swiper-pagination-bullet{
	width: 5%;
	height: 8px;
	border-radius: 4px!important;
	margin:0 2%!important;
	
}
.swiper-containerInside1 .swiper-pagination-bullet-active{
	background: white!important;
}
.swiper-containerInside1 .swiper-pagination-bullet{
	background-color: lightgray;

}
.swiper-slide2 .font{
	width: 30%;
	position: absolute;
	left:5%;
	top: 18%;
}

.bg-2b {
	background-color: #2b2b2b;
	height: 206px;
}

/* -contact- */
.contact-body{
	width: 100%;
	height: 100%;
}

.swiper-paginationOut {
	right: 3% !important;
}

.swiper-paginationOut .swiper-pagination-bullet {
	margin: 14px 0 !important;
	width: 8px;
	height: 8px;

}

.swiper-paginationOut .swiper-pagination-bullet-active {
	transform: scale(1.5);
}

.swiper-paginationOut .swiper-pagination-bullet {
	background-color: gray;

}

.swiperInside {
	width: 76%;
	height: 100%;
	position: relative;
	background: black;
}

.slide4Swiper {
	width: 80%;
	height: 58%;
	position: absolute;
	display: flex;
	left: 50%;
	transform: translateX(-50%);
	top: 26%;
}

.slide4Swiper .tabBox {
	width: 20%;
	height: 100%;
	padding: 5% 0;
	box-sizing: border-box;
	z-index: 99;

}

.slide4Swiper .tabBox span {
	width: 100%;
	/* height: 14%; */
	display: block;
	background-color: #cfd1d9;
	margin: 10% 0;
	font-size: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 5px;
	z-index: 999;
	cursor: pointer;
	position: relative;
	padding-top: 14px;
	padding-bottom: 14px;

}

.swiper-containerInside2 {
	width: 85.6%;
	height: 100%;
	position: relative;
	overflow: hidden;

}

.swiper-containerInside2 .swiper-wrapper {}

.swiper-containerInside2 img {
	width: 100%;
	height: 100%;
	object-fit: cover;

}

.swiper-pagination2 {
	color: white;
	left: 86% !important;
	width: 10% !important;
	bottom: 5% !important;
}

.swiperInside .swiper-button-next,
.swiperInside .swiper-button-prev {
	color: white !important;
}

.swiperInside .swiper-button-next {
	right: 8% !important;
	color: #fff;
}

.activeTab {
	background-color: #000000 !important;
	color: white;	
	animation: active 1s linear  1 forwards;
}
@keyframes active{
	0%{
		left: 0%;
	}
	100%{
		left: 20%;
	}
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}
.list-unstyled img{
	display: inline-block;
}
.list-inline {
  padding-left: 0;
  /* margin-left: -5px; */
  list-style: none;
}
.list-inline > li {
  display: inline-block;
}
.list-inline > li > a{
  text-decoration: none;
}
.clearfix:before{
	display: table;
	content: " ";
}
.clearfix:after{
	clear: both;
}
.pull-right{
	float: right!important; 
}
.pull-left{
	float: left!important;
}
/* 弹窗提示 */
.toast{
	padding: 15px 20px;
	font-size:  20px;
	line-height: 1.3;
	background: #3c3c3c;
	color: #fff;
	top: 50%;
	left: 50%;
	max-width: 40%;
	transform: translate(-50%,-50%);
	position: fixed;
	z-index: 900;
	border-radius: 6px;
	display:none;
}