@media (min-width: 768px) {
  p {
    margin: 0;
  }

  #product-banner .Btnphone {
    display: none;
  }

  #product-banner .Titlebg {
    position: relative;
    left: -224px;
  }

  #product-banner .product-bannerBox {
    display: flex;
    position: absolute;
    bottom: 30px;
    width: 100%;
  }

  #product-banner .bannerBox-Text {
    width: 100%;
  }

  #product-banner #bannerTitle {
    position: relative;
  }

  #product-banner .bannertitle {
    position: absolute;
    font-size: 50px;
    /* top: 33px; */
    top: 10px;
    left: 30px;
    color: #ffffff;
    letter-spacing: 3px;
    background-size: 100%;
  }

  /* 服务栏目 -- medium screen */
  .service-hardware-design #product-banner .bannertitle,
  .service-system-made #product-banner .bannertitle,
  .service-hardware-combine #product-banner .bannertitle,
  .service-sanwei-model #product-banner .bannertitle {
    top: 24px;
  }

  .concatus-banner #product-banner .bannertitle,
  .about-company-banner #product-banner .bannertitle {
    /* top: 33px; */
    top: 8px;
  }

  .company-view-banner #product-banner .bannertitle,
  .company-news-banner #product-banner .bannertitle {
    top: 43px;
  }

  #product-banner .bannerText {
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
    width: 80%;
    margin-left: 30px;
    margin-top: -3px;
  }

  .case-summary #product-banner .bannerText,
  .service-hardware-combine #product-banner .bannerText,
  .service-system-made #product-banner .bannerText,
  .service-hardware-design #product-banner .bannerText,
  .service-sanwei-model #product-banner .bannerText,
  .service-system-design #product-banner .bannerText,
  .viewable-editor #product-banner .bannerText,
  .viewdata-panel #product-banner .bannerText,
  .viewdata-geo #product-banner .bannerText,
  .sanwei-engin #product-banner .bannerText,
  .viewable-panel #product-banner .bannerText,
  .view-decision #product-banner .bannerText,
  .szlsjs-banner#product-banner .bannerText {
    width: 94%;
  }

  .introduce {
    background: url(/img/banner/about/logo_bg.png) no-repeat;
    max-width: 1920px;
    padding: 38px 30px;
    background-size: cover;
  }

  .introduce>p {
    font-size: 18px;
    line-height: 40px;
    color: #ffffff;
    margin: auto;
    text-indent: 2em;
  }

  #product-banner .bannerBtn {
    border: 1px solid #15dafe;
    width: 126px;
    height: 38px;
    border-radius: 19px;
    background: -webkit-gradient(linear, 75% 100%, 0% 100%, from(#138af8), to(#15dafe));
    /*谷歌*/
    /* background-color: #138af8; */
    font-size: 17px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    position: absolute;
    right: 30px;
    bottom: -50px;
  }

  #product-banner .bannerBtn>a {
    color: #ffffff;
  }

  /* 产品栏目 */
  /* 智慧城市 */
  #product-banner {
    background: url('/img/banner/product/智慧城市.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧城管 */
  .product-management #product-banner {
    background: url('/img/banner/product/智慧城管.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧水利 */
  .product-smartWater #product-banner {
    background: url('/img/banner/product/智慧水利.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧港口 */
  .product-port #product-banner {
    background: url('/img/banner/product/智慧港口.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧煤矿 */
  .product-mine #product-banner {
    background: url('/img/banner/product/智慧煤矿.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧交通 */
  .product-traffic #product-banner {
    background: url('/img/banner/product/智慧交通.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧机场 */
  .product-airport #product-banner {
    background: url('/img/banner/product/智慧机场.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧机房 */
  .product-dataCenter #product-banner {
    background: url('/img/banner/product/智慧机房.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧公交 */
  .product-bus #product-banner {
    background: url('/img/banner/product/智慧公交.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧物流 */
  .product-logistics #product-banner {
    background: url('/img/banner/product/智慧物流.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧隧道 */
  .product-tunnel #product-banner {
    background: url('/img/banner/product/智慧隧道.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧地铁 */
  .product-subway #product-banner {
    background: url('/img/banner/product/智慧地铁.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧电力 */
  .product-power #product-banner {
    background: url('/img/banner/product/智慧电力.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧高速 */
  .product-speed #product-banner {
    background: url('/img/banner/product/智慧高速.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧气象 */
  .product-meteorological #product-banner {
    background: url('/img/banner/product/product-meteorological.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧警务 */
  .product-police #product-banner {
    background: url('/img/banner/product/智慧警务.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧海关 */
  .product-customs #product-banner {
    background: url('/img/banner/product/智慧海关.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧工厂 */
  .product-plant #product-banner {
    background: url('/img/banner/product/智慧工厂.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧医院 */
  .product-hospital #product-banner {
    background: url('/img/banner/product/智慧医院.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧水务 */
  .product-water #product-banner {
    background: url('/img/banner/product/智慧水务_banner.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧安保 */
  .product-security #product-banner {
    background: url('/img/banner/product/product-security.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧交通 */
  .product-traffic #product-banner {
    background: url('/img/banner/product/product-traffic.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧监狱 */
  .product-prison #product-banner {
    background: url('/img/banner/product/product-prison.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 应急管理 */
  .product-emergency #product-banner {
    background: url('/img/banner/product/智慧应急.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 公共卫生安全 */
  .product-hygiene #product-banner {
    background: url('/img/banner/product/product-hygiene.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧司法 */
  .product-judicial #product-banner {
    background: url('/img/banner/product/product-judicial.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 网络安全 */
  .product-network #product-banner {
    background: url('/img/banner/product/product-network.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧园区 */
  .product-park #product-banner {
    background: url('/img/banner/product/智慧园区.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧校园 */
  .product-campus #product-banner {
    background: url('/img/banner/product/智慧校园.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 数字孪生云平台 */
  .dtc-geo #product-banner {
    background: url('/img/technology/云平台-banner.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 数字孪生云开发包 */
  .sdk-panel #product-banner {
    background: url('/img/banner/SDk-banner.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 数字孪生应用编辑器 */
  .apply-panel #product-banner {
    background: url('/img/banner/apply-banner.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 数字孪生应用编辑器 */
  .city-panel #product-banner {
    background: url('/img/banner/city-banner.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧景区 */
  .product-scenic #product-banner {
    background: url('/img/banner/product/product-scenic.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 航天军工 */
  .product-flight #product-banner {
    background: url('/img/banner/product/product-flight.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 技术栏目 */
  /* 可视化决策中心 */
  .view-decision #product-banner {
    background: url('/img/banner/technology/view-decision.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 可视化运行平台 */
  .viewable-panel #product-banner {
    background: url('/img/banner/technology/viewable-panel.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 三维渲染引擎 */
  .sanwei-engin #product-banner {
    background: url('/img/banner/technology/sanwei-engin.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 可视化地图平台 */
  .viewdata-geo #product-banner {
    background: url('/img/banner/technology/viewdata-geo.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 可视化数据平台 */
  .viewdata-panel #product-banner {
    background: url('/img/banner/technology/viewdata-panel.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 可视化编辑器 */
  .viewable-editor #product-banner {
    background: url('/img/banner/technology/viewable-editor.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 数字孪生技术 */
  .szlsjs-banner #product-banner {
    background: url('/img/banner/technology/数字孪生技术-banner.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 服务栏目 */
  /* 可视化系统 设计咨询 */
  .service-system-design #product-banner {
    background: url('/img/banner/service/service-system-design.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 硬件环境 设计咨询 */
  .service-hardware-design #product-banner {
    background: url('/img/banner/service/service-hardware-design.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 可视化系统 定制开发 */
  .service-system-made #product-banner {
    background: url('/img/banner/service/service-system-made.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 硬件环境 集成建设 */
  .service-hardware-combine #product-banner {
    background: url('/img/banner/service/service-hardware-combine.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 三维建模与仿真技术服务 */
  .service-sanwei-model #product-banner {
    background: url('/img/banner/service/service-sanwei-model.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 案例栏目 */
  /* 案例总览 */
  .case-summary #product-banner {
    background: url('/img/banner/case/case-summary.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 案例智慧城市 */
  .case-city #product-banner {
    /* background: url('/img/banner/case/case-city.jpg') no-repeat center; */
    background: url(/img/banner/case1024/01智慧城市.jpg) repeat center/cover;
    height: 320px;
    position: relative;
    /* width: 100%; */
    object-fit: cover;
    /* overflow: hidden; */
  }

  /* 智慧机房 */
  .product-dataCenter #product-banner {
    background: url('/img/banner/case1024/04智慧机房.jpg') no-repeat center;
    height: 320px;
    position: relative;
    overflow: hidden;
  }

  /* 农林水务 */
  .product-nlsw #product-banner {
    background: url('/img/banner/case1024/02农林水务2.jpg') no-repeat center;
    height: 320px;
    position: relative;
    overflow: hidden;
  }

  /* 智慧交通 */
  .casezhjt #product-banner {
    background: url('/img/banner/case1024/06智慧交通.jpg') no-repeat center;
    height: 320px;
    position: relative;
    overflow: hidden;
  }

  /* 工业制造 */
  .casegyzz #product-banner {
    background: url('/img/banner/case1024/07工业制造1.jpg') no-repeat center;
    height: 320px;
    position: relative;
    overflow: hidden;
  }

  /* 案例总览 */
  .CaseSummary #product-banner {
    background: url('/img/banner/case1024/00案例总览.jpg') no-repeat;
    height: 320px;
    position: relative;
    overflow: hidden;
  }

  /* 航天军工 */
  .product-dataCenterhtjg #product-banner {
    background: url('/img/banner/case1024/09航天军工.jpg') no-repeat center;
    height: 320px;
    position: relative;
    overflow: hidden;
  }

  /* 案例智慧园区 */
  .case-park #product-banner {
    background: url('/img/banner/case1024/03智慧园区.jpg') no-repeat center;
    height: 320px;
    position: relative;
    /* width: 100%; */
    overflow: hidden;
  }

  /* 案例航天军工 */
  .case-flight #product-banner {
    background: url('/img/banner/case/case-flight.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 案例公共安全 */
  .case-security #product-banner {
    background: url('/img/banner/case1024/05公共安全.jpg') no-repeat center;
    height: 320px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 关于联系栏目 */
  /* 关于 */
  .about-company-banner #product-banner {
    background: url('/img/banner/about/about.jpg') no-repeat center;
    height: 650px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .company-view-banner #product-banner {
    background: url('/img/banner/about/about.jpg') no-repeat center;
    height: 650px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .company-news-banner #product-banner {
    background: url('/img/banner/about/about.jpg') no-repeat center;
    height: 650px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 联系 */
  .concatus-banner #product-banner {
    background: url('/img/banner/about/contact.jpg') no-repeat center;
    height: 660px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
}

@media (min-width: 1440px) {
  #product-banner .Titlebg {
    position: relative;
    left: calc(50% - 960px);
  }

  #product-banner .product-bannerBox {
    bottom: 24px;
  }

  #product-banner .bannertitle {
    /* top: 33px; */
    top: 10px;
    left: calc(50% - 711px);
    font-size: 50px;
  }

  /* 服务栏目 - big screen */
  .service-hardware-design #product-banner .bannertitle,
  .service-system-made #product-banner .bannertitle,
  .service-hardware-combine #product-banner .bannertitle,
  .service-sanwei-model #product-banner .bannertitle {
    top: 20px;
  }

  .concatus-banner #product-banner .bannertitle,
  .about-company-banner #product-banner .bannertitle {
    /* top: 33px; */
    top: 8px;
  }

  .company-view-banner #product-banner .bannertitle,
  .company-news-banner #product-banner .bannertitle {
    top: 42px;
  }

  #product-banner .bannerText {
    width: calc(5% + 1183px);
    margin-left: calc(50% - 711px);
    margin-top: -1px;
  }

  .case-summary #product-banner .bannerText,
  .service-sanwei-model #product-banner .bannerText,
  .service-system-design #product-banner .bannerText,
  .viewable-editor #product-banner .bannerText,
  .viewdata-panel #product-banner .bannerText,
  .viewdata-geo #product-banner .bannerText,
  .sanwei-engin #product-banner .bannerText,
  .viewable-panel #product-banner .bannerText,
  .view-decision #product-banner .bannerText,
  .szlsjs-banner #product-banner .bannerText {
    width: calc(5% + 1345px);
  }

  .service-sanwei-model #product-banner .bannerBox-Text>p:last-of-type {
    margin-top: 8px;
  }

  .introduce {
    background: url(/img/banner/about/logo_bg.png) no-repeat center;
    max-width: 1920px;
    height: 363px;
    padding: 38px 0px;
  }

  .introduce>p {
    font-size: 18px;
    line-height: 40px;
    color: #ffffff;
    width: 1440px;
    margin: auto;
    text-indent: 2em;
  }

  #product-banner .bannerBtn {
    right: calc(50% - 711px);
    bottom: -50px;
  }
}


@media (max-width: 1024px) {
  p {
    margin: 0;
  }

  #product-banner .Btnphone {
    display: none;
  }

  #product-banner .product-bannerBox {
    display: flex;
    position: absolute;
    bottom: 13px;
    width: 100%;
    overflow: hidden;
  }

  #product-banner .Titlebg {
    position: relative;
    left: 0px;
  }

  #product-banner .bannerBox-Text {
    width: 100%;
  }

  .introduce {
    background: url(/img/banner/about/logo_bg.png) no-repeat;
    max-width: 1920px;
    background-size: cover;
  }

  .introduce>p {
    font-size: 18px;
    line-height: 40px;
    color: #ffffff;
    margin: auto;
    text-indent: 2em;
  }

  #product-banner #bannerTitle {
    position: relative;
  }

  #product-banner .bannertitle {
    position: absolute;
    font-size: 35px;
    /* top: 20px; */
    top: 4px;
    left: 30px;
    color: #ffffff;
    letter-spacing: 3px;
    background-size: 100%;
  }

  .concatus-banner #product-banner .bannertitle,
  .about-company-banner #product-banner .bannertitle {
    /* top: 14px; */
    top: 4px;
  }

  .company-view-banner #product-banner .bannertitle,
  .company-news-banner #product-banner .bannertitle {
    top: 28px;
  }

  #product-banner .bannerText {
    font-size: 16px;
    line-height: 28px;
    color: #ffffff;
    width: 95%;
    margin-left: 30px;
    margin-top: -3px;
  }

  #product-banner .bannerBtn {
    border: 1px solid #15dafe;
    width: 126px;
    height: 38px;
    border-radius: 19px;
    background: -webkit-gradient(linear, 75% 100%, 0% 100%, from(#138af8), to(#15dafe));
    /*谷歌*/
    /* background-color: #138af8; */
    font-size: 17px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    position: absolute;
    right: 30px;
    bottom: 34px;
    display: block;
  }

  #product-banner .bannerBtn>a {
    color: #ffffff;
  }

  /* 产品栏目 */
  /* 智慧城市 */
  #product-banner {
    background: url('/img/banner/product1024/product-city.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 智慧城管 */
  .product-management #product-banner {
    background: url('/img/banner/product1024/product-management.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 智慧电力 */
  .product-power #product-banner {
    background: url('/img/banner/product1024/product-power.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 智慧高速 */
  .product-speed #product-banner {
    background: url('/img/banner/product1024/product-speed.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 智慧气象 */
  .product-meteorological #product-banner {
    background: url('/img/banner/product1024/product-meteorological.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 智慧警务 */
  .product-police #product-banner {
    background: url('/img/banner/product1024/智慧警务.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 智慧安保 */
  .product-security #product-banner {
    background: url('/img/banner/product1024/product-security.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 智慧交通 */
  .product-traffic #product-banner {
    background: url('/img/banner/product1024/product-traffic.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 智慧监狱 */
  .product-prison #product-banner {
    background: url('/img/banner/product1024/product-prison.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 应急管理 */
  .product-emergency #product-banner {
    background: url('/img/banner/product1024/智慧应急.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 公共卫生安全 */
  .product-hygiene #product-banner {
    background: url('/img/banner/product1024/product-hygiene.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 智慧司法 */
  .product-judicial #product-banner {
    background: url('/img/banner/product1024/product-judicial.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 网络安全 */
  .product-network #product-banner {
    background: url('/img/banner/product1024/product-network.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 智慧园区 */
  .product-park #product-banner {
    background: url('/img/banner/product1024/product-park.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 智慧校园 */
  .product-campus #product-banner {
    background: url('/img/banner/product1024/product-campus.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 数字孪生云平台1024 */
  .dtc-geo #product-banner {
    background: url('/img/banner/product1024/1024-DTC 数字孪生云平台.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧海关1024 */
  .product-customs #product-banner {
    background: url('/img/banner/product1024/智慧海关.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 智慧工厂1024 */
  .product-plant #product-banner {
    background: url('/img/banner/product1024/智慧工厂.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 智慧医院1024 */
  .product-hospital #product-banner {
    background: url('/img/banner/product1024/智慧医院.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 智慧水务1024 */
  .product-water #product-banner {
    background: url('/img/banner/product1024/1024-智慧水务.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 数字孪生云开发包 */
  .sdk-panel #product-banner {
    background: url('/img/banner/sdk-banner-1024.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 数字孪生应用编辑器 */
  .apply-panel #product-banner {
    background: url('/img/banner/apply-banner-1024.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 数字孪生城市编辑器 */
  .city-panel #product-banner {
    background: url('/img/banner/city-banner-1024.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* 智慧景区 */
  .product-scenic #product-banner {
    background: url('/img/banner/product1024/product-scenic.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 航天军工 */
  .product-flight #product-banner {
    background: url('/img/banner/product1024/航天军工.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 技术栏目 */
  /* 可视化决策中心 */
  .view-decision #product-banner {
    background: url('/img/banner/technology1024/view-decision.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 可视化运行平台 */
  .viewable-panel #product-banner {
    background: url('/img/banner/technology1024/viewable-panel.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 三维渲染引擎 */
  .sanwei-engin #product-banner {
    background: url('/img/banner/technology1024/sanwei-engin.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 可视化地图平台 */
  .viewdata-geo #product-banner {
    background: url('/img/banner/technology1024/viewdata-geo.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 可视化数据平台 */
  .viewdata-panel #product-banner {
    background: url('/img/banner/technology1024/viewdata-panel.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 可视化编辑器 */
  .viewable-editor #product-banner {
    background: url('/img/banner/technology1024/viewable-editor.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 数字孪生技术 */
  .szlsjs-banner #product-banner {
    background: url('/img/banner/technology1024/1024-数字孪生技术.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 服务栏目 */
  /* 可视化系统 设计咨询 */
  .service-system-design #product-banner {
    background: url('/img/banner/service1024/service-system-design.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 硬件环境 设计咨询 */
  .service-hardware-design #product-banner {
    background: url('/img/banner/service1024/service-hardware-design.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 可视化系统 定制开发 */
  .service-system-made #product-banner {
    background: url('/img/banner/service1024/service-system-made.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 硬件环境 集成建设 */
  .service-hardware-combine #product-banner {
    background: url('/img/banner/service1024/service-hardware-combine.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 三维建模与仿真技术服务 */
  .service-sanwei-model #product-banner {
    background: url('/img/banner/service1024/service-sanwei-model.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 案例栏目 */
  /* 案例总览 */
  .case-summary #product-banner {
    background: url('/img/banner/case1024/case-summary.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 案例智慧城市 */
  .case-city #product-banner {
    /* background: url('/img/banner/case1024/case-city.jpg') no-repeat center; */
    /* background: url('/img/banner/case1024/01智慧城市.jpg'); */
    background: url(/img/banner/case1024/01智慧城市.jpg) no-repeat center/cover;
    /* height: 540px; */
    height: 320px;
    position: relative;
    width: 100%;
    object-fit: cover;
    /* background-size: cover;
    background-position: center; */
  }

  /* 案例智慧园区 */
  .case-park #product-banner {
    /* background: url('/img/banner/case1024/case-park.jpg') no-repeat center; */
    background: url('/img/banner/case1024/03智慧园区.jpg') no-repeat center;
    /* height: 540px; */
    position: relative;
    height: 320px;
    width: 100%;
    object-fit: cover;
  }

  /* 农林水务 */
  .product-nlsw #product-banner {
    background: url('/img/banner/case1024/02农林水务2.jpg') no-repeat center;
    height: 320px;
    position: relative;
    object-fit: cover;
  }

  /* 智慧交通 */
  .casezhjt #product-banner {
    background: url('/img/banner/case1024/06智慧交通.jpg') no-repeat center;
    height: 320px;
    position: relative;
    object-fit: cover;
  }

  /* 工业制造 */
  .casegyzz #product-banner {
    background: url('/img/banner/case1024/07工业制造1.jpg') no-repeat center;
    height: 320px;
    position: relative;
    object-fit: cover;
  }

  /* 案例总览 */
  .CaseSummary #product-banner {
    background: url('/img/banner/case1024/00案例总览.jpg') no-repeat;
    height: 320px;
    position: relative;
    object-fit: cover;
  }

  /* 航天军工 */
  .product-dataCenterhtjg #product-banner {
    background: url('/img/banner/case1024/09航天军工.jpg') no-repeat center;
    height: 320px;
    position: relative;
    object-fit: cover;
  }

  /* 智慧机房 */
  .product-dataCenter #product-banner {
    background: url('/img/banner/case1024/04智慧机房.jpg') no-repeat center;
    height: 320px;
    position: relative;
    width: 100%;
    object-fit: cover;
  }

  /* 案例航天军工 */
  .case-flight #product-banner {
    background: url('/img/banner/case1024/case-flight.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 案例公共安全 */
  .case-security #product-banner {
    background: url('/img/banner/case1024/05公共安全.jpg') no-repeat center;
    height: 320px;
    position: relative;
    width: 100%;
    object-fit: cover;
  }

  /* 服务栏目 -- 1024768 */
  .service-hardware-design #product-banner .bannertitle,
  .service-system-made #product-banner .bannertitle,
  .service-hardware-combine #product-banner .bannertitle,
  .service-sanwei-model #product-banner .bannertitle {
    top: 8px;
  }

  /* 关于联系栏目 */
  /* 关于 */
  .about-company-banner #product-banner {
    background: url('/img/banner/about1024/about.jpg') no-repeat center;
    background-size: cover;
    background-position: center;
  }

  .company-view-banner #product-banner {
    background: url('/img/banner/about1024/about.jpg') no-repeat center;
    background-size: cover;
    background-position: center;
  }

  .company-news-banner #product-banner {
    background: url('/img/banner/about1024/about.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }

  /* 联系 */
  .concatus-banner #product-banner {
    background: url('/img/banner/about1024/contact.jpg') no-repeat center;
    height: 540px;
    position: relative;
    width: 100%;
  }
}

@media (max-width: 767px) {
  p {
    margin: 0;
  }

  #product-banner .bannerBtn {
    display: none;
  }

  #product-banner .Titlebg {
    position: relative;
    left: -102px;
    height: 60px;
  }

  .Titlebg {
    height: 81px;
  }

  #product-banner .product-bannerBox {
    display: flex;
    position: absolute;
    bottom: 82px;
  }

  .case-flight #product-banner .product-bannerBox,
  .case-security #product-banner .product-bannerBox,
  .case-city #product-banner .product-bannerBox,
  .case-park #product-banner .product-bannerBox {
    bottom: 16px;
  }

  .company-view-banner #product-banner .product-bannerBox,
  .company-news-banner #product-banner .product-bannerBox {
    bottom: 18px;
  }

  .company-view-banner #product-banner .bannertitle,
  .company-news-banner #product-banner .bannertitle {
    top: 20px;
  }

  .concatus-banner #product-banner .product-bannerBox,
  .about-company-banner #product-banner .product-bannerBox {
    bottom: 40px;
  }

  .service-hardware-design #product-banner .product-bannerBox,
  .service-hardware-combine #product-banner .product-bannerBox,
  .service-sanwei-model #product-banner .product-bannerBox,
  .service-system-design #product-banner .product-bannerBox,
  .service-system-made #product-banner .product-bannerBox,
  .sanwei-engin #product-banner .product-bannerBox,
  .viewable-panel #product-banner .product-bannerBox,
  .viewdata-panel #product-banner .product-bannerBox,
  .viewdata-geo #product-banner .product-bannerBox,
  .viewable-editor #product-banner .product-bannerBox,
  .view-decision #product-banner .product-bannerBox,
  .szlsjs-banner #product-banner .product-bannerBox {
    position: absolute;
    bottom: 21px;
  }

  .introduce {
    background: url(/img/banner/about/logo_bg.png) no-repeat;
    background-size: cover;
    padding: 8px 20px;
  }

  .introduce>p {
    font-size: 16px;
    line-height: 40px;
    color: #ffffff;
    margin: auto;
    text-indent: 2em;
  }

  #product-banner #bannerTitle {
    position: relative;
  }

  #product-banner .bannertitle {
    position: absolute;
    font-size: 22px;
    /* top: 14px; */
    top: 4px;
    left: 19px;
    color: #ffffff;
    letter-spacing: 0px;
    background-size: 100%;
    font-weight: bold;
  }

  /* 服务栏目 -- small screen  */
  .service-hardware-design #product-banner .bannertitle,
  .service-system-made #product-banner .bannertitle,
  .service-hardware-combine #product-banner .bannertitle,
  .service-sanwei-model #product-banner .bannertitle {
    top: -2px;
  }

  /* 可视化运行平台 */
  .viewable-panel #product-banner .bannertitle {
    /* top: 14px; */
    top: 4px;
  }

  /* 案例总览 */
  .case-summary #product-banner .bannertitle {
    /* top: 14px; */
    top: 4px;
  }

  .case-summary #product-banner .product-bannerBox {
    position: absolute;
    bottom: 22px;
  }

  #product-banner .bannerText {
    font-size: 14px;
    line-height: 28px;
    color: #ffffff;
    width: 89.6%;
    margin-left: 19px;
    margin-top: 20px;
  }

  .service-sanwei-model #product-banner .bannerBox-Text>p:last-of-type {
    margin-top: 0;
  }

  #product-banner .Btnphone {
    border: 1px solid #15dafe;
    width: 126px;
    height: 38px;
    border-radius: 19px;
    background: -webkit-gradient(linear, 75% 100%, 0% 100%, from(#138af8), to(#15dafe));
    /*谷歌*/
    font-size: 17px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    position: absolute;
    left: 19px;
    bottom: 25px;
    display: block;
  }

  #product-banner .Btnphone>a {
    color: #ffffff;
  }

  /* 产品栏目 */
  /* 智慧城市 */
  #product-banner {
    background: url('/img/banner/productphone/product-city-phone.jpg') no-repeat;
    position: relative;
    background-size: cover;
    background-position: center;
    /* padding-top: 154.66%; */
  }

  /* 智慧城管 */
  .product-management #product-banner {
    background: url('/img/banner/productphone/product-management-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 智慧水利 */
  .product-water #product-banner {
    background: url('/img/banner/productphone/智慧水利.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 智慧电力 */
  .product-power #product-banner {
    background: url('/img/banner/productphone/product-power-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 智慧高速 */
  .product-speed #product-banner {
    background: url('/img/banner/productphone/product-speed-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 智慧气象 */
  .product-meteorological #product-banner {
    background: url('/img/banner/productphone/product-meteorological-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 智慧警务 */
  .product-police #product-banner {
    background: url('/img/banner/productphone/智慧警务.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 智慧安保 */
  .product-security #product-banner {
    background: url('/img/banner/productphone/product-security-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 智慧交通 */
  .product-traffic #product-banner {
    background: url('/img/banner/productphone/product-traffic-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 智慧监狱 */
  .product-prison #product-banner {
    background: url('/img/banner/productphone/product-prison-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 应急管理 */
  .product-emergency #product-banner {
    background: url('/img/banner/productphone/智慧应急.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 公共卫生安全 */
  .product-hygiene #product-banner {
    background: url('/img/banner/productphone/product-hygiene-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 智慧司法 */
  .product-judicial #product-banner {
    background: url('/img/banner/productphone/product-judicial-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 网络安全 */
  .product-network #product-banner {
    background: url('/img/banner/productphone/product-network-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 智慧园区 */
  .product-park #product-banner {
    background: url('/img/banner/productphone/product-park-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 智慧校园 */
  .product-campus #product-banner {
    background: url('/img/banner/productphone/product-campus-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 数字孪生云平台手机 */
  .dtc-geo #product-banner {
    background: url('/img/banner/productphone/banner-DTC-数字孪生云平台.jpg') no-repeat center;
    background-size: cover;
    background-position: center;
  }

  /* 智慧海关手机 */
  .product-customs #product-banner {
    background: url('/img/banner/productphone/智慧海关.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 智慧工厂手机 */
  .product-plant #product-banner {
    background: url('/img/banner/productphone/智慧工厂.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 智慧医院手机 */
  .product-hospital #product-banner {
    background: url('/img/banner/productphone/手机端-智慧医院.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 智慧水务手机 */
  .product-water #product-banner {
    background: url('/img/banner/productphone/手机端-智慧水务.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 数字孪生云开发包 */
  .sdk-panel #product-banner {
    background: url('/img/banner/sdk-banner-768.jpg') no-repeat center;
    background-size: cover;
    background-position: center;
  }

  /* 数字孪生应用编辑器 */
  .apply-panel #product-banner {
    background: url('/img/banner/apply-banner-768.jpg') no-repeat center;
    background-size: cover;
    background-position: center;
  }

  /* 数字孪生城市编辑器 */
  .city-panel #product-banner {
    background: url('/img/banner/city-banner-768.jpg') no-repeat center;
    background-size: cover;
    background-position: center;
  }

  /* 智慧景区 */
  .product-scenic #product-banner {
    background: url('/img/banner/productphone/product-scenic-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 航天军工 */
  .product-flight #product-banner {
    background: url('/img/banner/productphone/航天军工.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 服务栏目 */
  /* 可视化系统 设计咨询 */
  .service-system-design #product-banner {
    background: url('/img/banner/servicephone/service-system-design-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 硬件环境 设计咨询 */
  .service-hardware-design #product-banner {
    background: url('/img/banner/servicephone/service-hardware-design-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 可视化系统 定制开发 */
  .service-system-made #product-banner {
    background: url('/img/banner/servicephone/service-system-made-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 硬件环境 集成建设 */
  .service-hardware-combine #product-banner {
    background: url('/img/banner/servicephone/service-hardware-combine-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 三维建模与仿真技术服务 */
  .service-sanwei-model #product-banner {
    background: url('/img/banner/servicephone/service-sanwei-model-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 技术栏目 */
  /* 可视化决策中心 */
  .view-decision #product-banner {
    background: url('/img/banner/technologyphone/view-decision-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 可视化运行平台 */
  .viewable-panel #product-banner {
    background: url('/img/banner/technologyphone/viewable-panel-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 三维渲染引擎 */
  .sanwei-engin #product-banner {
    background: url('/img/banner/technologyphone/sanwei-engin-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 可视化地图平台 */
  .viewdata-geo #product-banner {
    background: url('/img/banner/technologyphone/viewdata-geo-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 可视化数据平台 */
  .viewdata-panel #product-banner {
    background: url('/img/banner/technologyphone/viewdata-panel-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 可视化编辑器 */
  .viewable-editor #product-banner {
    background: url('/img/banner/technologyphone/viewable-editor-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 数字孪生技术 */
  .szlsjs-banner #product-banner {
    background: url('/img/banner/technologyphone/banner-数字孪生技术.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 案例栏目 */
  /* 案例总览 */
  .case-summary #product-banner {
    background: url('/img/banner/casephone/case-summary-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 案例智慧城市 */
  .case-city #product-banner {
    background: url('/img/banner/case1024/01智慧城市.jpg') no-repeat;
    /* background: url(/img/banner/case1024/01智慧城市.jpg) repeat center/cover; */
    background-size: cover;
    background-position: center;
  }

  /* 农林水务 */
  .product-nlsw #product-banner {
    background: url('/img/banner/case1024/02农林水务2.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 智慧交通 */
  .casezhjt #product-banner {
    background: url('/img/banner/case1024/06智慧交通.jpg') no-repeat;
    height: 320px;
    background-size: cover;
    background-position: center;
  }

  /* 工业制造 */
  .casegyzz #product-banner {
    background: url('/img/banner/case1024/07工业制造1.jpg') no-repeat;
    height: 320px;
    background-size: cover;
  }

  /* 案例总览 */
  .CaseSummary #product-banner {
    background: url('/img/banner/case1024/00案例总览.jpg') no-repeat;
    height: 320px;
    background-size: cover;
  }

  /* 航天军工 */
  .product-dataCenterhtjg #product-banner {
    background: url('/img/banner/case1024/09航天军工.jpg') no-repeat;
    height: 320px;
    background-size: cover;
  }

  /* 智慧机房 */
  .product-dataCenter #product-banner {
    background: url('/img/banner/case1024/04智慧机房.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 案例智慧园区 */
  .case-park #product-banner {
    background: url('/img/banner/case1024/03智慧园区.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 案例航天军工 */
  .case-flight #product-banner {
    background: url('/img/banner/casephone/case-flight-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 案例公共安全 */
  .case-security #product-banner {
    background: url('/img/banner/case1024/05公共安全.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 关于联系栏目 */
  /* 关于 */
  .about-company-banner #product-banner {
    background: url('/img/banner/aboutphone/about-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 111%;
    height: auto;
  }

  .company-view-banner #product-banner {
    background: url('/img/banner/aboutphone/about-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  .company-news-banner #product-banner {
    background: url('/img/banner/aboutphone/about-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* 联系 */
  .concatus-banner #product-banner {
    background: url('/img/banner/aboutphone/contact-phone.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 111%;
    height: auto;
  }
}

@media (max-width: 320px) {

  .product-police #product-banner .bannerText,
  .service-sanwei-model #product-banner .bannerText {
    line-height: 22px;
  }
}

#product-banner {
  /* margin-top: 72px; */
  margin-top: 0px;
}