@charset "utf-8";
/* CSS Document */
#set-banner.join-banner{background:#4e2f1d url(images/join-bg.jpg) no-repeat center top /cover;}

/*join-jobs*/
.post{width: 360px;height: 137px;margin:20px 50px;position: relative;color: #000719;transition: all linear .4s;}
.post::before{content: "";background: url(images/job-btn.jpg);opacity: 0.1;z-index: -1;background-size: 100% 100%;width: 360px;height: 137px;position: absolute;top: 0;left: 0;transition: all linear .4s;}
.post:hover::before{opacity: 1;}
.post:hover{color: #fff;}
.post,.recruitment-process h2{font-family: MicrosoftYaHei-Bold;font-size: 18px;line-height: 24px;padding: 13px 37px 0px;}
a.post{text-align: center;}
a.post:hover{color: #FFFFFF}
a.post p{font-family: MicrosoftYaHei;font-size: 14px;letter-spacing: 0;line-height: 20px;padding: 10px;}

.recruitment-process{width:100%;padding-top: 40px;}
.recruitment-process .process span{display:block;width: 100px;height: 30px;line-height: 30px;font-size: 14px;color: #000719;background: rgba(204,205,209,.5);margin: 20px 0;}
.arrow {  width: 30px;  height: 30px;  position: relative;  display: inline-block;  margin: 0 10px;}
.arrow:before, .arrow:after {content: '';border-color: transparent;border-style: solid;position: absolute;}
.arrow .curve {position: absolute; overflow: hidden; }
.arrow .curve:before {content: ''; position: absolute; }
.arrow-right:before {border: none; background-color: #CCCDD1; height: 50%; width: 50%; top: 40%; left: 0; }
.arrow-right:after {left: 50%; top: 13%; border-width: 15px 15px; border-left-color: #CCCDD1; }
/*afternoon-snacks*/
.actives-list {max-width: 940px;}
.join-title{font-size: 26px; color: #000719; line-height: 32px; margin: 40px 0 10px; }
.actives-list picture {max-width: 940px; width: 460px; height: 345px; margin-top: 25px;}
.actives-list .com-tip{max-width: 940px; font-size: 16px; color: #000719; line-height: 26px; text-indent:2em;margin-top: 30px;}
.actives-list .tips{max-width: 940px; font-size: 16px; color: #000719; line-height: 26px; margin: 15px;text-indent: 2em;}
.actives-list .firtips{margin-top: 30px;}
/*develop-engineer*/
.development{position: relative; }
.development-employ{background-color: #fff; border:1px solid #000; padding: 10px 20px; font-family: MicrosoftYaHei-Bold; font-size: 14px; color: #000719; letter-spacing: 0; line-height: 20px; position: absolute; top:0; right: 0; float: right;}
.development-employ svg{padding-right: 10px; }
.development a:hover .development-employ{background: #333947;color: #fff;}
.development a:hover .development-employ svg path{fill: #fff;}
.development-list li{padding: 0 30px; font-size: 14px; font-family: MicrosoftYaHei-Bold; color: #000719; letter-spacing: 0; line-height: 20px; margin-top: 32px; }
.development-requirement {font-family: MicrosoftYaHei; font-size: 14px; color: #000719; letter-spacing: 0; line-height: 35px; text-align: justify; max-width: 940px; margin-left: auto; margin-right: auto; margin-bottom: 40px; margin-top: 40px; }
/*welfare*/
.welfare{width: 300px; height: 394px; margin: 0 20px 80px; padding: 40px 30px; background: #FFFFFF; border: 1px solid #EFEFEF; border-radius: 4px; }
.welfare strong{font-size: 18px; }
.welfare ul li {font-size: 14px; color: #000719; letter-spacing: 0; line-height: 22px; list-style-type: none; }
/*study*/
.center {position:relative; text-align: center; margin-bottom: 160px; margin-top: 40px; }
/*happy*/
a.gallery {display:block;margin: 20.1px 25px; opacity: 100%; border-radius: 4px; background: #FFFFFF; box-shadow: 0 10px 20px 0 rgba(0,0,0,0.10); transition: all linear .4s; }
.gallery:hover{color: #FF6A58;box-shadow: 0 10px 20px 0 rgba(255,106,88,0.30); }
.gallery:hover p{color:#FF6A58;}
.gallery img {border-radius: 4px; }
.gallery p {text-align: center; font-size: 18px; color: #000719; line-height: 24px; font-weight: normal;padding:20px}

hr {background: #FFFFFF; border: 1px solid #EFEFEF; width: 940px; margin-top: 40px; margin-bottom: 20px; }
@media (max-width: 1680px){

}
@media (max-width: 1200px){
	.post{width: 330px;height: 114px;margin:10px 5px;}
	.post::before{width: 300px;height: 114px;}
}
@media (max-width: 960px){
	.post{width: 300px;height: 114px;margin:10px 5px;}
	.post::before{width: 300px;height: 114px;}

	/*afternoon-snacks*/
	.join-title{font-size: 24px; color: #000719; margin: 20px 0 5px; }
	.actives-list picture {width: 300px; height: 225px; }

	/*develop-enfineer*/
	.development h2{text-align: left; }
	.development-employ{padding: 5px 10px; font-size: 14px; color: #000719; line-height: 20px; }
	.development-list li{padding:0 15px 0 0; line-height: 20px; margin-top: 16px; }
	.development-requirement {margin-bottom: 20px; margin-top: 20px; }
}
@media (max-width: 769px){
	.post{width: 300px;height: 114px;margin:10px 5px;}
	.post::before{width: 300px;height: 114px;}
 /*afternoon-snacks*/
	.join-title{font-size: 24px; color: #000719; margin: 20px 0 5px; }
	.actives-list picture {width: 300px; height: 225px; }
	/*develop-enfineer*/
	.development h2{text-align: left; }
	.development-employ{padding: 5px 10px; font-size: 14px; color: #000719; line-height: 20px; }
	.development-list li{padding:0 15px 0 0; line-height: 20px; margin-top: 16px; }
	.d evelopment-requirement {margin-bottom: 20px; margin-top: 20px; }
	/*happy*/
	.gallery {margin: 10px 12.5px; }
	/*welfare*/
	.welfare {width: 100%; height: auto; margin: 0 10px 30px; padding: 25px 20px 40px; }
}
@media(max-width:500px){
	.post{width: 300px;height: 114px;margin:10px 5px;}
	.post::before{width: 300px;height: 114px;}

	/*afternoon-snacks*/
	.join-title{font-size: 24px; color: #000719; margin: 20px 0 5px; }
	.actives-list picture {width: 300px; height: 225px; }
	/*develop-enfineer*/
	.development h2{text-align: left; }
	.development-employ{padding: 5px 10px; font-size: 14px; color: #000719; line-height: 20px; }
	.development-list li{padding:0 15px 0 0; line-height: 20px; margin-top: 16px; }
	.development-requirement {margin-bottom: 20px; margin-top: 20px; }

	/*happy*/
	.gallery {margin: 10px 0; }
	/*welfare*/
	.welfare {width: 100%; height: auto; margin: 0 10px 25px; padding: 20px 15px 40px; }
}
@media (max-width: 375px){
	.post{width: 300px;height: 114px;margin:10px 5px;}
	.post::before{width: 300px;height: 114px;}

	/*afternoon-snacks*/
	.join-title{font-size: 24px; color: #000719; margin: 20px 0 5px; }
	.actives-list picture {width: 300px; height: 225px; }
	/*develop-enfineer*/
	.development h2{text-align: left; }
	.development-employ{padding: 5px 10px; font-size: 14px; color: #000719; line-height: 20px; }
	.development-list li{padding:0 15px 0 0; line-height: 20px; margin-top: 16px; }
	.development-requirement {margin-bottom: 20px; margin-top: 20px; }
	/*happy*/
	.gallery {margin: 10px 0; }
	/*welfare*/
	.welfare {width: 300px; height: auto; margin: 0 10px 20px; padding: 20px 15px 40px; }
}