/*工程业绩样式表*/
@font-face {
  font-family: binBold;
  src: url('/static/m/images/engineer/market/DINPro-Bold.otf'), url('Sansation_Light.eot');
  /* IE9 */
}
.engineer .banner {
  position: relative;
  width: 100%;
  height: 5.46666667rem;
  margin-bottom: 0.28rem;
  background: url("/static/m/images/engineer/market/banner.png") no-repeat center;
  background-size: cover;
}
.engineer .banner .middle-num {
  position: absolute;
  left: 50.5%;
  transform: translateX(-49%);
  top: 1.67rem;
  letter-spacing: 0.13333333rem;
}
.engineer .banner .middle-num p {
  font-size: 0.45333333rem;
  font-family: binBold;
  font-weight: bold;
  color: #ffffff;
}
.engineer .banner .bottom .bottom-logo {
  width: 3.65333333rem;
}
.engineer .banner .bottom .bottom-logo img {
  width: 100%;
}
.engineer .banner .bottom .about-nav {
  width: 30%;
}
.engineer .bread label,
.engineer .bread a,
.engineer .bread span {
  color: rgba(0, 0, 0, 0.4);
}
.engineer h3.title {
  margin-bottom: 0.4rem;
  font-size: 0.53333333rem;
  font-weight: bold;
  color: #333333;
}
.engineer .project .project-content .content-top {
  margin: 1.06666667rem 0 0.69333333rem;
}
.engineer .project .project-content .content-top .top-left img {
  display: block;
  width: 4.92rem;
}
.engineer .project .project-content .content-top .top-right {
  width: 100%;
  margin-top: 0.52rem;
}
.engineer .project .project-content .content-top .top-right ul.third-nav {
  width: 100%;
}
.engineer .project .project-content .content-top .top-right ul.third-nav li a {
  font-size: 0.37333333rem;
  font-weight: bold;
  color: #333333;
}
.engineer .project .project-content .content-top .top-right ul.third-nav li.cur a,
.engineer .project .project-content .content-top .top-right ul.third-nav li:hover a {
  color: #66ba3d;
}
.engineer .project .project-content .content-top .top-right ul.third-nav li.cur a {
  font-weight: bold;
}
.engineer .project .project-content .list-box {
  padding: 0 0.4rem;
}
.engineer .project .project-content .list-box ul.content-list li .left {
  width: 100%;
}
.engineer .project .project-content .list-box ul.content-list li .left img {
  width: 100%;
}
.engineer .project .project-content .list-box ul.content-list li .right section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 0.24rem;
}
.engineer .project .project-content .list-box ul.content-list li .right section .title-box {
  width: 2.26666667rem;
}
.engineer .project .project-content .list-box ul.content-list li .right section .title-box img {
  width: 100%;
}
.engineer .project .project-content .list-box ul.content-list li .right section .list-title {
  width: 68%;
  font-size: 0.37333333rem;
  font-weight: bold;
  color: #333333;
  line-height: 0.45333333rem;
}
.engineer .project .project-content .list-box ul.content-list li .right .line {
  width: 100%;
  height: 1px;
  background-color: #eeeeee;
}
.engineer .project .project-content .list-box ul.content-list li .right .detail {
  display: flex;
  align-items: center;
  margin: 0.49333333rem 0 0.69333333rem;
}
.engineer .project .project-content .list-box ul.content-list li .right .detail div {
  width: 50%;
}
.engineer .project .project-content .list-box ul.content-list li .right .detail div .label {
  font-size: 0.32rem;
  color: #666;
  margin-bottom: 0.13333333rem;
}
.engineer .project .project-content .list-box ul.content-list li .right .detail div .txt {
  font-size: 0.37333333rem;
  color: #333333;
  font-weight: bold;
}
.engineer .project .project-content .list-box ul.content-list li .right .detail div:first-child {
  width: 2.96rem;
}
.engineer .project .project-content .list-box ul.content-list li:not(:last-of-type) {
  margin-bottom: 1.06666667rem;
}
.engineer .project .project-content .list-box ul.content-list li:nth-of-type(even) .left {
  right: 0;
  left: unset;
  flex-direction: row-reverse;
}
.engineer .project .project-content .list-box ul.content-list li:nth-of-type(odd) .right {
  flex-direction: row-reverse;
}
.engineer .project-detail {
  width: 100%;
}
.engineer .project-detail .img-big img {
  width: 100%;
  height: 100%;
}
.engineer .project-detail .right-top {
  width: 100%;
  padding: 0 0.4rem;
  margin-top: 0.93333333rem;
}
.engineer .project-detail .right-top .top-box > div {
  width: 100%;
}
.engineer .project-detail .right-top .top-box > div .title-box {
  padding-bottom: 0.26666667rem;
}
.engineer .project-detail .right-top .top-box > div .title-en {
  font-size: 0.32rem;
  font-weight: 400;
  color: #999999;
}
.engineer .project-detail .right-top .top-box > div .list-title {
  font-size: 0.45333333rem;
  font-weight: bold;
  color: #333333;
  margin: 0.26666667rem 0 0.53333333rem;
}
.engineer .project-detail .right-top .top-box > div .line {
  width: 0.4rem;
  height: 0.06666667rem;
  background-color: #66ba3d;
}
.engineer .project-detail .right-top .top-box > div .detail {
  display: flex;
  flex-wrap: wrap;
  margin: 0.42666667rem 0 0.8rem;
}
.engineer .project-detail .right-top .top-box > div .detail > div {
  width: 50%;
}
.engineer .project-detail .right-top .top-box > div .detail > div:not(:last-of-type) {
  margin-bottom: 0.69333333rem;
}
.engineer .project-detail .right-top .top-box > div .detail .label {
  font-size: 0.32rem;
  color: #666;
  margin-bottom: 0.13333333rem;
}
.engineer .project-detail .right-top .top-box > div .detail .txt {
  font-size: 0.4rem;
  color: #333333;
  font-weight: bold;
}
.engineer .project-detail .swiper-box {
  position: relative;
  margin-bottom: 2.66666667rem;
}
.engineer .project-detail .swiper-box a {
  position: absolute;
  left: 0.4rem;
  bottom: -1.73333333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.04rem;
  height: 1.01333333rem;
  border: 2px solid #eeeeee;
}
.engineer .project-detail .swiper-box a.back span.tool-btn {
  margin-left: 0.13333333rem;
  font-size: 0.34666667rem;
  font-weight: 400;
  color: #66ba3d;
}
.engineer .project-detail .swiper-box a.back img {
  width: 0.36rem;
  height: 0.29333333rem;
}
.engineer .project-detail .swiper-box .swiper-container {
  width: 100%;
  height: 12.93333333rem;
}
.engineer .project-detail .swiper-box .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
}
.engineer .project-detail .swiper-box .swiper-container .swiper-pagination-bullet-active {
  background-color: #fff;
}
.engineer .project-detail .swiper-box .next {
  position: absolute;
  top: auto;
  left: auto;
  right: 0.4rem;
  bottom: -1.73333333rem;
  display: block;
  width: 1.01333333rem;
  height: 1.01333333rem;
  border: none;
  background-image: url('/static/m/images/engineer/detail/r.png');
  background-size: 100% auto;
  background-position: unset;
}
.engineer .project-detail .swiper-box .last {
  position: absolute;
  top: auto;
  left: auto;
  right: 1.81333333rem;
  bottom: -1.73333333rem;
  display: block;
  width: 1.01333333rem;
  height: 1.01333333rem;
  border: none;
  background-image: url('/static/m/images/engineer/detail/l.png');
  background-size: 100% auto;
  background-position: unset;
}
.engineer .project-detail .img-small ul.small-list li {
  display: inline-block;
}
.engineer .project-detail .img-small ul.small-list li .img-box {
  position: relative;
  width: 2.70666667rem;
  height: 1.56rem;
}
.engineer .project-detail .img-small ul.small-list li .img-box img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.engineer .project-detail .img-small ul.small-list li .img-box .panel {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.engineer .project-detail .img-small ul.small-list li.active .img-box {
  border: 0.05333333rem solid #e2c100;
}
.engineer .project-detail .img-small ul.small-list li.active .img-box p.panel {
  display: none;
}
.engineer .project-detail .img-small ul.small-list li:not(:last-of-type) {
  margin-right: 0.05333333rem;
}
.engineer .customer .customer-content .customer-box {
  margin-top: 1.06666667rem;
}
.engineer .customer .customer-content .customer-box .customer-title {
  width: 4.26666667rem;
  height: 0.89333333rem;
}
.engineer .customer .customer-content .customer-box .customer-title img {
  width: 100%;
}
.engineer .customer .customer-content .customer-box .customer-list {
  margin-top: 0.73333333rem;
}
.engineer .customer .customer-content .customer-box .customer-list ul {
  height: 8.66666667rem;
  overflow: hidden;
}
.engineer .customer .customer-content .customer-box .customer-list ul li {
  width: 2.8rem;
  height: 1.48rem;
  border: 1px solid #eee;
  overflow: hidden;
}
.engineer .customer .customer-content .customer-box .customer-list ul li img {
  width: 100%;
}
.engineer .customer .customer-content .customer-box .customer-list ul li.m-b-14 {
  margin-bottom: 0.26666667rem;
}
.engineer .customer .customer-content .customer-box .customer-list .show {
  height: auto;
}
.engineer .customer .customer-content .customer-box .customer-list .more {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.13333333rem;
  margin-bottom: 0.26666667rem;
}
.engineer .customer .customer-content .customer-box .customer-list .more img {
  width: 0.34666667rem;
  height: 0.2rem;
}
.engineer .customer .customer-content .partner-box {
  width: 100%;
  height: 9.33333333rem;
  background: url("/static/m/images/engineer/customer/partner-back1.png") no-repeat center;
  background-size: cover;
  padding-top: 0.93333333rem;
  box-sizing: border-box;
}
.engineer .customer .customer-content .partner-box .partner-list {
  width: 100%;
}
.engineer .customer .customer-content .partner-box .partner-list .swiper-container {
  height: 100%;
}
.engineer .customer .customer-content .partner-box .partner-list ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.engineer .customer .customer-content .partner-box .partner-list ul li {
  width: 2.8rem;
  height: 1.48rem;
  margin-right: 0.33333333rem;
  margin-bottom: 0.4rem;
  border: 1px solid #ddd;
}
.engineer .customer .customer-content .partner-box .partner-list ul li img {
  width: 100%;
}
.engineer .customer .customer-content .partner-box .partner-list ul li:nth-child(3n) {
  margin-right: 0;
}
.engineer .customer .customer-content .partner-box .swiper-button-next {
  top: 75%;
  left: 1.36rem;
  width: 0.96rem;
  height: 0.96rem;
  background-image: url("/static/m/images/engineer/customer/next.png");
  background-size: 100% auto;
  background-position: unset;
}
.engineer .customer .customer-content .partner-box .swiper-button-prev {
  top: 75%;
  left: 0;
  width: 0.96rem;
  height: 0.96rem;
  background-image: url("/static/m/images/engineer/customer/prev.png");
  background-size: 100% auto;
  background-position: unset;
}
.engineer .market .market-content {
  width: 100%;
  margin-top: 1.06666667rem;
}
.engineer .market .market-content .w1200 .content-left {
  width: 100%;
}
.engineer .market .market-content .w1200 .content-left .title-img {
  width: 4.81333333rem;
}
.engineer .market .market-content .w1200 .content-left .map {
  margin-top: 0.8rem;
  width: 100%;
}
.engineer .market .market-content .w1200 .content-left .map img {
  display: block;
  width: 100%;
}
.engineer .market .market-content .w1200 .content-left .content-right {
  margin-top: 1.10666667rem;
}
.engineer .market .market-content .w1200 .content-left .content-right > div ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2.04rem;
}
.engineer .market .market-content .w1200 .content-left .content-right > div ul li {
  width: 50%;
}
.engineer .market .market-content .w1200 .content-left .content-right > div ul li:not(:last-of-type) {
  margin-bottom: 0.93333333rem;
}
.engineer .market .market-content .w1200 .content-left .content-right > div ul li .right-en {
  margin-bottom: 0.2rem;
  font-size: 0.24rem;
  font-weight: bold;
  color: #66ba3d;
  line-height: 0.4rem;
}
.engineer .market .market-content .w1200 .content-left .content-right > div ul li img {
  display: block;
  height: 0.50666667rem;
}
.engineer .market .market-content .w1200 .content-left .content-right > div ul li .right-txt {
  margin-top: 0.25333333rem;
  font-size: 0.32rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.53333333rem;
}
.engineer .market .market-content .w1200 .content-left .content-right > div ul li:last-child {
  width: 100%;
}
.m-t-0 {
  margin-top: 0;
}
@media screen and (max-width: 18.21333333rem) {
  .engineer .banner .bottom .about-nav {
    width: 45%;
  }
  .engineer h3.title {
    font-size: 0.42666667rem;
  }
  .engineer .project .project-content .list-box ul.content-list li {
    height: 5.84rem;
  }
  .engineer .project .project-content .list-box ul.content-list li .left {
    width: 10.4rem;
  }
  .engineer .project .project-content .list-box ul.content-list li .w1200 {
    width: 12rem;
    min-width: unset;
  }
  .engineer .project .project-content .list-box ul.content-list li .right > div .title-box {
    padding-bottom: 0.13333333rem;
  }
  .engineer .project .project-content .list-box ul.content-list li .right > div .list-title {
    font-size: 0.26666667rem;
    margin: 0.2rem 0;
  }
  .engineer .project .project-content .list-box ul.content-list li .right > div .detail {
    margin: 0.26666667rem 0 0.53333333rem;
  }
  .engineer .project .project-content .list-box ul.content-list li .right > div .detail > div:first-of-type {
    margin-bottom: 0.2rem;
  }
  .engineer .project .project-content .list-box ul.content-list li .right > div .detail .label {
    font-size: 0.18666667rem;
  }
  .engineer .project .project-content .list-box ul.content-list li .right > div .detail .txt {
    font-size: 0.21333333rem;
  }
  .engineer .market .market-content .w1200 .content-left .map img {
    width: 45%;
  }
  .engineer .project-detail .detail-right {
    width: 4.37333333rem;
  }
  .engineer .project-detail .detail-right .right-top .top-box > div {
    width: 2.37333333rem;
  }
  .engineer .project-detail .detail-right .right-top .top-box > div .title-box {
    padding-bottom: 0.13333333rem;
  }
  .engineer .project-detail .detail-right .right-top .top-box > div .list-title {
    font-size: 0.26666667rem;
    margin: 0.2rem 0;
  }
  .engineer .project-detail .detail-right .right-top .top-box > div .detail {
    margin: 0.26666667rem 0 1.33333333rem;
  }
  .engineer .project-detail .detail-right .right-top .top-box > div .detail > div:first-of-type {
    margin-bottom: 0.2rem;
  }
  .engineer .project-detail .detail-right .right-top .top-box > div .detail .label {
    font-size: 0.18666667rem;
  }
  .engineer .project-detail .detail-right .right-top .top-box > div .detail .txt {
    font-size: 0.21333333rem;
  }
  .engineer .project-detail .detail-right .right-bottom {
    left: 0.46666667rem;
    width: 3.90666667rem;
  }
}