@font-face {
    font-family: 'ProductSans';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: local('ProductSans Regular'), local('ProductSans-Regular'), url(../fonts/ProductSans-Regular.woff2) format('woff2'), url(../fonts/ProductSans-Regular.woff) format("woff"), url(../fonts/ProductSans-Regular.tff) format("truetype");
}
.float-place,.font-product{
    font-weight: 400;
    font-family: 'ProductSans', Arial, sans-serif;
}
#content,#header,#container{
	width:100%;
	position: relative;
	overflow: hidden;
}
/*banner-start*/
#header{
	position:fixed;
	top:0;
	left:0;
	z-index:2;
}
.phone-header{
	display: none;
}
#header.add{
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.bg-color{
	width:100%;
	height:875px;
	background:#66bee8;
	position: relative;
	padding-top: 85px;
}
.bg-about,.bg-contact,.bg-list{/*无遮罩*/
	width:100%;
	height:550px;
	position: relative;
}
.bg{
	width:100%;
	height:100%;
	background:url(../images/1.jpg) #66bee8 no-repeat center center;
	background-size:contain;
	opacity: 0.6;
}
.bg-about .bg{/*无遮罩*/
	opacity: 1;
	background:url(../images/3.jpg) #62b5e5 no-repeat center center;
	background-size: contain;
}
.bg-contact .bg{/*无遮罩*/
	opacity: 1;
	background:url(../images/4.jpg) #31abe0 no-repeat center center;
	background-size: contain;
}
.bg-list .bg{/*无遮罩*/
	opacity: 1;
	background:url(../images/5.jpg) #62b5e5 no-repeat center center;
	background-size: contain;
}



