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


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

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

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

    .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;
    }

    .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: #abdde5;
        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;
    }

    .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: #abdde5;
        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;
    }

    .header .nav > ul > li.now,
    .header .nav > ul > li.on {
        background: #abdde5;
    }

    .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;
    }

    .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: 100%;
        display: block;
    }

    #dowebok .columnTitle .tit {
        line-height: 30px;
        font-size: 24px;
    }

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

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

    .section2 {
        background: url(../image/section2_bg1.jpg) no-repeat 0 0, url(../images/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;
    }

    .section2 .solutionList {
        margin: 20px auto 0 auto;
    }

    .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) {
        .section2 .solutionList {
            width: 100%;
            padding: 0 2px;
            box-sizing: border-box;
        }

        .section2 .solutionList li:nth-child(3n+1),
        .section2 .solutionList li {
            width: 33.333%;
            height: auto;
            padding: 0 1px;
            margin-bottom: 2px;
            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;
        }
    }
    @media only screen and (max-width: 600px) {
        .section2 .solutionList li:nth-child(3n+1),
        .section2 .solutionList li {
            width: 50%;
        }
    }
    .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(../image/section3_more.png) no-repeat right 10px center;
        padding-right: 30px;
        margin-top: 22px;
    }

    .section4 .contont .more:hover {
        background-image: url(../image/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(../image/section3_more3.png) no-repeat right 10px center;
        padding-right: 30px;
        margin-top: 20px;
    }

    .section5 .contont .more:hover {
        background-image: url(../image/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;
    }

    .section6 .clientsList {
        width: 959px;
        margin: 30px auto 0 auto;
        padding-bottom: 20px;
    }

    .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: 20px auto 0 auto;
        }
    }
    @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: 0 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 #a7c3dc;
    }

    .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;
    }

    .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%;
    }

    .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;
    }

    .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: #abdde5;
    }

    @media only screen and (max-width: 600px) {
        .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) {
        .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;
        }
    }
    @media only screen and (max-width: 600px) {
        .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;
    }

    .servicePage .operator .list {
        margin-top: 26px;
    }

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

    @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(../image/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;
        }
    }
    @media only screen and (max-width: 600px) {
        .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;
        }
    }
    .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;
    }

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

        .servicePage .worth .content {
            padding: 14px 14;
            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;
    }

    /*服务运营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;
    }

    .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%;
        }

        .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) {
        .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;
        }
    }
    @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;
        }
    }
    /*创捷概况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(../image/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;
    }

    .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: #a7c3dc;
    }

    .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: 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;
    }

}

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

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

@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;
    }
}

@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;
    }
}