/*
 各语言公用样式
 * */
* {
  padding: 0;
  margin: 0;
}
body,
html {
  width: 100%;
  font-family: Verdana, '微软雅黑', '宋体', Arail, Tabhoma;
  font-size: 14px;
  min-width: 1280px;
  max-width: 1920px;
  margin: 0 auto;
}
input,
select,
textarea,
button {
  outline: 0;
}
a {
  text-decoration: none;
  color: #a1a1a1;
}
a:hover {
  text-decoration: underline;
  color: #fff;
}
li {
  list-style: none;
}
img {
  border: none;
}
.f_l {
  float: left;
}
.f_r {
  float: right;
}
.hide {
  display: none;
}
.header {
  height: 80px;
  background: #000;
  position: relative;
  z-index: 2;
}
.header .logo {
  position: absolute;
  z-index: 2;
  top: 34px;
  left: 20px;
}
.header .nav {
  font-size: 18px;
  line-height: 80px;
  padding-left: 340px;
  float: left;
}
.header .nav li {
  display: inline-block;
  padding-right: 50px;
}
.header .nav li a {
  color: #b8aa9a;
}
.header .nav li a:hover {
  color: #d0a02f;
}
.header .change-lang {
  padding-top: 22px;
  padding-left: 15px;
  margin-right: 20px;
  float: right;
}
.header .change-lang .changeLang {
  width: 82px;
  border: none;
  height: 32px;
  background: #000 url(../images/lang_bg.gif) no-repeat center top;
  color: #fff;
  font-size: 14px;
  padding: 0 4px;
  box-sizing: content-box;
}
.header .share {
  float: right;
  margin-top: 10px;
}
.header .share li {
  float: right;
  width: 60px;
  height: 60px;
  border-left: 1px solid #1e1f21;
  text-align: center;
  line-height: 82px;
}
.header .share li a {
  display: block;
  height: 60px;
}
.content {
  z-index: 1;
}
.content .top-part {
  height: 1080px;
  overflow: hidden;
  position: relative;
}
.content .top-part .img-show {
  height: 100%;
  /*
             *2019-3-28
             * 屏蔽头图的按钮，暂时不使用头图轮播
             * 
             * */
}
.content .top-part .img-show li {
  overflow: hidden;
}
.content .top-part .img-show li img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.content .top-part .img-show .swiper-button-prev {
  width: 45px;
  height: 80px;
  left: 0;
  background: url(../images/prev_btn.png) no-repeat;
}
.content .top-part .img-show .swiper-button-next {
  width: 45px;
  height: 80px;
  right: 0;
  background: url(../images/next-btn.png) no-repeat;
}
.content .top-part .img-show .swiper-pagination {
  text-align: right;
  width: 940px;
  left: 50%;
  bottom: 170px;
  margin-left: -470px;
}
.content .top-part .img-show .swiper-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background: #ffffff;
  opacity: 1;
}
.content .top-part .img-show .swiper-pagination .swiper-pagination-bullet-active {
  background: url(../images/lb_btn_ac_bg.png) no-repeat;
}
.content .top-part .img-show .swiper-button-prev,
.content .top-part .img-show .swiper-button-next,
.content .top-part .img-show swiper-pagination {
  display: none;
}
.content .top-part .guide {
  height: 150px;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  max-width: 1920px;
  min-width: 1280px;
  background: url(../images/index_guide_bg.png) repeat-x;
  z-index: 20;
  transform: translate(-50%);
}
.content .top-part .guide ul {
  width: 944px;
  margin: 0 auto;
}
.content .top-part .guide li {
  float: left;
  width: 472px;
  height: 120px;
  margin-top: 15px;
  position: relative;
  text-align: center;
}
.content .top-part .guide li button {
  cursor: pointer;
  width: 472px;
  height: 120px;
  border: none;
  background: none;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.content .top-part .guide li button.active {
  background: none;
}
.content .top-part .text {
  display: none;
  position: absolute;
  width: 1280px;
  left: 50%;
  margin-left: -640px;
  top: 340px;
  z-index: 3;
}
.content .top-part .text img {
  margin-left: 144px;
}
.content .top-part .app-down {
  position: absolute;
  width: 500px;
  left: 50%;
  margin-left: -378px;
  top: 456px;
  z-index: 3;
}
.content .top-part .app-down li {
  float: left;
  width: 228px;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
  height: 66px;
}
.content .top-part .app-down li .sm {
  display: none;
  height: 30px;
  line-height: 30px;
  background: #000;
  opacity: 0.6;
  -webkit-opacity: 0.6;
  position: absolute;
  left: 0;
  top: 78px;
  color: #fff;
  font-size: 14px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 0 10px;
}
.content .top-part .app-down li .sm .jiantou {
  width: 0;
  height: 0;
  border: 4px solid;
  border-color: transparent transparent #000;
  position: absolute;
  left: 110px;
  top: -8px;
}
.content .top-part .app-down li .sm1 {
  width: 350px;
}
.content .top-part .app-down li .sm2 {
  width: 300px;
}
.content .bottom-part {
  height: 1800px;
  position: relative;
  background: url(../images/index_content_bottom-part_bg.jpg) no-repeat top center;
  overflow: hidden;
}
.content .bottom-part .part-body {
  width: 1000px;
  margin: 0 auto;
  padding-top: 100px;
}
.content .bottom-part .part-body .news-lb {
  width: 100%;
  height: 400px;
  background: url(../images/index_news_bg.png) no-repeat center;
}
.content .bottom-part .part-body .news-lb .news {
  float: right;
  width: 500px;
  height: 100%;
}
.content .bottom-part .part-body .news-lb .news .tit {
  padding-top: 60px;
  height: 40px;
  line-height: 38px;
  font-size: 18px;
  text-align: center;
  margin: 0 30px;
  border-bottom: 1px solid #383735;
}
.content .bottom-part .part-body .news-lb .news .tit li {
  display: inline-block;
  padding: 0 10px;
  color: #a1a1a1;
  cursor: pointer;
}
.content .bottom-part .part-body .news-lb .news .tit li.active {
  color: #fff;
  background: url(../images/index_news_li_bg.png) repeat-x;
}
.content .bottom-part .part-body .news-lb .news .con {
  margin: 0 30px;
}
.content .bottom-part .part-body .news-lb .news .con li {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px dotted #383634;
  color: #a1a1a1;
}
.content .bottom-part .part-body .news-lb .news .con li a {
  float: left;
  width: 330px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  white-space: nowrap;
}
.content .bottom-part .part-body .news-lb .news .con li span {
  float: right;
  color: #808080;
}
.content .bottom-part .part-body .news-lb .news .con li b {
  font-weight: normal;
}
.content .bottom-part .part-body .news-lb .news .con p {
  text-align: right;
}
.content .bottom-part .part-body .news-lb .lb {
  float: left;
  width: 500px;
  height: 100%;
}
.content .bottom-part .part-body .news-lb .lb ul {
  width: 470px;
  height: 100%;
  background: #1a1714;
  float: right;
}
.content .bottom-part .part-body .news-lb .lb ul li,
.content .bottom-part .part-body .news-lb .lb ul li img {
  width: 100%;
  height: 100%;
}
.content .bottom-part .part-body .news-lb .lb .swiper-pagination {
  left: 0px;
  top: 114px;
  right: auto;
}
.content .bottom-part .part-body .news-lb .lb .swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 20px;
  background: url(../images/news_lb_btn-bg.png) no-repeat;
  margin: 0;
  border-radius: 0;
  opacity: 1;
}
.content .bottom-part .part-body .news-lb .lb .swiper-pagination .swiper-pagination-bullet-active {
  background: url(../images/news_lb_btn-bg2.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job {
  margin-top: 190px;
  height: 610px;
  background: url(../images/jobs_bg.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel {
  width: 65px;
  float: left;
  height: 225px;
  overflow: hidden;
}
.content .bottom-part .part-body .introduce-job .sel li {
  height: 65px;
  margin-bottom: 10px;
  cursor: pointer;
}
.content .bottom-part .part-body .introduce-job .sel .job1 {
  background: url(../images/jobs/job_1-btn.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel .job1.active {
  background: url(../images/jobs/job_1-btn-active.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel .job2 {
  background: url(../images/jobs/job_2-btn.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel .job2.active {
  background: url(../images/jobs/job_2-btn-active.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel .job3 {
  background: url(../images/jobs/job_3-btn.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel .job3.active {
  background: url(../images/jobs/job_3-btn-active.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel-con {
  width: 918px;
  height: 100%;
  float: right;
}
.content .bottom-part .part-body .introduce-job .sel-con li {
  display: none;
  position: relative;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text {
  width: 440px;
  position: relative;
  z-index: 2;
  float: left;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .name {
  height: 62px;
  line-height: 62px;
  font-size: 50px;
  color: #fff;
  float: left;
  background: url(../images/job_text_name_bg.png) repeat-x;
  padding: 0 14px;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .introduction {
  float: left;
  padding-top: 24px;
  width: 100%;
  height: 106px;
  line-height: 20px;
  color: #a1a1a1;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .posi {
  clear: both;
  height: 68px;
  font-size: 20px;
  color: #aa1828;
  line-height: 20px;
  width: 110%;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .posi span {
  color: #ffffff;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd {
  float: left;
  position: relative;
  width: 80px;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd .icon {
  width: 80px;
  height: 80px;
  cursor: pointer;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd .skill-1-1 {
  background: url(../images/skill/skill_1-1.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd .skill-1-2 {
  background: url(../images/skill/skill_1-2.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd .skill-1-3 {
  background: url(../images/skill/skill_1-3.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd .skill-2-1 {
  background: url(../images/skill/skill_2-1.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd .skill-2-2 {
  background: url(../images/skill/skill_2-2.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd .skill-2-3 {
  background: url(../images/skill/skill_2-3.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd .skill-3-1 {
  background: url(../images/skill/skill_3-1.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd .skill-3-2 {
  background: url(../images/skill/skill_3-2.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd .skill-3-3 {
  background: url(../images/skill/skill_3-3.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd .skill-con {
  display: none;
  width: 430px;
  float: left;
  margin-left: -20px;
  margin-top: 5px;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd .skill-con .skill-name {
  color: #fff;
  line-height: 32px;
  background: #000;
  opacity: 0.8;
  float: left;
  padding: 0 15px;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd .skill-con .skill-content {
  width: 100%;
  float: left;
  padding: 0 15px 8px;
  color: #a1a1a1;
  background: #000;
  opacity: 0.8;
  line-height: 20px;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd.active .skill-1-1 {
  background: url(../images/skill/skill_1-1-active.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd.active .skill-1-2 {
  background: url(../images/skill/skill_1-2-active.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd.active .skill-1-3 {
  background: url(../images/skill/skill_1-3-active.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd.active .skill-2-1 {
  background: url(../images/skill/skill_2-1-active.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd.active .skill-2-2 {
  background: url(../images/skill/skill_2-2-active.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd.active .skill-2-3 {
  background: url(../images/skill/skill_2-3-active.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd.active .skill-3-1 {
  background: url(../images/skill/skill_3-1-active.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd.active .skill-3-2 {
  background: url(../images/skill/skill_3-2-active.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd.active .skill-3-3 {
  background: url(../images/skill/skill_3-3-active.png) no-repeat;
}
.content .bottom-part .part-body .introduce-job .sel-con li .text .skill dd.active .skill-con {
  display: block;
}
.content .bottom-part .part-body .introduce-job .sel-con li .renwu-show {
  width: 912px;
  height: 772px;
  position: absolute;
  right: -172px;
  top: -162px;
  z-index: 1;
}
.content .bottom-part .part-body .introduce-job .sel-con li .renwu-show .rw {
  position: relative;
  z-index: 2;
}
.content .bottom-part .part-body .introduce-job .sel-con li .renwu-show .bg {
  position: absolute;
  left: 318px;
  top: 160px;
  z-index: 1;
}
.content .bottom-part .part-body .introduce-job .sel-con li.active {
  display: block;
}
.content .bottom-part .part-body .video-photo {
  margin-top: 120px;
}
.content .bottom-part .part-body .video-photo .title {
  height: 60px;
  line-height: 60px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.content .bottom-part .part-body .video-photo .title .more {
  position: absolute;
  right: 0;
  top: 0px;
  line-height: 60px;
}
.content .bottom-part .part-body .video-photo .title .more:hover {
  font-size: 16px;
}
.content .bottom-part .part-body .video-photo .title li {
  display: inline-block;
  color: #a1a1a1;
  font-size: 30px;
  padding: 0 15px;
  margin: 0 15px;
  cursor: pointer;
}
.content .bottom-part .part-body .video-photo .title li:hover {
  color: #fff;
}
.content .bottom-part .part-body .video-photo .title li.active {
  color: #fff;
  background: url(../images/job_text_name_bg.png) repeat-x;
}
.content .bottom-part .part-body .video-photo .content {
  padding-top: 24px;
  height: 135px;
  text-align: center;
}
.content .bottom-part .part-body .video-photo .content dt {
  display: none;
}
.content .bottom-part .part-body .video-photo .content dt.active {
  display: block;
}
.content .bottom-part .part-body .video-photo .content li {
  display: inline-block;
  width: 240px;
  margin: 0 5px;
  color: #fff;
}
.content .bottom-part .part-body .video-photo .content li a {
  width: 100%;
  height: 135px;
  overflow: hidden;
  display: block;
  position: relative;
}
.content .bottom-part .part-body .video-photo .content li a img {
  width: 100%;
  height: 100%;
}
.content .bottom-part .part-body .video-photo .content li a .tit {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 230px;
  padding: 0 5px;
  text-align: center;
  line-height: 30px;
  height: 30px;
  background: #000;
  opacity: 0.8;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  white-space: nowrap;
}
.content .bottom-part .part-body .video-photo .content li a .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0.2;
}
.content .bottom-part .part-body .video-photo .content li a:hover .mask {
  display: none;
}
.content .bottom-part .part-body .video-photo .content li a:hover .tit {
  display: block;
}
.content .bottom-part .part-body .video-photo .content li a:hover img {
  width: 130%;
  height: 130%;
  margin-left: -15%;
  margin-top: -15%;
}
.footer {
  height: 146px;
  background: url(../images/footer_bg.jpg) no-repeat center;
}
.footer .footer-body {
  width: 880px;
  margin: 0 auto;
}
.footer .footer-body .f_l {
  margin-top: 28px;
}
.footer .footer-body .f_l img {
  margin-right: 24px;
  float: left;
}
.footer .footer-body .f_l .text {
  height: 90px;
  float: left;
  color: #808080;
  line-height: 30px;
}
.footer .footer-body .f_l .text a {
  color: #808080;
}
.footer .footer-body .f_l .text a:hover {
  text-decoration: underline;
}
.footer .footer-body .f_l .text .f12 {
  font-size: 12px;
}
.footer .footer-body .f_r {
  margin-top: 48px;
}
.footer .footer-body .f_r img {
  float: right;
  margin-left: 30px;
  cursor: pointer;
}
.list_content .header-img {
  height: 366px;
  background: url(../images/list_header-img.jpg) no-repeat top center;
}
.list_content .header-img2 {
  height: 366px;
  background: url(../images/list_header-img2.jpg) no-repeat top center;
}
.list_content .guide {
  height: 768px;
  background: url(../images/list_con_bg.jpg) no-repeat top center;
}
.list_content .guide .g-body {
  width: 1000px;
  margin: 0 auto;
}
.list_content .guide .g-body .sel-tit {
  height: 120px;
  overflow: hidden;
}
.list_content .guide .g-body .sel-tit li {
  width: 500px;
  height: 84px;
  font-size: 50px;
  color: #a1a1a1;
  text-align: center;
  line-height: 84px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  float: left;
  cursor: pointer;
  position: relative;
}
.list_content .guide .g-body .sel-tit li button {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border: none;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.list_content .guide .g-body .sel-tit li video {
  display: none;
}
.list_content .guide .g-body .sel-tit li:hover video {
  display: block;
}
.list_content .guide .g-body .sel-tit li:hover button {
  background: none;
}
.list_content .guide .g-body .sel_con li {
  display: none;
}
.list_content .guide .g-body .sel_con li dl {
  padding-top: 30px;
  padding-bottom: 10px;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #000;
}
.list_content .guide .g-body .sel_con li dl dt {
  width: 100%;
  overflow: hidden;
}
.list_content .guide .g-body .sel_con li dl dt span {
  float: left;
  height: 62px;
  line-height: 62px;
  padding: 0 12px;
  background: url(../images/job_text_name_bg.png) repeat-x;
  font-size: 30px;
  color: #fff;
}
.list_content .guide .g-body .sel_con li dl dd {
  float: left;
  margin-right: 50px;
  font-size: 16px;
  color: #a1a1a1;
  line-height: 40px;
}
.list_content .guide .g-body .sel_con li dl dd a {
  color: #a1a1a1;
}
.list_content .guide .g-body .sel_con li dl dd a:hover {
  color: #fff;
}
.list_content .guide .g-body .sel_con li dl dd:last-child {
  margin-right: 0;
}
.list_content .guide .g-body .sel_con li.active {
  display: block;
}
.list_content .list-cont {
  height: 1022px;
  background: url(../images/list_con_bg2.jpg) no-repeat bottom center;
}
.list_content .list-cont .c-body {
  width: 890px;
  margin: 0 auto;
  position: relative;
}
.list_content .list-cont .c-body .back {
  font-size: 14px;
  position: absolute;
  right: 0;
  top: -60px;
  color: #a1a1a1;
}
.list_content .list-cont .c-body .back a:hover {
  font-size: 16px;
}
.list_content .list-cont .c-body .name {
  font-size: 50px;
  color: #a1a1a1;
  position: absolute;
  right: 0;
  top: -20px;
}
.list_content .list-cont .c-body .sel-tit {
  height: 34px;
  line-height: 34px;
}
.list_content .list-cont .c-body .sel-tit li {
  float: left;
  padding: 0 16px;
  font-size: 20px;
  color: #a1a1a1;
  cursor: pointer;
  margin: 0 4px;
}
.list_content .list-cont .c-body .sel-tit li:hover {
  color: #fff;
}
.list_content .list-cont .c-body .sel-tit li.active {
  color: #fff;
  background: url(../images/list-sel_bg.png) repeat-x;
}
.list_content .list-cont .c-body .show-list {
  margin-top: 10px;
  line-height: 52px;
  overflow: hidden;
}
.list_content .list-cont .c-body .show-list li {
  height: 52px;
  border-bottom: 1px dashed #171616;
  color: #ccc;
}
.list_content .list-cont .c-body .show-list li a {
  float: left;
  width: 740px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  white-space: nowrap;
}
.list_content .list-cont .c-body .show-list li b {
  font-weight: normal;
}
.list_content .list-cont .c-body .show-list li span {
  float: right;
  color: #999;
}
.list_content .list-cont .c-body .show-list li:nth-child(5),
.list_content .list-cont .c-body .show-list li:nth-child(10) {
  border-bottom: 1px solid #171616;
  margin-bottom: 16px;
}
.list_content .list-cont .c-body .show-list li:last-child {
  border-bottom: none;
}
.list_content .list-cont .c-body .page {
  text-align: center;
  margin-top: 40px;
}
.list_content .list-cont .c-body .page li {
  display: inline-block;
  line-height: 40px;
}
.list_content .list-cont .c-body .page li a {
  color: #a1a1a1;
  font-size: 14px;
  border: 1px solid #a1a1a1;
  padding: 6px;
  margin: 0 4px;
}
.list_content .list-cont .c-body .page li a:hover,
.list_content .list-cont .c-body .page li a.active {
  color: #fff;
  border: 1px solid #fff;
}
.list_content .list-cont .pic_body {
  width: 1000px;
}
.list_content .list-cont .pic_body .pic-back {
  width: 90px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 16px;
  text-align: right;
  line-height: 30px;
}
.list_content .list-cont .pic_body .pic-back a {
  display: block;
  height: 100%;
}
.list_content .list-cont .pic_body .pic-back a:hover {
  font-size: 16px;
}
.list_content .list-cont .pic_body .sel-tit {
  text-align: center;
  height: auto;
}
.list_content .list-cont .pic_body .sel-tit li {
  display: inline-block;
  float: initial;
  height: 62px;
  line-height: 62px;
  font-size: 30px;
}
.list_content .list-cont .pic_body .sel-tit li:hover {
  background: none;
}
.list_content .list-cont .pic_body .sel-tit li.active {
  background: url(../images/job_text_name_bg.png) repeat-x;
}
.list_content .list-cont .pic_body .show-list-pic {
  overflow: hidden;
  padding: 20px 0 10px;
}
.list_content .list-cont .pic_body .show-list-pic li {
  height: 135px;
  border: none;
  display: inline-block;
  width: 240px;
  margin: 5px;
  overflow: hidden;
  color: #fff;
}
.list_content .list-cont .pic_body .show-list-pic li a {
  width: 100%;
  height: 135px;
  overflow: hidden;
  display: block;
  position: relative;
}
.list_content .list-cont .pic_body .show-list-pic li a img {
  width: 100%;
  height: 100%;
}
.list_content .list-cont .pic_body .show-list-pic li a .tit {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 230px;
  padding: 0 5px;
  text-align: center;
  line-height: 30px;
  height: 30px;
  background: #000;
  opacity: 0.8;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  white-space: nowrap;
}
.list_content .list-cont .pic_body .show-list-pic li a .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0.2;
}
.list_content .list-cont .pic_body .show-list-pic li a:hover .mask {
  display: none;
}
.list_content .list-cont .pic_body .show-list-pic li a:hover .tit {
  display: block;
}
.list_content .list-cont .pic_body .show-list-pic li a:hover img {
  width: 130%;
  height: 130%;
  margin-left: -15%;
  margin-top: -15%;
}
.list_content .list-cont .content_body {
  width: 890px;
  margin: 0 auto;
  position: relative;
}
.list_content .list-cont .content_body h3 {
  padding-top: 36px;
  font-size: 40px;
  color: #fff;
  text-align: center;
  line-height: 60px;
  border-bottom: 1px solid #3f3e3e;
  padding-bottom: 14px;
  font-weight: normal;
  word-break: break-all;
}
.list_content .list-cont .content_body h3 b {
  font-weight: normal;
}
.list_content .list-cont .content_body .f_r {
  position: absolute;
  right: 0;
  top: -50px;
  color: #828282;
}
.list_content .list-cont .content_body .posi {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  color: #828282;
}
.list_content .list-cont .content_body .posi a {
  color: #828282;
}
.list_content .list-cont .content_body .posi a:hover {
  color: #fff;
}
.list_content .list-cont .content_body .posi .f_l {
  font-size: 12px;
}
.list_content .list-cont .content_body .news_con {
  min-height: 800px;
  padding: 0 10px 30px;
  overflow: hidden;
  overflow-y: auto;
  color: #a1a1a1;
  line-height: 24px;
  position: relative;
}
.list_content .list-cont .content_body .news_con img {
  margin: 10px auto;
  max-width: 100%;
  position: relative;
  left: 50%;
  transform: translate(-50%);
}
.list_content .list-cont .content_body .news_con p {
  margin: 10px 0;
}
.list_content .list-cont .content_body .news_con::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.list_content .list-cont .content_body .news_con::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #535353;
}
.list_content .list-cont .content_body .news_con::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #EDEDED;
}
.list_content .list-cont .content_body .guid-con {
  width: 1000px;
}
.list_content .list-cont .content_body .guid-con b {
  color: #fff;
}
.list_content .list-cont .content_body .guid-con .mark {
  margin: 10px 0;
  position: relative;
  height: auto;
  width: 1000px;
}
.list_content .list-cont .content_body .guid-con .mark img {
  margin: 0;
}
.list_content .list-cont .content_body .guid-con iframe {
  width: 1000px;
  height: 560px;
  background: #000;
}
.iframePlayer {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}
.iframePlayer .bg {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
}
.iframePlayer .con {
  width: 1190px;
  height: 670px;
  left: 50%;
  top: 50%;
  background: #000;
  transform: translate(-50%, -50%);
  z-index: 2;
  position: absolute;
}
.iframePlayer .con iframe {
  width: 100%;
  height: 100%;
}
.iframePlayer .con .close-btn {
  position: absolute;
  width: 40px;
  height: 40px;
  right: -40px;
  bottom: -40px;
  background: #000;
  color: #fff;
  font-size: 44px;
  text-align: center;
  line-height: 36px;
  overflow: hidden;
  z-index: 3;
  cursor: pointer;
}
.art_content {
  background: #1c1a1a;
  height: auto;
}
.art_content .list-cont {
  height: auto;
}
.guide-tit {
  background: rgba(204, 0, 0, 0);
}
.guide-tit-alert {
  position: absolute;
  z-index: 9999;
}
.guide-tit-alert .con {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.8;
  background: #000;
  padding: 10px 14px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  line-height: 16px;
  color: #fff;
  height: auto;
  word-break: break-all;
}
.guide-tit-alert.right .con {
  left: auto;
  right: 38px;
}
.yy-btn {
  position: fixed;
  bottom: 160px;
  left: 10px;
  width: 252px;
  height: 130px;
  z-index: 90;
}
.yy-btn a {
  width: 252px;
  height: 130px;
  float: right;
  background: url(../images/yuyue_btn.png) no-repeat left top;
}
.yy-btn a:hover {
  background: url(../images/yuyue_btn-hover.png) no-repeat left top;
}
.email-to {
  position: fixed;
  bottom: 160px;
  right: 10px;
  width: 256px;
  height: auto;
  overflow: hidden;
  z-index: 90;
}
.email-to a {
  width: 256px;
  float: right;
  height: 180px;
  background: url(../images/emailto.png) no-repeat right top;
}
.email-to a:hover {
  background: url(../images/emailto-active.png) no-repeat right top;
}