@media screen and (min-width: 1000px) {
  .banner {
    position: relative;
    width: 100%;
    height: 3.125rem;
    background: transparent no-repeat center;
    background-size: 10rem 3.125rem;
  }
  .content-box {
    width: 100vw !important;
    background-color: #3b454e;
    overflow: hidden;
  }
  .content-box > div {
    width: 6.47916667rem;
    margin: 0 auto;
  }
  .content-box .content1 .title {
    display: block;
    text-align: center;
    margin-top: 0.24479167rem;
    font-size: 0.15625rem;
  }
  .content-box .content1 .date {
    display: block;
    text-align: right;
    padding-right: 0.05208333rem;
    margin-top: 0.125rem;
    font-size: 0.08333333rem;
  }
  .content-box .content2 {
    margin-top: 0.10416667rem;
    font-size: 0.09375rem;
  }
  .content-box .content2 .title {
    color: #10acd0;
    font-size: 0.125rem;
  }
  .content-box .content2 .des {
    margin-top: 0.09375rem;
    font-size: 0.109375rem;
    text-indent: 0.14583333rem;
  }
  .content-box .content3 {
    margin-top: 0.15625rem;
    overflow: hidden;
  }
  .content-box .content3 .title {
    color: #10acd0;
    font-size: 0.125rem;
  }
  .content-box .content3 .img-box {
    position: relative;
    margin-top: 0.09375rem;
    width: 100%;
  }
  .content-box .content3 .img-box > div {
    margin-top: 0.10416667rem;
    margin-bottom: 0.10416667rem;
  }
  .content-box .content3 .img-box > div img {
    max-width: 100%;
  }
  .content-box .content3 .img-box .mySwiper {
    position: relative;
    height: 100%;
  }
  .content-box .content3 .img-box .mySwiper .swiper-wrapper img {
    width: 6.46875rem;
    height: 3.03125rem;
  }
  .content-box .content3 .img-box .mySwiper .swiper-pagination {
    display: flex;
    bottom: 0.67708333rem;
    width: 50px !important;
    --swiper-theme-color: #ffffff;
  }
  .content-box .content3 .img-box .mySwiper .swiper-button-prev {
    left: 43%;
    top: 96%;
    width: 0.36458333rem;
    height: 0.23958333rem;
    border-radius: 0.02083333rem;
    background: url(../img/1/icon-左滑.png) no-repeat;
    background-size: 0.36458333rem 0.23958333rem;
  }
  .content-box .content3 .img-box .mySwiper .swiper-button-prev::after {
    content: '';
  }
  .content-box .content3 .img-box .mySwiper .swiper-button-next {
    right: 43%;
    top: 96%;
    width: 0.36458333rem;
    height: 0.23958333rem;
    border-radius: 0.02083333rem;
    background: url(../img/1/icon-右滑.png) no-repeat;
    background-size: 0.36458333rem 0.23958333rem;
  }
  .content-box .content3 .img-box .mySwiper .swiper-button-next::after {
    content: '';
  }
  .content-box .content3 .btn-box {
    position: absolute;
    right: 0.05208333rem;
    bottom: 0.05208333rem;
    cursor: pointer;
    z-index: 1;
  }
  .content-box .content3 .btn-box div {
    border: 0.00520833rem solid #ffffff;
    border-radius: 0.03125rem;
  }
  .content-box .content3 .btn-box .detail {
    float: right;
    width: 0.77604167rem;
    height: 0.23958333rem;
    line-height: 0.22916667rem;
    padding-left: 0.3125rem;
    background: url("../img/3.2/icon-查看案例.png") no-repeat 0.15625rem center;
    -webkit-background-size: 0.08333333rem 0.08333333rem;
    background-size: 0.08333333rem 0.08333333rem;
    cursor: pointer;
  }
  .content-box .content4 {
    margin-top: 0.15625rem;
  }
  .content-box .content4 .title {
    color: #10acd0;
    font-size: 0.125rem;
  }
  .content-box .content4 .video-box {
    margin-top: 0.09375rem;
    width: 6.47916667rem;
  }
  .content-box .content5 img {
    width: 1.96354167rem;
    height: 1.36979167rem;
    border-radius: 0.05208333rem;
  }
  .content-box .content5 .title {
    width: 0.74479167rem;
    height: 0.11979167rem;
    font-size: 0.11458333rem;
    font-family: PingFang, PingFang-SC-Heavy;
    text-align: left;
    color: #ffffff;
  }
  .content-box .content5 .des {
    width: 1.22916667rem;
    height: 0.08333333rem;
    font-size: 0.08333333rem;
    font-family: PingFang, PingFang-SC-Heavy;
    text-align: left;
    color: #ffffff;
  }
  .content-box .content5 .date {
    width: 0.88020833rem;
    height: 0.06770833rem;
    font-size: 0.08333333rem;
    font-family: PingFang, PingFang-SC-Medium;
    text-align: center;
    color: #cccccc;
    line-height: 0.25rem;
  }
  .content-box .go-back {
    width: 0.53645833rem;
    height: 0.53645833rem;
    margin-top: 0.44791667rem;
    background: #4f5d6a url(../img/3.2/icon-返回.png) no-repeat center 0.10416667rem;
    border-radius: 0.27083333rem;
    text-align: center;
    padding-top: 0.34375rem;
    font-size: 0.08333333rem;
    cursor: pointer;
  }
  .content-box .go-back a {
    color: #ffffff !important;
  }
  .content-box .line {
    width: 6.48958333rem;
    margin: 0.296875rem auto 0;
    border-top: 0.00520833rem dashed #46525c;
  }
  .content-box .content5 {
    margin: 0.29166667rem auto 0;
  }
  .content-box .content5 .list {
    display: flex;
    justify-content: space-between;
    margin-top: 0.19791667rem;
  }
  .content-box .content5 .list li {
    width: 1.97916667rem;
    height: 2.24479167rem;
    border-radius: 0.05208333rem;
    cursor: pointer;
  }
  .content-box .content5 .list li span {
    display: block;
    margin-left: 0.10416667rem;
  }
  .content-box .content5 .list li .title {
    margin-top: 0.29166667rem;
    font-size: 0.125rem;
    height: 0.16666667rem;
    font-family: PingFang, PingFang-SC-Heavy;
    text-align: center;
    color: #ffffff;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .content-box .content5 .list li .des {
    width: 1.4375rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 0.17708333rem;
    height: 0.19791667rem;
    font-size: 0.10416667rem;
    font-family: PingFang, PingFang-SC-Heavy;
    text-align: left;
    color: #ffffff;
  }
  .content-box .content5 .list li .date {
    display: block;
    margin-top: 0.05208333rem;
    text-align: left;
  }
  footer {
    border-top: 0.00520833rem solid #404c55;
  }
}
@media screen and (max-width: 999px) {
  header {
    justify-content: space-between !important;
  }
  header .nav {
    display: none !important;
  }
  header .tel {
    width: 30% !important;
    background-position: left center !important;
    background-size: 12% !important;
  }
  .banner {
    position: relative;
    width: 100%;
    height: 4rem;
    background: transparent no-repeat center;
    background-size: 100% 100%;
  }
  .content-box {
    width: 100vw !important;
    background-color: #3b454e;
    border-radius: 0.13333333rem;
    overflow: hidden;
    margin-bottom: 1.33333333rem;
  }
  .content-box > div {
    width: 94%;
    margin: 0 auto;
  }
  .content-box .content1 .title {
    display: block;
    text-align: center;
    margin-top: 0.62666667rem;
    font-size: 0.4rem;
  }
  .content-box .content1 .date {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 0.32rem;
    font-size: 0.21333333rem;
  }
  .content-box .content2 {
    margin-top: 0.26666667rem;
    letter-spacing: 1px;
  }
  .content-box .content2 .title {
    color: #10acd0;
    font-size: 0.32rem;
  }
  .content-box .content2 .des {
    line-height: 2.6;
    margin-top: 0.24rem;
    font-size: 0.24rem;
    text-indent: 0.37333333rem;
  }
  .content-box .content3 {
    margin-top: 0.4rem;
    overflow: hidden;
  }
  .content-box .content3 .title {
    color: #10acd0;
    font-size: 0.32rem;
  }
  .content-box .content3 .img-box {
    position: relative;
    margin-top: 0.24rem;
    width: 100%;
  }
  .content-box .content3 .img-box > div {
    margin-top: 0.26666667rem;
  }
  .content-box .content3 .img-box > div img {
    max-width: 100%;
  }
  .content-box .content3 .img-box .mySwiper {
    position: relative;
  }
  .content-box .content3 .img-box .mySwiper .swiper-wrapper {
    height: auto;
  }
  .content-box .content3 .img-box .mySwiper .swiper-wrapper img {
    max-height: 100%;
    width: 100%;
  }
  .content-box .content3 .img-box .mySwiper .swiper-pagination {
    display: flex;
    bottom: 1.73333333rem;
    width: 50px !important;
    --swiper-theme-color: #ffffff;
  }
  .content-box .content3 .img-box .mySwiper .swiper-button-prev {
    position: initial;
    display: inline-block;
    margin-left: 3.66rem;
    margin-top: 0.13333333rem;
    width: 0.93333333rem;
    height: 0.61333333rem;
    border-radius: 0.05333333rem;
    background: url(../img/1/icon-左滑.png) no-repeat;
    background-size: 0.93333333rem 0.61333333rem;
  }
  .content-box .content3 .img-box .mySwiper .swiper-button-prev::after {
    content: '';
  }
  .content-box .content3 .img-box .mySwiper .swiper-button-next {
    position: initial;
    display: inline-block;
    margin-top: 10px;
    width: 0.93333333rem;
    height: 0.61333333rem;
    border-radius: 0.05333333rem;
    background: url(../img/1/icon-右滑.png) no-repeat;
    background-size: 0.93333333rem 0.61333333rem;
  }
  .content-box .content3 .img-box .mySwiper .swiper-button-next::after {
    content: '';
  }
  .content-box .content3 .btn-box {
    position: absolute;
    right: 0.13333333rem;
    bottom: 0.13333333rem;
    cursor: pointer;
    z-index: 1;
  }
  .content-box .content3 .btn-box div {
    border: 0.01333333rem solid #ffffff;
    border-radius: 0.08rem;
  }
  .content-box .content3 .btn-box .detail {
    float: right;
    width: 1.98666667rem;
    height: 0.61333333rem;
    line-height: 0.58666667rem;
    padding-left: 0.8rem;
    background: url("../img/3.2/icon-查看案例.png") no-repeat 0.4rem center;
    -webkit-background-size: 0.21333333rem 0.21333333rem;
    background-size: 0.21333333rem 0.21333333rem;
    cursor: pointer;
  }
  .content-box .content4 {
    margin-top: 0.4rem;
  }
  .content-box .content4 .title {
    color: #10acd0;
    font-size: 0.32rem;
  }
  .content-box .content4 .video-box {
    margin-top: 0.24rem;
    width: 100%;
  }
  .content-box .line {
    width: 96vw;
    margin: 0.76rem auto 0;
    border-top: 1px dashed #46525c;
  }
  .content-box .line .content5 {
    width: 100%;
    margin: 0.74666667rem auto 1.41333333rem;
  }
  .content-box .line .content5 .list {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 0.50666667rem;
  }
  .content-box .line .content5 .list li {
    width: 100%;
    height: 6.66666667rem;
    border-radius: 0.13333333rem;
    cursor: pointer;
    margin-top: 0.13333333rem;
  }
  .content-box .line .content5 .list li span {
    display: block;
    margin-left: 0.26666667rem;
  }
  .content-box .line .content5 .list li .title {
    width: 90%;
    font-size: 0.32rem;
    font-family: PingFang, PingFang-SC-Heavy;
    text-align: left;
    color: #ffffff;
    margin-top: 0.74666667rem;
    text-overflow: ellipsis;
  }
  .content-box .line .content5 .list li .des {
    width: 3.14666667rem;
    font-size: 0.21333333rem;
    font-family: PingFang, PingFang-SC-Heavy;
    text-align: left;
    color: #ffffff;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .content-box .line .content5 .list li .date {
    font-size: 0.21333333rem;
    font-family: PingFang, PingFang-SC-Medium;
    color: #cccccc;
    text-align: left;
  }
  .content-box .line .content5 .list li img {
    width: 96vw !important;
    height: 66%;
  }
  .content-box .go-back {
    width: 1.37333333rem;
    height: 1.37333333rem;
    margin-top: 1.14666667rem;
    background: #4f5d6a url(../img/3.2/icon-返回.png) no-repeat center 0.26666667rem;
    border-radius: 0.69333333rem;
    text-align: center;
    padding-top: 0.88rem;
    font-size: 0.21333333rem;
    cursor: pointer;
  }
  .content-box .go-back a {
    color: #ffffff !important;
  }
  footer {
    border-top: 0.00520833rem solid #404c55;
  }
}
/*# sourceMappingURL=exampleDetail.css.map */