.pages {
            text-align: center;
        }
        .pagination p{
            margin:0;
            cursor:pointer
        }
        .pagination{
            height:40px;
            padding:20px 0px;
            display: inline-block;
        }
        .pagination a{
            display:block;
            float:left;
            margin-right:10px;
            padding:2px 12px;
            height:24px;
            border:1px #cccccc solid;
            background:#fff;
            text-decoration:none;
            color:#808080;
            font-size:12px;
            line-height:20px;
        }
        .pagination a:hover{
            color:#183883;
            background: white;
            border:1px #183883 solid;
        }
        .pagination a.cur{
            border:1px #183883 solid;
            background:#183883;
            color:#fff;
        }
        .pagination p{
            float:left;
            padding:2px 12px;
            font-size:12px;
            height:24px;
            line-height:20px;
            color:#bbb;
            border:1px #ccc solid;
            background:#fcfcfc;
            margin-right:8px;
        }
        .pagination p.pageRemark{
            border-style:none;
            background:none;
            margin-right:0px;
            padding:4px 0px;
            color:#666;
        }
        .pagination p.pageRemark b{
            color:#183883;
        }
        .pagination p.pageEllipsis{
            border-style:none;
            background:none;
            padding:4px 0px;
            color:#808080;
        }
        .dates li {font-size: 14px;margin:20px 0}
        .dates li span{float:right}
    
        .mip-list-more {
            width: 100%;
            height: 36px;
            margin: 25px auto 0;
            font-size: 14px;
            color: #fff;
            text-align: center;
            line-height: 36px;
        }
        .mip-wap {display: none}
        .mip-pc {display: block;}
        .mip-main { width: 100%;padding: 50px 0; }
    .cont-left{ width:220px; float:left; overflow:hidden;}
    .cont-left .top{ width:100%; overflow:hidden; margin-bottom:30px;}
    .cont-left .top .tim{ height:45px; line-height:45px; font-size:20px; background-color:#183883; color:#fff; text-indent:15px;}
    .cont-left .top ul{ padding:5px 15px; border:1px solid #ddd; border-top:none;}
    .cont-left .top ul li{ line-height:40px; font-size:14px; border-bottom:1px dashed #ccc;}
    .cont-left .top ul li ul{ display:none;}
    .cont-left .top ul li a:hover{ color:#183883;}
    .cont-left .top ul li.tt{ border-bottom:none;}
    .cont-left .cet{ margin-bottom:0;}
    .cont-left .cet .cett{ padding:15px 10px; border:1px solid #ddd; border-top:none;}
    .cont-left .cet .cett span{ font-size:14px; font-weight:bold;}
    .cont-left .cet .cett p{ font-size:13px; color:#666; line-height:24px;}
    .cont-right{ width:950px; float:right; overflow:hidden;}
    .cont-right .subtitle{ width:100%; height:46px; line-height:46px; border-bottom:1px solid #ddd; overflow:hidden; position:relative;}
    .cont-right .subtitle span.catname{ font-size:20px; display:inline-block; margin-left:10px;}
    .cont-right .subtitle span.xian{ position:absolute; width:100px; height:1px; background-color:#183883; left:0; bottom:0;}
    .cont-right .content{ width:100%; overflow:hidden; margin-top:20px; font-size:14px; line-height:26px; color:#666;}
    .cont-right .content img{ max-width:100%;}
    .mip-center {
        max-width: 1200px;
        margin: 0 auto;
    }

    .mip-head {
        width: 100%;
        overflow: hidden;
        padding: 25px 0;
    }

    .mip-head .mip-logo {
        float: left;
        font-size: 26px;
        line-height: 60px;
        font-weight: bold;
    }

    .mip-head .mip-logo a {
        display: inline-block;
        float: left;
    }

    .mip-head .mip-logo a mip-img {
        height: 60px;
        width: auto;
    }

    .mip-head .mip-logo span {
        color: #183883;
    }

    .mip-head .mip-headtext {
        float: left;
        margin-left: 80px;
    }

    .mip-head .mip-headtext mip-img {
        width: auto;
        height: 26px;
    }

    .mip-head .mip-headtext p {
        font-size: 14px;
        color: #666;
        margin-top: 5px;
    }

    .mip-head .mip-tel {
        float: right;
        position: relative;
        padding-left: 62px;
    }

    .mip-head .mip-tel mip-img {
        height: 62px;
        width: auto;
        position: absolute;
        left: 0;
        top: 0;
    }

    .mip-head .mip-tel p {
        display: block;
        font-size: 14px;
        color: #666;
    }

    .mip-head .mip-tel span {
        font-size: 30px;
        color: #183883;
        line-height: 40px;
        font-style: italic;
        font-weight: bold;
    }

    .mip-nav {
        width: 100%;
        background: #183883;
        height: 50px;
    }

    
        mip-nav-slidedown #bs-navbar .navbar-nav {
            margin-top: 0;
        }
        mip-nav-slidedown #bs-navbar .navbar-nav a {
            display: block;
            color: #fff;
            height: 50px;
            line-height: 50px;
            padding: 0 50px;
            margin: 0;
            background: transparent;
        }
        mip-nav-slidedown #bs-navbar .navbar-nav a:hover {
            color: #fff;
            background: #2b2b2b;
        }
        mip-nav-slidedown #bs-navbar .navbar-nav a.active {
            color: #fff;
            background: #2b2b2b;
        }

    mip-nav-slidedown #bs-navbar {
        float: left;
    }

    .mip-footer .mip-footert {
        width: 100%;
        background: #333;
        padding-top: 1%;
    }

    .mip-footer .mip-center {
        margin: 16px auto;
    }

    .mip-footer .mip-footert .mip-text {
        width: 10%;
        margin-right: 10%;
        float: left;
    }

    .mip-footer .mip-footert .mip-text .tt a {
        font-size: 16px;
        color: #888;
        display: block;
        border-bottom: 1px solid #484848;
        padding-bottom: 15px;
        margin-bottom: 25px;
    }

    .mip-footer .mip-footert .mip-text ul li a {
        display: block;
        font-size: 14px;
        color: #ccc;
    }

    .mip-footer .mip-footert .mip-text:last-child {
        width: 37%;
        margin-right: 0;
    }

    .mip-footer .mip-footert .mip-text .contact {
        position: relative;
    }

    .mip-footer .mip-footert .mip-text .contact p {
        font-size: 25px;
        color: #183883;
    }

    .mip-footer .mip-footert .mip-text .contact span {
        font-size: 14px;
        display: inline-block;
        color: #666;
        margin: 3% 0 3%;
    }

    .mip-footer .mip-footert .mip-text .contact mip-img {
        position: absolute;
        right: 0;
        top: 0;
        width: 153px;
    }

    .mip-footer .mip-footert .mip-text .contact a {
        display: block;
        box-sizing: border-box;
        width: 186px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        background: #3f3f3f;
        border-radius: 6px;
    }

    .mip-footer .mip-footert .mip-text .contact a mip-img {
        position: relative;
        top: 0;
        right: 0;
        width: 22px;
        float: left;
        margin-left: 40px;
        margin-right: 10px;
        margin-top: 9px;
    }

    .mip-footerb {
        background: #222;
        width: 100%;
        line-height: 60px;
        font-size: 14px;
        color: #666;
        text-align: center;
    }
        .caselist{ width:100%; overflow:hidden;}
        .caselist li{ width:31.33%; float:left; overflow:hidden; margin:1%;}
        .caselist li .img{ width:100%; overflow:hidden;}
        .caselist li .img img{ width:100%;-moz-transition: all 1s ease 0s;
            -ms-transition: all 1s ease 0s;
            -o-transition: all 1s ease 0s;
            -webkit-transition: all 1s ease 0s;
            transition: all 1s ease 0s;}
        .caselist li p{ text-align:center; font-size:14px; margin-top:5px; height:24px; line-height:24px; overflow:hidden;} 
        .caselist li a:hover img{-moz-transform: scale(1.1, 1.1);
            -ms-transform: scale(1.1, 1.1);
            -o-transform: scale(1.1, 1.1);
            -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);}
        .caselist li a:hover p{ color:#183883;}
        .mip-wap{display: none}
        .mip-pc{display: block;}
        .mip-page {text-align: center}
        *{
            box-sizing: border-box;
        }
        .clearfix{zoom:1;}
        .clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
        .clearfix:after{clear:both;}
        li {
            list-style-type: none;
        }
        mip-fixed[type="top"] {
            overflow: visible;
        }
        .mip-img-container {
            max-width: 1920px;
            position: relative;
        }
        .mip-img-container .mip-carousel-indicator-wrapper {
            position: absolute;
            bottom: 30px;
            left: 48%;
        }
        .mip-carousel-indicatorDot .mip-carousel-indecator-item {
            background: none;
            border: 2px solid #ccc;
            width: 8px;
            height: 8px;
            opacity: 1;
        }
        .mip-carousel-indicatorDot .mip-carousel-activeitem {
            background-color: #183883;
            border-color: #183883;
        }
        .mip-container {
            max-width: 1920px;
            margin: 16px auto;
        }
        .mip-tit {
            width: 100%;
            margin: 20px auto;
            text-align: center;
        }
        .mip-tit h3 {
            font-size: 30px;
            color: #666;
        }
        .mip-tit i {
            display: inline-block;
            width: 33px;
            height: 3px;
            background: #183883;
            margin: .5% 0;
        }
        .mip-tit p {
            font-size: 20px;
            color: #333;
        }
        mip-vd-tabs .mip-vd-tabs-row-tile {
            text-align: center;
        }
        mip-vd-tabs .mip-vd-tabs-nav {
            display: inline-block;
        }
        mip-vd-tabs .mip-vd-tabs-nav-li {
            float: left;
            overflow: hidden;
            width: 100px!important;
            height: 44px;
            padding: 0 10px;
            cursor: pointer;
        }
        mip-vd-tabs .mip-vd-tabs-nav .mip-vd-tabs-nav-selected {
            color: #183883;
            border: none;
        }
        .mip-vd-tabs-nav {
            padding: 0;
        }
        .mip-ipro .mip-text ul li {
            width: 30%;
            float: left;
            margin-right: 5%;
            margin-bottom: 4%;
        }
        .mip-ipro .mip-text ul li:nth-child(3n) {
            margin-right: 0;
        }
        .mip-ipro .mip-text ul li .t {
            display: block;
            text-align: center;
            font-size: 18px;
            line-height: 36px;
        }
        .more {
            display: block!important;
            margin: 0 auto 30px;
            width: 200px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            background: #f1f1f1;
            color: #333;
            font-size: 14px;
            transition:all .5s;
            -moz-transition:all .5s; 
            -webkit-transition:all .5s; 
            -o-transition:all .5s;
        }
        .more:hover {
            background: #183883;
            color: #fff;
        }
        .mip-footer .mip-container {
            margin: 16px auto 0;
        }
        .mip-footer .mip-footert .mip-text {
            width: 10%;
            margin-right: 10%;
            float: left;
        }
        .mip-footer .mip-footert .mip-text .tt a {
            font-size: 16px;
            color: #888;
            display: block;
            border-bottom: 1px solid #484848;
            padding-bottom: 15px;
            margin-bottom: 25px;
        }
        .mip-footer .mip-footert .mip-text ul li a {
            display: block;
            font-size: 14px;
            color: #ccc;
        }
        .mip-footer .mip-footert .mip-text:last-child {
            width: 37%;
            margin-right: 0;
        }
        .mip-footer .mip-footert .mip-text .contact {
            position: relative;
        }
        .mip-footer .mip-footert .mip-text .contact p {
            font-size: 25px;
            color: #ff9801;
        }
        .mip-footer .mip-footert .mip-text .contact span {
            font-size: 14px;
            display: inline-block;
            color: #666;
            margin: 3% 0 3%;
        }
        .mip-footer .mip-footert .mip-text .contact mip-img {
            position: absolute;
            right: 0;
            top: 0;
            width: 153px;
        }
        .mip-footer .mip-footert .mip-text .contact a {
            display: block;
            box-sizing: border-box;
            width: 186px;
            height: 40px;
            line-height: 40px;
            color: #fff;
            background: #3f3f3f;
            border-radius: 6px;
        }
        .mip-footer .mip-footert .mip-text .contact a mip-img {
            position: relative;
            top: 0;
            right: 0;
            width: 22px;
            float: left;
            margin-left: 40px;
            margin-right: 10px;
            margin-top: 9px;
        }
        .mip-footerb {
            background: #222;
            padding: 0 3%;
            width: 100%;
            height: 60px;
            line-height: 60px;
            font-size: 14px;
            color: #666;
        }
        .mip-head .mip-container {
            margin: 0 auto;
        }
        .mip-crumbs .mip-container {
            margin: 0 auto;
            background: #f0f0f0;
            line-height: 78px;
            height: 78px;
            padding: 0 3%;
            font-size: 14px;
            color: #999;
        }
        .mip-crumbs .mip-container a {
            color: #999;
        }
        .mip-crumbs .mip-container a:last-child {
            color: #f90;
        }
        .mip-ipro .mip-tabs {
            display: inline-block;
            text-align: center;
            width: 100%;
        }
        .mip-ipro .mip-tabs a {
            display: inline-block;
            margin-right: 20px;
            line-height: 40px;
            font-size: 14px;
        }
        .mip-ipro .mip-tabs a:last-child {
            margin-right: 0;
        }
        .mip-inew .mip-tabs a:last-child {
            margin-right: 0;
        }
        .mip-ipro .mip-tabs a.active {
            color: #f90;
        }

    .mip-img-container {
        margin: 0 auto;
    }
        .mip-main {
            padding: 30px 0;
        }
        @media screen and (max-width: 1200px) {
            .count{width: 100%;}
            .mip-center {
                padding: 0 1%;
            }
            .mip-case .mip-case_c mip-vd-tabs section {
                width: 100%;
            }
            .mip-inews .mip-inews_l {
                width: 100%;
                margin-bottom: 30px;
            }
            .mip-inews .mip-inews_r {
                width: 100%;
            }
            .mip-inews .mip-inews_l .mip-inews_ll {
                width: 40%;
            }
            .mip-inews .mip-inews_l .mip-inews_lr {
                width: 56%;
            }
            mip-nav-slidedown #bs-navbar .navbar-nav a {
                padding: 0 25px;
            }
            .mip-case .mip-case_c mip-vd-tabs .mip-vd-tabs-content {
                width: 100%;
                height: auto;
            }
            .mip-headtext {
                display: none;
            }
            .mip-tel {
                display: block;
            }
            .mip-main {
                padding: 30px 0;
            }
            .cont-left {
                width: 20%;
            }
            .cont-right {
                width: 75%;
            }
    }
        @media screen and (max-width: 767px) {
            .count .fr{display: none;}
            .mip-wap {
                display: block;
            }

            .mip-pc {
                display: none;
            }
          .mip-head {display: none;}
          .mip-tel {
            display: none;
         }
          .fb {
                display: block!important;
                width: 100%;
                background: #183883;
                color: #fff;
                height: 56px;
            }
          .fb a {
                width: 33.3%;
                display: block;
                height: 56px;
                float: left;
                text-align: center;
                color: #fff;
                padding: 5px 0;
                font-size: 12px;
                line-height: 1;
            }
            .fb a i {
                display: block;
                height: 28px;
                background: no-repeat center;
                background-size: contain;
                margin-bottom: 5px;
            }
            .fb a i.i1 {
                background-image: url(../images/f_ico1.png);
            }
            .fb a i.i3 {
                background-image: url(../images/f_ico3.png);
            }
            .fb a i.i4 {
                background-image: url(../images/f_ico4.png);
            }
            .mip-footerb {
                margin-bottom: 56px;
            }
          .mip-nav {
            background: #fff;
          }
          .mip-logo {
                float: left;
                font-size: 20px;
                line-height: 50px;
                font-weight: bold;
            }
            .mip-logo a {
                display: inline-block;
                float: left;
            }
            .mip-logo a mip-img{
                height: 50px;
                width: auto;
            }
            .mip-logo img {
                width: auto;
            }
            .mip-logo span {
                color: #183883;
            }
        .mip-footer .mip-footert .mip-text:last-child {
            width: 100%;
            text-align: center;
        }
        .mip-main {
            padding: 30px 0;
        }
        .cont-left {
            display: none;
        }
        .cont-right {
            width: 100%;
        }
        .cont-right .content {
            padding: 0 1%;
        }
    }

    @media screen and (max-width: 640px){.caselist li{width: 48%;}}