html,body{
  height: 100%;
  overflow: auto;
}
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: Microsoft Yahei;
  font-size: 14px;
  color: #fff;
}
strong, b{
  font-weight: 400;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
/* .h-auto{
  height: auto !important;
} */
.font-blue{
  color: #81daeb;
  text-shadow: 0 0 50px #21bccd;
}
.font-green{
  color: #21cdab;
  text-shadow: 0 0 50px #21bccd;
}
.fs72{
  font-size: 72px;
}
.fs60{
  font-size: 60px;
}
.wrapper{
  width: 3840px;
  height: 2160px;
  background: url(../images/background.jpg) no-repeat center;
  background-size: 100% 100%;
}
.header{
  position: relative;
  width: 100%;
  height: 200px;
  background: url(../images/bg-header.png) no-repeat center;
  background-size: 100% 100%;
  padding: 35px 30%;
  /* line-height: 200px; */
}
.header .logo{
  position: absolute;
  left: 180px;
  top: 59px;
  width: 500px;
}
.header .logo img{
  width: 100%;
  vertical-align: top;
}
.header .title {
  position: relative;
  width: 100%;
  height: 130px;
  font-size: 86px;
  text-align: center;
  letter-spacing: 40px;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(174,207,210, 1)), to(rgba(255, 255, 255, 1)));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.header .title:before{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(../images/title-leftT.png),url(../images/title-leftB.png),url(../images/title-rightT.png),url(../images/title-rightB.png);
  background-repeat: no-repeat;
  background-position: left top, left bottom, right top, right bottom;
}
.container{
  position: relative;
  height: 86.71%;
  /* padding: 1% 2.08%; */
  padding: 2.3% 2.08%;
  overflow: hidden;
}
.container::before,
.container::after{
  position: absolute;
  top: 80px;
  content: '';
  width: 80px;
  height: 1713px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.container::before{
  left: 0;
  background-image: url(../images/left.gif);
}
.container::after{
  right: 0;
  background-image: url(../images/right.gif);
}
/* 上下内容高度 */
.china-overview {
    width: 100%;
    height: 1122px;
    overflow: hidden;
    clear: both;
    margin-bottom: 60px;
    overflow: initial;
}
.china-detail{
  width: 100%;
  height: 530px;
  overflow: hidden;
  clear: both;
}
/* 内容标题 */
.part-title{
  width: 100%;
  height: 100px;
  line-height: 100px;
  position: relative;
}
.part-center.part-title::before{
  left: 22.5%;
}

.part-title::before{
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 605px;
  height: 100%;
  background-image: url(../images/title-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.part-title.part-title-right::after{
    left: 0;
}
.part-title-right.detail-title span{
  width: 163%;
}
.part-left.detail-title::after{
    width: 55.1%;
}
.part-title::after{
  content: '';
  position: absolute;
  bottom: 0;
  width: 269px;
  height: 30%;
  background-image: url(../images/title-line.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.part-title.part-left::before{
  background-image: url(../images/title-bg3.png);
  left: 0;
}
.part-title.part-left::after{
  right: 0;
}
.part-title span.part-title-right{
  margin-left: 41%;
} 
.part-title span{
  display: inline-block;
  width: 525px;
  font-size: 42px;
  color: #88e4f6;
  text-shadow: 0 0 50px #21bccd;
  text-align: center;
}
.part-title span::before,
.part-title span::after{
  content: '';
  display: inline-block;
  width: 28px;
  height: 39px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}
.part-title span::before{
  background-image: url(../images/title-left.png);
  margin-right: 40px;
}
.part-title span::after{
  background-image: url(../images/title-right.png);
  margin-left: 40px;
}
/* 地图标题 */
.map-title::before{
  width: 675px;
  background-image: url(../images/title-bg2.png);
}
.map-title::after{
  width: 1137px;
  background-image: url(../images/title-line2.png);
}
.map-title span{
  width: 595px;
}
/* 详细标题 */
.detail-title::before{
  width: 605px;
}
.detail-title::after{
  width: 1204px;
}
.detail-title span{
  width: 525px;
}
.warehouse-overview,
.car-overview{
  float: left;
  width: 874px;
  height: 100%;
}
.warehouse-overview-content dl{
  padding: 35px 0 24px;
}
.warehouse-overview-content dl dt,
.warehouse-overview-content dl dd{
  overflow: hidden;
  clear: both;
}
.warehouse-overview-content dl dt{
  padding: 50px 0;
  border-width: 1px;
  border-bottom-style: solid;
  border-color: rgba(79, 161, 164, .8);
  margin-bottom: 50px;
}
.warehouse-overview-content dl dd{
  margin-top: 20px;
}
.warehouse-overview-content dl dd.font-big{
  margin-bottom: 1%;
}
.overview-img{
  float: left;
  display: block;
  width: 110px;
  height: 110px;
}
.overview-img img{
  max-width: 100%;
  max-height: 100%;
}
.overview-text{
  height: 110px;
  line-height: 110px;
  padding-left: 170px;
}
.overview-text span{
  float: right;
}
.overview-text b,
.overview-text span{
  text-shadow: 0 0 50px #21bccd;
}
.font-big b{
  font-size: 48px;
}
.font-big span,
.font-small b{
  font-size: 36px;
}
.font-small span{
  font-size: 30px;
}
.overview-text strong{
  padding-right: 20px;
}
.car-overview-content dl{
  padding: 55px 0 36px;
}
.car-overview-content dl dt{
  padding: 30px 0;
  border-width: 1px;
  border-bottom-style: solid;
  border-color: rgba(79, 161, 164, .8);
}
.car-overview-content dl dt:nth-child(2){
  padding-bottom: 8px;
  height: 310px;
}
.car-total{
  overflow: hidden;
}
.car-total p{
  height: 78px;
  line-height: 78px;
  clear: both;
}
.car-total p:first-child{
  height: 84px;
  line-height: 84px;
}
.car-overview-content dl dd{
  margin-top: 40px;
}
.car-overview-content dl dd:first-of-type{
  margin-top: 35px;
}
.map-overview{
  float: left;
  width: 1812px;
  height: 100%;
  margin: 0 60px;
}
.map-btn{
  float: right;
  cursor: pointer;
  font-size: 30px;
  color: #fff;
  text-shadow: 0 0 50px rgba(33, 188, 205, .5);
  position: relative;
  padding: 0 68px;
  height: 70px;
  line-height: 70px;
}
.map-btn::before,
.map-btn::after{
  content: '';
  position: absolute;
  width: 32px;
  height: 32px;
  top: 19px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-btn::before{
  left: 0;
  background-image: url(../images/mapBtn-left.png);
}
.map-btn::after{
  right: 0;
  background-image: url(../images/mapBtn-right.png);
}
.china-detail > div{
  width: 1809px;
  height: 530px;
}
.part-bg{
  position: relative;
  height: calc(100% - 100px);
  padding: 0 40px;
}
.part-bg::before,
.part-bg::after{
  content: '';
  position: absolute;
  bottom: 0;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.part-bg::before{
  left: 0;
  background-image: url(../images/part-left.png);
}
.part-bg::after{
  right: 0;
  background-image: url(../images/part-right.png);
}
.part-bg2{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 40px;
  background: rgba(255, 255, 255, .05);
}
.part-bg2::after{
  content: '';
  position: absolute;
  height: 40px;
  bottom: -40px;
  left: 40px;
  right: 40px;
  background: rgba(255, 255, 255, .05);
}
.table-ul{
  /* display: table; */
  width: 100%;
  padding: 10px 30px 16px;
}
.table-ul li {
  /* display: table-row; */
  height: 78px;
  overflow: hidden;
  display: flex;
}
.table-ul li span{
  /* display: table-cell; */
  border-top: 1px solid #44878c;
  /* font-size: 30px; */
  font-size: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 2px;
  vertical-align: middle;
  display: inline-flex !important;
  align-items: center;
}
.table-ul li span:nth-child(1){
  /* width:14%; */
  width: 12%;
  flex: 1;
}
.table-ul li span:nth-child(2) {
  /* width: 22%; */
  width: 30%;
  /*flex: 2;*/
}
.table-ul li span:nth-child(3) {
  width: 40%;
  flex: 5;
}
.table-ul li span:nth-child(4) {
  width: 10%;
  flex: 1.5;
  text-align: right;
  justify-content:flex-end;
}
.table-ul li span:nth-child(5) {
  width: 16%;
  flex: 2;
  text-align: right;
  justify-content: flex-end;
}
.table-ul li:first-child span {
  border-top: 0;
}
.table-ul li span i{
  font-size: 36px;
  color: #81daeb;
  font-style: normal;
  padding-right: 10px;
}
.table-ul li span p{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  font-size: 24px;
  vertical-align: -webkit-baseline-middle;
  vertical-align: -moz-middle-with-baseline;
}
#storeSum .overview-img2 + .overview-text,
#storeSum .overview-img2 + .overview-text span{
  margin-top: -18px;
}
.overview-img2{
  margin-left: 1.5%;
}

@media (min-width: 1921px) and (max-width: 4000px){
  /*数据项标题*/
  .overview-text b.item{
    font-size: 42px;
  }
  /*数据项子项标题*/
  .overview-text b.sub-item{
    font-size: 36px;
  }
  /*数据项单位*/
  .overview-text b.uint{
    font-size: 42px;
  }
  /*数据项子项单位*/
  .overview-text b.subuint{
    font-size: 36px;
    text-align: right;
  }

  #aaa{
    height: calc(100% - 9%);
  }
}

/* 1366-1920 */
@media (min-width: 1366px) and (max-width: 1920px){
  *{
    font-weight: 400;
  }
  body,html{
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .fs72{
    font-size: 32px;
  }
  .fs60{
    font-size: 24px;
  }
  .font-blue,
  .font-green{
    text-shadow: 0 0 20px #21bccd
  }
  .wrapper{
    width: 100%;
    height: 100%;
  }
  .header{
    height: 9%;
    line-height: inherit;
    padding: 1.1% 30%;
  }
  .header .logo{
    /* width: 200px; */
    width: 285px;
    top: 20%;
    left: 3%;
  }
  .header .title {
    height: 100%;
    font-size: 43px;
    letter-spacing: 5px;
    line-height: 116%;
    font-weight: 700;
  }
  .header .title:before{
    background-size: 20px;
    background-position: 10px top, 10px bottom, 98% top, 98% bottom;
  }
  .footer{
    height: 4%;
    line-height: 100%;
  }
  .container{
    height: 87%;
    padding: 0.5% 2%;
  }
  .container::before, 
  .container::after{
    width: 2%;
    height: 80%;
  }
  .part-title{
    /* height: 15%; */
    height: 10%;
    line-height: 4em;
  }
  .part-title::before{
    width: 70%;
  }
  .part-title::after{
    width: 30%;
  }
  .part-title span{
    width: 60%;
    font-size: 20px;
  }
  .part-title span::before, 
  .part-title span::after{
    width: 14px;
    height: 20px;
  }
  .part-title span::before{
    margin-right: 20px;
  }
  .part-title span::after{
    margin-left: 20px;
  }
  .detail-title{
    height: 18%;
  }
  .detail-title::before{
    width: 45%;
  }
  .detail-title::after{
    width: 55%;
  }
  .detail-title span{
    width: 36%;
  }
  .map-title::before{
    width: 55%;
  }
  .map-title i{
    position: relative;
    display: inline-block;
    width: 22.5%;
    height: 26%;
    right:  -77.5%;
    top: 41%;
    background-image: url(../images/title-line2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;

  }
  .footer div{
    font-size: 22px;
  }
  .map-title::after{
    width: 22.5%;
  }
  .map-title span{
    width: 45%;
    margin-left: 4%;
  }
  .map-btn{
    font-size: 15px;
    padding: 0 34px;
    height: 2rem;
    line-height: 2rem;
  }
  .map-btn::before, .map-btn::after{
    width: 16px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
  }
    .china-overview {
        height: 71.4%;
        margin-bottom: 0.5%;
        overflow: initial;
    }
  .warehouse-overview,
  .car-overview{
    width: 23.7%;
  }
  .map-overview{
    width: 50.6%;
    margin: 0 1%;
  }
  #aaa{
    /*height: calc(100% - 15%);*/
    height: 90%;
  }
  .china-detail{
    height: 35%;
  }
  .china-detail > div{
    width: 49.5%;
    height: 100%;
  }
  .overview-img{
    height: 90%;
    width: auto;
  }
  .overview-img2{
    height: 75%;
    margin-left: 1.5%;
  }
  .part-bg{
    padding: 0 35px;
    height: calc(100% - 10%);
    position: relative;
  }
  .part-bg::before, .part-bg::after{
    width: 20px;
    height: 20px;
  }
  .part-bg2{
    bottom: 20px;
  }
  .part-bg2::after{
    height: 20px;
    left: 20px;
    right: 20px;
    bottom: -20px;
  }
  .china-detail-content{
    height: calc(100% - 18%);
    overflow: hidden;
    padding: 10px 10px 16px;
  }
  .table-ul{
    height: 100%;
    padding: 0 10px;
  }
  .table-ul li{
    height: 20%;
  }
  .table-ul li span,
  .table-ul li span p{
    font-size: 14px;
  }
  .table-ul li span i{
    font-size: 18px;
    padding-right: 2px;
  }
  .warehouse-overview-content dl,
  .car-overview-content dl{
    height: 100%;
    padding: 10px 0;
  }

  .car-overview-content dl dt.first-child{
    height: 18.8%;
    padding: 3% 0;
  }
  .car-overview-content dl dt.first-child .overview-img{
    height: 82%;
  }


  .warehouse-overview-content dl dt,
  .car-overview-content dl dt{
    height: 23%;
    padding: 6% 0;
    margin-bottom: 0;
    clear: both;
    white-space: nowrap;
    position: relative;
  }
  .car-overview-content dl dt{
    height: 18%;
  }
  .car-overview-content dl dt:nth-child(2){
    height: 38%;
    display: flex;
    display: -webkit-flex;
  }
  .car-overview-content dl dt:nth-child(2) .overview-text{
    flex: 1;
  }

  .car-overview-content .tag-dt{
    padding-top: 3%;
  }

  .car-overview-content dl dt:nth-child(2) i{
    height: 36%;
  }
  .over-tagr .overview-text{
    height: 100%;
  }
  .warehouse-overview-content dl dd.over-tag{
    height: 17%;
    padding-top: 7%;
    padding-left: 1%;
  }

  .over-tag .overview-text{
    width: 99%;
  }

  .overview-text.over-tag-right{
    height: 94%;
  }

  .over-tagr .overview-img{
    height: 100%;
  }
  .car-overview-content  dl dd.over-tagr{
    padding-top: 3%;
  }

  .warehouse-overview-content dl dd,
  .car-overview-content dl dd{
    height: 22%;
    padding-top: 11%;
    margin-top: 0;
    clear: both;
    white-space: nowrap;
    position: relative;
  }
  .car-overview-content dl dd{
    height: 14%;
    padding-top: 1%;
  }
  .car-overview-content dl dd:first-of-type{
    margin-top: 0;
  }

  .overview-text{
    height: 72%;
    line-height: inherit;
    padding-left: 5%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    position: absolute;
    padding-left: 23%;
    width: 100%;
    margin-top: -7px;
  }
  .overview-text.first-child{
    height: 68%;
  }
  .overview-text > span{
    flex: 1;
    text-align: right;
  }
  .overview-text strong{
    padding-right: 10%;
  }
  .font-big b{
    font-size: 22px;
  }
  .font-big span,
  .font-small b{
    font-size: 20px;
  }
  .font-small span{
    font-size: 16px;
    padding-right: 3%;
  }
  .car-total .font-small span{
    padding-right: 0;
  }
  .car-total{
    width: 100%;
    height: 100%;
    display: table;
  }
  .car-total p:first-child,
  .car-total p{
    height: 40%;
    line-height: inherit;
    display: table-row;
  }
  .car-total p > b{
    display: table-cell;
    vertical-align: middle;
  }
  .car-total p span{
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    float: none;
  }
  .overview-text b, .overview-text span{
    text-shadow: 0 0 20px #21bccd;
  }
  /*数据项标题*/
  .overview-text b.item{
    font-size: 18px;
  }
  /*数据项子项标题*/
  .overview-text b.sub-item{
    font-size: 16px;
  }
  /*数据项单位*/
  .overview-text b.uint{
    font-size: 18px;
  }
  /*数据项子项单位*/
  .overview-text b.subuint{
    font-size: 16px;
    text-align: right;
  }
  #storeSum .overview-img2 + .overview-text,
  #storeSum .overview-img2 + .overview-text span{
    margin-top: 0;
  }
}
.swiper-container{
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.footer{
  width: 100%;
  height: 20%;
  line-height: 100%;
  background: url(../images/bg-footer.png) no-repeat center;
  text-align: center;
}
.footer div{
  font-size: 18px;
  height: 100%;
  line-height: 250%;
}


/* 轮播图 */
@media (min-width: 1366px) and (max-width: 1920px){
   .screen li {
        width: 932px;
        height: 585px;
        overflow: hidden;
        float: left;
    }
  .b1{
    width: 932px;
    height: 585px;
  }
}


 .all {
            width: 100%;
            height: 100%;
            margin-top: 5px;
            position: relative;
        }

.screen {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 30px;
}

       

        .screen ul {

            position: absolute;
            width: 8000px;
            left: 0;
            top: 0px;
            
        }

        .all ol {
          display: none;
            position: absolute;
            left: -150%;
            bottom: 10px;
            line-height: 20px;
            text-align: center;
            transform: translate(-50%, 0);
        }

        .all ol li {
            float: left;
            width: 20px;
            height: 20px;
            background: #21cdab;
            border: 1px solid #ccc;
            margin-left: 10px;
            cursor: pointer;
        }

        .all ol li.current {
            background: yellow;
        }

        #arr {
            display: none;
        }

        #arr span {
            width: 40px;
            height: 40px;
            position: absolute;
            left: 5px;
            top: 50%;
            margin-top: -20px;
            /*background: #000;*/
            cursor: pointer;
            line-height: 40px;
            text-align: center;
            /*font-weight: bold;*/
            font-family: serif;
            font-size: 80px;
            color: #21cdab;
            /*opacity: 0.3;*/
            /*border: 1px solid #fff;*/
        }

        #arr #right {
            right: 5px;
            left: auto;
        }

        @media (min-width: 1921px) and (max-width: 4000px){


          .part-left.detail-title::after {
                width: 66.57%;
            }
            .part-title::after{
              content: '';
              position: absolute;
              bottom: 0;
              width: 66.5%;
              height: 30%;
              background-image: url(../images/title-line.png);
              background-repeat: no-repeat;
              background-size: 100% 100%;
            }
            .part-title.part-left::before{
              background-image: url(../images/title-bg3.png);
              left: 0;
            }

            .over-tag .overview-img img{
              width: 80%;
              height: 80%;
            }
            .over-tag .overview-text{
              height:80px;
              line-height: 80px;
            }
            .warehouse-overview-content dl dd{
              margin-top: 54px;
            }
            .warehouse-overview-content  dl dd.over-tag{
              margin-left:1%;
            }
            .car-overview-content dl{
              padding: 20px 0 36px;
            }
            .car-overview-content dl dt:nth-child(2) {
                padding-bottom: 8px;
                height: 346px;
            }
            .car-total p:first-child {
                height: 110px;
                line-height: 110px;
            }
            .part-title-right.detail-title span {
                width: 172%;
            }
            .overview-right .part-title::after{
              width:31%;
            }
            .part-center.part-title::after {
              width: 22.5%;
              background-image: url(../images/title-line2.png);
            }
            .part-center i {
                display: inline-block;
                content: '';
                position: absolute;
                bottom: 0;
                width: 22.5%;
                height: 30%;
                right: 0;
                background-image: url(../images/title-line2.png);
                background-repeat: no-repeat;
                background-size: 100% 100%;
            }
            .map-title::before{
              width: 55%;
            }
            .part-center.part-title::before {
                left: 22.5%;
            }
            .map-title span{
              width: 100%;
            }
             .screen li {
                width: 1812px;
                height: 1170px;
                overflow: hidden;
                float: left;
            }
          .b1{
             width: 1812px;
            height: 1170px;
          }
            .china-overview {
                overflow: initial;
                height: 75.8%;
                margin-bottom: 20px;
            }
          .screen ul{
            width: 9060px;
          }
          .footer div{
            font-size: 28px;
          }
        }