@charset "UTF-8";
.container{ position: relative; }

/*背景*/
.bg-0 {
  background-color: #fff;
}
/*广告栏*/
.ad-1 { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 20px; }
.ad-1 img { flex: 1; width: var(--Fwidth); padding: 0 10px;}

/*通栏栏目头部*/
.nav-1 nav{
  display: flex;
  justify-content: center;
  margin: 0 0 20px 0;
  padding: 10px;
  border-radius: 5px;
  background-size: 25%;
}
.nav-1 nav div:nth-child(1),.nav-1 nav div:nth-child(3){
  margin-top: 20px;
  border-top: 1px solid var(--RBColor);
  border-bottom: 8px solid var(--RBColor);
  width: 36%;
  height: 10px;
  text-align: center;
  border-radius: 3px;
  }
.nav-1 nav div:nth-child(2){
  font-size: 30px;
  line-height: 1em;
  padding: 8px .5em;
  text-align: center;
  /* background-color: #eee; */
  border-radius: 5px;
  margin: 0 20px;
  border-bottom: 5px solid var(--RBColor);
}
.nav-1 nav div:nth-child(2) b{color: #333;}
.nav-1 nav div:nth-child(2) i{
  font-weight: bold;
  font-size: 26px;
}
.nav-1 nav div:nth-child(3){
  
}
.nav-1 nav span{
  padding: 0 1em;
  font-weight: bold;
  font-size: 18px;
}
/*1/2栏目头部*/
.nav-2 nav{
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
  border-radius: 10px;
  background-size: 60%;
  background-position: 0% -11%;
}
.nav-2 nav div:nth-child(1),.nav-2 nav div:nth-child(3){
  margin-top: 2%;
  border-top: 1px solid var(--RBColor);
  border-bottom: 8px solid var(--RBColor);
  width: 30%;
  height: 10px;
  text-align: center;
  border-radius: 3px;
  }
.nav-2 nav div:nth-child(2){
  font-size: 24px;
  line-height: 1em;
  padding: 5px .5em;
  text-align: center;
  border-radius: 5px;
  margin: 0 15px;
  border-bottom: 4px solid var(--RBColor);
}
.nav-2 nav div:nth-child(2) b{color: #333;}
.nav-2 nav div:nth-child(2) i{
  font-weight: bold;
  font-size: 20px;
}
.nav-2 nav div:nth-child(3){
  
}
.nav-2 nav span{
  padding: 0 1em;
  font-weight: bold;
  font-size: 18px;
}
/*3/4栏目头部*/
.nav-3 nav{
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  border-radius: 10px;
  background-size: 60%;
  background-position: 0% -11%;
border-radius: 5px;}
.nav-3 nav div:nth-child(1),.nav-3 nav div:nth-child(3){
  margin-top: 2%;
  border-bottom: 8px solid var(--RBColor);
  width: 20%;
  height: 0px;
  text-align: center;
}
.nav-3 nav div:nth-child(2){
  font-size: 24px;
  line-height: 1em;
  padding: 0 .5em;
  text-align: center;
}
.nav-3 nav div:nth-child(2) b{color: var(--RBColor);}
.nav-3 nav div:nth-child(2) i{
  font-weight: bold;
  font-size: 20px;
}
.nav-3 nav div:nth-child(3){
  
}
.nav-3 nav span{
  padding: 0 1em;
  font-weight: bold;
  font-size: 18px;
}
/*1/4栏目头部*/
.nav-4 nav{
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
  border-radius: 10px;
  background-size: 60%;
  background-position: 0% -11%;
}
.nav-4 nav div:nth-child(1),.nav-4 nav div:nth-child(3){
  margin-top: 11px;
  border-top: 1px solid var(--RBColor);
  border-bottom: 8px solid var(--RBColor);
  width: 20%;
  height: 10px;
  text-align: center;
  border-radius: 3px;
  }
.nav-4 nav div:nth-child(2){
  font-size: 22px;
  line-height: 1em;
  padding: 5px .5em;
  text-align: center;
  border-radius: 5px;
  margin: 0 10px;
  border-bottom: 3px solid var(--RBColor);
}
.nav-4 nav div:nth-child(2) b{color: #333;}
.nav-4 nav div:nth-child(2) i{
  font-weight: bold;
  font-size: 20px;
}
.nav-4 nav div:nth-child(3){
  
}
.nav-4 nav span{
  padding: 0 1em;
  font-weight: bold;
  font-size: 18px;
}
/*通用-列表头部*/
.p1 .head{
  text-align: left;
  margin: 10px 20px;
  text-indent: 1em;
  border-left: 10px solid var(--RAColor);
  border-radius: 5px;
}
.p1 .head b{
  border-left: 0px solid var(--RLColor);
  color: var(--RAColor);
  font-size: 20px;
}
/*通用-一栏栏目*/
.columnList-1 {
  overflow: hidden;
}
/*头部*/
.columnList-1 .columnName{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px dashed var(--REColor);
  border-radius: 15px;
  margin-bottom: 10px;
}
.columnList-1 .columnName .name{
  color: var(--RBColor);
  font-size: 20px;
  font-weight: bold;
  border-radius: 10px;
  padding: 0 15px;
  border-left: 5px solid var(--RBColor);
  background-color: #eee;
}
.columnList-1 .columnName .more {
  font-size: 18px;
  font-weight: bold;
  color: var(--RBColor); 
}
.columnList-1 li{
  display: flex;
  align-items: center;
  height: 70px;
  border-bottom: 1px dashed #ddd;
  text-align: left;
}
.columnList-1 li:last-child {
    border-bottom: none;
}
.columnList-1 li span{
  text-align: left;
}
.columnList-1 li span:before {
  content: '● ';
}
/*通用-三栏栏目*/
.columnList-3 {
  overflow: hidden;
  margin-bottom: 20px;
}
/*头部*/
.columnList-3 .columnName{
  border-bottom: 1px dashed var(--REColor);
  border-radius: 15px;
  margin-bottom: 10px;
}
.columnList-3 .columnName .name{
  color: var(--RBColor);
  font-size: 20px;
  font-weight: bold;
  border-radius: 10px;
  padding: 0 15px;
  border-left: 5px solid var(--RBColor);
  background-size: cover;
  background-color: #eee;
  }
.columnList-3 .columnName .more {
  font-weight: bold;
  float: right;
  color: var(--RBColor);
}
.columnList-3 .info {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 15px;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.columnList-3 .info .thumb {width: 34%;}
.columnList-3 .info .thumb img {
  width: 100%;
  height: 70px;
  border-radius: 5px;
}
.columnList-3 .info .title {
    width: 57%;
    line-height: 150%;
}
.columnList-3 ul {
}
.columnList-3 li span:before{
  content: '● ';
}
.columnList-3 li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 64px;
  border-bottom: 1px dashed #ddd;
}
.columnList-3 li:last-child {
    border-bottom: none;
}
.columnList-3 .list-title time {
  float: right;
  color: var(--TLColor);
}

/**********要闻资讯**********/
.p1 {margin-bottom: 20px;}
/*标题*/
.p1 .title{padding: 30px 0;}
.p1 .title b{font-size: 36px;line-height:150%;}
.p1 .title p{font-size: 20px;margin-top: 10px;}
.p1 .title .list-title{display: flex; justify-content:space-between;margin-top: 10px;}
.p1 .title .list-title div{width: 32%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.p1 .title .list-title div:before {content: '● ';}
/*轮播图-主图*/
.p1-Focus {
  position: relative;
  width: 930px;
  height: 620px;
  overflow: hidden;
  border-radius: 5px;
}
.p1-Focus img {
  width: 98%;
  height: 87%;
  object-fit: cover;
  object-position: center;
  box-shadow: 0px 2px 5px #999;
}
.p1-Focus .swiper-slide span {
  position: absolute;
  width: 8em;
  left: 2em;
  top: 6em;
  background-image: linear-gradient(to right,#d7000f00,var(--RBColor),#d7000f00);
  color: var(--RAColor);
  text-align: center;
}
.p1-Focus .swiper-slide .info {
  width: 100%;
  height: 12%;
  padding: 0 1em;
  margin-bottom: 10px;
}
.p1-Focus .swiper-slide .info h2 {
  font-size: 24px;
  font-weight: bold;
  color: #666;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.p1-Focus .swiper-slide .info p {
  font-size: 18px;
  color: #888;
  text-align: center;
}
.p1-Focus .swiper-button-next, .swiper-button-prev{
  color: var(--RBColor);
}
.p1-Focus .swiper-pagination-bullet-active {
  color: #fee100;
  background: #d70006;
}
/*工会新闻*/
.p1 .List {
  width: 400px;
  padding: 10px 1em 0;
  border-top: 3px solid #EEE;
  box-shadow: 0px 2px 5px #999;
  margin: 0 5px 5px 0;
  border-radius: 5px;
}
.p1 .List nav{
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  border-radius: 5px;
  background-size: cover;
  background-size: 80%;
}
.p1 .List nav div:nth-child(1),.p1 .List nav div:nth-child(3){
  margin-top: 12px;
  border-top: 1px solid var(--RBColor);
  border-bottom: 8px solid var(--RBColor);
  width: 20%;
  height: 10px;
  text-align: center;
  background-color: #fff;
  border-radius: 3px;
  }
.p1 .List nav div:nth-child(2){
  font-size: 24px;
  line-height: 1em;
  padding: 5px .5em;
  text-align: center;
  margin: 0 10px;
  border-radius: 5px;
  border-bottom: 4px solid var(--RBColor);
}
.p1 .List nav div:nth-child(2) b{color: #333;}
.p1 .List nav div:nth-child(2) i{
  font-weight: bold;
  font-size: 20px;
}
.p1 .List nav div:nth-child(3){
  
}
.p1 .List nav span{
  padding: 0 1em;
  font-weight: bold;
  font-size: 18px;
}
.p1 .List .qzdt {

}
.p1 .List .jcdt {

margin-top: 20px;}

/**********要闻资讯|产经企业|1/3广告条幅**********/
.ghxw{display: flex;justify-content: space-between;margin-top: 20px;}
.ywzx,.cjqy,.ad-3{
  width: 23.5%;
}
.ywzx .info {
    display: flex;
    flex-flow: column;
    border-bottom: 5px solid var(--RBColor);
    border-radius: 10px;
}
.ywzx .info .thumb {width: 300px;height: 162px;margin-bottom: 10px;}
.ywzx .info .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.ywzx .info .title {
    width: 100%;
    padding: 0 10px;
    border-radius: 10px;
}
.ywzx .info .title h3{
    font-weight: bold;
    line-height: 150%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}
.ywzx .info .title p{
  text-indent: 2em;
  color: #888;
}
.ywzx .flex{display: flex;justify-content: space-between;margin-bottom: 20px;}
.ywzx .list{}
.ywzx .list ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ywzx .list li{
  justify-content: space-between;
  padding: 1em;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0px 2px 5px #999;
  border-bottom: 2px solid var(--RCColor);
}
.ywzx .list li i{
  margin-right: .5em;
  color: var(--RBColor);
}
.cjqy li{}
.swiperAd3 {height: 300px;overflow: hidden;}
.swiperAd3 .swiper-slide img{width: 98%;height: 100%;border-radius: 5px;box-shadow: 0px 2px 5px #999;}


/**********数字报|桂工网视|（公示公告|职工在线）**********/
.grbs{display: flex;justify-content: space-between;}
.szb,.w25{
  width: 25%;
}
.szb .thumb{
  display: flex;
  align-items: center;
  justify-content: center;
}
.szb .thumb img{
  height: 448px;
  border: 5px solid #ccc;
  border-radius: 10px;
}

/*桂工网视轮播*/
.ggwsbox {width: 47%;}
.ggws{
  position: relative;
  height: 448px;
  background-color: #000;
  border: #ccc solid 5px;
  border-radius: 10px;
  padding: 5px;
}
.ggws .bgvideo{
  width: 100%;
  height: 100%;
}
.ggws .videoPaly{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 94%;
  margin: auto;
}
.ggws .videoPaly .video-js {
  width: 100%;
  height: 100%;
}
.ggws .videoPaly .videocenter video {
  margin: auto;
}
.ggws .title{position: absolute;width: 609px;height: 2em;bottom: 0;text-align: center;}
.ggws .title h3{color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


/**********榜样力量|职工文化**********/
.p4{display: flex; justify-content: space-between;margin-top: 10px;}
.byll,.zgwh{width: 49%;}
.byll .body,.zgwh .body{display: flex;flex-flow: wrap;justify-content: space-between;}
/*榜样力量*/
.p4-Focus,.lmgj,.bztd,.ztrs{
  width: 48%;
margin-bottom: 5px;}
.p4-Focus .info {
    display: flex;
    flex-flow: column;
    border-bottom: 5px solid var(--RBColor);
    border-radius: 10px;
}
.p4-Focus .info .thumb {width: 300px;height: 172px;margin-bottom: 10px;}
.p4-Focus .info .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.p4-Focus .info .title {
    width: 100%;
    padding: 0 10px;
    border-radius: 10px;
}
.p4-Focus .info .title h3{
    font-weight: bold;
    line-height: 150%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}
/*职工文化*/
.wz,.tp{
  width: 48%;
}
.wz .list-title{}
.wz ul {display: flex;flex-flow: column;}
.wz ul li{
    width: 100%;
    text-align: left;
}
.wz li span:before {
  content: '● ';
}
.tp .list{display: flex;flex-wrap: wrap;justify-content: space-between;border-radius: 5px;}
.tp .info {
    position: relative;
    align-items: flex-start;
    width: 47%;
    height: 116px;
    border: none;
    padding: 0;
}
.tp .info .thumb {width: 100%;margin-right: 0;}
.tp .info .thumb img {
  width: 100%;
  height: 115px;
  border-radius: 5px;
  object-fit: cover;
  object-position: center;
}
.tp .info .title {
    width: 100%;
    height: 25px;
    position: absolute;
    bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px;
    background-color: #d7000f78;
    text-align: center;
    }

.tp .info .title a {
    color: #fff;
}


/**********产经企业|专题聚焦|公告公示**********/
.flex3{display: flex;justify-content: space-between;}
.spll{width: 75%;}
.spll .flex{display:flex; justify-content: space-between;}
.spll .p5-Focus,.spll .sp,.spll .ll{width: 32%;}
.p5-Focus .info {
    display: flex;
    flex-flow: column;
    border-bottom: 5px solid var(--RBColor);
    border-radius: 10px;
}

.p5-Focus .info p {
    text-indent: 2em;
}
.p5-Focus .info .thumb {width: 300px;height: 196px;margin-bottom: 10px;}
.p5-Focus .info .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.p5-Focus .info .title {
    width: 100%;
    padding: 0 10px;
    border-radius: 10px;
}
.p5-Focus .info .title h3{
    font-weight: bold;
    line-height: 150%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}

/**********时评理论**********/
.spll nav{
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  border-radius: 10px;
  background-size: 30%;
  background-position: 0% -11%;
}
.spll nav div:nth-child(1),.spll nav div:nth-child(3){
  margin-top: 12px;
  border-top: 1px solid var(--RBColor);
  border-bottom: 8px solid var(--RBColor);
  width: 35%;
  height: 10px;
  text-align: center;
  border-radius: 3px;
  }
.spll nav div:nth-child(2){
  font-size: 25px;
  line-height: 1em;
  padding: 5px .5em;
  text-align: center;
  border-radius: 5px;
  border-bottom: 4px solid var(--RBColor);
  margin: 0 15px;
}
.spll nav div:nth-child(2) b{color: #333;}
.spll nav div:nth-child(2) i{
  font-weight: bold;
  font-size: 20px;
}
.spll nav div:nth-child(3){
  
}
.spll nav span{
  padding: 0 1em;
  font-weight: bold;
  font-size: 18px;
}
/*时评*/
.sp .info {
    display: flex;
    flex-flow: column;
    padding: 0;
    border-bottom: 5px solid var(--RCColor);
    border-radius: 10px;
}
.sp .info .thumb {width: 100%;margin-bottom: 15px;margin-right: 0;}
.sp .info .thumb img {
  width: 100%;
  height: 200px;
}
.sp .info .title {
    font-weight: bold;
    line-height: 150%;
    padding: 0 15px 15px;
    border-radius: 10px;
}
.sp .flex{display: flex;justify-content: space-between;margin-bottom: 20px;}
.sp .list{}
.sp .list ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sp .list li,.ll li{
  width: 100%;
  height: 60px;
  font-weight: bold;
  justify-content: space-between;
  padding: 1em;
  margin: 0 5px 16px 3px;
  border-radius: 5px;
  box-shadow: 0px 2px 5px #999;
  border-bottom: none;
}
.sp .list li i{
  margin-right: .5em;
  color: var(--RBColor);
}
.sp .list li span{color: var(--TLColor);font-weight: normal;}
/*理论*/
.ll{}
.ll ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ll li i{
  margin-right: .5em;
  color: var(--RBColor);
}
.ll .info{
  
}
.sp li h3,.ll li h3{
  width: 290px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ll li span{color: var(--TLColor);font-weight: normal;}
.ll li .smalltext{
  text-indent: 2em;
  line-height: 1.5em;
}

/*专题聚焦*/
.ztjj{width: 23.5%;}
.ztjj li span:before{content: '';}
.ztjj ul{
  display: flex;
  flex-flow: column;
  justify-content: center;
  flex-wrap: wrap;
  }
.ztjj li{
  height: 75px;
  position: relative;
  display: inline-flex;
  padding: 5px 10px;
  background: var(--RCColor);
  border-radius: 5px;
  border-bottom: 1px solid var(--RBColor);
  box-shadow: 0px 3px 3px #888;
  margin: 0 5px 14px 1px;
}
.ztjj li i{color: var(--RBColor);margin:0 .5em;}
.ztjj .info{
  
}
.ztjj li span{
  text-align: center;
}
.ztjj .type{
  position: absolute;
  padding: 5px;
  line-height: 12px;
  font-size: 12px;
  border-radius: 5px 0px 5px 0px;
  top: 0;
  left: -2em;
  background: lavender;
}

/**********媒体矩阵**********/
.mtjz {
}
.mtjz ul{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  }
.mtjz li{
  position: relative;
  width: 184px;
  padding: 2em 1em 1em;
  background: var(--RBColor);
  border-radius: 10px;
  color: #D6440B;
  border: 1px solid #ccc;
  box-shadow: 5px 5px 5px #888;
  margin: 0 30px 30px 0;
  text-align: center;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.mtjz li i{
  
}
.mtjz .info{
  
}
.mtjz li span{
  font-size: 1.2em;
  font-weight: bold;
  white-space: nowrap;
  margin-left: 1em;
  color: #D68415;
}
.mtjz img {
  width: 100%;
  height: auto;
border-radius: 10px;}
.mtjz li b{
  color: var(--BAColor);
  border-bottom: 1px solid var(--BEColor);
}
.mtjz .type{
  position: absolute;
  padding: 5px;
  line-height: 14px;
  font-size: 14px;
  border-radius: 5px 0px 5px 0px;
  top: 0;
  left: -15px;
  background: lavender;
}
.mtjz .wq{ color: darkred; }

/*背景元素-装饰*/
.qzdt{/* background: url(images/ys/1.png) no-repeat 96% 92%; *//* background-size: 29%; */}
.jcdt{/* background: url(images/ys/1.png) no-repeat 96% 92%; *//* background-size: 29%; */}

.ywzx{/* background: url(images/ys/4.png) no-repeat 96% 95%; *//* background-size: 30%; */}
.cjqy{/* background: url(images/ys/4.png) no-repeat 96% 95%; *//* background-size: 30%; */}

.zgzx{/* background: url(images/ys/4.png) no-repeat 90% 95%; *//* background-size: 24%; */}

.zgzx nav {
    margin-bottom: 0;
}
.gsgg{/* background: url(images/ys/4.png) no-repeat 97% 93%; *//* background-size: 24%; *//* margin-bottom: 20px; */}

.lmgj{/* background: url(images/ys/5.png) no-repeat 40% 95%; */}
.bztd{/* background: url(images/ys/5.png) no-repeat 40% 95%; */}
.ztrs{/* background: url(images/ys/5.png) no-repeat 40% 95%; */}

.wz{/* background: url(images/ys/2.png) no-repeat 50% 92%; */}
.tp{/* background: url(images/ys/3.png) no-repeat 48% 93%; */}
.sh{/* background: url(images/ys/3.png) no-repeat 95% 94%; *//* background-size: 27%; */}

.ll{/* background: url(images/ys/5.png) no-repeat 50% 94%; *//* background-size: 14%; */}
.sp{/* background: url(images/ys/5.png) no-repeat 50% 95%; *//* background-size: 14%; */}
.ztjj{/* background: url(images/ys/1.png) no-repeat 96% 92%; *//* background-size: 29%; */}


.mtjz{/* background: url(images/ys/5.png) repeat-x 0% 101%; */}

/*背景色-装饰*/
.qzdt li,.jcdt li,.ztjj li {/* background-color: var(--RCColor); */}