@media only screen and (max-width: 1200px) {


    .footer .titt,.footer .titt:before{
        display: none;
    }

    .wrap {
        width: 100%;
        max-width: 100%;
    }

    .header {
        height: 50px;
        z-index: 105;
    }

    .header .logo {
        width: 150px;
        height: 35px;
        margin-top: 9px;
        margin-left: 10px;
    }

    #fp-nau,#fp-nal{
        display: none;
    }

    .header .searchBox {
        margin-right: 50px;
        margin-top: 0px;
    }

    .header .searchBox .searchBtn {
        width: 50px;
        height: 50px;
    }

    .header .searchBox .searchBar {
        width: 100%;
        height: 50px;
        position: fixed;
        right: 0px;
        top: 0px;
        z-index: 101;
    }

    .newsPage .newsLists{
        margin-right: 3%;
    }

    .container .columnBanner .sjfazx{
        top: 21.5%;
        left: 63%;
    }

    .container .columnBanner .sjsj{
        width: 46%;
        left: 11%;
        font-size: 13px;
    }
    .container .columnBanner .zhfatit{
        left: 27%;
    }
    .container .columnBanner .zhsjsj{
        width: 46%;
        left: 11%;
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
    }

    .container .columnBanner .blue{
        width: 134px;
    }

    .case-details .related .dwgl {
        width: 100%;
        margin-top: 90px;
    }

    .header .searchBox .searchBar .inpu {
        width: 100%;
        height: 46px;
        padding-right: 52px;
        box-sizing: border-box;
    }

    .header .searchBox .searchBar .inpu input {
        height: 46px;
        line-height: 46px;
    }

    .header .searchBox .searchBar .btn {
        width: 50px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }

    .header .menuBtn {
        width: 50px;
        height: 50px;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 3;
    }

    .header .menuBtn span {
        width: 32px;
        height: 3px;
        background: #00396c;
        border-radius: 2px;
        position: absolute;
        left: 9px;
        top: 23px;
        z-index: 2;
        transition: 0.8s;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -ms-transition: 0.8s;
        -o-transition: 0.8s;
    }

    .newsPage .head a{
        padding: 0 0px;
    }

    .header .menuBtn span.line1 {
        top: 12px;
    }

    .header .menuBtn span.line3 {
        top: 34px;
    }

    .header .nav {
        width: 200px;
        float: right;
        position: fixed;
        right: -200px;
        top: 0;
        bottom: 0;
        z-index: 105;
        background: #fff;
        margin: 0;
        padding: 0;
        overflow: scroll;
    }

    .header .nav .tit {
        display: block;
        font-size: 40px;
        font-weight: bold;
        color: #00396c;
        text-align: center;
        padding: 30px 0;
        box-sizing: border-box;
    }

    .header .nav > ul > li {
        float: none;
        margin: 0px;
        position: relative;
    }

    .header .nav > ul > li:hover a,
    .header .nav > ul > li > a {
        width: 100%;
        height: 60px;
        line-height: 60px;
        font-size: 14px;
        color: #333333;
    }

    .header .nav > ul > li.on > a:after,
    .header .nav > ul > li:hover > a:after,
    .header .nav > ul > li > a:after {
        display: none;
    }

    /*.header .nav > ul > li.now > a:after {*/
    /*    display: block;*/
    /*}*/

    .header .nav > ul > li:hover {
        background: #fff;
        height: auto;
    }

    .header .nav > ul > li.now,
    .header .nav > ul > li.on {
        background: #00396c;
        height: auto;
    }

    .header .nav > ul > li.now,
    .header .nav > ul > li.on:hover {
        height: auto;
    }

    .header .nav > ul > li.now a,
    .header .nav > ul > li.on a {
        color: #fff;
    }

    .header .nav li .sub {
        width: 100%;
        min-width: 100%;
        position: static;
        background: #eee;
        padding: 0 10px;
        transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
        box-sizing: border-box;
    }

    .header .nav li .sub li {
        width: 100%;
        border-bottom: solid 1px #ddd;
        box-sizing: border-box;
    }

    .header .nav li .sub li a,
    .header .nav li .sub li a:hover {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: none;
        color: #333333;
        box-sizing: border-box;
    }

    .header.shiftLeft {
        left: -200px;
        z-index: 105;
    }

    .header.shiftLeft .nav {
        right: 0;
    }

    .header.shiftLeft .menuBtn span.line1 {
        top: 23px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
    }

    .header.shiftLeft .menuBtn span.line2 {
        display: none;
    }

    .header.shiftLeft .menuBtn span.line3 {
        top: 23px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
    }

    .wrapper,
    .header,
    .header .nav {
        transition: 0.4s;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -ms-transition: 0.4s;
        -o-transition: 0.4s;
    }

    #superContainer {
        height: 100%;
        position: relative;
        -ms-touch-action: none; /* Touch detection for Windows 8 */
        touch-action: none; /* IE 11 on Windows Phone 8.1*/
    }

    .fp-section {
        position: relative;
        -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
        -moz-box-sizing: border-box; /* <=28 */
        box-sizing: border-box;
    }

    .fp-slide {
        float: left;
    }

    .fp-slide, .fp-slidesContainer {
        height: 100%;
        display: block;
    }

    .fp-slides {
        z-index: 1;
        height: auto !important;
        overflow: hidden;
        position: relative;
        -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
        transition: all 0.3s ease-out;
    }

    .fp-section.fp-table, .fp-slide.fp-table {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .fp-tableCell {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: auto !important;
    }

    .section6 .blx{
        display: none;
    }

    .fp-slidesContainer {
        float: left;
        position: relative;
    }

    .fp-controlArrow {
        position: absolute;
        z-index: 4;
        top: 50%;
        cursor: pointer;
        width: 0;
        height: 0;
        border-style: solid;
        margin-top: -38px;
    }

    .fp-controlArrow.fp-prev {
        left: 15px;
        width: 0;
        border-width: 38.5px 34px 38.5px 0;
        border-color: transparent #fff transparent transparent;
    }

    .fp-controlArrow.fp-next {
        right: 15px;
        border-width: 38.5px 0 38.5px 34px;
        border-color: transparent transparent transparent #fff;
    }

    .fp-scrollable {
        overflow: scroll;

    }

    .fp-notransition {
        -webkit-transition: none !important;
        transition: none !important;
    }

    /*右侧导航点*/
    #fp-nav {
        display: none;
    }

    /*横向幻灯片导航点*/
    .fp-slidesNav {
        bottom: 5px;
    }

    .fp-slidesNav ul li {
        margin: 0 5px;
    }

    .fp-slidesNav ul li a {
        width: 20px;
        height: 2px;
    }

    #dowebok {
        overflow: hidden;
        /*padding-bottom: 50px;*/
        padding-top: 50px;
    }

    .section,
    .section1 {
        height: auto !important;
    }

    .section1 .slide img {
        width: 47%;
        top: 30%;
        display: block;
    }

    .section1 .slide .bj2{
        top: 45%;
    }

    .section1 .slide a{
        top: 67%;
    }

    #dowebok .productList {
        overflow: hidden;
        margin-top: 0px;
        position: relative;
        top: -11px;
        opacity: 1;
    }

    #dowebok .productList ul li {
        width: 100%;
    }

    #dowebok .productList ul li a {
        font-size: 24px;
        padding-top: 215px;
    }

    .section2 .solutionList li{
        width: 85%;
    }


    #dowebok .productList ul li .imgs {
        overflow: hidden;
        position: absolute;
        /* top: -186px; */
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-size: 54% 43% !important;
    }

    #dowebok .productList ul li .imgs img {
        width: 80px;
        margin: 73px auto !important;
        height: 80px;
    }

    #dowebok .productList ul li .boxs{
        margin: 0 auto !important;
    }


    #dowebok .columnTitle .line {
        width: 30px;
        height: 2px;
        margin-top: 0px;
    }

    .section2 {
        background: url(../img/section2_bg1.jpg) no-repeat 0 0, url(../img/section2_bg2.jpg) no-repeat right bottom;
        background-size: 150px auto;
        padding: 20px 0;
    }

    .section2 .slogan {
        line-height: 24px;
        font-size: 16px;
        margin-top: 10px;
        display: none;
    }

    .section2 .solutionList {
        margin: 20px 0px 0 85px;
        width: 100%;
    }

    .section2 .solutionList li {
        float: left;
        height: 178px;
        overflow: hidden;
        margin-bottom: 53px;
        border: 2px solid white;
        background: #292a2e;
        border-radius: 10px;
    }

    .section2 .solutionList li:hover {
        transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        border: 2px solid #6eb7c3;
        height: 198px;
    }

    .section2 .solutionList .two:hover {
        transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        border: 2px solid #5aa0cc;
        height: 198px;
    }

    .section2 .solutionList .four:hover {
        transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        border: 2px solid #5aa0cc;
        height: 198px;
    }

    .section2 .solutionList li:hover > a > .text {
        color: #6eb7c3;
        font-size: 23px;
        top: 44%;
    }

    .section2 .solutionList li:hover > a > p {
        color: #fff;
        font-size: 12px;
        height: 41px;
        word-break: break-all !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        white-space: break-spaces;
    }

    .section2 .solutionList li a:hover img {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
    }
    @media only screen and (max-width: 908px) {
        .section1 .slide img{
            width: 80%;
        }
        .section2 .solutionList {
            width: 100%;
            padding: 0 2px;
            box-sizing: border-box;
            margin: 20px 0px 0 59px;
        }

        .section2 .solutionList li:nth-child(3n+1),
        .section2 .solutionList li {
            width: 85%;
            height: 137px;
            padding: 0 1px;
            margin-bottom: 23px;
            box-sizing: border-box;
        }

        .section2 .solutionList li .text {
            height: 20px;
            line-height: 20px;
            font-size: 16px;
            margin-top: -20px;
        }

        .section2 .solutionList li .icon {
            height: 22px;
            margin-bottom: -36px;
        }

        .section2 .solutionList li:hover {
            height: 150px;
        }

        .section2 .solutionList .two:hover {
            height: 150px;
        }

        .section2 .solutionList .four:hover {
            height: 150px;
        }

        .section2 .solutionList li:hover > a > .text {
            color: #6eb7c3;
            font-size: 23px;
            top: 44%;
        }

        .section2 .solutionList li:hover > a > p {
            color: #fff;
            font-size: 12px;
            height: 41px;
            word-break: break-all !important;
            display: -webkit-box !important;
            -webkit-line-clamp: 2 !important;
            -webkit-box-orient: vertical !important;
            overflow: hidden !important;
            white-space: break-spaces;
        }
        #dowebok .section6 .video{
            height: 500px;
        }
        .section6 .clientsList {
            width: 959px;
            margin: 30px auto 0 auto;
            padding-bottom: 20px;
        }
    }
    @media only screen and (max-width: 600px) {
        .section2 .solutionList {
            width: 100%;
            padding: 0 2px;
            box-sizing: border-box;
            margin: 20px 0px 0 38px;
        }

        .section2 .solutionList li:nth-child(3n+1),
        .section2 .solutionList li {
            width: 85%;
            height: 100px;
        }

        .section2 .solutionList li:hover {
            height: 110px;
        }

        .section2 .solutionList .two:hover {
            height: 110px;
        }

        .section2 .solutionList .four:hover {
            height: 110px;
        }

        .section2 .solutionList li:hover > a > .text {
            font-size: 16px;
        }

        .section2 .solutionList li:hover > a > p {
            font-size: 3px;
        }
        #dowebok .section6 .video{
            height: 500px;
        }
        .section6 .clientsList {
            width: 959px;
            margin: 30px auto 0 auto;
            padding-bottom: 20px;
        }
        #dowebok .columnTitle .tit {
            line-height: 30px;
            font-size: 24px !important;
        }

        #dowebok .columnTitle .entit {
            line-height: 20px;
            font-size: 18px !important;
            margin-top: 2px;
        }
    }
    .section3 {
        padding: 20px 0;
    }

    #dowebok .section3 .columnTitle {
        text-align: center;
    }

    #dowebok .section4 .columnTitle {
        text-align: center;
    }

    .section4 {
        padding: 20px 20px 40px 20px;
        box-sizing: border-box;
    }

    .section4 .contont {
        width: 100%;
        max-width: 600px;
        float: none;
        margin: 0 auto;
    }

    .section4 .contont .text {
        line-height: 30px;
        font-size: 18px;
        margin-top: 30px;
    }

    .section4 .contont .text .line {
        height: 2px;
        margin-top: 32px;
    }

    .section4 .contont .list {
        margin-top: 32px;
    }

    .section4 .contont .list li:nth-child(even),
    .section4 .contont .list li {
        width: 100%;
        height: 26px;
        line-height: 26px;
        font-size: 18px;
        padding: 0 0px 0 44px;
        margin-bottom: 20px;
    }

    .section4 .contont .list li span {
        -webkit-line-clamp: 2;
    }

    .section4 .contont .more {
        width: 120px;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
        background: url(../img/section3_more.png) no-repeat right 10px center;
        padding-right: 30px;
        margin-top: 22px;
    }

    .section4 .contont .more:hover {
        background-image: url(../img/section3_more.png);
        background-color: none;
        color: #fff;
    }

    .section4 .services {
        float: none;
        margin: 50px auto 0 auto;
    }

    .section4 .services li:hover .pic img {
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
    }

    @media only screen and (max-width: 600px) {
        .section4 {
            padding: 20px 20px 20px 20px;
        }

        .section4 .contont .text {
            line-height: 22px;
            font-size: 14px;
            margin-top: 20px;
        }

        .section4 .contont .list li:nth-child(even),
        .section4 .contont .list li {
            height: 22px;
            line-height: 22px;
            font-size: 14px;
            padding: 0 0px 0 34px;
            margin-bottom: 20px;
            background-size: auto 100%;
        }

        .section4 .contont .list li span {
            -webkit-line-clamp: 2;
        }

        .section4 .contont .more {
            width: 80px;
            height: 28px;
            line-height: 28px;
            font-size: 14px;
            padding-right: 20px;
            margin-top: 5px;
        }

        .section4 .services {
            width: 280px;
            height: 280px;
            margin: 30px auto 0 auto;
            background-size: 100%;
        }

        .section4 .services .title {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            padding: 16px 20px;
            line-height: 22px;
            font-size: 16px;
        }

        .section4 .services li {
            width: 80px;
        }

        .section4 .services li .pic {
            height: 25px;
        }

        .section4 .services li .txt {
            height: 20px;
            line-height: 20px;
            font-size: 14px;
            margin-top: 4px;
        }

        .section4 .services li.s1 {
            top: 15px;
            margin-left: -40px;
        }

        .section4 .services li.s2 {
            top: 60px;
            right: 5px;
        }

        .section4 .services li.s3 {
            top: 140px;
            right: 5px;
        }

        .section4 .services li.s4 {
            bottom: 30px;
            right: 50px;
        }

        .section4 .services li.s5 {
            left: 50px;
            bottom: 30px;
        }

        .section4 .services li.s6 {
            left: 5px;
            top: 140px;
        }

        .section4 .services li.s7 {
            top: 60px;
            left: 5px;
        }
    }
    .section5 {
        padding: 20px 0;
        box-sizing: border-box;
    }

    .section5 .contont {
        width: 100%;
        max-width: 612px;
        float: none;
        margin: 0 auto;
        padding: 0 20px;
        box-sizing: border-box;
    }

    #dowebok .section5 .columnTitle {
        text-align: center;
    }

    .section5 .contont .text {
        line-height: 30px;
        font-size: 18px;
        margin-top: 20px;
    }

    .section5 .contont .text .line {
        height: 2px;
        margin-top: 22px;
    }

    .section5 .contont .more {
        width: 120px;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
        background: url(../img/section3_more3.png) no-repeat right 10px center;
        padding-right: 30px;
        margin-top: 20px;
    }

    .section5 .contont .more:hover {
        background-image: url(../img/section3_more3.png);
        background-color: none;
        color: #666666;
    }

    .section5 .contont .list {
        margin-top: 30px;
    }

    .section5 .contont .list li .number {
        line-height: 40px;
        font-size: 15px;
    }

    .section5 .contont .list li .number .num {
        font-size: 40px;
    }

    .section5 .contont .list li .txt {
        font-size: 16px;
    }

    .section5 .hand {
        width: 70%;
        max-width: 870px;
        height: auto;
        position: static;
        margin-top: 50px;
    }

    @media only screen and (max-width: 600px) {
        .section5 .contont .text {
            line-height: 22px;
            font-size: 14px;
            margin-top: 20px;
        }

        .section5 .contont .text .line {
            height: 2px;
            margin-top: 22px;
        }

        .section5 .contont .more {
            width: 80px;
            height: 28px;
            line-height: 28px;
            font-size: 14px;
            padding-right: 20px;
            margin-top: 20px;
        }

        .section5 .contont .list {
            margin-top: 20px;
        }

        .section5 .contont .list li .number {
            line-height: 30px;
            font-size: 14px;
        }

        .section5 .contont .list li .number .num {
            font-size: 30px;
        }

        .section5 .contont .list li .txt {
            font-size: 14px;
        }

        .section5 .hand {
            width: 70%;
            height: auto;
            position: static;
            margin-top: 20px;
        }
    }
    /*#dowebok .section6{*/
    /*	padding: 20px 0 0 0;*/
    /*}*/
    /*#dowebok .columnTitle {*/
    /*    margin-top: -83%;*/
    /*}*/
    #dowebok .columnTitle{
        margin-top: 20px;
    }
    .section6 .clientsList {
        width: 959px;
        margin: 128px auto 0 auto;
        padding-bottom: 20px;
    }

    .section6 .clientsList .mobileup{
        top: -56px !important;
    }

    .section6 .clientsList .mobiledown{
        top: 55px !important;
    }

    .section6 .clientsList .swiper-container {
        padding-bottom: 40px;
    }

    .section6 .clientsList .swiper-slide a:hover img {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
    }

    .section6 .clientsList .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 10px;
    }

    @media only screen and (max-width: 959px) {
        .section6 .clientsList {
            width: 719px;
            margin: 94px auto 0 auto;
        }
        .section6 .clientsList .swiper-slide p{
            width: 129px;
        }
    }
    @media only screen and (max-width: 720px) {
        .section6 .clientsList {
            width: 479px;
        }

        .section6 .clientsList .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            margin: 0 5px;
        }
    }
    @media only screen and (max-width: 480px) {
        .section6 .clientsList {
            width: 100%;
            padding: 80px 1px;
            box-sizing: border-box;
        }
    }
    .section6 .footer {
        position: static;
    }

    .footer {
        padding-top: 0;
    }

    .footer .tit {
        height: 40px;
        line-height: 40px;
        display: block;
    }

    .footer .link-list {
        float: none;
    }

    .footer .list {
        width: 100%;
        float: none;
        text-align: center;
        border-bottom: solid 1px #1a4d7b;
    }

    .footer .list ul {
        margin-top: 0;
        padding-bottom: 10px;
        display: none;
    }

    .footer .list li a {
        height: 30px;
        line-height: 30px;
    }

    .footer .contact {
        max-width: none;
        float: none;
        text-align: center;
        margin: 20px 0;
    }

    .footer .contact .text {
        max-width: 230px;
        display: inline-block;
        text-align: left;
    }

    .footer .qrcodebox {
        float: none;
        text-align: center;
    }

    .footer .qrcodebox .box {
        float: none;
        display: inline-block;
        margin: 0 5px;
    }

    .footer .bottom {
        margin-top: 20px;
    }

    .footer .copy,
    .footer .record {
        float: none;
        text-align: center;
    }


    /*首页end*/
    .wrapper {
        padding: 50px 0;
        padding-bottom: 0px;
    }

    .container .columnMenu {
        height: 40px;
    }

    .container .columnMenu.white {
        display: none;
    }

    .container .columnMenu .crumbs {
        display: none;
    }

    .container .columnMenu .menu {
        width: 100%;
        float: right;
    }

    .container .columnMenu .menu li {
        margin: 0px;
        line-height: 40px;
        text-align: center;
    }

    .container .columnMenu .menu.two li {
        width: 50%;
    }

    .container .columnMenu .menu.three li {
        width: 33.333%;
    }

    /*.container .columnMenu .menu.four li {*/
    /*    width: 25%;*/
    /*}*/
    .aboutPage{
        height: 104vh;
    }

    .container .columnMenu .menu.five li {
        width: 20%;
    }

    .container .columnMenu .menu.six li {
        width: 16.66666%;
    }

    .container .columnMenu .menu.seven li {
        width: 14.2857%;
    }

    .container .columnMenu .menu.eight li {
        width: 12.5%;
    }

    .container .columnMenu .menu.nine li {
        width: 11.1111%;
    }

    .container .columnMenu .menu.ten li {
        width: 10%;
    }

    .container .columnMenu .menu li a:hover,
    .container .columnMenu .menu li a {
        color: #666666;
    }

    .container .pagingBox li {
        margin: 0 2px;
    }

    .container .pagingBox li a:hover,
    .container .pagingBox li a {
        background: none;
        color: #757575;
        border: solid 1px #cccccc;
    }

    .newsPage {
        padding-bottom: 30px;
        min-height: inherit;
    }

    .newsPage .newsList {
        margin-bottom: 30px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .newsPage .newsList li {
        padding: 14px 0;
    }

    .newsPage .newsList li .pic {
        width: 207px;
        height: 135px;
    }

    .newsPage .newsList li .pic a:hover img {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
    }

    .newsPage .newsList li .conten {
        padding-left: 220px;
    }

    .newsPage .newsList li .tit {
        height: 22px;
        line-height: 22px;
        font-size: 18px;
    }

    .newsPage .newsList li .tit a {
        font-size: 18px;
    }

    .newsPage .newsList li .tit a:hover {
        color: #003665;
    }

    .newsPage .newsList li .txt {
        line-height: 20px;
        font-size: 12px;
        margin-top: 8px;
    }

    .newsPage .newsList li .btn {
        width: 100px;
        height: 30px;
        line-height: 30px;
        margin-top: 18px;
    }

    .newsPage .newsList li .btn:hover {
        background: #00396c;
    }

    @media only screen and (max-width: 600px) {
        .section1 .slide img{
            width: 80%;
        }
        .newsPage {
            padding-bottom: 20px;
        }

        .newsPage .newsList {
            margin-bottom: 20px;
        }

        .newsPage .newsList li {
            padding: 10px 0;
        }

        .newsPage .newsList li .pic {
            width: 123px;
            height: 80px;
            margin-top: 3px;
        }

        .newsPage .newsList li .conten {
            padding-left: 133px;
        }

        .newsPage .newsList li .tit {
            height: 16px;
            line-height: 16px;
            font-size: 16px;
        }

        .newsPage .newsList li .tit a {
            font-size: 16px;
        }

        .newsPage .newsList li .txt {
            line-height: 18px;
            font-size: 12px;
            margin-top: 5px;
            -webkit-line-clamp: 2;
        }

        .newsPage .newsList li .btn {
            width: 70px;
            height: 22px;
            line-height: 22px;
            margin-top: 6px;
        }
    }
    .newsPage .newsDetails {
        padding: 20px 14px;
    }

    .newsPage .newsDetails .title {
        padding: 0 0 16px 0;
    }

    .newsPage .newsDetails .title .tit {
        font-size: 18px;
        line-height: 22px;
    }

    .newsPage .newsDetails .title .date {
        font-size: 14px;
        line-height: 18px;
        margin-top: 10px;
    }

    .newsPage .newsDetails .article {
        padding: 14px 0;
    }

    .newsPage .newsDetails .turnPage {
        padding: 10px 0;
    }

    .newsPage .newsDetails .turnPage .next,
    .newsPage .newsDetails .turnPage .prev {
        height: 22px;
        line-height: 22px;
        font-size: 14px;
    }

    .newsPage .newsDetails .turnPage .next a:hover,
    .newsPage .newsDetails .turnPage .prev a:hover {
        color: #a4a4a4;
    }

    @media only screen and (max-width: 600px) {
        .newsPage .newsDetails .title .tit {
            font-size: 16px;
            line-height: 22px;
        }

        .newsPage .newsDetails .title .date {
            font-size: 12px;
            line-height: 14px;
            margin-top: 6px;
        }
    }
    .newsPage .title {
        line-height: 30px;
        font-size: 26px;
        margin-top: 20px;
    }

    .newsPage .videoList {
        margin-top: 20px;
        padding: 0 6px;
        box-sizing: border-box;
    }

    .newsPage .videoList li:nth-child(3n-1),
    .newsPage .videoList li {
        width: 33.33%;
        height: auto;
        padding: 0 6px;
        margin-top: 12px;
        box-sizing: border-box;
    }

    .newsPage .videoList li .pic {
        width: 100%;
        height: auto;
    }

    .newsPage .videoList li .pic:hover img {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
    }

    .newsPage .videoList li:nth-child(1) {
        padding: 0 6px;
        box-sizing: border-box;
    }

    .newsPage .videoList li:nth-child(1) .pic {
        height: auto;
    }

    @media only screen and (max-width: 600px) {
        .newsPage .title {
            line-height: 24px;
            font-size: 18px;
            margin-top: 10px;
        }

        .newsPage .videoList {
            margin-top: 10px;
            padding: 0 3px;
        }

        .newsPage .videoList li:nth-child(1) {
            padding: 0 3px;
        }

        .newsPage .videoList li:nth-child(3n-1),
        .newsPage .videoList li {
            padding: 0 3px;
            margin-top: 6px;
            box-sizing: border-box;
        }

        .newsPage .videoList li .pic .icon {
            width: 30px;
            height: 30px;
        }

        .newsPage .videoList li:nth-child(1) .icon {
            width: 50px;
            height: 50px;
        }
    }
    /*媒体中心end*/
    .casePage {
        padding: 40px 0;
    }

    .casePage .caseList {
        max-width: 826px;
        width: 100%;
        margin: 0 auto;
    }

    .casePage .caseList li:nth-child(3n+1),
    .casePage .caseList li {
        padding: 0 20px;
    }

    @media only screen and (max-width: 826px) {
        .section1 .slide img{
            width: 66%;
            top: 28%;
        }

        .section1 .slide .bj2{
            top: 48%;
        }

        .section1 .slide a{
            top: 66%;
        }

        .casePage {
            padding: 20px 0 10px 0;
        }

        .casePage .caseList {
            padding: 0 10px;
            box-sizing: border-box;
        }

        .casePage .caseList li:nth-child(3n+1),
        .casePage .caseList li {
            width: 50%;
            padding: 0 10px;
            margin-bottom: 20px;
            box-sizing: border-box;
        }

        .casePage .caseList li .pic {
            width: 100%;
            height: auto;
            border: solid 10px #f2f1f1;
        }
        #dowebok .productList ul li .imgs img {
            width: 68px;
            margin: 68px auto !important;
            height: 68px;
        }

    }
    @media only screen and (max-width: 600px) {

        .section1 .slide img{
            top: 16%;
            height: 2em;
        }

        .section1 .slide .bj2{
            top: 36%;
            height: 2em;
        }

        .section1 .slide a{
            top: 59%;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
        }

        .casePage {
            padding: 20px 0 20px 0;
        }

        .casePage .caseList {
            padding: 0 4px;
            margin-bottom: 10px;
        }

        .casePage .caseList li:nth-child(3n+1),
        .casePage .caseList li {
            padding: 0 4px;
            margin-bottom: 8px;
        }

        .casePage .caseList li .pic {
            border: solid 3px #f2f1f1;
        }

        .casePage .caseList li .filter {
            height: 26px;
        }

        .casePage .caseList li .txt {
            height: 26px;
            line-height: 26px;
            font-size: 14px;
        }

        .casePage .caseList li .icon {
            width: 20px;
            height: 20px;
            top: -20px;
        }

        /*	.casePage .caseList li .pic:hover .txt{
		line-height: 20px;
		transform: translate(0%,30px);
		-webkit-transform: translate(0%,30px);
		-moz-transform: translate(0%,30px);
		-ms-transform: translate(0%,30px);
		-o-transform: translate(0%,30px);
	}
	.casePage .caseList li .pic:hover .icon{
		transform: translate(-50%,-20px);
		-webkit-transform: translate(-50%,-20px);
		-moz-transform: translate(-50%,-20px);
		-ms-transform: translate(-50%,-20px);
		-o-transform: translate(-50%,-20px);
	}*/
    }
    /*案例列表end*/
    .solutionPage .concept {
        padding: 20px 14px;
        box-sizing: border-box;
    }

    .solutionPage .concept .pic {
        max-width: 600px;
        width: 100%;
        margin: 10px auto 0 auto;
        float: none;
        overflow: hidden;
    }

    .solutionPage .concept .text {
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
        position: static;
        transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
    }

    .solutionPage .worth .title,
    .solutionPage .concept .title {
        text-align: center;
    }

    .solutionPage .worth .title .tit,
    .solutionPage .concept .title .tit {
        line-height: 30px;
        font-size: 26px;
    }

    .solutionPage .worth .title .line,
    .solutionPage .concept .title .line {
        width: 30px;
        height: 2px;
        margin: 10px auto 0 auto;
    }

    .solutionPage .concept .text .txt {
        line-height: 24px;
        font-size: 16px;
        margin-top: 20px;
    }

    @media only screen and (max-width: 600px) {
        .solutionPage .worth .title .tit,
        .solutionPage .concept .title .tit {
            line-height: 26px;
            font-size: 22px;
        }

        .solutionPage .worth .title .line,
        .solutionPage .concept .title .line {
            width: 30px;
            height: 2px;
            margin: 5px auto 0 auto;
        }

        .solutionPage .concept .text .txt {
            margin-top: 10px;
        }
    }
    .solutionPage .core {
        padding: 20px 14px;
        box-sizing: border-box;
    }

    .solutionPage .scene .title,
    .solutionPage .core .title {
        line-height: 30px;
        font-size: 26px;
    }

    .solutionPage .core .title {
        margin-bottom: 20px;
    }

    .solutionPage .core .row {
        margin-top: 10px;
    }

    .solutionPage .core .pic {
        max-width: 590px;
        width: 100%;
        margin: 0 auto;
        float: none;
    }

    .solutionPage .core .row:nth-child(odd) .pic {
        float: none;
    }

    .solutionPage .core .text {
        max-width: 550px;
        width: 100%;
        position: static;
        margin: 0 auto;
        transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
    }

    .solutionPage .core .tit {
        line-height: 22px;
        font-size: 18px;
    }

    .solutionPage .core .txt {
        line-height: 28px;
        font-size: 16px;
        margin-top: 12px;
    }

    @media only screen and (max-width: 600px) {
        .solutionPage .scene .title,
        .solutionPage .core .title {
            line-height: 30px;
            font-size: 22px;
        }
    }
    .solutionPage .scene {
        padding: 20px 0;
    }

    .solutionPage .scene .list {
        max-width: 612px;
        width: 100%;
        margin: 20px auto 0 auto;
    }

    @media only screen and (max-width: 612px) {
        .solutionPage .scene .list {
            padding: 0 4px;
            box-sizing: border-box;
        }

        .solutionPage .scene li {
            width: 50%;
            padding: 0 4px;
            margin-bottom: 8px;
            box-sizing: border-box;
        }

        .solutionPage .scene li .box {
            width: 100%;
            padding: 12px 12px 12px 12px;
        }

        .solutionPage .scene li .icon {
            width: 40px;
            height: 40px;
        }

        .solutionPage .scene li .tit {
            line-height: 20px;
            font-size: 16px;
            margin-top: 12px;
        }

        .solutionPage .scene li .txt {
            margin-top: 10px;
        }
    }
    .solutionPage .worth {
        padding: 20px 14px;
        box-sizing: border-box;
    }

    .solutionPage .worth .pic {
        max-width: 515px;
        width: 100%;
        float: none;
        margin: 50px auto 0 auto;
    }

    .solutionPage .worth .text {
        max-width: 480px;
        width: 100%;
        float: none;
        margin: 10px auto 0 auto;
    }

    .solutionPage .worth ul {
        margin-top: 26px;
    }

    .solutionPage .worth .text li {
        line-height: 20px;
        font-size: 16px;
        margin-bottom: 22px;
    }

    @media only screen and (max-width: 600px) {
        .solutionPage .worth .text li {
            line-height: 18px;
            font-size: 14px;
            margin-bottom: 12px;
        }
    }
    /*解决方案end*/
    .servicePage .operator {
        margin: 20px 14px;
        box-sizing: border-box;
    }

    .servicePage .operator .title .tit {
        line-height: 30px;
        font-size: 26px;
    }

    .servicePage .operator .title .line {
        width: 30px;
        height: 2px;
        margin: 10px auto;
    }

    .servicePage .operator .text {
        max-width: 686px;
        width: 100%;
        margin: 20px auto 0 auto;
        line-height: 25px;
        font-size: 16px;
    }

    .servicePagejjfa .operator {
        margin: 20px 14px;
        box-sizing: border-box;
    }

    .servicePagejjfa .operator .title .tit {
        line-height: 30px;
        font-size: 26px;
    }

    .servicePagejjfa .operator .title .line {
        width: 30px;
        height: 2px;
        margin: 10px auto;
    }

    .servicePagejjfa .operator .text {
        max-width: 686px;
        width: 100%;
        margin: 20px auto 0 auto;
        line-height: 25px;
        font-size: 16px;
    }


    .container .columnBanner .zfgl{
        top: 15%;
        left: 44%;
        width: 16%;
    }

    .container .columnBanner .xd{
        top: 9.7%;
        left: 41%;
        font-size: 19px;
    }

    .container .columnBanner .zfhx{
        top: 32.5%;
        left: 41.7%;
        font-size: 16px;
    }
    .container .columnBanner .zwfw{
        top: 35.5%;
        left: 37.7%;
        font-size: 16px;
        width: 30%;
    }
    .container .columnBanner .dwjg{
        top: 35.5%;
        left: 37.7%;
        font-size: 16px;
        width: 30%;
    }

    .servicePage .operator .title img{
        width: 40%;
    }

    .servicePage .operator .list li {
        width: 50%;
        padding-right: 7px;
        background: url(../img/operator.gif) no-repeat right 0 top 62px;
        box-sizing: border-box;
    }

    .servicePage .operator .list li .icon{
        background-size: 34% 100%;
    }

    .servicePage .operator .list li .tit{
        line-height: 58px;
    }

    .servicePagejjfa .operator .title img{
        width: 40%;
    }

    .servicePagejjfa .operator .list li {
        width: 50%;
        padding-right: 7px;
        background: url(../img/operator.gif) no-repeat right 0 top 62px;
        box-sizing: border-box;
    }

    .servicePagejjfa .operator .list li .icon{
        background-size: 34% 100%;
    }

    .servicePagejjfa .operator .list li .tit{
        line-height: 58px;
    }


    @media only screen and (max-width: 800px) {
        .servicePage .operator .list li:last-child,
        .servicePage .operator .list li {
            width: 100%;
            padding: 0 0 14px 0;
            background: url(../img/operator2.gif) no-repeat center bottom 12px;
        }

        .servicePage .operator .list li .txt {
            margin-top: 10px;
            margin-bottom: 24px;
        }

        .servicePage .operator .list li .tit {
            margin-top: 10px;
        }

        .servicePage .operator .list li .txt p {
            margin: 0 6px 24px 6px;
        }

        .servicePagejjfa .operator .list li:last-child,
        .servicePagejjfa .operator .list li {
            width: 100%;
            padding: 0 0 14px 0;
            background: url(../img/operator2.gif) no-repeat center bottom 12px;
        }

        .servicePagejjfa .operator .list li .txt {
            margin-top: 10px;
            margin-bottom: 24px;
        }

        .servicePagejjfa .operator .list li .tit {
            margin-top: 10px;
        }

        .servicePagejjfa .operator .list li .txt p {
            margin: 0 6px 24px 6px;
        }

        .container .columnBanner .jjfn {
            width: 17%;
        }

        .container .columnBanner .blue {
            width: 121px;
        }

        .container .columnBanner .jjfatext {
            font-size: 23px;
        }

        .container .columnBanner .jjfatit {
            font-size: 22px;
        }


    }
    @media only screen and (max-width: 700px) {
        .container .columnBanner .jjfn {
            top: 25%;
            width: 20%;
        }

        .container .columnBanner .blue {
            width: 101px;
        }

        .container .columnBanner .jjfatext {
            top: 43.5%;
            font-size: 21px;
        }

        .container .columnBanner .jjfatit {
            font-size: 19px;
        }


    }
    @media only screen and (max-width: 600px) {
        .container .columnBanner .xd{
            top: 8%;
        }
        .container .columnBanner .zfhx {
            top: 8.5%;
            left: 36.5%;
            font-size: 14px;
        }
        .container .columnBanner .zwfw {
            top: 8.5%;
            left: 36.5%;
            font-size: 14px;
        }
        .container .columnBanner .dwjg {
            top: 8.5%;
            left: 36.5%;
            font-size: 14px;
        }
        .servicePage .operator .title .tit {
            line-height: 26px;
            font-size: 22px;
        }

        .servicePage .operator .title .line {
            margin: 6px auto;
        }

        .servicePage .operator .text {
            margin: 10px auto 0 auto;
            line-height: 22px;
            font-size: 14px;
        }

        .servicePage .operator .list li .icon {
            height: 36px;
        }

        .servicePage .operator .list li .tit {
            line-height: 22px;
            font-size: 18px;
            margin-top: 6px;
        }

        .servicePage .operator .list li .txt {
            margin-top: 6px;
        }

        .servicePage .operator .list li .txt p {
            font-size: 16px;
            margin: 0 6px 0px 6px;
            padding-left: 22px;
        }

        .servicePagejjfa .operator .title .tit {
            line-height: 26px;
            font-size: 22px;
        }

        .servicePagejjfa .operator .title .line {
            margin: 6px auto;
        }

        .servicePagejjfa .operator .text {
            margin: 10px auto 0 auto;
            line-height: 22px;
            font-size: 14px;
        }

        .servicePagejjfa .operator .list li .icon {
            height: 36px;
        }

        .servicePagejjfa .operator .list li .tit {
            line-height: 22px;
            font-size: 18px;
            margin-top: 6px;
        }

        .servicePagejjfa .operator .list li .txt {
            margin-top: 6px;
        }

        .servicePagejjfa .operator .list li .txt p {
            font-size: 16px;
            margin: 0 6px 0px 6px;
            padding-left: 22px;
        }
        .container .columnBanner .jjfn {
            top: 21%;
            width: 25%;
        }

        .container .columnBanner .blue {
            width: 88px;
        }

        .container .columnBanner .jjfatext {
            font-size: 16px;
        }

        .container .columnBanner .jjfatit {
            font-size: 17px;
        }
    }
    .servicePage .worth {
        padding: 20px 14px;
        box-sizing: border-box;
    }

    .servicePage .publicTitle {
        line-height: 30px;
        font-size: 26px;
    }

    .servicePage .worth .content {
        padding: 14px 0;
        position: relative;
        margin-top: 22px;
    }

    .servicePage .worth .list {
        max-width: 360px;
        width: 100%;
        padding: 0px 14px;
        box-sizing: border-box;
    }

    .servicePage .worth .list.left {
        margin-left: 0px;
        float: none;
        margin: 0 auto;
    }

    .servicePage .worth .list.right {
        position: static;
        margin: 10px auto 0 auto;
    }

    .servicePage .worth .list .tit {
        line-height: 26px;
        font-size: 22px;
    }

    .servicePage .worth .list ul {
        margin-top: 14px;
    }

    .servicePage .worth .list li {
        width: 100%;
        height: 36px;
        line-height: 36px;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .servicePage .worth .list.right li {
        background: #666666;
    }

    .servicePage .worth .pk {
        width: 120px;
        margin: 0 auto;
        padding: 8px 0;
    }

    .servicePage .worth .pk .tit {
        line-height: 40px;
        font-size: 38px;
    }

    .servicePage .worth .pk ul {
        display: none;
    }


    .servicePagejjfa .worth {
        padding: 20px 14px;
        box-sizing: border-box;
    }

    .servicePagejjfa .publicTitle {
        line-height: 30px;
        font-size: 26px;
    }

    .servicePagejjfa .worth .content {
        padding: 14px 0;
        position: relative;
        margin-top: 22px;
    }

    .servicePagejjfa .worth .list {
        max-width: 360px;
        width: 100%;
        padding: 0px 14px;
        box-sizing: border-box;
    }

    .servicePagejjfa .worth .list.left {
        margin-left: 0px;
        float: none;
        margin: 0 auto;
    }

    .servicePagejjfa .worth .list.right {
        position: static;
        margin: 10px auto 0 auto;
    }

    .servicePagejjfa .worth .list .tit {
        line-height: 26px;
        font-size: 22px;
    }

    .servicePagejjfa .worth .list ul {
        margin-top: 14px;
    }

    .servicePagejjfa .worth .list li {
        width: 100%;
        height: 36px;
        line-height: 36px;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .servicePagejjfa .worth .list.right li {
        background: #666666;
    }

    .servicePagejjfa .worth .pk {
        width: 120px;
        margin: 0 auto;
        padding: 8px 0;
    }

    .servicePagejjfa .worth .pk .tit {
        line-height: 40px;
        font-size: 38px;
    }

    .servicePagejjfa .worth .pk ul {
        display: none;
    }

    @media only screen and (max-width: 600px) {
        .servicePage .publicTitle {
            line-height: 26px;
            font-size: 22px;
        }

        .servicePage .worth .content {
            padding: 14px 0;
            box-sizing: border-box;
            margin-top: 18px;
        }
        .servicePagejjfa .publicTitle {
            line-height: 26px;
            font-size: 22px;
        }

        .servicePagejjfa .worth .content {
            padding: 14px 0;
            box-sizing: border-box;
            margin-top: 18px;
        }
    }
    .servicePage .service {
        padding: 20px 14px;
        box-sizing: border-box;
    }

    .servicePage .service .pic {
        width: 100%;
        max-width: 400px;
        text-align: center;
        margin: 20px auto 0 auto;
        float: none;
    }

    .servicePage .service .right {
        max-width: 446px;
        width: 100%;
        float: none;
        margin: 20px auto 0 auto;
        text-align: center;
    }

    .servicePage .service .right .txt {
        font-size: 20px;
        line-height: 28px;
    }

    .servicePage .service .right .text {
        margin-top: 22px;
    }

    .servicePage .service .right p {
        line-height: 22px;
        font-size: 18px;
        margin-bottom: 28px;
    }

    .servicePage .system {
        padding: 20px 14px;
        box-sizing: border-box;
    }

    .servicePage .system .content {
        width: 100%;
        max-width: 380px;
        margin: 20px auto 0 auto;
        float: none;
    }

    .servicePage .system .content .tit {
        line-height: 26px;
        font-size: 22px;
        text-align: center;
    }

    .servicePage .system .content ul {
        margin-top: 22px;
    }

    .servicePage .system .content li {
        margin-bottom: 22px;
    }

    .servicePage .system .content li .txt1 {
        line-height: 24px;
        font-size: 20px;
    }

    .servicePage .system .content li .txt2 {
        line-height: 20px;
        font-size: 16px;
        margin-top: 5px;
    }

    .servicePage .system .pic {
        width: 100%;
        max-width: 400px;
        float: none;
        text-align: center;
        margin: 22px auto 0 auto;
    }

    .servicePage .customer {
        padding: 20px 14px;
        box-sizing: border-box;
    }

    .servicePage .customer li {
        width: 100%;
    }

    .servicePage .customer li .icon {
        height: 40px;
        margin-top: 20px;
    }

    .servicePage .customer li .tit {
        line-height: 24px;
        font-size: 20px;
        margin-top: 8px;
    }

    .servicePage .customer li .txt {
        line-height: 20px;
        font-size: 16px;
        margin-top: 8px;
    }

    .servicePagejjfa .service {
        padding: 20px 14px;
        box-sizing: border-box;
    }

    .servicePagejjfa .service .pic {
        width: 100%;
        max-width: 400px;
        text-align: center;
        margin: 20px auto 0 auto;
        float: none;
    }

    .servicePagejjfa .service .right {
        max-width: 446px;
        width: 100%;
        float: none;
        margin: 20px auto 0 auto;
        text-align: center;
    }

    .servicePagejjfa .service .right .txt {
        font-size: 20px;
        line-height: 28px;
    }

    .servicePagejjfa .service .right .text {
        margin-top: 22px;
    }

    .servicePagejjfa .service .right p {
        line-height: 22px;
        font-size: 18px;
        margin-bottom: 28px;
    }

    .servicePagejjfa .system {
        padding: 20px 14px;
        box-sizing: border-box;
    }

    .servicePagejjfa .system .content {
        width: 100%;
        max-width: 380px;
        margin: 20px auto 0 auto;
        float: none;
    }

    .servicePagejjfa .system .content .tit {
        line-height: 26px;
        font-size: 22px;
        text-align: center;
    }

    .servicePagejjfa .system .content ul {
        margin-top: 22px;
    }

    .servicePagejjfa .system .content li {
        margin-bottom: 22px;
    }

    .servicePagejjfa .system .content li .txt1 {
        line-height: 24px;
        font-size: 20px;
    }

    .servicePagejjfa .system .content li .txt2 {
        line-height: 20px;
        font-size: 16px;
        margin-top: 5px;
    }

    .servicePagejjfa .system .pic {
        width: 100%;
        max-width: 400px;
        float: none;
        text-align: center;
        margin: 22px auto 0 auto;
    }

    .servicePagejjfa .customer {
        padding: 20px 14px;
        box-sizing: border-box;
    }

    .servicePagejjfa .customer li {
        width: 100%;
    }

    .servicePagejjfa .customer li .icon {
        height: 40px;
        margin-top: 20px;
    }

    .servicePagejjfa .customer li .tit {
        line-height: 24px;
        font-size: 20px;
        margin-top: 8px;
    }

    .servicePagejjfa .customer li .txt {
        line-height: 20px;
        font-size: 16px;
        margin-top: 8px;
    }

    /*服务运营end*/
    .aboutPage .title {
        line-height: 30px;
        font-size: 26px;
    }

    .aboutPage .introduce {
        padding: 20px 14px;
        box-sizing: border-box;
    }

    .aboutPage .introduce .picBox {
        width: 331px;
        float: none;
        margin: 20px auto 0 auto;
        padding: 22px 0 0 22px;
    }

    .aboutPage .introduce .line {
        width: 100%;
        height: 449px;
        margin: 0;
    }

    .aboutPage .introduce .picBox .pic {
        width: 337px;
        height: 453px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        overflow: hidden;
    }

    .aboutPage .introduce .text {
        width: 100%;
        max-width: 816px;
        float: none;
        margin: 22px auto 0 auto;
        line-height: 24px;
        font-size: 14px;
    }

    .aboutPage .introduce .text .tit {
        font-size: 18px;
    }

    @media only screen and (max-width: 600px) {
        .aboutPage .title {
            line-height: 26px;
            font-size: 22px;
        }

        .aboutPage .introduce .picBox {
            max-width: 331px;
            width: 100%;
            float: none;
            margin: 20px auto 0 auto;
            padding: 0;
            box-sizing: border-box;
        }

        .aboutPage .introduce .line {
            display: none;
        }

        .aboutPage .introduce .picBox .pic {
            width: 100%;
            height: auto;
            position: static;
        }

        .aboutPage .introduce .text .tit {
            font-size: 16px;
        }
    }
    .aboutPage .platform {
        min-height: auto;
        box-sizing: border-box;
        padding: 20px 0;
    }

    .servicePage {
        min-height: auto;
        box-sizing: border-box;
        /*padding: 20px 0;*/
        background-size: cover;
    }

    .servicePagejjfa {
        /*min-height: auto;*/
        box-sizing: border-box;
        padding: 20px 0;
        background-size: cover;
    }

    .servicePagejjfa .jjfaope .list{
        margin-left: 10%;
    }

    .servicePagejjfa .jjfaope .listr{
        margin-right: 8%;
    }

    .servicePagejjfa .jjfaope .listr li .titi{
        font-size: 16px;
    }

    .servicePagejjfa .jjfaope .list li .titi{
        font-size: 16px;
    }


    .servicePagejjfa .jjfaope .listdw{
        margin-left: 10%;
    }

    .servicePagejjfa .jjfaope .listdwr{
        margin-right: 8%;
    }

    .servicePagejjfa .jjfaope .listdwr li .titi{
        font-size: 16px;
    }

    .servicePagejjfa .jjfaope .listdw li .titi{
        font-size: 16px;
    }

    .aboutPage .platform .list {
        margin-top: 100px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .aboutPage .platform li {
        padding: 0 10px;
        box-sizing: border-box;
    }

    .aboutPage .platform li .box {
        width: 100%;
        max-width: 286px;
    }

    @media only screen and (max-width: 900px) {
        .aboutPage .platform .list {
            margin-top: 70px;
        }

        .aboutPage .platform li {
            width: 33.333%;
        }

        .aboutPage .platform li .box {
            width: 100%;
            max-width: 286px;
            padding: 60px 10px 20px 10px;
        }

        .aboutPage .platform li .icon {
            width: 96px;
            height: 110px;
            line-height: 110px;
            font-size: 16px;
        }

        .aboutPage .platform li .tit {
            line-height: 22px;
            font-size: 20px;
        }

        .aboutPage .platform li .text {
            line-height: 28px;
            font-size: 16px;
            margin-top: 10px;
        }
    }
    @media only screen and (max-width: 600px) {
        .aboutPage .platform {
            background-size: auto 100%;
        }

        .servicePage {
            /*background-size: auto 100%;*/
            background-size: cover;
        }

        .servicePagejjfa {
            /*background-size: auto 100%;*/
            background-size: cover;
        }

        .aboutPage .platform .list {
            margin-top: 70px;
        }

        .aboutPage .platform li {
            width: 100%;
            margin-bottom: 80px;
        }

        .aboutPage .platform li:last-child {
            margin-bottom: 0;
        }
    }
    .aboutPage .centerBox {
        padding: 20px 14px;
        box-sizing: border-box;
    }

    .aboutPage .centerBox .title {
        margin-bottom: 20px;
    }

    .aboutPage .centerBox .pic {
        max-width: 600px;
        width: 100%;
        float: none;
        margin: 20px auto 0 auto;
    }

    .aboutPage .centerBox .list {
        max-width: 562px;
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    .aboutPage .centerBox .list li {
        padding: 20px 0;
    }

    .aboutPage .centerBox .list li .icon {
        height: 34px;
    }

    .aboutPage .centerBox .list li .tit {
        line-height: 22px;
        font-size: 18px;
        margin-top: 10px;
    }

    .aboutPage .centerBox .list li .txt {
        margin-top: 6px;
    }

    .aboutPage .culture {
        padding: 20px 14px;
        box-sizing: border-box;
    }

    .aboutPage .culture .content {
        height: auto;
        margin-top: 20px;
    }

    .aboutPage .culture li {
        padding: 60px 14px;
    }

    .aboutPage .culture li .icon {
        margin-top: 0px;
        height: 98px;
    }

    @media only screen and (max-width: 800px) {
        .container .columnBanner .xd{
            top: 9%;
            left: 33%;
            width: 32.5%;
        }
        .container .columnBanner .zfhx {
            top: 9.5%;
            left: 31.5%;
            font-size: 20px;
        }
        .container .columnBanner .zwfw {
            top: 9.5%;
            left: 31.5%;
            font-size: 20px;
        }
        .container .columnBanner .dwjg {
            top: 9.5%;
            left: 31.5%;
            font-size: 20px;
        }
        .aboutPage .culture li {
            padding: 30px 14px;
        }

        .aboutPage .culture li .icon {
            height: 60px;
        }

        .aboutPage .culture li .tit {
            font-size: 18px;
            margin-top: 12px;
        }

        .aboutPage .culture li .line {
            width: 22px;
            margin: 10px auto 0 auto;
        }

        .aboutPage .culture li .txt {
            line-height: 20px;
            font-size: 14px;
            margin-top: 10px;
        }
        .servicePage .operator .title img{
            width: 68%;
        }
        .servicePage .operator .list{
            margin-top: 66px;
        }
        .container .columnBanner .zfgl{
            left: 40%;
            width: 25%;
        }
        .servicePage .operator .list li .icon{
            height: 79px;
        }
        .servicePage .operator .list li .tit{
            font-size: 17px;
            line-height: 46px;
        }
        .servicePagejjfa .operator .title img{
            width: 68%;
        }
        .servicePagejjfa .operator .list{
            margin-top: 66px;
        }
        .container .columnBanner .zfgl{
            left: 40%;
            width: 25%;
        }
        .servicePagejjfa .operator .list li .icon{
            height: 79px;
        }
        .servicePagejjfa .operator .list li .tit{
            font-size: 17px;
            line-height: 46px;
        }
    }
    @media only screen and (max-width: 600px) {
        .aboutPage .culture .content {
            background-size: auto 100%;
        }

        .aboutPage .culture li {
            padding: 20px 10px;
        }

        .aboutPage .culture li .icon {
            height: 40px;
        }

        .aboutPage .culture li .tit {
            font-size: 16px;
            margin-top: 10px;
        }

        .aboutPage .culture li .line {
            margin: 5px auto 0 auto;
        }
        .servicePage .operator .title img{
            width: 68%;
        }
        .servicePage .operator .list{
            margin-top: 66px;
        }
        .servicePagejjfa .operator .title img{
            width: 68%;
        }
        .servicePagejjfa .operator .list{
            margin-top: 66px;
        }
        .container .columnBanner .zfgl{
            left: 37%;
            width: 25%;
        }
        .servicePage .operator .list li .icon{
            height: 79px;
        }
        .servicePage .operator .list li .tit{
            font-size: 17px;
            line-height: 46px;
        }
        .servicePagejjfa .operator .list li .icon{
            height: 79px;
        }
        .servicePagejjfa .operator .list li .tit{
            font-size: 17px;
            line-height: 46px;
        }
        .container .columnBanner .zfhx {
            top: 8.5%;
            left: 30.5%;
            font-size: 16px;
        }
        .container .columnBanner .zwfw {
            top: 8.5%;
            left: 30.5%;
            font-size: 16px;
        }
        .container .columnBanner .dwjg {
            top: 8.5%;
            left: 30.5%;
            font-size: 16px;
        }
    }
    @media only screen and (max-width: 550px) {
        .container .columnBanner .zfhx{
            display: none;
        }
        .container .columnBanner .zwfw{
            display: none;
        }
        .container .columnBanner .dwjg{
            display: none;
        }
        .servicePage{
            padding: 158px 0 !important;
        }
        .servicePage .operator .list li .tit{
            font-size: 12px;
        }
        .servicePage .operator .title img{
            width: 68%;
        }
        /*.servicePagejjfa{*/
        /*    padding: 130px 0;*/
        /*}*/
        .servicePagejjfa .operator .list li .tit{
            font-size: 12px;
        }
        .servicePagejjfa .operator .title img{
            width: 68%;
        }
        .container .columnBanner .zfgl{
            left: 36%;
            width: 29%;
            top: 26%;
        }
        .servicePage .operator .list li .icon{
            height: 79px;
        }
        .servicePage .operator .list li .tit{
            font-size: 17px;
            line-height: 46px;
        }
        .servicePagejjfa .operator .list li .icon{
            height: 79px;
        }
        .servicePagejjfa .operator .list li .tit{
            font-size: 17px;
            line-height: 46px;
        }
    }
    /*创捷概况end*/
    .honorPage {
        padding: 20px 0;
    }

    .honorPage .wrap {
        width: 850px;
    }

    .honorPage .honorList {
        margin-bottom: 10px;
    }

    .honorPage .honorList li:nth-child(4n+1),
    .honorPage .honorList li {
        width: 270px;
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .honorPage .honorList li:nth-child(3n+1) {
        padding-left: 0;
    }

    .honorPage .honorList li .box:hover .pic {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
    }

    .honorPage .honorList li .box:hover .text {
        color: #333333;
    }

    @media only screen and (max-width: 850px) {
        .honorPage .wrap {
            width: 560px;
        }

        .honorPage .honorList li:nth-child(3n+1),
        .honorPage .honorList li {
            width: 270px;
            padding-left: 20px;
            margin-bottom: 20px;
        }

        .honorPage .honorList li:nth-child(2n+1) {
            padding-left: 0;
        }
    }
    @media only screen and (max-width: 600px) {
        .honorPage .wrap {
            width: 100%;
        }

        .honorPage .honorList {
            padding: 0 5px;
            box-sizing: border-box;
        }

        .honorPage .honorList li:nth-child(4n+1),
        .honorPage .honorList li:nth-child(3n+1),
        .honorPage .honorList li:nth-child(2n+1),
        .honorPage .honorList li {
            width: 50%;
            padding: 0 5px;
            margin-bottom: 10px;
            box-sizing: border-box;
        }

        .honorPage .honorList li .box {
            padding: 12px;
        }

        .honorPage .honorList li .pic {
            height: auto;
        }

        .honorPage .honorList li .text {
            line-height: 20px;
            font-size: 14px;
            margin-top: 12px;
        }
    }
    /*资质荣誉end*/
    .talentPage .publicTitle {
        line-height: 30px;
        font-size: 26px;
    }

    .talentPage .recruiting {
        padding: 20px 10px;
        box-sizing: border-box;
    }

    .talentPage .recruiting .publicTitle {
        margin-bottom: 20px;
    }

    .talentPage .recruiting .pic {
        width: 100%;
        max-width: 600px;
        height: auto;
        float: none;
        margin: 0 auto;
        clear: both;
    }

    .talentPage .recruiting .link {
        width: 100%;
        max-width: 600px;
        float: none;
        margin: 0 auto;
    }

    .talentPage .recruiting .link:after {
        content: "";
        height: 0;
        display: block;
        clear: both
    }

    .talentPage .recruiting .link .box {
        width: 50%;
        height: 134px;
        float: left;
        padding-right: 5px;
        box-sizing: border-box;
        margin-top: 10px;
    }

    .talentPage .recruiting .link .box a {
        padding-top: 34px;
    }

    .talentPage .recruiting .link .box:nth-child(2) {
        margin-top: 10px;
        padding-right: 0;
        padding-left: 5px;
    }

    .talentPage .recruiting .link .icon {
        height: 47px;
    }

    .talentPage .recruiting .link .txt {
        line-height: 20px;
        font-size: 16px;
        margin-top: 10px;
    }

    .talentPage .recruiting .way {
        width: 100%;
        max-width: 600px;
        height: auto;
        float: none;
        margin: 10px auto 0 auto;
        padding: 20px 0 10px 0;
    }

    .talentPage .recruiting .way .title {
        line-height: 20px;
        font-size: 18px;
        margin-top: 0px;
    }

    .talentPage .recruiting .way .title span {
        font-size: 14px;
        margin-left: 8px;
    }

    .talentPage .recruiting .way .icon a {
        width: 59px;
        height: 59px;
        margin: 16px 20px 0 20px;
        padding-top: 15px;
    }

    .talentPage .recruiting .way .text {
        margin: 16px 0 0 0;
        padding: 18px 10px 0 10px;
        box-sizing: border-box;
    }

    .talentPage .recruiting .way .text p {
        margin-bottom: 10px;
    }

    @media only screen and (max-width: 600px) {
        .talentPage .publicTitle {
            line-height: 26px;
            font-size: 22px;
        }

        .talentPage .recruiting .pic .title {
            left: 22px;
            top: 22px;
        }

        .talentPage .recruiting .link .box a {
            background-size: auto 100%;
        }
    }
    .talentPage a.a_recruitment {
        position: absolute;
        top: -50px;
    }

    .talentPage .recruitment {
        padding: 20px 10px 0 10px;
        box-sizing: border-box;
    }

    .talentPage .recruitment li {
        margin-bottom: 20px;
    }

    .talentPage .recruitment li .top {
        background: url(../img/recruitment_top1.png) no-repeat right 10px center #fff;
        background-size: 20px;
        padding: 13px 35px 13px 10px;
    }

    .talentPage .recruitment li .text .txt {
        line-height: 26px;
        padding: 10px 0 0px 0;
    }

    @media only screen and (max-width: 600px) {
        .talentPage .recruitment li .top .txt:nth-child(1),
        .talentPage .recruitment li .top .txt:nth-child(2),
        .talentPage .recruitment li .top .txt:nth-child(3),
        .talentPage .recruitment li .top .txt:nth-child(4) {
            width: 50%;
            text-align: left;
        }
    }
    .talentPage .development {
        padding: 20px 14px;
        box-sizing: border-box;
    }

    .talentPage .development .pic {
        width: 50%;
        margin: 20px auto 0 auto;
    }

    .talentPage .activity {
        padding-top: 20px;
        margin-bottom: -22px;
    }

    .talentPage .activity .pic {
        margin-top: 20px;
    }

    @media only screen and (max-width: 540px) {
        .talentPage .activity {
            margin-bottom: 0px;
        }
    }
    /*人才战略end*/
    .contactPage {
        padding: 20px 20px;
    }

    .wrapper .contactPage .addressBox {
        margin-top: 0px;
    }

    .wrapper .contactPage .addressBox h2 {
        font-size: 22px;
    }

    .wrapper .contactPage .addressBox .list {
        margin-top: 10px;
    }

    .wrapper .contactPage .addressBox li {
        margin-bottom: 10px;
        line-height: 22px;
    }

    .wrapper .contactPage .mapBox {
        margin-top: 22px;
    }

    .wrapper .contactPage .mapBox .map {
        height: 400px;
        margin-top: 12px;
        margin-bottom: 0px;
    }

    .wrapper .contactPage .mapBox .map #allmap {
        height: 400px;
    }

    /*联系我们end*/
    .case-details .introduction {
        margin: 30px 0;
        padding: 0 10px;
    }

    .case-details .introduction .wrap {
        max-width: 600px;
    }

    .case-details .introduction .cont,
    .case-details .introduction .pic {
        width: 100%;
        float: none;
    }

    .case-details .introduction .cont {
        padding: 0;
    }

    .case-details .introduction .pic {
        margin-top: 20px;
    }

    .case-details .introduction .title {
        font-size: 20px;
    }

    .case-details .introduction .line {
        width: 38px;
        height: 2px;
        margin: 16px 0 20px 0;
    }

    .case-details .introduction .text {
        line-height: 26px;
        font-size: 14px;
    }

    .case-details .details {
        padding: 30px 10px;
    }

    .case-details .details .row {
        margin-bottom: 30px;
    }

    .case-details .details .row:last-child {
        margin-bottom: 0;
    }

    .case-details .related {
        padding: 30px 10px;
    }

    .case-details .related .title {
        height: 40px;
    }

    .case-details .related .title .tit {
        line-height: 40px;
        font-size: 20px;
    }

    .case-details .related .swiper-button-prev,
    .case-details .related .swiper-button-next {
        margin: 8px 0 0 10px;
    }

    /*.case-details .related .swiper-slide .pic {*/
    /*    border: solid 5px #f2f1f1;*/
    /*}*/

    .case-details .related .swiper-slide .txt {
        font-size: 12px;
        bottom: 152px;
    }

    .case-details .related .swiper-slide .pic:hover{
        transform: scale(1.1, 1.1);
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        border: 1px solid #283038;
        width: 96%;
        padding-top: 60%;
        box-shadow:0 0 0 2px #c6eee2,inset 0 0 10px #00a4e8;
    }

    .case-details .related .swiper-slide .pic:hover .txt{
        bottom: 280px;
    }

    .case-details .related .swiper-slide .pic:hover p{
        color: white !important;
    }

    .fixed-sidebar {
        width: 100%;
        right: 0;
        top: auto;
        bottom: 0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
    }

    .fixed-sidebar li {
        width: 25%;
        float: left;
        margin: 0;
        border-left: solid 1px #fff;
        border-top: none;
        box-sizing: border-box;
    }

    .fixed-sidebar li:first-child {
        border-left: none;
    }

    .fixed-sidebar li:first-child a,
    .fixed-sidebar li:last-child a {
        border-radius: 0;
    }

    .fixed-sidebar li:hover a {
        background: #20588a;
    }

    .fixed-sidebar li a {
        height: 50px;
        padding-top: 4px;
    }

    .fixed-sidebar li a i {
        height: 18px;
        line-height: 18px;
    }

    .fixed-sidebar li .hide {
        height: auto;
        line-height: auto;
        top: auto;
        bottom: 50px;
        right: auto;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        display: none;
    }

    .fixed-sidebar li .phone {
        display: none;
    }

    .fixed-sidebar li .qrcode {
        width: 148px;
        height: auto;
        top: auto;
        right: auto;
        bottom: 54px;
        left: 50%;
        padding-right: 0;
    }

    .fixed-sidebar li .qrcode .box {
        padding: 10px;
    }

    .fixed-sidebar li .qrcode .box::after {
        display: none;
    }

}

@media only screen and (max-width: 1200px) {
    /*导航产品下拉*/
    .header .nav > ul > li.m4 {
        position: relative;
    }

    .header .nav li.m4 .sub {
        padding-top: 0;
        padding-bottom: 0;
        border-top: 0;
    }

    .header .nav li.m4 .sub li {
        border-bottom: solid 1px #ddd;
        float: none;
        width: 100%;
    }

    .header .nav li.m4 .sub li:first-child {
        border-right: 0px solid #dddddd;
        height: auto;
    }

    .header .nav li.m4 .sub li dl {
        text-align: center;
    }

    .header .nav li.m4 .sub li:first-child dl {
        margin-left: 0px;
    }

    .header .nav li.m4 .sub li:nth-child(2) dl {
        margin-left: 0px;
    }

    .header .nav li.m4 .sub li dl .h4 {
        margin-bottom: 0px;
        font-size: 16px;
        margin-left: 0;
        text-align: center;
        height: 40px;
        line-height: 40px;
    }

    .header .nav li.m4 .sub li dl dd {
        float: none;
        width: 100%;
        text-align: center;
    }

    .header .nav li.m4 .sub li dl dd a {
        padding-left: 0px;
        padding-right: 0;
        color: #333333;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }

    .header .nav li.m4 .sub li dl dd a:hover {
        color: #333333;
    }

    .header .nav li.m4 .sub li dl dd a:after {
        display: none;
    }

    .header .nav li.m4 .sub li dl dd .p {
        padding-bottom: 0px;
    }

    .header .nav li.m4 .sub li dl dd .h5 {
        text-align: center;
        margin-left: 0;
    }

    /*产品详细*/
    .product_type {
        margin-top: 5%;
        margin-bottom: 42px;
    }

    .product_type ul li {
        font-size: 14px;
    }

    .product_type ul li .a {
        padding-left: 20px;
        padding-right: 20px;
    }

    .product_type ul li .smalltype {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .product_one .txts .p {
        min-height: 96px;
        margin-top: 5%;
    }

    .product_one .txts .h3 {
        font-size: 30px;
    }

    .product_one .txts .a {
        font-size: 15px;
        width: 150px;
        text-indent: 28px;
    }

    .product_one .txts .a:hover {
        text-indent: 32px;
    }

    .productPage .wrap {
        width: 96%;
    }

    .product_cons .h4 {
        font-size: 22px;
        line-height: 32px;
    }

    .productPage .productList {
        width: 959px;
        margin: 0px auto 0 auto;
        padding-bottom: 20px;
    }

    .productPage .productList .swiper-container {
        padding-bottom: 40px;
    }

    .productPage .productList .swiper-slide a:hover img {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
    }

    .productPage .productList .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 10px;
    }

    .productPage .productList .swiper-pagination {
        bottom: 0;
    }
}

@media only screen and (max-width: 1026px) {
    .container .columnBanner .zfhx {
        top: 38.5%;
        left: 36.7%;
        font-size: 13px;
        height: 63px;
        line-height: 63px;
        width: 29%;
    }
    .container .columnBanner .zwfw {
        top: 36.5%;
        left: 36.7%;
        font-size: 5px;
        height: 63px;
        line-height: 63px;
        width: 32%;
    }
    .container .columnBanner .dwjg {
        top: 36.5%;
        left: 36.7%;
        font-size: 5px;
        height: 63px;
        line-height: 63px;
        width: 32%;
    }
    .servicePagejjfa .jjfaope .listr li .titi{
        font-size: 15px;
    }
    .servicePagejjfa .jjfaope .list li .titi{
        font-size: 15px;
    }

    .servicePagejjfa .jjfaope .listdwr li .titi{
        font-size: 15px;
    }
    .servicePagejjfa .jjfaope .listdw li .titi{
        font-size: 15px;
    }
    .container .columnBanner .sjfazx{
        display: none;
    }
    .container .columnBanner .sjlogo {
        width: 21%;
        top: 9%;
    }
    .container .columnBanner .sjlogoba{
        width: 36%;
        top: 9%;
    }
    .container .columnBanner .sjsj{
        top: 15.5%;
        width: 88%;
        left: 10%;
    }
    .container .columnBanner .zhsjsj{
        top: 15.5%;
        width: 88%;
        left: 10%;
    }
    .container .columnBanner .sjtb{
        width: 11%;
    }
    .container .columnBanner .sjzxfatit{
        left: 31%;
    }
}

@media only screen and (max-width: 960px) {
    /*产品详细*/
    .product_type ul li .a {
        font-size: 15px;
    }

    .product_one .imgs {
        float: none;
        width: 96%;
        margin: 0 auto;
        max-width: none;
    }

    .product_one .txts .h3 {
        font-size: 26px;
    }

    .product_one .txts .cons {
        max-width: none;
    }

    .product_one .txts .p {
        min-height: inherit;
        margin-top: 4%;
    }

    .product_nav {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .product_nav a {
        font-size: 15px;
        margin-right: 30px;
    }

    .productPage .productList {
        width: 719px;
        margin: 0px auto 0 auto;
    }
    .servicePagejjfa .jjfaope .list{
        margin-left: 0;
        width: 100%;
        margin-top: 0px;
        text-align: center;
    }

    .servicePagejjfa .jjfaope .list li{
        float: inherit;
        text-align: center;
        padding-right: 0;
    }

    .servicePagejjfa .jjfaope .listr{
        margin-left: 0;
        width: 100%;
        margin-top: 0px;
        text-align: center;
        margin-right: 0;
    }

    .servicePagejjfa .jjfaope .listr li{
        float: inherit;
        text-align: center;
        padding-right: 0;
    }



    .servicePagejjfa .jjfaope .listdw{
        margin-left: 0;
        width: 100%;
        margin-top: 0px;
        text-align: center;
    }

    .servicePagejjfa .jjfaope .listdw li{
        float: inherit;
        text-align: center;
        padding-right: 0;
    }

    .servicePagejjfa .jjfaope .listdwr{
        margin-left: 0;
        width: 100%;
        margin-top: 0px;
        text-align: center;
        margin-right: 0;
    }

    .servicePagejjfa .jjfaope .listdwr li{
        float: inherit;
        text-align: center;
        padding-right: 0;
    }

    .servicePagejjfa{
        min-height: 616px;
    }

    .container .columnBanner .sjtb{
        width: 12%;
    }
    .container .columnBanner .zhfatit{
        left: 30%;
    }

}
@media screen and (max-width: 780px) {
    .container .columnBanner .sjlogo {
        width: 22%;
        top: 7%;
    }
    .container .columnBanner .sjlogoba{
        width: 36%;
        top: 7%;
    }
    .container .columnBanner .sjsj{
        font-size: 1px;
        left: 9%;
        top: 13.5%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
    .container .columnBanner .zhsjsj{
        font-size: 1px;
        left: 9%;
        top: 13.5%;
    }
    .container .columnBanner .sjtb{
        width: 19%;
        top: 84.5%;
    }
    .container .columnBanner .sjfazxtit{
        top: 84.7%;
        left: 12%;
        font-size: 15px;
    }
    .container .columnBanner .sjzxfatit{
        left: 35%;
        top: 84.7%;
        font-size: 15px;
    }
    .servicePage .operator .bj img {
        width: 24%;
    }
    .servicePage .operator .logo img{
        width: 100%;
    }
    .container .columnBanner .zhsjsj{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

}
@media screen and (max-width: 750px) {
/*产品详细*/
    .productPage .productList {
        width: 479px;
    }

    .productPage .productList .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 5px;
    }
    .container .columnBanner .zfhx {
        top: 46.5%;
        left: 37.7%;
        font-size: 1px;
        height: 50px;
        line-height: 50px;
        width: 30%;
    }
    .container .columnBanner .zwfw {
        top: 46.5%;
        left: 31.7%;
        font-size: 1px;
        height: 50px;
        line-height: 50px;
        width: 36%;
    }
    .container .columnBanner .dwjg {
        top: 46.5%;
        left: 31.7%;
        font-size: 1px;
        height: 50px;
        line-height: 50px;
        width: 36%;
    }
    .aboutPage{
        height: 128vh;
    }
    .container .columnBanner .zhtit{
        left: 12%;
    }
    .container .columnBanner .zhfatit{
        left: 32%;
    }
}

@media screen and (max-width: 640px) {
    /*产品详细*/
    .product_type { /* overflow:hidden;*/
        margin-bottom: 20px;
    }

    .product_type ul li {
        margin-bottom: 2%;
    }

    .product_type ul li .a {
        font-size: 14px;
    }

    .product_type ul li .smalltype {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .case-details .related .title .tit {
        font-size: 18px;
    }

    .product_one {
        margin-bottom: 7%;
    }

    .product_one .txts .cons {
        max-width: none;
    }

    .product_one .txts .h3 {
        font-size: 24px;
    }

    .product_one .txts .p {
        font-size: 13px;
        line-height: 22px;
    }

    .product_nav {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .product_nav a {
        margin-right: 20px;
        font-size: 14px;
    }

    .product_cons {
        font-size: 15px;
        line-height: 22px;
    }

    .product_cons b {
        margin-bottom: 10px;
    }

    .product_cons .h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .newsPage .head{
        display: none;
    }
    .newsPage .newsLists {
        margin-left: 3%;
    }
    .aboutPage .introduce .pic img{
        height: auto;
    }
    /*.newsPage{*/
    /*    min-height: 75vh;*/
    /*}*/
    .container .columnBanner .zhfatit{
        left: 41%;
    }
}

@media screen and (max-width: 550px) {
    .case-details .related .swiper-slide .pic{
        padding-top: 38%;
    }
}

@media screen and (max-width: 480px) {
    /*产品详细*/
    .product_type ul li .a {
        font-size: 13px;
        height: 32px;
        line-height: 32px;
    }

    .product_one .txts .h3 {
        font-size: 20px;
    }

    .product_one .txts .a {
        width: 130px;
        font-size: 13px;
        height: 36px;
        line-height: 36px;
        text-indent: 19px;
        background-position: 94px center;
    }

    .product_one .txts .a:hover {
        text-indent: 23px;
        background-position: 98px center;
    }

    .product_nav a {
        margin-right: 15px;
        font-size: 13px;
    }

    .product_cons {
        font-size: 14px;
    }

    .product_cons b {
        margin-bottom: 8px;
    }

    .product_cons .h4 {
        font-size: 18px;
        line-height: 26px;
    }

    .productPage .productList {
        width: 100%;
        padding: 0 1px;
        box-sizing: border-box;
    }

    .productPage .productList .swiper-slide .h5 {
        height: 40px;
        line-height: 40px;
        font-size: 13px;
    }
}