@media (min-width:1001px) and (max-width:1190px) {
    #header h1 img {
        margin-top: 20px;
        height: 55px;
        width: auto;
    }
    #header .menu>ul>li>a {
        display: block;
        font-size: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }
    #header .center {
        padding: 0 15px;
    }
    .plate .picitems {
        padding: 0 15px;
    }
    .plate .service {
        padding: 0 15px;
    }
    .plate .service .left {
        float: none;
        margin-bottom: 15px;
        width: 100%;
        height: 200px;
    }
    .plate .service .right {
        float: none;
        width: 100%;
    }
    .plate .service .right .up .item {
        float: left;
        width: 32%;
        margin-left: 2%;
    }
    .plate .service .right .mod1,
    .plate .service .right .mod4 {
        width: 18%;
    }
    .plate .service .right .mod2,
    .plate .service .right .mod3 {
        width: 30%;
    }
    .plate .service .right .solution {
        float: left;
        width: 49%;
        height: 348px;
        margin-left: 2%;
        background: url(../imgs/s_bg2.png) no-repeat bottom center;
        background-color: #fff;
    }
    .plate .case {
        padding: 0 15px;
    }
    .plate .new {
        padding: 0 15px;
    }
    .plate .new .left {
        width: 48%;
    }
    .plate .new .left .content span {
        display: none;
    }
    .plate .new .right {
        width: 50%;
    }
    .plate .new .right .up .item {
        width: 49%;
        margin-left: 2%;
    }
    .footer .up {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 40px;
    }
    .footer .up .left .item {
        float: left;
        margin-right: 30px;
    }
    .footer .up .center {
        margin-left: 0px;
    }
    section {
        padding-top: 15px;
        padding-bottom: 30px;
    }
    section .mian {
        width: 96%;
    }
    section .mian .content .text img {
        max-width: 100%;
    }
    section .mian h2 {
        font-size: 16px;
    }
    section .mian h2 span {
        font-size: 35px;
        margin-right: 0px;
    }
    section .mian .content {
        margin-top: 12px;
    }
    .abanner {
        display: none;
    }
    .m_aboutbanner {
        display: block;
        width: 100%;
    }
    .m_aboutbanner img {
        width: 100%;
        height: auto;
    }
}

