@media (min-width:1025px){
    .side_nav{display: none;}
}

@media (max-width: 1024px) {
    .container {
        max-width: 1024px;
        padding-top: 120px;
    }

    .container .header {
        width: 100%;
        background: #fff;
    }

    .container .header .nav {
        display: none !important;
    }

    .container .header .top {
        width: 100%;
    }
    .container .header .top .logo{padding-left: 20px;}
    .container .header .top .m-menu {
        display: block;
    }

    .container .header .top .menu {
        display: none;
    }

    #banner-main {
        width: 100%
    }

    #banner-main .animation {
        width: 100%;
    }

    .nanav {
        height: 440px;
    }

    .nanav ul {
        width: 100%;
    }

    .nanav ul li {
        width: 100%;
        margin-bottom: 20px;
    }

    .nanav ul li .text {
        width: calc(100% - 120px);
    }

    .pro {
        padding: 0 10px;
        width: calc(100% - 20px);
    }

    .pro .title {
        margin: 10px auto;
        width: 100%;
        text-align: center;
    }

    .pro .title h3 {
        line-height: 20px;
    }

    .pro .animation {
        width: 100%;
        height: auto;
        min-height: 400px;
    }

    .pro .animation a {
        width:calc(100% - 4px);
        min-height: 190px;
        height: auto;
    }

    .pro .animation a .img {
        position: absolute;
        top: 10px;
        left: 0;
    }

    .pro .animation a .con {
        position: absolute;
        left: 245px;
        top: 10px;
    }

    .int h2 {
        width: 100%;
        font-size: 19px;
        margin: 0;
        left: unset
    }

    .int h3 {
        width: 100%;
        margin: 0;
        left: unset
    }

    .int img {
        overflow: hidden;
    }

    .sol {
        padding: 0 10px;
        width: calc(100% - 20px);
    }

    .sol .title {
        margin: 10px auto;
        width: 100%;
        text-align: center;
    }

    .sol .title h3 {
        line-height: 20px;
    }

    .sol .con {
        width: 100%;
        height: auto;
        min-height: 640px;
    }

    .sol .con a {
        width: 100%;
        min-height: 190px;
        height: auto;
        padding: 10px 0;
        border-bottom: 1px solid #f4f4f4;
    }

    .sol .con a img {
        float: left;
        padding: 10px;

    }

    .sol .con a .img {
        margin-bottom: 0px;
    }

    .sol .con a h3 {
        float: left;
        width: calc(100% - 350px);
    }

    .sol .con a h4 {
        float: left;
        width: calc(100% - 350px);
    }

    .sol .view {
        padding-top: 20px;
        height: 60px;
    }

    .news {
        width: calc(100% - 20px);
        padding:10px;
    }

    .news .list {
        width: 100%;
    }

    .news .list-company {
        width: 100%;
        margin-bottom: 60px;
    }

    .news .list-industry {
        float: left;
        width: 100%;
    }

    .m-boot {
        display: block;
        background: #2c333b;
        overflow: hidden;
        padding: 10px;
        font-size: 14px;
        line-height: 1.5;
    }

    .m-boot span {
        color: #87919f;
    }

    #boot {
        display: none;
    }

    #banner-inside {
        padding-top: 0px;
    }

    #banner-inside .banner-word {
        top: 0;
        width: 100%;
    }

    #navpart {
        width: calc(100% - 20px);
        padding-left: 10px;
    }

    #navpart a {
        margin-bottom: 10px;
    }

    #inside {
        width: calc(100% - 20px);
        margin: 0px auto 7px auto;
        padding:0 10px;
    }

    #inside .left {
        width: calc(100% - 20px);
        padding:5px 10px;
    }

    #inside .right {
        display: none;
    }

    #view .procon {
        width: 100%;
        padding-top: 140px;
    }

    #view .img {
        float: none;
        width: 100%;

    }

    #view .img img {
        width: 90%;
        margin: 0 auto;
    }

    #view .tags {
        width: 100%;
    }

    #view .tagss {
        width: 100%
    }
    .pro .animation a:hover .view{left:0;top:10px}
    .pro .animation a .view{left:-243px; top:10px}

    #banner-inside .banner-word {left:15px;}
    #page span{padding:6px !important;min-width: 10px !important;}
    #page a{padding:6px !important;min-width: 10px !important;}
    #product a .text{width:calc(100% - 390px);}
    #view .text img {width:100% !important;}
}
@media (max-width: 750px) {
    #product a .text{width:100%;}
    #product a .arrow{display: none;}
}
/* 响应式布局 */
@media (max-width: 480px) {
    .container {
        max-width: 480px;
    }

    .container .header {
        width: 100%;
        height: 120px;
    }

    .container .header .nav {
        display: none !important;
    }

    .container .header .top {
        width: 100%;
    }
    .container .header .top .logo{
        text-align: center;
        width: 100%;
        padding-left: 0;
    }

    .container .header .top .m-menu {
        display: block;
    }

    .container .header .top .menu {
        display: none;
    }

    #banner-main {
        width: 100%
    }

    #banner-main .animation {
        width: 100%;
    }

    .nanav ul li .text {
        width: calc(100% - 120px);
    }
/*
    .pro .animation a {
        padding: 10px 0;
        border: 0;
        background: #fff;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    .pro .animation a .img {
        position: relative !important;
        margin: 0 auto;
    }

    .pro .animation a .con {
        position: relative;
        left: 0;
        top: 0;
        margin: 0 auto;
        width: 240px;
        padding: 10px;
    }

    .pro .animation a .view {
        display: none;
    }
    .pro .arrow {padding:20px 0;}
    */
    .sol .con a img{float:none;padding:0}
    .sol .con a .img{width:100%;}
    .sol .con a h3 {float: none;width: 100%; text-align: left;}
    .sol .con a h4 {float: none;width: 100%; text-align: left;}
    .sol .view {margin-bottom: 30px;}
    .news {padding:30px 0;}
    .news .title {padding:10px;}
    .news .list a{padding:15px; line-height: 30px; min-height: 175px; height: auto;}
    .news .list a h3 {padding:10px;}
    .news .list .more{min-height: 40px; margin: 0 auto;}
    .news .list-company{margin-bottom: 30px;}
    .m-boot .abut{float: none;}
    .m-boot .qcode {float: none; margin: 10px auto;}
    #view .text img {width:100% !important;}
    #about img{width:100% !important}
}