/*自适应*/
@media screen and (min-width: 1900px) and (max-width: 4000px) {
    .content .partOne-main .item .img {
        background-size: cover !important;
    }
}

@media screen and (min-width: 1921px) and (max-width: 4000px) {
    .index-charging .swiper-slide img {
        width: auto !important;
    }

    /*.content .partThree{*/
    /*    height: 640px;*/
    /*    background-position: center;*/
    /*    !*background-color: #1b1e3d;*!*/
    /*    background-size: contain;*/
    /*    background-repeat: repeat;*/
    /*}*/
    .content .common.partFour .title {
        /*padding-top: 284px;*/
    }

    .content .partOne-main .item {
        max-height: 765px;
    }
}

@media screen and (min-width: 1921px) and (max-width: 2999px) {
    .content .partThree-main {
        /*bottom: -251px;*/
    }
}

@media screen and (min-width: 3000px) and (max-width: 4000px) {
    .content .partThree-main {
        /*bottom: -250px;*/
    }
}

@media screen and (max-width: 1024px) {
    .index-swiper .code-wrap {
        display: none;
    }
}

@media screen and (min-width: 1025px) {
    .index-swiper img {
        height: 100vh;
    }

    .content .common .title {
        padding: 15vh 30px 7vh;
    }

    .content .partOne-main .item .info .info-wrap .info-img {
        height: 7.2vh;
        margin-bottom: 2.8vh;
    }

    .content .partOne-main .item .info .info-wrap .r-line {
        margin-bottom: 3.9vh;
    }

    .content .partOne-main .item .info .info-wrap .word {
        margin-bottom: 3.2vh;
    }

    .content .common.partThree .title {
        padding-bottom: 10vh;
    }

    /*.content .partFour-main .bottom {*/
    /*    padding: 42px 0 0;*/
    /*}*/

    .content .partFour-main .bottom .bottom-item .item .img {
        margin-bottom: 4vh;
    }

    .content .partFour-main .bottom .bottom-item .item .info .item-title {
        /*line-height: 3.4vh;*/
        margin-bottom: 3vh;
    }

    .content .partFour-main .bottom .bottom-item .item .info .item-desc {
        /*line-height: 3vh;*/
    }

    .content .partFour-main .bottom .bottom-item .item {
        min-height: 350px;
        max-height: 515px;
    }

    .content .common.partFive .title {
        padding: 15vh 30px 6vh;
    }

    .footer-wrap {
        padding: 3vh 5% 2.9vh;
        overflow: inherit;
    }

    .footer-wrap .footer .rg .logo {
        width: 23vh;
    }

    .copyright {
        line-height: 100%;
    }
}

@media screen and (max-width: 1700px) {
    .content .partFive .partFive-main .word p {
        font-size: 12px;
    }

    .content .partOne-main .item .info .info-wrap .word {
        font-size: 14px;
    }

    .content .partFour-main .top {
        width: 600px;
    }

    .content .partThree-main ul .li-1 .top .info .more .more-img:before {
        /*font-size: 17px;*/
    }

    .content .partFour-main .top ul li {
        font-size: 20px;
    }

    .content .partFour-main .top ul li.active {
        font-size: 22px;
    }

    .content .partThree-main ul li .top .info .info-title {
        margin-bottom: 20px;
    }

    .content .partThree-main ul li .top .info .info-desc {
        margin-bottom: 10px;
    }

    .index-swiper-summary .item .item-top span.num {
        font-size: 46px;
    }

    .content .partThree-main {
        max-width: 1100px;
    }

    .content .partFour-main .bottom .bottom-item,
    .content .partFive .partFive-main,
    .footer-wrap .footer {
        width: 1100px;
    }

    .content .common .title .big-title {
        font-size: 28px;
        margin-bottom: 32px;
    }

    .content .common .title .small-title {
        font-size: 14px;
        line-height: 20px;
    }

    .content .common.partFive .title {
        padding: 15vh 30px 2vh;
    }

    .content .partThree-main ul li .top .info .info-title {
        font-size: 16px;
    }

    .content .partFour-main .top ul li {
        font-size: 22px;
    }

    .content .partFour-main .bottom .bottom-item .item .info .item-title {
        font-size: 16px;
    }

    .footer-wrap .footer .second-link {
        font-size: 12px;
    }

    .footer-wrap .footer .f-title {
        font-size: 12px;
    }

    .footer-wrap .footer .rg ul .phone-num {
        font-size: 26px;
    }

    .footer-wrap .footer .lf img {
        width: 100px;
        height: 100px;
    }

    .footer-wrap .footer .cg ul li:not(:last-child) {
        margin-bottom: 10px;
    }

    .footer-wrap .footer .cg .f-title {
        margin-bottom: 24px;
    }

    .footer-wrap .footer .rg ul .phone-num {
        margin: 22px 0 12px 0;
    }

    .footer-wrap .footer .second-link:not(:last-child) {
        margin-bottom: 15px;
    }

    .copyright {
        font-size: 12px;
    }
}

