/*加入我们*/
.join-top{}
.join-top h2{color:#B08D57; text-align: center; margin-bottom: 30px;}
.join-top h2 span{display: block;width:30px; height:8px; border-bottom: 4px solid #D00000; margin:0 auto;}
.join-top li{ float: left; width: 19.7014%;}
.join-top li + li{width:30.2985%;}
.join-top li:last-child{width:50%;}
.join-top li .img{ position: relative; }
.join-top li .img span{ position: absolute; left:30px; top:30px; color:#fff; z-index: 10;}
.join-top li .img span em{margin-right: 10px;}
.join-top li:last-child .img span{color:#000; right:60px; top:40px; left: auto;}
.join-top li:last-child .img span em{color:#B08D57; }
.join-bot{margin-bottom: 20px;}
.join-bot li{ margin-top:40px; position: relative;}
.join-bot li img{max-width: 100%;}
.join-bot li .txt{ position: absolute; width:29.85%; height: 100%; right:0; top:0; bottom:0; background: rgba(208,0,0,0.8);color:#fff; }
.join-bot li:last-child .txt{left:0;right:auto; background: rgba(239,239,232,0.8); color:#000; }
.join-bot li .txt .inner{padding:15% 10%;}
.join-bot li .txt h3{ margin-bottom: 30px; }
.join-bot li .txt h3 em{ display: inline-block; vertical-align: middle; width:4px; height: 28px; position: relative;top:-2px; margin-right: 18px; background: #fff;}
.join-bot li .txt .c{font-size: 16px; line-height: 1.7;max-height:11.9em;}
.join-bot li:last-child .txt h3{color: #B08D57;}
.join-bot li:last-child .txt h3 em{background: #D31818;}
@media only screen and (max-width: 1024px) {
.join-bot li .txt .c{max-height:8.5em;font-size: 14px;}
.join-bot li .txt h3 em{height: 24px;}
}
@media only screen and (max-width: 768px) {
.join-bot li .txt .c{line-height: 1.5;max-height:7.5em;font-size: 12px;}
.join-bot li .txt h3 em{height: 20px;}
}
@media only screen and (max-width: 767px) {
.join-bot li .txt{position: relative;left:0;width:100%;height: auto;}
.join-bot li .txt .c{line-height: 1.5;height:auto;max-height:4.5em;}
.join-bot li .txt .inner{padding: 5%;}
.join-bot li .txt h3{ margin-bottom: 10px; }
.join-top li{width:39.45%;}
.join-top li + li{width:60.55%;}
.join-top li:last-child{width:100%;}
.join-top li .img span{left:10px; top:15px;}
.join-top li:last-child .img span{right:20px;top:15px;}
}