/* 快捷导航模块nav start */
    .nav1{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(255,255,255,0);
        z-index: 99999; 
    }
    .nav0 {
        background-color: #fff;
    }
    .topBox,
    .tabbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        white-space: nowrap; 
    }
    .topBox {
        width: 1200px;
        height: 64px;
        margin: 0 auto;
    }
    .logo>img {
        width: 137px;
    }
    .tabbar>div>a {
        margin-left: 50px;
        font-size: 16px;
        text-align: right;
        color: #333;
    }
    .tabbar>div>a:hover{
        padding-bottom: 19px;
        border-bottom: 3px solid #4286F5;
        color: #3781f8 !important;
    }
    /* 产品服务 */
    .productClassification {
        position: relative;
        display: inline-block;
    }
    .productClassification:hover .droplist {
        display: block;
    }
   .productBox{
        display: flex;
        height: 90px;
        margin-left: 50px;
        align-items: center;
        text-align: right;
   }
   .productBox>div>a {
        font-size: 16px;
    }
    .productBox>div:nth-child(2) {
        margin-left: 4px;
    }
    .productClassification a:not(:first-child) {
        color: #000;
        display: block;
    }
    .droplist {
        /* 隐藏下拉框 */
        display: none;
        position: absolute;
        left:0;
        width: 160px;
        height: 260px;
        margin: 0 auto;
        text-align: center;
        box-shadow: 0px 4px 10px 0px rgba(102,102,102,0.302);;
        background-color: #fff;
    }
    .droplist a {
        display: block;
        width: 100%;
        height: 52px;
        
    }
    .droplist a:hover{
        background-color: #EFF1F4;
    }
    .eachItem {
        display: flex;
        width: 100%;
        height: 52px;
        margin: 0 auto;
        text-align: center;
        align-items: center;
        justify-content: flex-start;
        /* white-space: nowrap;  */
    }
    .eachItem img {
        width:16px;
        margin:0 8px 0 27px;
        text-align: center;
    }
    .eachItem div {
        font-size: 14px;
        /* white-space: nowrap;  */
        color: #666;
    }

    /* 快捷导航模块nav end */
    
    /* 分页大标题 */
    .imgBannerBox {
        width:100%;
        height: 380px;
        margin-top:64px;
        background: url(../images/index/loopImg5.jpg) center center no-repeat;
        background-size:cover;
        overflow: hidden;
    }
    .imgBanner2 {
        width: 810px;
        height: 208px;
        margin-top: 86px;
        background: rgba(66,134,245,0.8);
        overflow: hidden;
    }
    .imgBanner2>div {
        margin-left:360px;
    }
    .imgBanner2>div:first-child {
        margin-top: 28px;
        font-size: 40px;
        font-weight: 700;
        color: #fff;
    }
    .down_line {
        width: 71px;
        height: 4px;
        margin:20px 0;
        background: rgba(255,255,255,0.8);
    }
    .imgBanner2>div:last-child {
        font-size:30px;
        color: #fff;
    }

    
    /* 公共样式 */
    /* 标题文字 */
    .mainBusinessName {
        padding: 80px 0 40px 0;
        margin: 0 auto;
        font-size: 36px;
        text-align: center;
        color: #333;
    }
    /* 版心 */
    .typeCenter {
        width: 1200px;
        margin: 0 auto;
        padding-bottom:80px;
    }
    /* 两边对齐 */
    .spaceBetween{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    /* 蓝色标题下划线 */
    .line{
        width: 74px;
        height: 4px;
        margin: 20px 0;
        background: #4286F5;
    }
    .line2 {
        width: 50px;
        height: 4px;
        margin: 16px 0;
        background: #4286F5;  
    }
    /* 服务数据 */
    .serviceDataBox {
        width: 100%;
        height: 280px;
        margin-bottom: 150px;
        background:url(../images/index/datasBg.jpg) center center no-repeat;
        background-size: cover;
    }
    .nameColor {
        color: #fff !important;
    }
    .serviceData {
        width: 100%;
        height: 180px;
        margin: 0 auto;
        justify-content: space-around;
        box-shadow: 0 2px 10px 0 rgba(0,63,166,0.1);
        background-color: #fff;
        z-index: 898;
    }

    .dataPresentation>div:first-child {
        display: flex;
        /* padding-top: 6vh; */
    }
    .dataPresentation>div:first-child>div {
        position: relative;
        content: '';
        font-size: 40px;
        font-weight: 700;
        color: #4286F5;

    }
    .texts {
        position: absolute;
        top: 0;
        right: -8px;
        font-size: 18px !important;
        font-weight: 400;
        
    }

    .dataPresentation>div:last-child{
        /* margin-bottom: 4vh; */
        font-size:18px;
        color: #666;
    }
    /* 产品服务实例应用 */
    .caseApplication {
        width: 100%;
        background: #F8F9FB;
      }
      .caseApplication>div:nth-child(2) {
        flex-wrap: wrap;
        padding-bottom: 40px;
      }
      .adhibition {
        width: 580px;
        height: 350px;
        margin-bottom: 40px;
      }
      .itemCase {
       position: relative;
       width: 100%;
       height: 100%;
       background-size: 100% 100% !important;
      }

    /* 智慧城市关键技术、软硬件开发技术优势 */
      .typeCenter1 {
        flex-wrap: wrap;
        padding-bottom: 50PX;
 
      }
      .typeCenter1>div:not(:nth-child(3n-2)){
        margin-left: 2vw;
      }
      .skill {
        width: 370px;
        height: 100px;
        margin-bottom: 30PX;
        text-align: center;
        font-size: 22px;
        line-height: 100px;
        background: #F8F9FB;
        background: linear-gradient(0deg, rgb(245, 244, 244) 0%, rgb(252, 250, 250) 100%);
        overflow: hidden;
        color: #333;
      }
      .skill>div:first-child {
        position: relative;
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,.5), inset -1px -7px 14px 0px rgba(0,0,0,.1), -4px 6px 14px 0px rgba(0,0,0,.1), -2px -13px 5px 0px rgba(0,0,0,.1);
        text-shadow:  2px 2px 3px rgba(255,255,255,.5),
                    -4px -4px 6px rgba(116, 125, 136, .2);
        background: transparent;
        color: #333;
      }
      .dot::before {
        position: absolute;
        content: '';
        /* display: inline-block; */
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite;
      }
      @-webkit-keyframes shiny-btn1 {
        0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
        80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
        81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
        100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
      }
      .dot:hover {
        background-color: rgba(199, 225, 251, 0.7) !important;
      }

        /* 智慧城市实例应用  */
        .itemTitle {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 64px;
        margin: 0 auto;
        font-size: 22px;
        line-height: 64px;
        text-align: center;
        background: rgba(18,53,111,0.8);
        color: #fff;
        }
        .itemTitle1 {
        font-size: 22px;
        }
        .itemTitle1 {
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 16px;
        line-height: 26px;
        }
        .caseName {
        margin: 60px auto 20px auto;
        font-size: 22px;
        color: #fff;
        }
        .caseInformation {
        width: 410px;
        margin: 0 auto;
        font-size: 16px;
        text-align: left;
        color: #fff;
        }
        
    /* footer底部模块 start */
    .footer {
        margin: 0 auto;
        padding-top: 40px;
        background: #242E49;
    }
    .displaying {
        align-items: flex-start;
        padding-bottom: 40px !important;
    }
    .mod_help {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .mod_help>dl:not(:first-child) {
        margin-left:98px;
    }    
    .mod_help>dl>dt {
        margin-bottom: 16px;
        font-size: 16px;
        color: #fff;
    }
    .mod_help>dl>dd:not(:last-child) {
        margin-bottom: 8px;
    }
    .mod_help>dl>dd>a{
        font-size: 14px;
        color: #B4BACC;
    }
    .mod_help>dl>dd>a:hover {
        cursor:pointer;
    }
    .highlight {
        font-size: 14px;
        /* color: #fff !important; */
    }
    .mod_copyright {
        width: 100%;
        padding: 20px 0;
        text-align: center;
        border-top:1px solid rgba(139,143,148,0.4);
        font-size: 14px;
        color: #B4BACC;
    }
    .copyright {
        line-height: 20px;
    }
    .copyright:hover {
        cursor: hand;
    }
    .copyright>a {
        color: #B4BACC !important;
    }
    .copyright>a:hover{
        color: #B4BACC !important;
    }
    .footerIcon>img {
        width: 95px;
        /* margin-top: 1.5vh; */
    }
    .footerhight {
        padding: 0;
    }
    /* footer底部模块 end */


    /* swiper轮播 start */
    .swiper {
        min-width: 1200px;
        width: 100%;
        height: 100%;
    }
    
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
    
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    
    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .swiper-pagination {
        left: 0;
        right: 0;
        bottom: 2vh !important;
        margin: 0 auto;

    }
    .swiper-pagination-bullet {
        width: 2.2222rem;
        height: .2222rem;
        border-radius: 0 !important;
        background: rgba(255,255,255,.5) !important;
        opacity: 1;
    }
    .swiper-pagination .swiper-pagination-bullet-active {
        width: 2.2222rem;
        height: .2222rem;
        border-radius: 0 !important;
        background-color: #fff !important;
    }

  /* swiper轮播 end */

  /* 动画 */
    .rotate1 {
        transition: transform 1s ease-in-out; /* 添加过渡效果 */
        transform: rotate(360deg); /* 实现旋转效果 */
    }
    .zoom {
        transition: transform 1s ease-in-out; /* 添加过渡效果 */
        transform: scale(2,1);
        animation-iteration-count:1,
    }
    .zommActive {
        animation: myClock 1.5s ;
    }
    @keyframes myClock {
        0% {
           transform: scale(20%);
        }
        100% {
            transform: scale(100%);
        }
    }
  
    .undertransfer {
        /* 淡入 */
	    /* animation: move 0.4s  ease both; */
    }
    /* @keyframes move {
        0% {
            opacity: 0;
            transform: translateY(400px)
           }
          
           100% {
            opacity: 1;
            transform: translateY(0)
           }
    }
    .undertransfer1{
    } */
    /* 延时 */
    .animateDelay1 {
        animation-duration: calc(2s * 0.75);
    }