*{margin:0px; padding:0px; list-style:none; outline:none; font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;}
body{line-height:24px; font-size:14px; color:#333; background:#FFF;}
img{border:0px;}
a{color:#333; text-decoration:none; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
.join-main{
	padding-bottom:360px;
}
.join-main a{
	color:#fff;
}
.join-box1{
	width: 100%;
	position: relative;
}
.join-box1-img{
	width: 100%;
	height: auto;
}
.join-box1-img1{
	width: 100%;
	height: auto;
	display: none;
}
.join-text1{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 13%;
}
.join-text1 p{
	font-size: 36px;
	color: #ff6e03;
	line-height: 42px;
}
.join-text2{
	width: 100%;
	text-align: center;
	margin: 80px 0 100px;
}
.join-click{
	width: 200px;
	height: 40px;
	background: linear-gradient(to bottom right, #ff6e03 , #ff4a03); 
	color: #fff;
	font-size: 16px;
	border-radius: 50px;
	line-height: 40px;
	text-align: center;
	margin: 30px auto 0;
}
.join-click1{
	width: 150px;
	height: 32px;
	background: linear-gradient(to bottom right, #ff6e03 , #ff4a03); 
	color: #fff;
	font-size: 16px;
	border-radius: 50px;
	line-height: 32px;
	text-align: center;
	margin: 30px auto 0;
}
.join-box2{
	width: 100%;
	margin: 20px 0 50px;
}
.join-title1{
	width: 24%;
	margin: 0 auto;
}
.join-title1 img{
	width: 100%;
}
.join-list1{
	width: 64%;
	display: inline-block;
	margin: 80px 0 0 18%;
}
.list1-box{
	width: 21%;
	float: left;
	margin: 0 2%;
}
.l-box_t{
	width: 150px;
	height: 150px;
	margin:0 auto;
	display: flex;
	justify-content:center;
	align-items:center; 
}
.l-box_t img{
	width: 80%;
}
.l-box_c{
	width:100%;
	margin:0 auto;
	margin-top:15px;
	text-align:center;
	margin-top:20px;
	color:#333333;
}
.l-font{
	font-size: 22px;
	color: #333;
}
.l-txt{
	line-height:28px;
	font-size:16px;
	color:#999999;
	margin-top: 10px;
}
.join-list2{
	width: 64%;
	margin: 30px auto 0;
}
.join-list2 img{
	width: 100%;
}
.join-list3{
	width: 100%;
	margin: 30px auto 0;
}
.join-list3a{
	display: none;
}
.join-list3 img{
	width: 100%;
}
.l-box_t1{
	width: 100px;
	height: 100px;
	margin:0 auto;
	display: flex;
	justify-content:center;
	align-items:center; 
}
.l-box_t1 img{
	width: 80%;
}
.l-box_c1{
	width:84%;
	margin:0 auto;
	margin-top:15px;
	text-align:center;
	margin-top:20px;
	color:#333333;
}
.join-box3{
	width: 100%;
	position: relative;
	text-align: center;
	/*height: 1039px;
	background: url(../img/gw04.jpg) 0 0 no-repeat;
	background-size: 100% 1039px;*/
}
.join-box3-img{
	width: 100%;
	margin-top: 30px;
}
.join-box3-img1{
	display: none;
}
.join-work{
	width: 100%;
	position: absolute;
	top: 15%;
}
.join-title2{
	width: 100%;
	/*position: absolute;
	top: 10%;*/
	text-align: center;
	color: #ff6e00;
	font-size: 34px;
	line-height: 40px;
}
.join-list4{
	width: 60%;
	display: inline-block;
	margin-top: 30px;
	/*position: absolute;
	top: 18%;
	left: 20%;*/
}
.list4-box{
	width: 21%;
	margin: 0 2%;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	color: #fff;
	font-size: 18px;
}
.join-list4 span{
	font-size: 20px;
	color: #ff6e00;
	margin-right: 5px;
}
.list4-free{
	width: 14%;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: linear-gradient(to bottom right, #ff6e03 , #ff4a03); 
	color: #fff;
	font-size: 16px;
	border-radius: 50px;
	margin: 40px auto 0;
	/*position: absolute;
	top: 28%;
	left: 43%;*/
}
.list4-items{
	width: 40%;
	position: relative;
	margin: 80px auto 0;
	/*position: absolute;
	top: 40%;
	left: 30%;*/
}
.list4-items-img{
	width: 100%;
}
.list4-items-img1{
	display: none;
}
.list4-form{
	width: 72%;
	position: absolute;
	top: 28%;
	left: 14%;
}
.input-text{
	width: 92%;
	padding: 2% 4%;
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 30px;
}
.list4-form textarea{
	width: 92%;
	padding: 2% 4%;
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 30px;
}
#dosubmit{
	width: 100%;
	background: #ff6e00;
	padding: 2.5%;
	margin-top: 20px;
	outline: none;
	border: 1px solid transparent;  
	font-size: 16px;
	color: #fff;
}
/*响应式*/
@media (max-width:1500px){
	.join-title1{width: 28%;}
	.join-list1{width: 72%;margin: 30px 0 0 14%;}
	.join-list2{width: 72%;}
	.list4-items{width: 48%;}
}
@media (max-width: 1300px) {
	.join-text1 p{font-size: 32px;}
	.join-title1{width: 32%;}
	.join-list1{width: 80%;margin: 30px 0 0 10%;}
	.l-box_t{width: 120px;height: 120px;}
	.l-font{font-size: 20px;}
	.l-txt{font-size: 15px;line-height: 26px;}
	.join-list2{width: 80%;}
	.list4-items{width: 54%;}
	.list4-form input{font-size: 15px;margin-bottom: 12px;}
	.list4-form textarea{font-size: 15px;margin-bottom: 12px;}
	.join-now{font-size: 15px;margin-top: 15px;}
	.join-work{top: 10%;}
	.join-title2{font-size: 30px;}
	.list4-box{font-size: 16px;}
}
@media (max-width: 1100px) {
	.join-text1{bottom: 10%;}
	.join-text1 p{font-size: 28px;}
	.join-title1{width: 36%;}
	.join-click{margin-top: 20px;width: 150px;height: 32px;font-size: 15px;line-height: 32px;}
	.join-click1{margin-top: 20px;width: 120px;height: 28px;font-size: 15px;line-height: 28px;}
	.join-list1{width: 90%;margin: 30px 0 0 5%;}
	.l-box_t img{width: 70%;}
	.l-txt{font-size: 14px;line-height: 24px;}
	.join-list2{width: 90%;}
	.l-box_t1 img{width: 72%;}
	.l-box_c1{width: 90%;}
	.list4-free{width: 20%;height: 32px;line-height: 32px;font-size: 14px;margin-top: 25px;}
	.join-list4{margin-top: 24px;}
	.list4-items{width: 60%;margin-top: 35px;}
	.list4-form input{font-size: 14px;}
	.list4-form textarea{font-size: 14px;}
	.join-now{font-size: 15px;margin-top: 15px;}
	.join-title2{font-size: 28px;}
}
@media (max-width: 840px) {
	.join-text1{bottom: 6%;}
	.join-text1 p{font-size: 24px;}
	.join-title1{width: 40%;}
	.l-box_c1{width: 100%;}
	.join-box2{margin-bottom: 35px;}
	.join-title2{font-size: 22px;}
}
@media (max-width: 750px) {
	.join-text2{margin: 50px auto;}
	.join-main{padding-bottom:442px;}
	.join-box1-img{display: none;}
	.join-box1-img1{display: block;}
	.join-text1{bottom: 10%;}
	.join-text1 p{font-size: 22px;}
	.join-title1{width: 48%;}
	.join-list1{width: 72%;margin: 30px 0 0 14%;}
	.list1-box{width: 42%;margin: 0 4%;}
	.join-list3{display: none;}
	.join-list3a{width: 100%;display: block;}
	.join-list3a img{width: 100%;margin-top: 20px;}
	.l-box_c1{width: 90%;}
	.l-txt{height: 75px;}
	.list4-box{width: 46%;margin: 20px 2% 0;}
	.list4-items{width: 100%;margin-top: 180px;}
	.list4-items-img{display: none;}
	.list4-items-img1{display: block;width: 100%;}
	.list4-form input{margin-bottom: 20px;}
	.list4-form textarea{margin-bottom: 20px;}
	.join-now{margin-top: 40px;}
	.join-title2{font-size: 20px;}
	.join-list4{margin-top: 50px;width: 84%;}
	.list4-free{margin-top: 60px;width: 28%;}
	.join-box3-img{display: none;}
	.join-box3-img1{display: block;width: 100%;}
}
@media (max-width: 500px) {
	.join-list1{width: 84%;margin: 30px 0 0 8%;}
	.join-title1{width: 54%;}
	.list4-free{width: 36%;}
	.join-list4{width: 96%;}
}
@media (max-width: 414px) {
	.join-main{padding-bottom:388px;}
	.join-list1{width: 90%;margin: 30px 0 0 5%;}
	.join-title1{width: 64%;}
	.list4-items{margin-top: 120px;}
	.list4-form input{margin-bottom: 15px;}
	.list4-form textarea{margin-bottom: 15px;}
	.list4-free{width: 42%;}
	.join-now{margin-top: 20px;}
}