@media screen and (max-width: 1366px) {
    .content .partThree-main ul li .top .info .info-desc {
        font-size: 12px;
    }

    .index-swiper-summary .item .item-top span.num {
        font-size: 42px;
    }

    .content .partThree-main {
        max-width: 1000px;
    }

    .content .partFour-main .bottom .bottom-item,
    .content .partFive .partFive-main,
    .footer-wrap .footer {
        width: 1000px;
    }

    .content .partThree-main ul {
        min-height: 400px;
    }

    .content .common.partFive .title {
        padding: 12vh 30px 0vh;
    }

    /*.content .common.partFour .title {*/
    /*    padding: 12vh 30px 5vh;*/
    /*}*/

    .footer-wrap .footer .lf img {
        width: 100px;
        height: 100px;
    }

    .footer-wrap .footer .f-title {
        margin-bottom: 12px;
    }

    .footer-wrap .footer .cg .f-title {
        margin-bottom: 15px;
    }

    .footer-wrap .footer .rg ul .phone-num {
        margin-top: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .footer-wrap .footer {
        width: 100%;
    }

    .content .common .title {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        line-height: 26px;
    }

    /*partFive 关于我们*/
    .content .partFive .partFive-main {
        width: 100%;
    }

    /*partFour 成功案例*/
    .content .partFour-main .top {
        width: 100%;
    }

    .content .partFour-main .bottom .bottom-item {
        width: 100%;
    }

    /*智能交通监管平台*/
    .content .partThree-main {
        width: 100%;
    }

    .content .partThree-main ul li .top .info .info-desc {
        margin-bottom: 11%;
    }

    /*banner*/
    .index-swiper-summary {
        width: 100%;
        margin-left: 0;
        left: 0;
        height: 90px;
    }

    .content .partOne-main {
        flex-wrap: wrap;
    }

    .content .partOne-main .item .img {
        background-size: cover !important;
    }

    .content .partOne-main .item {
        width: 33.333%
    }

    .content .partOne-main .item .info {
        top: 37%
    }

    .content .partThree-main ul li .top .info .info-desc {
        line-height: 22px;
    }

    .content .partFour-main .bottom {
        padding-left: 2%;
        padding-right: 2%;
    }


    .content .partFour-main .bottom .bottom-item .item .info .item-title {
        line-height: 22px;
        padding-top: 20px;
        margin-bottom: 15px;
    }

    .content .partFour-main .bottom .bottom-item .item .info .item-desc {
        line-height: 22px;
    }

    .content .partFive .partFive-main ul li .bg-3 {
        background-size: cover;
    }

    .content .common .title .small-title {
        line-height: 22px;
    }

    .content .partFour-main .bottom .bottom-item .item .img {
        margin-bottom: 0;
    }

    .back-top {
        bottom: 20px;
        right: 20px;
    }
}

@media screen and (max-width: 768px) {
    .mt-number-animate{
        font-size: 20px;
    }
    .mt-number-animate .mt-number-animate-dom{
        width: 14px;
    }


    .content .partOne-main .item {
        min-height: 300px
    }

    .content .partOne-main .item .info .info-wrap .info-img {
        margin-bottom: 14px;
    }

    .content .partOne-main .item .info .info-wrap .info-img img {
        height: 50px;
    }

    .content .partOne-main .item .info .info-wrap .r-line {
        margin-bottom: 20px;
    }

    .index-swiper-summary {
        height: 83px;
        bottom: 0
    }

    .index-swiper-summary .item .item-top {
        font-size: 12px;
        margin-bottom: 3px;
    }

    .index-swiper-summary .item .item-top span.num {
        font-size: 16px;
    }

    .index-swiper-summary .item .item-top span.plus {
        top: -4px;
    }

    .content .partOne-main .item .info .info-wrap .info-img {
        height: 35px;
    }

    .content .partOne-main .item .info .info-wrap .info-img img {
        height: 35px;
    }

    .content .partOne-main .item .info .info-wrap .word {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .content .partThree-main ul li {
        float: none;
        width: 100%!important;
        height: 248px;
    }
    .content .partThree-main ul li>div{
        float: left;
        width: 50%!important;
        height: 100%!important;
    }
    .content .partThree-main ul .li-2{
        margin-top: -1px;
    }
    .content .partThree-main ul .li-1:last-child .top .opacity{
        background-color: #F4F4F4;
        opacity: 0.63;
    }
    .content .partThree-main ul .li-1:last-child .top .info .info-desc,.content .partThree-main ul li:last-child .top .info .info-title{
        color: #666;
    }
     .content .partThree-main ul li:last-child .top .info .info-title{
         color: #333;
     }
    .content .partThree-main ul .li-1:last-child:hover .top .opacity{
        background-color: #F4F4F4;
        opacity: 0.63;
    }
    .content .partThree-main ul .li-1:hover .top .info .more .more-img:before{
        color: #666;
    }
    .content .partThree-main ul{
        height: auto;
    }

    .content .common.partFour .title {
        padding-top: 90px
    }

    .content .partThree-main ul {
        display: block;
    }

    .content .common .title {
        padding-top: 90px;
    }

    .index-charging .swiper-container .swiper-wrapper .swiper-slide .left img:last-child {
        top: 16px !important;
        left: 16px !important;
    }

    .content .partFive .partFive-main {
        height: 360px;
    }

    .content .partFive .partFive-main ul li .bg-6,
    .content .partFive .partFive-main ul li .bg-5 {
        background-size: 200% 100%;
        background-position: center;
    }

    .content .partFive .partFive-main ul li .bg-1 {
        background-size: 100% 120%;
        background-position: center;
    }

    .content .partFour-main .bottom .bottom-item {
        display: block;
        padding: 0 10px;
    }

    .content .partFour-main .bottom .bottom-item .item:hover {
        margin-right: 0px;
    }

    .content .partFour-main .bottom .bottom-item .item {
        margin: 0 0 20px 0px;
        display: flex;
    }

    .content .partFour-main .bottom {
        padding-bottom: 20px
    }

    .content .partFour-main .bottom .bottom-item .item .info {
        width: 100%;
        box-sizing: border-box;
    }

    .content .partFour-main .bottom .bottom-item .item .img {
        overflow: hidden;
    }

    .content .partFour-main .bottom .bottom-item .item .info .item-title {
        font-size: 16px;
        line-height: 22px;
    }

    .content .partFour-main .bottom .bottom-item .item .info .item-desc {
        line-height: 18px;
    }

    .content .partFour-main .bottom .bottom-item .item .img img {
        height: 100%;
        width: 140%;
    }

    .back-top {
        padding: 10px 20px;
        font-size: 18px;
    }

    .content .partFour-main .bottom .bottom-item-wrap:first-child .item:nth-child(3) .img {
        width: 54%;
    }
}

@media screen and (max-width: 640px) {
    .content .common.partFive .title {
        padding-top: 60px !important;
    }

    .content .partFour-main .bottom .bottom-item-wrap:first-child .item:nth-child(3) .img {
        width: 100%;
    }

    .content .common .title .big-title {
        font-size: 26px;
        margin-bottom: 16px
    }

    .content .partOne-main {
        padding-bottom: 60px;
    }

    .content .partOne-main .item .info {
        top: 34%;
    }

    .content .partOne-main .item .info .info-wrap .info-img,
    .content .partOne-main .item .info .info-wrap .r-line {
        margin-bottom: 10px;
    }

    .content .partOne-main .item {
        min-height: 200px;
    }

    .content .partOne-main .item {
        width: 50%
    }

    .content .common .title {
        text-align: center;
        padding-top: 60px;
        padding-bottom: 30px;
    }

    .content .partOne-main .item .info .info-wrap .word {
        margin-bottom: 5px;
    }

    .content .partOne-main .item .info .info-wrap .detail {
        line-height: 16px;
    }

    .content .partOne-main .item:hover .info .info-wrap .r-line {
        display: none;
    }

    .content .partOne-main .item:hover .info {
        top: 5%;
    }


    .content .partFive .partFive-main ul {
        display: block;
    }

    .content .partFive .partFive-main ul {
        cursor: pointer;
    }

    .content .partFour-main .top ul li.active,
    .content .partFour-main .top ul li {
        font-size: 20px;
    }

    .content .partThree {
        margin-bottom: 60px;
    }

    .content .common.partFour .title {
        padding-top: 0;
    }
    .content .partFive .partFive-main ul li{
        width: 50%;
    }
    .content .partFive .partFive-main ul li.product-center {
        display: none;
    }

    .content .partFive .partFive-main ul .top .product-center-fake {
        display: block;
    }

    .content .partFive .partFive-main ul li .bg-4 .word {
        padding-top: 55px;
    }

    .content .partFive .partFive-main ul li:nth-child(2) {
        height: 200px;
    }

    .content .partFive .partFive-main ul li:last-child {
        flex-direction: row;
    }

    .content .partFive .partFive-main ul li:last-child .bottom {
        height: 50%;
    }

    .content .partThree-main ul li.li-2 .top {
        background-color: #fff;
        height: auto;
    }

    .content .partThree-main ul li .top .info .info-desc {
        line-height: 22px;
    }
}

@media screen and (max-width: 600px) {
    .footer-wrap .footer .rg ul .phone-num {
        margin: 0 0 0 10px;
        font-size: 20px;
    }

    .content .partThree-main ul li.li-3 .bottom {
        height: 180px;
    }

    .content .partThree-main ul li:last-child .top,
    .content .partThree-main ul li.li-1 .bottom {
        height: 200px;
    }

    .content .partThree-main ul li .top .info .info-title {
        margin-bottom: 10px;
    }

    .content .partThree-main ul li .top .info .info-desc {
        margin-bottom: 8%;
        line-height: 18px;
    }

    .content .partThree-main ul li .top .info {
        padding-top: 20px
    }

    .content .partFour-main .bottom .bottom-item .item {
        display: block;
    }

    .content .partFour-main .bottom .bottom-item .item .img img {
        width: 100%;
    }

    .index-swiper-summary .item .item-bottom {
        font-size: 12px;
    }
}