@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: 16px;
        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;
        height: 660px;
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    /* 案例智慧园区 */
    .case-park #product-banner {
        background: url('/img/banner/case/case-park.jpg') no-repeat center;
        height: 660px;
        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/case/case-security.jpg') no-repeat center;
        height: 660px;
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    /* 关于联系栏目 */
    /* 关于 */
    .about-company-banner #product-banner {
        background: url('/img/banner/about/about.jpg') no-repeat center;
        height: 660px;
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .company-view-banner #product-banner {
        background: url('/img/banner/about/about.jpg') no-repeat center;
        height: 660px;
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .company-news-banner #product-banner {
        background: url('/img/banner/about/about.jpg') no-repeat center;
        height: 660px;
        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(width:1440px) {
    #product-banner .bannertitle {
        left: 30px;
    }
    #product-banner .bannerText {
        margin-left: 30px;
        width: 82%;
    }
    #product-banner .bannerBtn {
        right: 30px;
        bottom: -50px;
    }
    .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: 96%;
    }
}

@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;
        height: 540px;
        position: relative;
        width: 100%;
    }
    /* 案例智慧园区 */
    .case-park #product-banner {
        background: url('/img/banner/case1024/case-park.jpg') no-repeat center;
        height: 540px;
        position: relative;
        width: 100%;
    }
    /* 案例航天军工 */
    .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/case-security.jpg') no-repeat center;
        height: 540px;
        position: relative;
        width: 100%;
    }
    /* 服务栏目 -- 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/casephone/case-city-phone.jpg') no-repeat;
        background-size: cover;
        background-position: center;
    }
    /* 案例智慧园区 */
    .case-park #product-banner {
        background: url('/img/banner/casephone/case-park-phone.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/casephone/case-security-phone.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;
    }
}