#banners{width: 100%; background: url(../images/join/recruiting_img_banner1.png) no-repeat top center; height: 700px; 
background-size: cover;}
#banners>div>h1{color: #FFF;font-size: 110px;  letter-spacing: 10px;}
#banners>div>.recruit{color: #FFF;font-size: 70px; letter-spacing: 1px; text-transform:uppercase;font-weight: bold;}
.btn_join{width: 580px; height: 85px; text-align: center; color: #FFF;font-size: 36px;font-weight: 100;border: 1px solid #FFF;
 line-height: 85px; margin-top: 30px; padding: 0 70px;border-radius: 42px;font-weight: 100; background: rgba(0,0,0,0.2); letter-spacing: 2px;}
#competitiveness{ margin: 0 auto; padding: 50px 0; clear: both; overflow: hidden;}
#core{margin-top: 50px;} 
#core>li{width:332px ; height: 241px;float: left; margin-right: 22px; margin-bottom: 50px;}
#core>li:nth-child(4),#core>li:nth-child(8){margin-right: 0;}
#core>li>.text{margin-top: 172px; margin-left: 20px;}
#core>li>.text>.heavy_text{font-size: 20px; line-height: 38px;}
#core>li>.text>.light_text{color: #999;font-size: 12px;}
#advantage{ margin-top: 60px;}
#advantage>li{float:left;width: 25%; text-align: center; height: 240px;}
#advantage>li>h3{ padding: 10px 20px;font-size: 22px; margin-top: 20px;}
#advantage>li>small{font-size: 14px;color: #aaa;}
#conditions{clear: both; overflow: hidden; width: 1400px; margin:0px auto 100px auto;}
#conditions_list{margin:50px auto;}
#conditions_list>li{width: 216px; height: 299px;border-top: 1px solid #AA393D;overflow: hidden;float: left;background: #fcf4e4; margin: 0 8px;}
#conditions_list>li:nth-child(2n){background: #FAFAFA;}
#conditions_list>li>.sort{text-align: center;margin-top: 20px; 
	        font-size: 70px;font-weight: bold;
	        background: linear-gradient(to bottom, #aa393d, #f5f5f5);
	        -webkit-background-clip: text;
	        color: transparent;
}
#conditions_list>li>.heavy_text{text-align: center;font-size: 24px;color: #1E1E1E; line-height: 60px;}
#conditions_list>li>.light_text{text-align: center;font-size: 13px;color: #999; line-height: 26px;}

#process{clear: both; min-height: 300px; overflow: hidden; background: url(../images/join/recruiting_img_process.jpg) no-repeat center top;
 background-size: cover;margin-top: 50px;}
#process>ul{width: 1200px; margin: 50px auto 90px auto; opacity: 0.8; overflow: hidden;}
#process>ul>li{text-align: center;width: 20%;float: left; margin-bottom: 0px;color: #FFF;line-height: 50px;}
#process>ul>li>span{display: inline-block;border: 1px solid #FFF; color: #FFF;width: 80%;font-size: 15px;}
#process>ul>li:nth-child(1):after{content: '>';display: inline-block; float: right;}
#process>ul>li:nth-child(2):after{content: '>';display: inline-block; float: right;}
#process>ul>li:nth-child(3):after{content: '>';display: inline-block; float: right;}
#process>ul>li:nth-child(4):after{content: '>';display: inline-block; float: right;}

#process>ul>li:nth-child(6):after{content: '<';display: inline-block; float: right;}
#process>ul>li:nth-child(7):after{content: '<';display: inline-block; float: right;}
#process>ul>li:nth-child(8):after{content: '<';display: inline-block; float: right;}
#process>ul>li:nth-child(9):after{content: '<';display: inline-block; float: right;}

#process>ul>li:nth-child(5):after{content: '>';display: block; line-height: 60px;
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* Internet Explorer */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); /* Opera */
}
#popularity{ margin-bottom: 110px;}
#popularity_photo{position: relative; height: 800px;}
#popularity_photo>li{position: absolute;top: 0; left: 0;width: 1400px; height: 800px;
opacity: 0;transition: opacity 2s;}
#popularity_photo>li.current{opacity: 1;}