@media (max-width:1000px) {
    body,
    html {
        height: 100%;
    }
    img {
        display: block;
        max-width: 100%;
    }
    .m-hide {
        display: none;
    }
    .pc-hide {
        display: block;
    }
    #header {
        position: relative;
        left: 0;
        top: 0;
        height: auto;
    }
    #header .menu {
        display: none;
    }
    #header .center::after {
        content: '';
        display: block;
        clear: both;
    }
    #header .center {
        background-color: #fff;
        height: 60px;
    }
    #header h1 img {
        margin-top: 13px;
        height: 35px;
    }
    #header .navigation {
        display: block;
        position: absolute;
        top: 15px;
        right: 10px;
        display: block;
        height: 30px;
        width: 32px;
        background-color: #639cb0;
        border-radius: 4px;
        z-index: 20;
    }
    #header .navigation span {
        display: block;
        width: 60%;
        background-color: #fff;
        height: 1px;
        margin-top: 5px;
    }
    #header .navigation span:first-child {
        margin-top: 8px;
    }
    #header .menu-click span:nth-child(1) {
        animation-name: menuone;
        animation-duration: .5s;
        animation-fill-mode: both
    }
    #header .menu-click span:nth-child(3) {
        animation-name: menutwo;
        animation-duration: .5s;
        animation-fill-mode: both
    }
    #header .menu-click span:nth-child(2) {
        display: none;
    }
    #header .menu-out span:nth-child(1) {
        animation-name: menuoneb;
        animation-duration: .5s;
        animation-fill-mode: both
    }
    #header .menu-out span:nth-child(3) {
        animation-name: menutwob;
        animation-duration: .5s;
        animation-fill-mode: both
    }
    #header .menu-out span:nth-child(2) {
        display: block;
    }
    .menubg {
        display: block;
        position: absolute;
        left: -100%;
        top: 0;
        background-color: #639cb0;
        width: 100%;
        height: 100%;
        z-index: 20;
    }
    #header .wapmenu {
        display: block;
        position: absolute;
        left: -100%;
        top: 0;
        width: 100%;
        margin: 0 auto;
        z-index: 30;
        margin-top: 50px;
        background-color: #639cb0;
    }
    #header .wapmenu .ul {
        width: 94%;
    }
    #header .wapmenu ul li a {
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        border-bottom: 1px solid #ccc;
        background: url(../imgs/jiantou2.png) no-repeat;
        background-size: auto 15px;
        background-position: right 8px top 12px;
    }
    #header .wapmenu ul li a.open {
        background: url(../imgs/jiantou3.png) no-repeat;
        background-size: 15px auto;
        background-position: right 8px top 16px;
    }
    #header .wapmenu ul.two,
    #header .wapmenu ul.three {
        display: none;
    }
    #header .wapmenu ul.one li a {
        padding-left: 8px;
    }
    #header .wapmenu ul.two li a {
        padding-left: 40px;
    }
    #header .wapmenu ul.three li a {
        padding-left: 70px;
    }
    .ipages span {
        width: 10px;
        height: 10px;
        border-width: 1px;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 7.8%;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 10px;
    }
    .plate {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .plate .header .en {
        font-size: 18px;
        background-size: 50px auto;
    }
    .plate .header .cn {
        font-size: 12px;
    }
    .plate .picitems {
        width: 96%;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: -10px;
    }
    .plate .picitems ul li .text {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
    }
    .plate .picitems .modular-9-pagination {
        display: block;
        width: 100%;
        text-align: center;
    }
    .plate .picitems .modular-9-pagination>.swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 7px
    }
    .plate .picitems .modular-9-pagination>.swiper-pagination-bullet-active {
        background-color: #639cb0;
    }
    .plate .show::after {
        content: '';
        display: block;
        clear: both;
    }
    .plate .show {
        width: 96%;
        margin-top: 30px;
    }
    .plate .show .title {
        font-size: 18px;
    }
    .plate .show .content {
        margin-top: 20px;
    }
    .plate .show .item {
        width: 49%;
        margin-bottom: 12px;
        background-color: #639cb0;
        border-radius: 5px;
        margin-right: 2%;
        padding: 10px 0;
    }
    .plate .show .item:nth-child(2n) {
        margin-right: 0px;
    }
    .plate .show .item:last-child {
        display: none;
    }
    .plate .show .item span {
        font-size: 24px;
        color: #fff;
    }
    .plate .show .item p {
        margin-top: 8px;
        color: #fff;
    }
    .plate .service {
        width: 96%;
        margin-top: 20px;
    }
    .plate .service .part {
        margin-top: 0px;
    }
    .plate .service .left {
        float: none;
        width: 100%;
        height: 90px;
        padding: 15px 0 0 20px;
        /* 这里增加高度 */
        margin-bottom: 0px;
        background-size: auto 90%;
        margin-bottom: 12px;
    }
    .plate .service .left h2 {
        font-size: 18px;
    }
    .plate .service .left h3 {
        font-size: 12px;
    }
    .plate .service .right {
        float: none;
        width: 100%;
    }
    .plate .service .right .up .item {
        float: none;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 12px;
    }
    .plate .service .right .up .item .title {
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-size: 14px;
        background-color: #c7c7c7;
    }
    .plate .service .right .up .item .pic img {
        width: 100%;
        height: auto;
    }
    .plate .service .right .down {
        margin-top: 0px;
        height: 45px;
        line-height: 45px;
        font-size: 15px;
        margin-bottom: 12px;
    }
    .plate .service .right .down span {
        font-size: 16px;
    }
    .plate .service .right .mod {
        float: none;
        margin-left: 0px;
        /* margin-bottom: 12px; */
        /* background-color: #000; */
        width: 49%;
        float: left;
        margin-left: 2%;
        /* margin-top: 2%; */
        margin-bottom: 2%;
        /* background-color: #000; */
        height: 100%;
    }

    .plate .service .right .mod .title {
        font-size: 18px;
    }

    .plate .service .right .mod .describe {
        font-size: 14px;
        overflow: hidden;
white-space:nowrap;
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
    }


    .plate .service .right .mod .pic {
        width: 70px;
        height: 70px;
        margin-top: 30px;
    }

    .plate .service .right .mod:nth-child(1),.plate .service .right .mod:nth-child(3){
        margin-left: 0px;
    }

 
    
    
    .plate .service .right .solution {
        float: none;
        width: 100%;
        height: auto;
        margin-left: 0px;
        margin-bottom: 12px;
    }

    .plate .service .right .solution .industry{

        margin-top: 2%;
        /* height: 100%;
        clear: both; */
    }


    .plate .service .right .solution .industry>ul>li {
        width: 49%;
        margin-top: 2%;
        margin-left: 2%;
    }


    .plate .service .right .solution .field{
        margin-top: 2%;
    }

    .plate .service .right .solution .field>ul>li {
       width: 22%;
       margin-left: 4%;
       margin-top: 2%;
    }

    .plate .service .right .solution .field>ul>li:nth-child(1),.plate .service .right .solution .field>ul>li:nth-child(5){
        margin-left: 0px;
    }

    .plate .service .right .solution .field li .fpic img {
        width: auto;
        height: 40px;
    }

    .plate .service .right .solution .field li .ftitle a {
        font-size: 15px;
        color: #000;
    }
    

    .plate .service .right .solution .industry li .intitle {
        font-size: 15px;
    }
    


    .plate .service .right .solution .title,
    .plate .service .right .solution:first-child .title {
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        background-color: #c7c7c7;
    }
    .plate .service .right .solution:last-child {
        margin-bottom: 0px;
    }
    .plate .service .right .solution .list::after {
        content: '';
        display: block;
        clear: both;
    }
    .plate .service .right .solution .list {
        height: auto;
        padding-bottom: 10px;
    }
    .plate .service .right .solution .list li {
        float: left;
        width: 33.333%;
        padding-left: 10px;
    }
    .plate .service .right .solution .list li a {
        padding-left: 0px;
        line-height: 30px;
        font-size: 13px;
    }
    .plate .service .right .solution .list li:first-child a,
    .plate .service .right .solution .list li a:hover {
        background: none;
    }
    .plate .about {
        width: 96%;
        height: auto;
        position: static;
        margin-top: 20px
    }
    .plate .about .content {
        width: 100%;
        height: auto;
        position: static;
        padding: 10px;
    }
    .plate .about .content h2 {
        font-size: 15px;
        padding-bottom: 10px;
    }
    .plate .about .content p {
        margin-top: 8px;
        font-size: 13px;
        line-height: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .plate .about .pic {
        width: 100%;
        height: 150px;
        position: static;
        z-index: 1;
        overflow: hidden;
    }
    .plate .about .pic img {
        width: 100%;
    }
    .plate .case .case-pagination {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    .plate .case .case-pagination>.swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 7px
    }
    .plate .case .case-pagination>.swiper-pagination-bullet-active {
        background-color: #639cb0;
    }
    .plate .case {
        width: 96%;
        margin-top: 20px;
    }
    .plate .case .item h2 {
        font-size: 18px;
    }
    .plate .case .item h3 {
        font-size: 16px;
    }
    .plate .case .item h2.hs,
    .plate .case .item h3.hs,
    .plate .case .item span.hs {
        color: #000;
    }
    .plate .case .item span {
        font-size: 14px;
    }
    .plate .case .item .showm {
        width: 160px;
        height: 40px;
        line-height: 40px;
        border-width: 1px;
        left: 50%;
        margin-left: -80px;
        top: 50%;
        margin-top: -20px;
    }
    .plate .more {
        width: 140px;
        margin-top: 25px;
        background-size: 30px auto;
    }
    .plate .more a {
        font-size: 15px;
    }
    .plate .new {
        width: 96%;
        margin-top: 20px;
    }
    .plate .new .left {
        float: none;
        width: 100%;
        height: auto;
        position: relative;
    }
    .plate .new .left .pic {
        height: 150px;
        overflow: hidden;
    }
    .plate .new .left .content {
        height: auto;
        padding: 10px;
    }
    .plate .new .left .content span {
        display: block;
        width: 100px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        top: 110px;
    }
    .plate .new .left .content h2 {
        font-size: 15px;
    }
    .plate .new .left .content p {
        font-size: 13px;
        margin-top: 8px;
        line-height: 24px;
    }
    .plate .new .right {
        float: none;
        width: 96%;
        margin-top: 0px;
    }
    .plate .new .right .up {
        display: none;
    }
    .plate .new .right .more {
        float: none;
        width: 120px;
    }
    .footer .up {
        width: 96%;
        margin: 0 auto;
        padding-top: 5px;
        padding-bottom: 30px;
    }
    .footer .up .mod {
        float: none;
    }
    .footer .up .left .item {
        float: none;
        margin: 0 auto;
    }
    .footer .up .left .item .title {
        font-size: 14px;
        border-bottom: 1px solid #828282;
        color: #fff;
        margin: 0 auto;
        font-weight: normal;
        background: none;
        height: 50px;
        line-height: 50px;
        padding-left: 14px;
        background: url(../imgs/jiantou2.png) no-repeat;
        background-size: auto 15px;
        background-position: right 8px top 12px;
    }
    .footer .up .left .item .open {
        background: url(../imgs/jiantou3.png) no-repeat;
        background-size: 15px auto;
        background-position: right 8px top 16px;
    }
    .footer .up .left .item ul {
        display: none;
        border-bottom: 1px solid #828282;
    }
    .footer .up .left .item li {
        height: 50px;
        line-height: 50px;
        /* border-bottom: 1px solid #fff; */
        padding-left: 30px;
    }
    .footer .up .left .item li a {
        display: block;
        width: 100%;
        font-size: 13px;
    }
    .footer .up .right::after {
        content: '';
        display: block;
        clear: both;
    }
    .footer .up .right {
        width: 100%;
        float: none;
        padding-left: 14px;
        margin-top: 20px;
    }
    .footer .up .right .ewm {
        float: left;
        width: 40%;
        max-width: 100px;
        margin-top: 0px;
        margin-right: 5%;
    }
    .footer .up .right .ewm span {
        font-size: 13px;
    }
    .footer .up .right .ewm:last-child {
        margin-right: 0px;
    }
    .footer .up .center {
        width: 100%;
        margin: 0 auto;
        margin-top: 20px;
        padding-left: 14px;
    }
    .footer .up .center h2 {
        color: #fff;
        font-size: 14px;
        font-weight: bold;
    }
    .footer .up .center h2.dz {
        margin-top: 15px;
    }
    .footer .up .center span {
        display: block;
        color: #639cb0;
        font-size: 14px;
        margin-top: 10px;
    }
    .footer .up .center span.tel {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 10px;
    }
    .footer .up .center p {
        color: #fff;
        font-size: 14px;
        margin-top: 10px;
    }
    .footer .down {
        height: auto;
        line-height: 24px;
        font-size: 13px;
        padding: 18px 0px;
    }
    .footer .down a {
        font-size: 13px;
    }
    .qqright {
        display: none;
    }
    .qqright_m {
        display: block;
        width: 60px;
        height: auto;
        position: fixed;
        right: -10px;
        top: 50%;
        margin-top: -75px;
        z-index: 10;
        cursor: pointer;
    }
    .qqright_m img {
        width: 100%;
        height: auto;
    }
    @keyframes menuone {
        0% {
            transform: rotate(0)
        }
        100% {
            transform: translateY(6px) rotate(45deg)
        }
    }
    @keyframes menutwo {
        0% {
            transform: rotate(0)
        }
        100% {
            transform: translateY(0px) rotate(-45deg)
        }
    }
    @keyframes menuoneb {
        0% {
            transform: translateY(6px) rotate(45deg)
        }
        100% {
            transform: rotate(0)
        }
    }
    @keyframes menutwob {
        0% {
            transform: translateY(-8px) rotate(-45deg)
        }
        100% {
            transform: rotate(0)
        }
    }
    section {
        padding-top: 15px;
        padding-bottom: 30px;
    }
    section .mian {
        width: 96%;
    }
    section .mian .content .text img {
        max-width: 100%;
    }
    section .mian h2 {
        font-size: 16px;
    }
    section .mian h2 span {
        font-size: 35px;
        margin-right: 0px;
    }
    section .mian .content {
        margin-top: 12px;
    }
    .abanner {
        display: none;
    }
    .m_aboutbanner {
        display: block;
        width: 100%;
    }
    .m_aboutbanner img {
        width: 100%;
        height: auto;
    }
    .location {
        width: 100%;
        margin: 0 auto;
        padding-top: 0px;
        padding-bottom: 0px;
        border-bottom: 1px solid #f0f0f0;
        height: 50px;
        line-height: 50px;
        text-align: left;
        padding-left: 15px;
        background: url(/imgs/ls1.png) no-repeat;
        background-size: auto 15px;
        background-position: top 18px right 15px;
        position: relative;
    }
    .ls2 {
        background: url(/imgs/ls2.png) no-repeat;
        background-size: 18px auto;
        background-position: top 22px right 15px;
    }
    .location span {
        float: none;
        font-size: 15px;
    }
    .location h3 {
        display: none;
        float: none;
        position: absolute;
        left: 0;
        top: 45px;
        background-color: #fff;
        width: 100%;
        padding-bottom: 20px;
        box-shadow: 1px 5px 10px rgba(0, 0, 0, .2);
        z-index: 1000;
    }
    .location h3 a {
        display: block;
        font-size: 14px;
        background: none;
        padding-left: 15px;
        border-bottom: 1px solid #f0f0f0;
    }
    .location h3 a:first-child {
        background: none;
        padding-left: 15px;
    }
    .location h3 a:hover,
    .location h3 a.on {
        color: #494949;
        font-weight: normal;
    }
    .casecenter {
        width: 100%;
        padding: 12px 0px 25px 0px;
        background-color: #f0f0f0;
    }
    .casecenter .main {
        width: 96%;
        /* background-color: #639cb0; */
        padding-top: 0px;
        padding-bottom: 20px;
    }
    .casecenter .main li {
        margin-top: 12px;
        /* background-color: #000; */
    }
    .casecenter .main li .left {
        float: none;
        width: 100%;
        padding: 0px;
    }
    .casecenter .main li .right {
        float: none;
        width: 100%;
        padding: 20px;
    }
    .casecenter .main li .right h2 a {
        font-size: 16px;
    }
    .casecenter .main li .right .dis {
        font-size: 13px;
        line-height: 24px;
        margin-top: 8px;
    }
    .casecenter .main li .right .more {
        width: 100px;
        border: 1px solid #639cb0;
        border-radius: 5px;
        position: static;
        margin-top: 15px;
    }
    .casecenter .main li .right .more a {
        color: #639cb0;
        font-size: 13px;
        display: block;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }
    .casecenter .main li .right .more2 {
        width: 100px;
        border: 1px solid #639cb0;
        border-radius: 5px;
        position: static;
        margin-top: 15px;
        float: none;
    }
    .casecenter .main li .right .more2 a {
        font-size: 13px;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }
    .page {
        width: 100%;
        margin-top: 0px;
    }
    .page a,
    .page a:hover,
    .page span {
        padding: 6px 12px;
    }
    .nextpage {
        /* background-color: #f0f0f0; */
        width: 96%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .nextpage p.left {
        float: none;
        line-height: 24px;
    }
    .nextpage p.right {
        float: none;
        margin-top: 20px;
        line-height: 24px;
    }
    .knowledge {
        max-width: 96%;
        margin: 0 auto;
        margin-top: 10px;
        padding-bottom: 30px;
    }
    .knowledge ul {
        margin-bottom: 12px;
    }
    .knowledge li a {
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        background: url(../imgs/zsico.jpg) no-repeat left center;
        background-size: 20px 20px;
        padding-left: 40px;
        font-size: 14px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        line-height: 50px;
    }
    section .mian .content .about_text {
        float: none;
    }
    section .mian .content .pic {
        float: none;
        margin-top: 20px;
    }
    .casecenter .main li .right .time {
        font-size: 13px;
        margin-top: 15px;
    }


    .Calculation_content {
        width: 80%;
        padding: 10px;
    }

    .Calculation_content .lcontent table {
        margin-top: 30px;
        width: 100%;
    }
    
}