.join .banner{ width: 100%; height:680px; background: url(../images/about/joinus.jpg) no-repeat center top; padding:20px 0; padding-top: 140px;}
.join .banner .font{ font-size: 63px; line-height: 1.4; color: #fff; text-align: center; line-height: 1.6; }

.join{ font-size: 17px; font-weight: 400; color: #000; line-height: 1.6;}
ul{ padding:0; }
.mt100{ margin-top: 100px; }
.mt90{ margin-top: 90px; }
.mt40{ margin-top: 40px; }
.c1{ color: #d8000f; }
.rel{ position: relative; }
.join .w{ width: 900px; margin:0 auto; }
.join .info-1 { padding-top: 50px;  border-bottom: 1px solid #d8000f; padding-bottom: 50px;}
.join .info-1 h4.t-1{  margin-bottom: 20px; font-weight: 400; font-size: 45px;}
.join .info-1 .v-div { padding-bottom:50px; }
.join .info-1 .v-div .left{ }
a.link-1{ display: block; color: #d8000f; text-align: center; width: 100%; font-size: 20px;  text-decoration: underline; letter-spacing: 2px; }

.join .en{ font-size: 84px; font-weight: 800; text-transform: uppercase;  font-family:Impact,sans-serif; color: #d8000f; font-stretch: ultra-expanded; letter-spacing: 5px;}
.join .small{font-size: 38px; font-weight: 700; line-height: 1.4;  margin-top: 20px;  }
.join .play{ width: 111px; height: 115px; position: absolute; left: 50%; top: 50%; margin-top: -58px; margin-left:-55.5px; background: url(../images/about/play.png) no-repeat center/100% 100%; cursor: pointer;}

.join .info-2{ border-bottom: 1px solid #d8000f; padding-bottom:30px; }
.join .info-2 ul{ flex-wrap: wrap; }
.join .info-2 li { padding:30px; margin-bottom: 30px; width: 48.5%;}
.join .info-2 li .t-1{ color: #d8000f; font-size: 45px; font-weight: 400; margin-bottom: 10px; }
/*.join .info-2 li:first-child{ width: 100%; }*/
.join .info-3 { padding-top: 50px; border-bottom: 1px solid #d8000f; padding-bottom:40px; }
.join .info-3 h4{ font-size: 27px; color: #fff; margin-bottom: 10px;}
.join .info-3 ul{ flex-wrap: wrap; }
.join .info-3 li { width: 32.5%; margin-bottom: 10px; height: 200px;}
.join .info-3 li .cover{ background: rgba(0,0,0, 0.4); width: 100%; height: 100%; padding:20px 10px; }
.join .info-3 li .hide{ opacity: 0; color: #fff; font-size: 14px; }
.join .info-3 li:hover .cover{  background: rgba(0,0,0, 0.9); }
.join .info-3 li:hover .hide{ opacity: 1; }
.join .info-3 .link{ display: block; font-size: 18px; margin-top: 55px; text-align: center; color: #fff; text-decoration: underline;}


.join .info-4{ margin-bottom: 50px; }
.join .info-4 .swiper-prev,.join .info-4 .swiper-next{ position: absolute; left: 0; top: 50%; background: url(../images/about/left.png) no-repeat center/100%; width: 50px; height: 100px; z-index: 10; margin-top: -50px; cursor: pointer; }
.join .info-4 .swiper-next{ right: 0; left: auto; background: url(../images/about/right.png) no-repeat center/100%; }
.join-list{ padding-top: 30px; margin-bottom: 50px; }
.join-list .w{ background: #fff; padding:10px; font-size: 16px;}
.join-list .back{ padding:10px 0; display: block; text-decoration: underline; border-bottom: 1px solid #eee; text-indent: 10px;}
.join-list .eme{ background: #d8000f; font-size: 12px; color: #fff; padding:2px 5px; border-radius: 2px;  display: none;}
.join-list .eme.attr0100001{ display: inline; margin-right: 5px;}

.join-list li{ border-bottom: 1px solid #eee;  padding: 20px ; position: relative;}
.join-list li:last-child{ border-bottom: 0; }
.join-list .title{ cursor: pointer; }
.join-list .lite{ font-size: 14px; color: #575d6a; margin-top: 10px; }
.join-list .date{ color: #a2a4a8; font-size: 12px; text-align: right; }
.join-list li .down{ display: inline-block; background: url(../images/about/down.png) no-repeat center/100% auto; width: 32px; height: 15px; }
.join-list li .on .down{ transform: rotate(180deg); }
.join-list li .content{ height: 25px; overflow: hidden; }
.join-list li .con{ font-size: 14px; }
.join-list li .des{  }
.apply-btn{ background: rgb(34, 40, 49); color: #fff!important; line-height: 36px; text-align: center; display: block; border-radius: 2px; width: 120px; margin: 30px auto;}
.apply-btn:hover{ background: rgb( 78,83,90); }


.video-pop1,.join-pop{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; left: 0; top:0; display: none; z-index: 1000; }
.video-pop1{ z-index: 12; }
.video-pop1 .video-div{ width: 890px; height: 540px; margin:8% auto; background: #e9e9e9;}
.video-pop1 .video-div h4{ font-weight: 400; font-size: 18px; padding:10px 0 10px 10px; }
.video-pop1 .video-div .close{ float: right; width: 30px; height: 30px; margin-right:10px; background: url(../images/close.png) no-repeat center/100%; cursor: pointer;}
.video-pop1 .video-div video{ width: 100%; height: 100%; max-height:490px;}
.pl30{ padding-left: 30px; }
.pl15{ padding-left: 15px; }
.join-pop .content{ font-size: 18px; color: #000; margin-bottom: 10px; }
.join-pop .join-form{ width: 500px; height: 560px; background: #fff; padding:30px; margin: 8% auto; color: #575d6a; position: relative; font-size: 18px;  }
.join-pop .join-form h4{ font-size: 18px; border-bottom:  1px solid #89909e; margin-bottom: 20px; padding-bottom:10px;}
.join-pop .join-form .more{ color: #23a2e8; text-decoration: underline; }
.join-pop .join-form .item{ margin-bottom: 10px; }
.join-pop .join-form .item em{ color: #d8000f; font-style: normal; }
.join-pop .join-form .input{ padding:8px; border-radius: 4px; margin-left:10px; border:1px solid #89909e; width: 250px; font-size: 16px;}
.join-pop .join-form .submit{ width: 120px; text-align: center; line-height: 38px; border-radius:6px; color: #fff; text-align: center; display: block; margin:20px auto; background: #d8000f;}
.join-pop .join-form .code{ line-height: 1.4; }
.join-pop .close{ position: absolute; right: 0; top:0;  background: #aaa; color: #fff; font-size: 12px; padding:3px 5px; cursor: pointer;}



.search{ padding-top: 20px; margin-bottom: 10px;}
.search .keywords{ float: left; border:1px solid #dddfe3; font-size: 16px; width: 80%; height: 40px; border-right: 0; padding-left:15px; box-sizing: border-box;}
.search .search-btn1{ float: left; font-size: 16px; line-height: 40px; background-color: rgb(34, 40, 49); color: #fff; text-align: center;  width: 20%; border-top-right-radius: 4px; border-bottom-right-radius: 4px; text-decoration: none;}
.fengye{ display: none; }