.labor-tag{
  display: flex;
  align-items: center;
  height: 30px;
  padding: 19px 0 19px;
  
}
.labor-tag img{
  color: #1A1A1A;
  margin-right: 10px;
}
.labor-box{
  width: 1270px;
  margin: 0 auto;
  color: #666666;
}
.labor-content{
  display: flex;
}
.left-nav{
  width: 270px;
  margin-right: 30px;
}
.nav-content{
  flex: 1;
}
.left-nav div{
  background-color: #F2F2F2;
  color: #4C4C4C;
  margin-bottom: 5px;
  border-left: 3px solid #E6E6E6;
  height: 50px;
  line-height: 50px;
  /* text-align: center; */
  cursor: pointer;
}
.left-nav div span{
  margin-left: 37px;
  width: 10px;
  height: 10px;
  transform: rotate(48deg);
  background-color: #CCCCCC;
  display: inline-block;
  margin-right: 10px;
}
.left-nav .active{
  color: #DE3018;
  background-color: #E6E6E6;
  border-left: 3px solid #DE3018;
}
.left-nav .active span{
  background-color: #DE3018;
}
.left-nav div:first-child{
  background: linear-gradient(0deg, #DE3018 0%, #F65944 100%);
  width: 270px;
  height: 100px;
  border-radius: 10px 10px 0px 0px;
  display:flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  font-weight: bold;
  color: #FFFFFF;
  border: none;
}
.left-nav div:first-child img{
  margin-right: 10px;
}

.nav-content h4{
  background-color: #F2F2F2;
  height: 40px;
  line-height: 40px;
  padding: 0 9px;
  color: #DE3018;
}
.timeLine{
  padding: 20px 0;
}
.timeLine li{
  display: flex;
  position: relative;
}
.timeLine li .line{
  position: absolute;
  top: -10px;
  left: 8px;
  bottom: 0px;
  height: 100%;
  width: 2px;
  background-color: #DE3018;
  z-index: -2;
}
.timeLine li .pie{
  width: 14px;
  height: 14px;
  line-height: 10px;
  border: 2px solid #DE3018;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  margin-top: 10px;
  background-color: #fff;
}
.timeLine li .pie span{
  width: 6px;
  height: 6px;
  background: #DE3018;
  border-radius: 50%;
  display: inline-block;
}
.timeLine li label{
  font-size: 22px;
  font-weight: bold;
  color: #DE3018;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 100px;
  padding: 0 23px;
}
.timeLine li div{
  flex: 1;
}
.timeLine li div h4{
  font-size: 20px;
  font-weight: bold;
  color: #1A1A1A;
  background-color: #fff;
}
.timeLine li div .timeLine-text{
  font-size: 16px;
  font-weight: 400;
  color: #1A1A1A;
  line-height: 32px;
  display: inline-block;
  text-indent: 50px;
  flex-direction: row;

}
.timeLine li div .timeLine-text span{
  color: #DE3018;
}
.linDeatil{
  cursor: pointer;
}
#pagination-box{
     text-align: center;
     margin-top: 40px ;
}
#pagination-box .el-pager, .el-pager li{
  vertical-align: middle !important;
}
#pagination-box .el-pager li.active{
border-radius: 3px;
color: #fff !important;
height: 20px;
text-align: center;
line-height: 20px;
background: #CD0B01 !important;
}


/* 信息公开 */
.cardlist{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cardlist li{
  list-style: none;
  align-items: center;
  display: flex;
  border-bottom: 1px dashed #E6E6E6;
  width: 970px;
  cursor: pointer;
}
.cardlist span{
  display: inline-block;
  width: 8px;
height: 8px;
background: #DE3018;
}
.cardlist p{
  flex: 1;
  font-weight: 400;
color: #1A1A1A;
font-size: 20px;
overflow: hidden;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
padding-left: 7px;
height: 69px;
line-height: 69px;
}
.cardlist label{
  width: 88px;
  display: inline-block;
  font-weight: 400;
color: #808080;
font-size: 16px;
text-align: right;
}


/* 服务阵地 */
.WorkersContent {
  background: url(../image/边框.png) center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 1270px;
  height: 386px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.WorkersContent .WorkersImgBox{
  display: flex;
    justify-content: center;
    margin: 54px 0;
}
.WorkersContent .WorkersList{
  margin: 0 auto;
    display: flex;
    width: 100%;
}
.WorkersContent .WorkersList .WorkerIcon {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.WorkersContent .WorkersList .WorkerIcon p {
  margin-top: 18px;
  font-size: 20px;
  font-weight: 600;
  color: #1A1A1A;
  text-align: center;
  width: 127px;
  height: 52px;
}

#unionMap-box{
  position: relative;
   height: 600px;
  margin: 0 auto 50px;
 
}
.mapContent{
  border: 1px solid #ccc;
  margin-right: 10px;
}
.mapContent li{
 width: 212px;
 height: 90px;
  list-style: none;
  color: #1A1A1A;
  background-color: #FDD1CB;
  margin-bottom: 10px;
  border-radius: 25px 0px 0px 25px;
  font-weight: 400;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.mapContent li .iconfont{
  margin-left: 26px;
  font-size: 37px;
}
.mapContent li .mapNavText{
  font-size: 18px;
  margin: 0 20px;
}
.mapContent .isActive{
  background-color: #DE3018;
  color: #fff;
  font-size: 18px;
}
li{
  list-style: none;
}
#continer-map{
  border: 1px dashed #ccc;
}