.c{clear: both;}
.main_join{max-width: 1080px;width: 100%;margin: 0 auto;font-family: arial!important;}
.main_join h1,.main_join h2,.main_join h3,.main_join h4,.main_join h5{font-family: arial!important;}
.center_join{max-width: 940px; width: 100%;margin: 0 auto;}
.box_join1{position: relative;text-align: center;text-transform: uppercase;padding-bottom: 112px;margin-bottom: 80px;background: #fff;z-index: 0;}
.box_join1 .bg{position: absolute;top: 0;left: 0;width: 100%;z-index: 1;}
.box_join1 .bg img{ width: 100%;}
.box_join1 .bt{z-index: 9;position: relative;}
.box_join1 h3{font-size: 40px;font-weight: bold;background-image: linear-gradient(180deg,#f8e7bc 0,#c8a25f);-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;padding: 50px 0 20px;letter-spacing: 2px;}
.box_join1 h3::after{content: '';position: absolute;top: 0;left: 0;width: 57px;height: 48px;background: url(../images/zzz9.png) no-repeat center;}
.center_join2{padding: 0 11%;padding-top: 100px;min-height: 650px;}
.box_join1 .name{color: #ff7f2f;-webkit-text-stroke: 2px #edd0a3;font-weight: bolder;font-size: 100px;}
.box_join1 .name b{display: block;font-size: 120px;line-height: 80px;}
.box_join1 h4{font-size: 40px;color: #ff7f2f;}
.box_join1 .glolist{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 1;}
.box_join1 ul{display: flex;flex-flow: row wrap;justify-content: space-between;padding: 0 6%;}
.box_join1 li{width: 22.8%;text-align: center;background: #fff;box-sizing: border-box;border: 5px solid transparent;background-origin: border-box;background-clip: content-box, border-box;border-radius: 10px;}
.box_join1 li:nth-child(1){
	background-image: linear-gradient(#fff, #fff),
		linear-gradient(to bottom left,
		rgba(253, 215, 115, 1),
		rgba(240, 135, 207, 1));
}
.box_join1 li:nth-child(2){
	background-image: linear-gradient(#fff, #fff),
		linear-gradient(to bottom left,
		rgba(253, 215, 115, 1),
		rgba(0, 149, 59, 1));
}
.box_join1 li:nth-child(3){
	background-image: linear-gradient(#fff, #fff),
		linear-gradient(to bottom left,
		rgba(43, 125, 225, 1),
		rgba(162, 94, 181, 1));
}
.box_join1 li:nth-child(4){
	background-image: linear-gradient(#fff, #fff),
		linear-gradient(to bottom left,
		rgba(240, 135, 207, 1),
		rgba(253, 215, 115, 1));
}
.box_join1 li .box{padding: 30px 20px;}
.box_join1 li h5{font-size: 18px;display: block;text-transform: capitalize;margin-top: 20px;}



.box_join2{background: #fff url(../images/zzz5.jpg) no-repeat bottom;padding-bottom: 120px;}
.box_join2 .name{text-align: center;text-transform: uppercase;}
.box_join2 .name h2{background-image: linear-gradient(180deg,#f8e7bc 0,#c8a25f);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 38px;font-weight: bold;}
.box_join2 .name b{font-size: 46px;display: block;background-image: linear-gradient(180deg,#f8e7bc 0,#c8a25f);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.contfdan{height: 60px;line-height: 60px;border-radius: 10px;background: #ff7f2f;font-size: 37px;display: inline-flex;color: #fff;cursor: pointer;padding: 0 90px;margin-bottom: 90px;text-transform: uppercase;}
.box_join2 .wind{text-align: center;}



.box_join2 ul{display: flex;flex-flow: row wrap;justify-content: space-between;margin-top: 60px;}
.box_join2 li{width: 32%;text-align: center;background: #fff;box-sizing: border-box;border: 2px solid transparent;background-origin: border-box;background-clip: content-box, border-box;
	background-image: linear-gradient(#efe9e2, #efe9e2),
		linear-gradient(to top left,
		rgba(239, 197, 120, 1),
		rgba(248, 231, 188, 1),
		rgba(239, 197, 120, 1));
}
.imgtp{overflow: hidden;width: 100%;position: relative;padding-top: 75%;}
.imgtp img{transition: all 0.5s ease;height: 100%;width: 100%;object-fit: cover;position: absolute;top: 0;left: 0;display: block;margin: auto;z-index: 1;}
.imgtp:hover img{transform: scale(1.1);}
.box_join2 li .imgtp{padding-top: 73%;}
.box_join2 li h4{font-size: 25px;display: block;font-weight: normal;text-transform: uppercase;margin-bottom: 10px;}
.box_join2 li p{font-size: 18px;line-height: 26px;color: #645949;}
.box_join2 li .txt{padding: 20px 10px;display: flow-root;}


.box_join3{margin: 50px auto;display: flow-root;}
.box_join3 h2{font-size: 38px;text-transform: uppercase;text-align: center;}
.box_join3 .box{width: 100%;overflow-x: scroll;}
.box_join3 .box ul{margin-top: 40px;width: 1325px;}
.box_join3 .box::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
.box_join3 .box::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #ebebeb;
	border-radius: 3px;
}
.box_join3 .box::-webkit-scrollbar-thumb{
	border-radius: 500px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #dcdcdc;
}
.box_join3 li{width: 245px;text-align: center;background: #fff;box-sizing: border-box;border: 2px solid transparent;background-origin: border-box;background-clip: content-box, border-box;border-radius: 10px;margin-bottom: 30px;position: relative;float: left;margin-right: 25px;
	background-image: linear-gradient(#fff, #fff),
		linear-gradient(to bottom left,
		rgba(239, 197, 120, 1),
		rgba(248, 231, 188, 1));
}
.box_join3 li:last-child{margin-right: 0;}
.box_join3 li .imgtp{padding-top: 0;height: 309px;border-radius: 10px;}
.box_join3 li .txt{position: absolute;top: 0;left: 0;width: 100%;z-index: 1;}
.box_join3 li p{display: block;margin: 30px 0 18px;font-size: 25px;}



.box_join4{background: url(../images/zzz18.jpg) no-repeat center;text-align: center;padding: 55px 0 70px;display: flow-root;}
.box_join4 a{height: 60px;line-height: 60px;background: #ff7f2f;border-radius: 10px;color: #fff;text-transform: uppercase;font-size: 38px;display: inline-block;padding: 0 36px;}


.box_join5{background: url(../images/zzz19.jpg) no-repeat center;background-size: cover;padding: 80px 0 150px;display: flow-root;}
.box_join5 h2{font-size: 46px;text-transform: uppercase;text-align: center;display: block;margin-bottom: 230px;}
.box_join5 ul{display: flex;flex-flow: row wrap;justify-content: space-between;}
.box_join5 li{width: 24.5%;text-align: center;padding-right: 1%;position: relative;}
.box_join5 li:last-child{padding-right: 0;}
.box_join5 li .p{font-size: 15px;display: block;margin-top: 24px;line-height: 22px;}
.box_join5 li::after{content: '';position: absolute;top: 0;right: 0;width: 2px;height: 125px;background: #999;opacity: .6;}
.box_join5 li:last-child::after{display: none;}


.box_join6{margin: 120px 0 80px;display: flow-root;}
.box_join6 h2,.box_join7 h2{font-size: 55px;color: #ff7f2f;text-transform: uppercase;display: block;margin-bottom: 65px;}
.box_join6 li{width: 100%;background: #ff7f2f;border-bottom: 1px solid #ee762c;padding-top: 5px;display: flow-root;}
.box_join6 li:first-child{padding-top: 0;}
.box_join6 li .txt,.box_join6 li .imgtp{width: 50%;float: left;}
.box_join6 li .imgtp{padding-top: 0;height: 277px;}
.box_join6 li b{font-size: 62px;font-weight: bold;}
.box_join6 li .p{font-size: 28px;margin-top: 20px;}
.box_join6 li .txt{color: #fff;padding: 20px;display: flow-root;}
.box_join6 li:nth-child(2n) .imgtp{float: right;}


.box_join7{background: #fff url(../images/zzz28.jpg) no-repeat bottom;padding-bottom: 280px;display: flow-root;text-align: center;}
.box_join7 h2{ text-align: left;}
.box_join7 ul{display: flex;flex-flow: row wrap;justify-content: space-between;}
.box_join7 li{width: 22.5%;background: #ff7f2f;border-radius: 10px;color: #fff;}
.box_join7 li .box{padding: 30px 12px;display: flow-root;}
.box_join7 li b{font-size: 25px;display: block;min-height: 57px;}
.box_join7 li img{display: inline-block;margin: 30px 0 50px;}
.box_join7 li .p{line-height: 22px;}
.box_join7 h3{font-size: 34px;font-weight: bold;background-image: linear-gradient(180deg,#f8e7bc 0,#c8a25f);-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;padding: 140px 0 90px;text-transform: uppercase;}

.box_join7 ul .jt{ width: 30px; position: relative;}
.box_join7 ul .jt img{ top: 45%; left: 5px; position:absolute;}
.contfed .txt{font-size: 16px;background: #fff;padding: 20px;max-width: 420px;}
.contfed .txt h2{font-size: 20px;font-weight: bold;display: block;margin-bottom: 20px;color: #333;}
.contfed .txt .inp{width: 100%;height: 46px;line-height: 46px;border: 1px solid #e5e5e5;margin-bottom: 8px;display: block;font-size: 14px;text-indent: 10px;color: #666;border-radius: 5px;}
.contfed .txt textarea{width: 100%;border: 1px solid #eee;display: block;font-size: 14px;padding: 10px 0;height: 80px;text-indent: 10px;color: #666;}
.contfed .txt .sub{height: 46px;line-height: 46px;background: #ff7f2f;color: #fff;width: 100%;margin-top: 8px;font-size: 15px;cursor: pointer;border-radius: 5px;}
.contfed .txt form i{font-size: 15px;color: #999;display: block;line-height: 22px;margin-top: 20px;}
.contfed .txt form a{color: #ff7f2f;}
.contfed .txt .inp::-webkit-input-placeholder,.contfed .txt textarea::-webkit-input-placeholder{color: #888;}


.lanrenzhijia {position: fixed;left: -100%;right:100%;top:0;bottom: 0;text-align: center;font-size: 0; z-index:9999; display:none; overflow:visible!important;}
.lanrenzhijia:after {content:"";display: inline-block;vertical-align: middle;height: 100%;width: 0;}
.content{display: inline-block; *display: inline; *zoom:1;	vertical-align: middle;position: relative;right: -100%;}
.content_mark{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:555; background:#000; opacity:0.5;filter:alpha(opacity=50); display:none;}


@media (max-width: 1080px){
	.main_join{max-width: 100%;overflow: hidden;}
	.box_join1 ul{padding: 0 2%;}
	.box_join1 .name{font-size: 80px;}
	.box_join1 .name b{font-size: 100px;}
	.center_join2{padding-top: 50px;}
	.box_join1 .bg{height: 600px;overflow: hidden;}
	.center_join2{min-height: 580px;}
	.box_join1,.contfdan{margin-bottom: 50px;}
	.contfdan,.box_join4 a{font-size: 30px;}
	.box_join2 li h4,.box_join7 li b{font-size: 20px;}
	.box_join2,.box_join5{padding-bottom: 60px;}
	.box_join5 h2{margin-bottom: 150px;}
	.box_join6{margin-top: 50px;}
	.box_join6 h2, .box_join7 h2{font-size: 45px;margin-bottom: 40px;}
	.box_join6 li b{font-size: 50px;}
	.box_join6 li .p{font-size: 22px;}
	.box_join7 li{width: 24%;}
	.box_join7{padding-bottom: 100px;}
	.box_join7 h3{padding-bottom: 50px;}
}
@media (max-width: 768px){
	.center_join2{padding: 0 2%;padding-top: 40px;}
	.box_join1 h3{font-size: 30px;padding-top: 20px;}
	.box_join1 .name{font-size: 50px;margin-bottom: 20px;}
	.box_join1 .name b{font-size: 60px;line-height: 60px;}
	.box_join1 h4{font-size: 30px;}
	.box_join1 li,.box_join2 li,.box_join5 li,.box_join7 li{width: 49%;margin-bottom: 20px;}
	.box_join1 ul{bottom: -50px;}
	.box_join2 .wind{margin-top: 80px;}
	.box_join7 li img{margin: 20px 0;}
	.box_join7 h3{padding-top: 50px;}
}
@media (max-width: 560px){
	.box_join1 h3::after{display: none;}
	.box_join1 h3{font-size: 20px;letter-spacing: 0;padding: 0;margin-bottom: 20px;}
	.box_join1{ padding-bottom: 60px;}
	.box_join1 .name{font-size: 40px;}
	.box_join1 .name b{font-size: 50px;line-height: 50px;}
	.box_join1 h4{font-size: 20px;line-height: 26px;}
	.center_join2{padding-top: 40px;}
	.box_join1 .bg{height: 400px;}
	.box_join1 li{margin-bottom: 10px;}
	.box_join1 ul{bottom: 0;}
	.box_join1{margin-bottom: 0;}
	.box_join1 li .ic img{max-width: 70px;}
	.box_join1 li h5{font-size: 16px;margin-top: 15px;}
	.box_join1 li .box{padding: 20px 10px;}
	.center_join2{min-height: 520px;}
	.contfdan,.box_join4 a{font-size: 20px;height: 50px;line-height: 50px;padding: 0 50px;border-radius: 5px;}
	.box_join2 .wind,.box_join2 ul{margin-top: 30px;}
	.box_join2 .name b{font-size: 30px;}
	.box_join2 .name h2,.box_join3 h2,.box_join5 h2,.box_join6 h2, .box_join7 h2,.box_join7 h3{font-size: 25px;}
	.contfdan,.box_join5 h2,.box_join6 h2, .box_join7 h2{margin-bottom: 30px;}
	.box_join2 li,.box_join6 li .txt, .box_join6 li .imgtp,.box_join7 li{width: 100%;}
	.center_join{max-width: 96%;}
	.box_join3{margin-top: 0;}
	.box_join2,.box_join5{padding-bottom: 30px;}
	.box_join4{padding: 50px 0;}
	.box_join5{padding-top: 40px;}
	.box_join5 li::after{display: none;}
	.box_join6 li b{font-size: 30px;}
	.box_join6 li .p{font-size: 18px;margin: 20px 0;}
	.box_join6 li .imgtp{height: 240px;}
	.box_join7 li{margin-bottom: 10px;}
	.box_join6{margin-bottom: 40px;}
	.box_join7 ul .jt{ height: 30px; width:100%;}
	.box_join7 ul .jt img{ top: 0; left: 48%; transform:rotate(90deg);}
	.box_join1 .bg img{ width: 240%; margin-left:-70%;}
}