.header{
	width:100%;
	height:85px;
	padding:0px 80px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;

}
.header div:nth-of-type(1){
	height:100%;
	float:left;
}
.header .logo{
	width:168px;
	height: 40px;
	display: block;
	margin-top:20px;
	background: url("../images/logo-w.png");
	background-size: contain;
}
.detail .header .logo{
	background: url("../images/logo-b.png");
	background-size: contain;
}
.detail .header div:nth-of-type(2) div a{
	color:#000;
}
.add .header .logo{
	background: url("../images/logo-b.png");
	background-size: contain;
}
.header div:nth-of-type(2){
	height:100%;
	float:right;
}
.header div:nth-of-type(2) div{
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.header div:nth-of-type(2) div a{
	display: inline-block;
	margin-left:50px;
	font-size: 22px;
	color:#fff;
	letter-spacing: .5px;
}
#header.add .header div:nth-of-type(2) div a{
	color:#000;
}
.world{
	margin-top: 85px;
	text-align: center;
	/*position: absolute;
	z-index:1;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	text-align: center;*/
}
.world p{
	font-size: 64px;
	color:#fff;
}
.world p:nth-of-type(2){
	font-size: 42px;
}
.banner-img{
	height: 550px;
	display: block;
	margin: 0 auto;
}
/*banner-over*/
.box{
	width:1280px;
	margin:0 auto;
	padding:60px 0px;
}
.box h4{
	font-weight: normal;
	font-size:20px;
	letter-spacing: .5px;
	line-height: 60px;
	/*color:#464646;*/
	text-align: center;
}
.box div{
	text-align: center;
}
.box h4 strong{
	font-weight: normal;
}
.box a{
	background:#2180ff;
	color:#fff;
	border-radius: 25px;
	/*border-radius: 10px;*/
	cursor: pointer;
	display: inline-block;
	font-size: 24px;
	font-weight: 700;
	padding: 10px 45px;
	margin-top:40px;
	letter-spacing: 1px;

}
.box-job{
	background: #f8f8f8;
}
.inner,.about,.contact,.job-detail-box{
	width:1280px;
	margin:0 auto;

}
.contact,.job-detail-box{
	padding:80px 0px;
}
.list-box .inner{
	padding-left: 20px;
	padding-right: 20px;
}
.box-job h2,.list-box h2{
	font-size:24px;
	line-height: 60px;
	padding:60px 0px 32px;
	
	/*line-height: 1;*/
}
.box-job h2{
	text-align: center;
}
.box-job .box{
	margin-top: -60px;
	padding-left: 0;
	padding-right: 0;
}
.link-us {
	padding-bottom:80px;
}
.link-us span{
	font-size:18px;
}
.list{
	background:#f8f8f8;
	padding:80px 0px;
	
}
.list ul{
	margin-left: -32px;
}
.list li{
	float:left;
	width:50%;
	padding-left: 32px;
	box-sizing: border-box;
}
.list li > div{
	/*display: table;
	width:100%;*/
	margin-bottom: 24px;

}
.list-con{
	display: flex;
	align-items: center;
	background-color: #fff;
	padding:  40px 16px;
	border-radius: 6px;
}
.job-list{
	width:100%;
}
.job-list li,.about li{
	padding-bottom:45px;
	width:100%;
	display: table;
	font-size: 18px;
}
.job-list li div,.about li div{
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.job-list li div:nth-of-type(1){
	width:48%;
	text-align: right;
	padding-right:75px;

}
/*.job-list li{
	display: flex;
}*/
.job-list li div:nth-of-type(2){
	width:48%;
}
.job-list li div img{
	width:80px;
}
.job-list li h6{
	font-size: 20px;
	padding-bottom: 10px;
}
.job-list .more{
	width: 100%;
	text-align: center;
	padding-bottom:80px;
}
.job-list .more a{
	background:#2180ff;
	color:#fff;
	border-radius: 25px;
	cursor: pointer;
	display: inline-block;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 1px;
}
.job-list .more a{
	padding: 10px 25px;
}
.list li .right-btn p:nth-of-type(1){
	font-weight: bold;
}
.go-apply{
	/*padding: 10px 20px;*/
	background:#2180ff;
	color: #fff;
	width: 130px;
	line-height: 40px;
	border-radius: 20px;
	text-align: center;
	font-size: 16px;
}

.about li img{width:612px;}
.about li div:nth-of-type(1){
	padding-right:25px;
}
.about li div:nth-of-type(2){
	 padding-left:25px;
 }
.about li div p{
	font-size: 20px;
	margin-bottom: 20px;
	letter-spacing: .5px;
	line-height: 60px;
}
.float-place{
	/*float:left;*/
	/* text-align: center; */
	font-size: 48px;
	padding-right: 20px;
	display: block;
	line-height: 60px;
	margin-bottom: 20px;
}

.decp{
	font-size:20px;
	line-height: 60px;
	margin-bottom: 100px;
}
.decp p,.decp div{
	/*margin-bottom: 32px;*/
	/*line-height: 32px;*/
}
.decp-block{
	position: relative;
	/* padding-left: 68px; */
	margin-bottom: 32px;
	text-align: center;
}
.decp-block span{
	/* position: absolute;
	left: 40px; */
	font-size: 40px;
	font-weight: bold;
}

.decp div p{
	margin-bottom: 0px;
	text-align: center;
}
.list-box h2{
	text-align: center;
}
.list-box h2 span{
	display: block;
}

.list li img{
	width:120px;
	height: 120px;
	margin-right: 16px;
}
.list li .right-btn{
	flex: 1;
}
.list li .right-btn p{
	font-size: 20px;
}
.list li .right-btn p:nth-of-type(2){
	margin-top:20px;
}

.job-page{
	margin-bottom:95px;
}
.job-detail-box .title{
	text-align: center;
	padding-bottom: 30px;
}
.job-detail-box .title img{
	width: 160px;
}
.job-detail-box .title h1{
	font-size: 28px;
	padding:30px 0px;
}
.job-detail-box div{
	margin-bottom: 30px;

}
.job-detail-box div p{
	font-size: 20px;
	line-height: 30px;
}

#footer{
	width:100%;
	height: 400px;
	position: relative;
	overflow: hidden;
	background:#0964df;
}
.footer-bg{
	width:100%;
	height:100%;
	background:url("../images/map.png") no-repeat 50% 50%;
	background-size: cover;
	opacity: 0.45;
}
.footer-box{
	position: absolute;
	z-index:2;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.footer{
	width:1280px;
	height: 100%;
	margin:0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:flex;
	align-items:center;
}
.footer div{
	flex:1;
	height:auto;
	text-align: center;

}
.footer div:nth-of-type(1){
	padding-right:50px;
	text-align: right;
}
.footer div:nth-of-type(3){
	padding-left:50px;
	text-align: left;
}
.footer img {
	width:220px;
}
.footer h6{
	font-size: 24px;
	padding-bottom:15px;
	color:#fff;
}
.footer p{
	font-size:18px;
	line-height: 32px;
	color:#fff;
}
.copyright{
	position: absolute;
	bottom: 0;
	color: rgba(255, 255, 255, .6);
	text-align: center;
	font-size: 12px;
	right: 0;
	left: 0;
	bottom:  10px;
}
@media screen and (max-width:1280px){
	.header,.box,.inner,.box-job,.about,.contact,.job-detail-box,.footer{
		width:100%;
		padding-left:20px;
		padding-right:20px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
		transition: 0.3s all;

	}
	.inner{
		padding-left: 0;
		padding-right: 0;
	}
	.about li div{
		width:50%;
	}
	.about li img{
		width:100%;
	}
	.about li div p{
		line-height: 40px;
	}

}
@media screen and (max-width:1024px){
	.decp-block span{
		font-size: 24px;
		
	}
	.float-place{font-size: 24px;margin-bottom: 0;}
	.about li div p{
		/* text-align: center; */
		font-size: 14px;
	}
}
@media screen and (max-width:768px){
	.banner-img{
		height: auto;
		width: 100%;
	}
	.header{
		height: 70px;
	}
	.bg-color{
		height: auto;
		padding-bottom: 35px;
		padding-top: 70px;
	}
	.world{
		margin-top: 35px;
	}
	.bg-about, .bg-contact, .bg-list{height:550px;}
	.world p{font-size: 27px;}
	/*.world p:nth-of-type(2){font-size:18px;}*/
	.box h4{font-size: 14px;line-height: 40px;}
	.list li img,.job-list li div img{
		width:80px;
		height: 80px;
	}
	.list li .right-btn p{
		font-size: 16px;
	}
	.list li .right-btn p:nth-of-type(2){
		font-size: 14px;
		width: 100px;
		line-height: 36px;
		margin-top: 10px;
	}
	/*phone-nav*/
	.header div:nth-of-type(2) div{
		display: none;
	}
	.phone-header{
		display: block;
	}

	.phone-header label{
		position:absolute;
		right:20px;
		top:25px;
		width:28px;
		height:24px;

	}
	.navbar-icons{
		width:100%;
		height:100%;
	}
	.navbar-icons span{
		background-color: #000;
		border-radius: 2px;
		display: block;
		height: 3px;
		left: 0;
		opacity: 1;
		position: absolute;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		transition: .25s ease-in-out;
		width: 100%;
	}
	.navbar-icons span:first-child {
		-webkit-transform-origin: left center;
		top: 0;
		transform-origin: left center;
	}
	.navbar-icons span:nth-child(2) {
		-webkit-transform-origin: left center;
		top: 10px;
		transform-origin: left center;
	}
	.navbar-icons span:nth-child(3) {
		-webkit-transform-origin: left center;
		top: 20px;
		transform-origin: left center;
	}

	.navbar-icons.open span:first-child{
		-webkit-transform: rotate(45deg);
		left: 6px;
		top: 0px;
		transform: rotate(45deg);
	}
	.navbar-icons.open span:nth-child(2){
		opacity: 0;
		width: 0;
	}
	.navbar-icons.open span:nth-child(3){
		-webkit-transform: rotate(-45deg);
		left: 6px;
		top: 20px;
		transform: rotate(-45deg);
	}

	#checkbox{
		position: absolute;
		right:0;
		top:0;
		opacity: 0;
	}
	.nav{
		height: 0px;
		-webkit-transition: 0.3s all;
		transition: 0.3s all;
	}
	.phone-header .nav a{
		display: block;
		color:#000;
		background:#fff;
		height: 55px;
		line-height: 55px;
		padding-left:20px;
		font-size: 18px;
		border-bottom: 1px solid #ccc;
	}
	#checkbox:checked + div.nav{
		height: 168px;
	}
	.header .logo{
		width: 135px;
    	height: 32px;
	}
	/*phone-nav*/

}
@media screen and (max-width:667px){
	/*about*/
	.about li:nth-of-type(2){
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:flex;
		flex-wrap:wrap-reverse;
	}
	.about li div{
		display: block;
		width: 100%;
	}
	.about li div:nth-of-type(1){
		padding-right:0px;
	}
	.about li div:nth-of-type(2){
		padding-left:0px;
	}
	/*list*/
	.list li{
		width: 100%;
	}
	/*index*/
	.job-list li div:nth-of-type(1){
		/*text-align:left;*/
		padding-right:0px;
		padding-right: 32px;
	}
	/*footer*/
	#footer{
		height: 150px;
	}
	.footer div:nth-of-type(1),.footer div:nth-of-type(3){
		display: none;
	}
	.job-list li div:nth-of-type(1){
		width: 40%;
	}
	.box{
		padding-top: 28px;
		padding-bottom: 28px;
	}
	.job-list .more a{
		font-size: 18px;
	}
	.box a{
		margin-top: 20px;
		font-size: 18px;
	}
	.box-job .box{
		margin-top: -30px;
	}
	.float-place{
		text-align: center;
	}
	.decp-block span{
		font-size: 24px;
	}
	.float-place{font-size: 24px;}
	.about li div p{
		text-align: center;
		font-size: 14px;
	}
	.go-apply{
		width: 100px;
		line-height: 36px;
	}
	.job-detail-box .title{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.job-detail-box div p{
		font-size: 16px;
		line-height: 32px;
	}
	.job-detail-box{
		padding-top: 40px;
		padding-bottom: 40px;
	}
}
@media screen and (max-width:414px){
    .bg-about, .bg-contact, .bg-list{
		height:400px;
	}
	.world{
		width:100%;
	}
	.world p:nth-of-type(1){
		font-size: 28px;
	}
	.world p:nth-of-type(2){
		font-size: 22px;
	}
    .world p,.job-list li h6{font-size: 16px;}
    /*.world p:nth-of-type(2){font-size: 16px;}*/
	/*.box h4{font-size:21px;}*/
	.box{padding-top:40px;padding-bottom: 40px;}

	.job-list li, .about li{padding-bottom:50px;font-size: 14px;}
	.box-job h2, .list-box h2{padding-top: 40px;font-size: 24px;padding-bottom: 16px;}
	.list-box h2{
		font-size: 18px;
		line-height: 40px;
	}
	.footer img {
		width:110px;
	}
	.decp{
		font-size: 14px;
		line-height: 40px;
		margin-bottom: 32px;
	}
}