body{background: url(../images/bg1.png) no-repeat center top; background-size: 1920px auto;}
.container{width: 1400px;}

.fldz-header{height: 668px;}
.fldz-header-logo{margin-bottom: 40px; padding-top: 30px;}
.fldz-header-logo img{display: block; max-height: 56px;}
.fldz-header-title img{display: block; max-height: 516px; margin-left: auto; margin-right: auto;}

.fldz-gdjt{padding-top: 150px; height: 461px; box-sizing: border-box;}
.fldz-gdjt .box{position: relative;}
.fldz-gdjt .pic{position: absolute; left: -156px; top: 0; width: 400px;}
.fldz-gdjt .txt{font-size: 1.375em; line-height: 1.86; color: #fff; margin-left: 242px;}

.fldz-com-tit{overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center;}
.fldz-com-tit img{max-width: 1400px;}
.fldz-com-tit span{position: absolute; right: 0; top: 8px; font-size: 1.25em; color: #2A82E4;}

/* 工作动态 */
.fldz-gzdt{padding-top: 50px; padding-bottom: 50px; height: 719px; box-sizing: border-box;}
.fldz-gzdt-tab{height: 439px; box-shadow: 0px 0px 40px  rgba(166, 166, 166, 0.5); background: #fff;}
.fldz-gzdt-l{float: left; width: 48.5%; height: 100%;}
.fldz-gzdt-l .item{height: 100%;}
.fldz-gzdt-l img{display: block; width: 100%; height: 100%;}
.fldz-gzdt-r{float: right; width: 51.5%; height: 100%;}
.fldz-gzdt-list{padding-left: 35px; padding-right: 25px;}
.fldz-gzdt-list li{position: relative;}
.fldz-gzdt-list li.normal{padding: 25px 0 25px 22px; padding-right: 130px; height: 34px; line-height: 34px; border-bottom: 1px dashed #C9C9C9; font-size: 1.25em;}
.fldz-gzdt-list li.normal .tit{display: block; max-width:100%; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
.fldz-gzdt-list li.normal .memo{display: none;}
.fldz-gzdt-list li.normal .time{position: absolute; right: 0; top: 50%; transform: translateY(-50%); bottom: 0; color: #808080;}
.fldz-gzdt-list li.normal:before{content: ''; width: 8px; height: 8px; position: absolute; left: 0; top: 50%; margin-top: -4px; border-radius: 50%; background: #BADAFF;}
.fldz-gzdt-list li.on{height: 185px; display: flex; justify-content: center; flex-direction: column; margin-left: -35px; margin-right: -25px; padding-left: 35px; padding-right: 25px; background: linear-gradient(0deg, rgba(199, 225, 255, .45) 0%, rgba(255, 255, 255, 1) 100%);}
.fldz-gzdt-list li.on .tit{margin-bottom: 16px; font-size: 1.625em; line-height: 1.3; font-weight: bold; color: #025EC7; display: -webkit-box; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden;}
.fldz-gzdt-list li.on .tit a{color: #025EC7;}
.fldz-gzdt-list li.on .memo{line-height: 1.4; font-size: 1.125em;}
.fldz-gzdt-list li.on .time{display: none;}
.fldz-gzdt-list li.on:before{content: ''; width: 50px; height: 100%; background: url(../images/gzdt_arrow.png) no-repeat; background-size: 100% 100%; position: absolute; right: 100%; top: 0;}
.fldz-gzdt-list li:last-child{border-bottom: none;}

/* 媒体关注 */
.fldz-mtgz{background: #EDF5FF; padding-top: 50px; padding-bottom: 10px;}
.fldz-mtgz-swiper{position: relative;}
.fldz-mtgz-swiper .swiper-container{padding-top: 40px; padding-bottom: 40px;}
.fldz-mtgz-swiper .swiper-slide{background: #fff; box-shadow: 0px 0px 30px  rgba(166, 166, 166, 0.5);}
.fldz-mtgz-swiper .swiper-slide .txt{padding: 30px; height: 217px; box-sizing: border-box;}
.fldz-mtgz-swiper .swiper-slide .tit{font-size: 1.25em; line-height: 1.3; margin-bottom: 44px; height: 53px;}
.fldz-mtgz-swiper .swiper-slide .btn a{display: block; width: 146px; height: 40px; border-radius: 20px; background: #E0EFFF; text-align: center; line-height: 40px; color: #0060CF; margin: 0 auto; transition: .3s all;}
.fldz-mtgz-swiper .swiper-slide .btn a:hover{background: #0060CF; color: #fff;}
.fldz-mtgz-swiper .swiper-button{width: 30px; height: 30px; border-radius: 50%; background: #FFFFFF; border: 1px solid #8EBBED; background-color: #fff; background-repeat: no-repeat; background-size: 5px; background-position: center center; margin-top: -15px; cursor: pointer;}
.fldz-mtgz-swiper .swiper-button-prev{left: -50px; background-image: url(../images/arrow_l.png);}
.fldz-mtgz-swiper .swiper-button-next{right: -50px; background-image: url(../images/arrow_r.png);}
.fldz-mtgz-swiper .swiper-button:hover{background-color: #025EC7; border-color: #025EC7;}

/* 项目展示 */
.fldz-xmzs{box-sizing: border-box; padding-top: 50px; padding-bottom: 80px; background: url(../images/bg2.png) no-repeat center top;}
.fldz-xmzs .fldz-com-tit{margin-bottom: 104px;}

.fldz-xmzs-hd ul li span{display: flex; align-items: center; height: 63px; line-height: 63px; background:#fff; background-size: 30px; padding: 0 25px; border-radius: 6px; box-shadow: 11px 1px 28px  rgba(184, 217, 255, 1); color: #2A82E4; font-weight: bold; font-size:1.375em; white-space:nowrap; cursor: pointer; transition: .3s all;}
.fldz-xmzs-hd ul li span:before{content: ''; margin-right: 10px; width: 30px; height: 30px; background: url(../images/xmzs_icon_addr.png) no-repeat; background-size: 100% 100%; flex-shrink: 0;}

@media (min-width: 993px) {
  .fldz-xmzs-hd{position: relative; height: 456px; background: url(../images/xmzs_line.png) no-repeat center center; background-size: 100% 100%; margin-bottom: 85px;}
  .fldz-xmzs-hd ul li{position: absolute;}
  .fldz-xmzs-hd ul li:nth-child(1){left: 4%; top: 2%;}   /* 地铁大食堂 */
  .fldz-xmzs-hd ul li:nth-child(2){left: 27%; top: 23%;} /* 汇星连商业 */
  .fldz-xmzs-hd ul li:nth-child(3){left: 46%; top: 52%;} /* 星连书站 */
  .fldz-xmzs-hd ul li:nth-child(4){left: 69%; top: 22%;} /* 星连体育 */
  .fldz-xmzs-hd ul li:nth-child(5){right: 2%; top: 35%;} /* 星连公寓 */
  .fldz-xmzs-hd ul li:nth-child(6){left: 13%; top: 77%;} /* 自营店 */
  .fldz-xmzs-hd ul li:nth-child(7){left: 65%; top: 80%;} /* 持续更新... */
}
.fldz-xmzs-hd ul li.on span{background: linear-gradient(145.02deg, rgba(172, 51, 193, 1) 9.15%, rgba(42, 130, 228, 1) 93.88%); color: #fff;}
.fldz-xmzs-hd ul li.on span:before{background-image: url(../images/xmzs_icon_addr2.png);}

.fldz-xmzs-bd{ background: #fff; border-radius: 10px; padding: 40px; box-shadow: 0px 0px 40px  rgba(166, 166, 166, 0.5); box-sizing: border-box;}

.fldz-xmzs-pic-swiper{float: left; width: 53%; position: relative; padding-bottom: 20px;}
.fldz-xmzs-pic-swiper .swiper-pagination{position: absolute;  left: 0; right: 0; bottom: -10px; text-align: center;}
.fldz-xmzs-pic-swiper .swiper-pagination span{margin-left: 5px; margin-right: 5px;}
.fldz-xmzs-pic-swiper .swiper-pagination .swiper-pagination-bullet-active{background: #AC33C1;}

.fldz-xmzs-tt{float: right; width: 45%;}
.fldz-xmzs-tt .tit{height: 100px; line-height: 100px; padding-left: 85px; background: url(../images/xmzs_titbg.png) no-repeat; font-size: 1.625em; font-weight: bold; color: #fff;}
.fldz-xmzs-tt .memo{font-size: 1.375em; line-height: 1.9; text-indent: 2em;}
.fldz-xmzs-tt .memo a{color: #2A82E4;}

/* 视频影像 */
.fldz-spyx-swiper .swiper-slide{width: 54.2%;}
.fldz-spyx-swiper .swiper-slide a{position: relative;}
.fldz-spyx-swiper .swiper-slide-active a:after{content: ''; width: 92px; height: 92px; background: url(../images/icon_player.png) no-repeat; background-size: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 3;}



@media (max-width: 1500px) {
  body{font-size: 15px;}
  .container {width: 1200px !important;}
  .fldz-xmzs-tt .memo{font-size: 1.25em;}
}

@media (max-width: 1280px) {
  body{font-size: 14px;}
  .fldz-mtgz-swiper .swiper-slide .tit{height: 48px;}
  .fldz-xmzs-pic-swiper, .fldz-xmzs-tt{float: none; width: auto;}
  .fldz-xmzs-pic-swiper{margin-bottom: 30px;}
  .fldz-xmzs-bd{padding: 30px;}
  .fldz-xmzs .fldz-com-tit{margin-bottom: 50px;}

}

@media (max-width: 992px) {
  body{background: none;}
  .fldz-header{height: auto; padding-bottom: 30px; background: url(../images/bg_header_m.png) no-repeat center top; background-size: cover;}

  .fldz-gdjt{background: #3b89e4;}
  .fldz-gdjt{height: auto; padding-top: 40px; padding-bottom: 40px;}
  .fldz-gdjt .pic{display: none;}
  .fldz-gdjt .txt{margin-left: 0;}

  .fldz-com-tit span{display: none;}

  .fldz-gzdt{height: auto; padding-top: 40px; padding-bottom: 40px;}
  .fldz-gzdt-tab{height: auto;}
  .fldz-gzdt-l, .fldz-gzdt-r{float: none; width: auto;}
  .fldz-gzdt-list{padding-left: 20px; padding-right: 20px;}
  .fldz-gzdt-list li.on{margin-left: -20px; margin-right: -20px;}
  .fldz-gzdt-list li.on:before{display: none;}
  .fldz-gzdt-list li.normal{padding-right: 0; height: auto; line-height: 26px;}
  .fldz-gzdt-list li.normal .time{position: static;}
  .fldz-gzdt-list li.normal .tit{white-space: normal; margin-bottom: 5px;}
  .fldz-gzdt-list li.normal:before{top: 39px;}

  .fldz-mtgz-swiper .swiper-slide .txt{height: 165px; padding: 20px;}
  .fldz-mtgz-swiper .swiper-slide .tit{margin-bottom: 30px;}


  .fldz-xmzs-hd{margin-bottom: 30px;}
  .fldz-xmzs-hd ul{margin-left: -5px; margin-right: -5px;}
  .fldz-xmzs-hd ul li{float: left; width: 50%;}
  .fldz-xmzs-hd ul li span{margin: 0 5px 10px;}
}

@media (max-width: 768px) {
  .fldz-com-tit img{height: 80px;}

  .fldz-mtgz-swiper .swiper-button-prev{left: -10px; }
  .fldz-mtgz-swiper .swiper-button-next{right: -10px; }

  .fldz-xmzs{padding-bottom: 40px;}

  .fldz-spyx-swiper .swiper-slide{width: 88%;}
  .fldz-spyx-swiper .swiper-slide-active a:after{width: 50px; height: 50px;}

  
}

@media (max-width: 480px) {
  .fldz-gdjt .txt{font-size: 1.25em;}
  .fldz-xmzs-hd ul li span{padding-left: 15px; padding-right: 15px;}
  .fldz-xmzs-hd ul li span:before{width: 20px; height: 20px;}

  .fldz-xmzs-tt .tit{height: 65px; line-height: 65px; margin-bottom: 10px; text-align: center; padding-left: 0; background-size: 100% 100%; background-position: center center;}
  

}