/*start of 兼容不同分辨率*/
/*// Small devices (landscape phones, 576px and up)*/
/*手机端*/
@media (max-width: 576px) {
    .header-nav{
        display: none;
    }
    .phone-top-placeholder{
        display: block;
    }
    /*pc网站底部*/
    .footer .col-12 {
        padding: 0;
    }
    .footer .col-9, .footer .col-3 {
        padding: 0;
    }
    .footer .col-9{
        padding-top: 8px;
    }

    .footer-p {
        font-size: 12px;
        margin-bottom: 6px;
    }
    .footer-p i{
        width: 16px;
    }
    .footer-p img{
        width: 100%;
    }
    .footer-p:hover{
        margin-left: 0;
    }
    .footer-info{
        font-size: 12px;
        margin-bottom: 12px;
    }
    .footer-b{
        line-height: 200%;
        font-size: 12px;
    }
    .footer-b a{
        display: block;
        margin-left: 0;
        margin-top: 0;
    }

    /* banner */
    .banner {
        height: 160px;
    }
    .banner .swiper-slide {
        height: 160px;
    }
    .banner .swiper-slide img {
        height: 160px;
    }
    .banner-logo {
        display: none;
    }
    .banner .swiper-pagination-bullet{
        width: 4px !important;
        height: 4px !important;
    }
    /*由于bootstrap中row存在margin负值，会导致页面右侧空白，因此重置为0*/
    .row{
        margin: 0;
    }
    .main-box{
        padding: 16px 0;
    }
    .index-news{
        padding: 16px 0;
    }

    /* 标题样式1 */
    .index-title {
        margin-bottom: 12px;
        font-size: 18px;
    }

    .index-title span {
        bottom: 8px;
        font-size: 20px;
    }

    /* 标题样式2 */
    .info-title {
        font-size: 18px;
        padding-bottom: 8px;
        margin-bottom: 12px;
    }

    .info-title::after {
        height: 3px;
    }
    /* start of 首页 */
    .index-newImg {
        margin-bottom: 16px;
    }
    .index-newImg .swiper-slide p {
        padding: 6px 10px;
        font-size: 14px;
        line-height: 160%;
    }
    .index-newImg .swiper-pagination{
        padding-right: 10px;
        bottom: 0;
    }
    .index-new-tabs {
        margin-bottom: 8px;
    }
    .index-new-tab {
        height: 36px;
        line-height: 30px;
        font-size: 15px;
    }
    .index-new-tab img {
        height: 20px;
    }
    .index-new-tab-active {
        width: calc(100% );
        height: 40px;
        line-height: 36px;
    }

    .index-new-tab-active::after {
        display: none;
        right: -6px;
        border-top: 6px solid #003a83;
        border-right: 6px solid transparent;
    }
    .index-new-list {
        line-height: 32px;
        padding-left: 18px;
        padding-right: 96px;
        font-size: 14px;
    }
    .index-new-more{
        font-size: 12px;
        margin-left: 18px;
        line-height: 32px;
    }
    .index-new-list strong {
        top: 12px;
        left: -5px;
    }
    .index-new-list .date {
        width: 100px;
        line-height: 32px;
        font-size: 12px;
        text-align: center;
    }
    .index-line {
        height: 76px !important;
    }

    .index-systems {
        padding: 16px 15px;
    }
    .index-system {
        width: 33.33%;
        padding: 10px 0;
        margin-bottom: 0;
    }
    .index-system img {
        width: 30px;
    }
    .index-system p {
        font-size: 14px;
        margin-top: 6px;
    }

    .qy-swiper-pc{
        display: none;
    }
    .qy-swiper-phone{
        display: block;
    }
    .index-qys{
        margin: 0 15px;
    }
    .index-qy p {
        padding: 4px 8px;
        font-size: 13px;
    }

    .index-words .col-12 {
        padding: 0;
    }
    .index-word-title {
        margin-bottom: 12px;
        padding: 0 0 8px 0;
        font-size: 16px;
    }
    .index-word-title>.types{
        margin-right: 12px;
    }
    .index-word-title>.types span{
        margin: 4px 2px;
        padding: 2px 4px;
        font-size: 12px;
        border-radius: 1px;
    }
    .index-word-title a {
        font-size: 12px;
        line-height: 32px;
    }

    .index-word-title::after {
        width: 70px;
    }

    .index-word-title::before {
        border-left: 18px solid #ced7e8;
    }
    .index-words .index-new-lists-mb{
        margin-bottom: 16px;
    }

    .index-djs-box{
        padding-top: 30px;
    }
    .index-djs{
        padding: 0 9px;
    }
    .index-djs a{
        padding: 0 6px;
    }
    .index-dj {
        margin-bottom: 12px;
    }

    .index-dj p {
        padding: 6px 8px;
        font-size: 13px;
    }


    .index-wzs {
        padding: 16px 9px;
    }
    .index-wz{
        display: block;
        padding: 0 6px ;
    }
    .index-wz img {
        margin-bottom: 12px;
    }

    .index-hrefs {
        padding: 14px 0 2px 0;
        background: #2e72c8;
        color: white;
        font-size: 16px;
    }
    .index-hrefs .container{
        padding: 0 9px;
    }
    .index-hrefs div{
        padding: 0 6px;
    }
    .index-hrefs div:first-child{
        margin-bottom: 10px;
    }
    .index-hrefs-box {
        margin-left: 0;
        padding-top: 34px !important;
        position: relative;
    }
    .index-hrefs-title {
        position: absolute;
        top: 0;
        left: 0;
    }

    .index-href {
        font-size: 12px;
        margin-top: 0;
        margin-bottom: 8px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    /* end of 首页 */
    /* start of 图文列表 */
    .article-title {
        margin: 20px 0 10px 0;
    }
    .article-title > a {
        margin: 0 10px;
        padding-bottom: 8px;
        font-size: 16px;
    }
    .article-phone{
        padding: 0 9px;
    }
    .article-phone .col-6{
        padding: 0 6px;
    }

    .article-box {
        margin-bottom: 12px;
        border-radius: 6px;
    }

    .article-img {
        margin-bottom: 12px;
        border-radius: 6px 6px 0 0;
    }
    .article-box > h4 {
        padding: 0 8px;
        margin-bottom: 4px;
        font-size: 14px;
    }

    .article-box > p {
        height: 78px !important;
        padding: 0 8px;
        margin-bottom: 4px;
        font-size: 12px;
        line-height: 160%;
    }

    .article-box > .article-footer {
        padding: 0 8px;
        margin-bottom: 6px;
        font-size: 12px;
    }

    .article-box > .article-footer span:last-child {
        font-size: 13px;
    }
    .article-footer i {
        margin-right: 4px;
    }

    .article-pagination {
        margin-top: 8px;
        margin-bottom: 12px;
        padding: 0;
        font-size: 12px;
    }
    .article-pagination li a{
        padding: 4px 6px;
        font-size: 13px;
    }
    .article-pagination>.word{
        margin: 0 ;
    }

    .article-pagination>.input {
        margin: 0 2px;
        padding: 0;
        height: 28px;
        line-height: 28px;
    }

    .article-pagination>.input input {
        margin: 0 4px;
        width: 50px;
        height: 24px;
    }
    .article-pagination-tips{
        display: none;
        position: absolute;
        bottom: -20px;
        left: 0;
        font-size: 12px;
        z-index: 1;
    }
    /* end of 图文列表 */

    /* start of 图文详情 */
    .article-detail-title {
        line-height: 160%;
        font-size: 18px;
        margin: 18px 0 12px 0;
    }

    .article-detail-date {
        font-size: 13px;
    }

    .article-detail-info {
        padding: 20px 0;
        text-align: center;
    }

    .article-detail-info img {
        max-width: 100%;
        margin-bottom: 12px;
    }
    .article-detail-info p img{
        max-width: 86% !important;
    }

    .article-detail-info p {
        margin-bottom: 12px;
        font-size: 14px;
    }

    .article-detail-btns {
        display: block;
        font-size: 14px;
        margin-top: -20px;
        margin-bottom: 20px;
    }

    .article-detail-btns > .editor {
        padding-left: 13px;
        padding-top: 6px;
        margin-bottom: 12px;
    }

    .article-detail-btns > .editor::after {
        top: 9px;
        height: 16px;
    }
    .article-detail-btns .btns{
        text-align: right;
    }
    .article-detail-btns a {
        padding: 2px 12px;
        margin-left: 12px;
    }
    .article-detail-btns i{
        font-size: 16px;
    }


    .article-detail-news {
        margin-bottom: 20px;
    }

    .article-detail-news > h4 {
        padding: 6px 12px;
        margin-bottom: 12px;
        font-size: 16px;
    }

    .article-detail-news a {
        line-height: 32px;
        padding-left: 42px;
        padding-right: 90px;
        font-size: 14px;
    }

    .article-detail-news a::after {
        top: 14px;
        left: 22px;
        width: 6px;
        height: 6px;
    }

    .article-detail-news a span {
        width: 90px;
    }
    /* end of 图文详情 */
    /* start of 文章列表 */
    .news-box {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .news-box:first-child {
        margin-top: -10px;
    }

    .news-div {
        height: 8px;
    }

    .news-date {
        padding: 10px 0 0 0;
        font-size: 12px;
    }

    .news-date > span {
        font-size: 20px;
    }

    .news-info {
        padding: 0 10px;
    }

    .news-info a {
        font-size: 14px;
        line-height: 180%;

    }
    .news-info p {
        font-size: 12px;
        margin-top: 4px;
    }

    .news-info .date {
        margin:0;
        font-size: 12px;
    }

    /* end of 文章列表 */
    /* start of 系统详情 */
    .platform-detail-info {
        padding: 16px 15px;
    }
    .platform-detail-info .entrance, .platform-detail-features .entrance {
        width: 100px;
        height: 30px;
        line-height: 30px;
        margin-bottom: 12px;
        font-size: 14px;
    }
    .platform-detail-info .entrance i, .platform-detail-features .entrance i{
        margin-right: 4px;
        font-size: 14px;
    }

    .platform-detail-info p {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .platform-detail-info p:first-child {
        margin-top: 0;
    }

    .platform-detail-info img {
        margin: 8px 0;
    }

    .platform-detail-features {
        height: auto;
        background: url(../img/platform/platform-bg2.jpg) no-repeat top center;
        background-size: auto 100%;
    }
    .platform-detail-features .row{
        margin-top: 0 !important;
    }

    .platform-detail-features .img {
        padding: 14px 0 0 15px;
    }

    .platform-detail-features .img img {
        width: 100%;
    }

    .platform-detail-features .info {
        padding-left: 10px;
        margin-bottom: 12px;
    }

    .platform-detail-features h5 {
        margin-top: 6px;
        margin-bottom: 4px;
        font-size: 14px;
    }

    .platform-detail-features p {
        font-size: 12px;
    }

    .platform-detail-img {
        padding: 8px 15px;
    }

    .platform-detail-img img {
        margin-bottom: 8px;
    }

    /* end of 系统详情 */
    /* start of 服务大厅 */
    .service-box{
        padding-top: 28px;
    }
    .service-bg {
        min-height: auto;
    }
    .service-container{
        padding: 16px 15px;
    }
    .service-bg>.container{
        padding: 16px 9px;
    }
    .service-bg .container .row{
        margin:0 0 4px 0 !important;
    }
    .service-title{
        font-size:16px ;
        margin-bottom: 12px;
        padding: 0 6px;
    }
    .service-bg .col-4{
        padding: 0 6px;
    }
    .service-system {
        padding: 10px 4px;
        margin-bottom: 12px;
    }
    .service-system img{
        width: 36%;
    }
    .service-system p {
        font-size: 14px;
        margin-top: 4px;
    }
    .service-lists-pc{
        display: none;
    }
    .service-lists-phone{
        display: flex !important;
    }
    .service-list{
        padding: 6px 0;
        font-size: 14px;
    }
    .service-lists .row div{
        padding: 0 4px;
    }

    .service-swiper-pc{
        display: none;
    }
    .service-swiper-phone{
        display: block !important;
    }


    /* end of 服务大厅 */

    .swiper-newBtn .swiper-button-prev{

        padding: 0 4px;
        width: 20px;

    }
    .swiper-newBtn .swiper-button-prev i{
        font-size: 16px;
    }
    .swiper-newBtn .swiper-button-next{
        padding: 0 4px;
        width: 20px;
    }
    .swiper-newBtn .swiper-button-next i{
        font-size: 16px;
    }

    /* 采购需求  -- 开始 */
    .services-demand-box .col-sm-12{
        padding: 0 !important;
    }
    .services-item {
        margin-bottom: 10px;
    }


    .services-item .services-content .title {
        font-size: 15px;
        height: auto !important;
    }
    /*成交公告*/
    .services-announcement{
        min-height: 400px;
    }

    .services-announcement-info{
        padding: 12px 16px;
    }
    .services-announcement-title{
        padding-bottom: 8px;
        margin-bottom: 12px;
        font-size: 16px;
    }
    .services-announcement-title>a{
        font-size: 12px;
        line-height: 32px;
    }

    .services-announcement-title::after {
        width: 70px;
    }

    .services-announcement-title::before {
        border-left: 18px solid #ced7e8;

    }
    .notice-list {
        display: block;
        line-height: 28px;
        padding: 6px 86px 6px 0;
    }

    .notice-list:hover {
        border-bottom: 1px solid #fafafa;
        transition: .3s;
    }

    .notice-list img {
        width: 24px;
        height: 24px;
        margin-right: 4px;
    }

    .notice-list > span {
        bottom: 6px;
    }

    /* 招标公告  -- 开始*/
    .bid-notice-box{
        margin-bottom: 20px;
    }

    .demandHall-box {
        padding: 15px;
    }
    .demandHall-box h3 {
        padding: 8px 0 12px 0;
        margin-bottom: 12px;
        font-size: 18px;
    }

    .demandHall-lists {
        font-size: 14px;
    }

    .demandHall-list {
        padding: 12px 12px 12px 84px;
        min-height: 42px;
    }

    .demandHall-list span {
        width: 76px;
        padding:12px 6px;
        margin-right: 8px;
    }

    .demandHall-list strong {
        padding: 4px 8px;
        margin-left: 20px;
    }
    .demandHall-list a{
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 6px;
    }
    .demandHall-remark {
        border: 1px solid #dee2e6;
        padding: 10px;
        margin-bottom: 12px;
        font-size: 14px;
    }
    .bid-notice-detail{
        margin: 16px auto;
    }
    .demandHall-remark img, demandHall-remark table, demandHall-remark p, demandHall-remark ul{
        max-width: 100% !important;
    }
    .demandHall-return{
        font-size: 14px;
    }

    .demandHall-area .col-lg-12 {
        padding: 0;

    }
    .demandHall-search {
        width: 100%;
        margin-bottom: 10px;
    }

    .demandHall-search input{
        width: calc(100% - 160px);
        background: #fafafa;
        font-size: 13px;
    }

    .demandHall-search button{
        width: 160px;
        font-size: 13px;
    }

    .notice-lists{
        margin-top: 0;
        font-size: 14px;
    }
    .notice-list{
        padding: 4px;
    }

    .notice-list:hover {
        padding: 4px 4px 3px 4px;
    }
    .notice-list-list:hover {
        padding: 4px 4px 3px 4px;
    }

    .notice-list span {
        margin-top: -6px;
        font-size: 13px;
    }
    /*登录、注册、个人中心 -- 开始*/
    .index-login-btn{
        top: 14px;
        right: 50px;
    }
    .index-login-btn .btn{
        width: 46px;
        font-size: 12px;
        padding: 2px 0;
    }
    .index-person-box{
        top: 14px;
        right: 50px;
        font-size: 12px;
    }

    .index-person-box .btn{
        width: 46px;
        font-size: 12px;
        padding: 2px 0;
    }
    .login-container{
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    .login-img {
        width: 100%;
        height: 200px;
        overflow: hidden;
        position: relative;
        background: url(../img/login1.jpg) no-repeat center;
        background-size: 100% auto;

    }
    .login-img img{
        width: 100%;
        min-height: 100%;
    }
    .login-mark{
        position: absolute;
        top:0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        padding: 20px 20px;
        background: rgba(17,110,226,0.65);
    }
    .login-name{
        padding-top: 20px;
    }
    .login-name>img{
        width: 80px;
        height: 80px;
    }
    .login-name>h3{
        font-size: 22px;
    }
    .login-info{
        display: none;
    }
    .login-box{
        display: block;
        width: 100%;
        min-height: calc(100vh - 200px);
        padding: 40px 40px;
        position: relative;
        background: white;
    }
    .login-title-box{
        margin-bottom: 28px;
    }
    .login-title{
        font-size: 14px;
    }
    .login-title-active{
        font-size: 20px;
    }
    .login-control{
        margin-bottom: 20px;
        font-size: 14px;
    }
    .login-input{
        font-size: 14px;
        height: 36px;
    }
    .password-box>.password-eyes{
        right: 0;
        width: 36px;
        height: 36px;
        line-height: 36px;
    }
    .login-phone{
        position: relative;
    }
    .login-yzm{
        position: absolute;
        top: 0;
        right: 0;
        width: 100px;
        height: 36px;
        font-size: 14px;
    }
    .login-submit {
        font-size: 14px !important;
    }
    .login-register {
        margin: 50px 0 30px;
        border-bottom: 2px solid #eaeaea;
        position: relative;
        font-size: 14px;
    }
    .login-register p{
        position: absolute;
        top: -11px;
        left: 0;
        width: 100%;
        text-align: center;
    }
    .login-register p a{
        display: inline-block;
        padding: 0 16px;
        background: white;
    }
    .login-tips {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 0 0 30px 0;
        font-size: 13px;
        text-align: center;
    }
    #mainAlert{
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 13px;
        width: 100%;
        text-align: center;
        padding: 6px 16px;
        border: 1px solid transparent;
        z-index: 11;
    }
    .registered-form .col-form-label{
        padding-left: 0;
        padding-right: 0;
    }
    .registered-form .col-sm-9{
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 8px;
    }

    .registered-form .login-yzm {
        right: 0 !important;
    }

    .registered-form .login-submit {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .registered-box {
        padding-bottom: 70px;
    }

    .registered-box .login-title-box {
        margin-bottom: 18px;
    }

    /*登录、注册、个人中心 -- 结束*/

}
/**/
@media (max-width: 768px) {
    .header-nav{
        display: none;
    }
    .phone-top-placeholder{
        display: block;
    }
    .banner-logo {
        display: none;
    }
    .index-newImg {
        margin-bottom: 16px;
    }
    .article-box > p {
        height: 100px;
    }
    .service-lists-pc{
        display: none;
    }
    .service-lists-phone{
        display: flex !important;
    }
    .service-swiper-pc{
        display: none;
    }
    .service-swiper-phone{
        display: block !important;
    }
    .article-detail-btns {
        display: block;
    }

    .article-detail-btns > .editor {
        margin-bottom: 12px;
    }
    .article-detail-btns .btns{
        text-align: right;
    }
    .qy-swiper-pc{
        display: none;
    }
    .qy-swiper-phone{
        display: block;
    }
    .index-systems {
        padding: 16px 15px;
    }
    .index-system {
        width: 33.33%;
        padding: 10px 0;
        margin: 0;
        height:77px !important;
    }
    .index-system img {
        width: 30px;
    }
    .index-system p {
        font-size: 14px;
        margin-top: 6px;
    }
    .index-line {
        height: 120px;
    }
    .index-login-btn{
        top: 14px;
        right: 50px;
    }
    .index-login-btn .btn{
        width: 46px;
        font-size: 12px;
        padding: 2px 0;
    }
    .index-person-box{
        top: 14px;
        right: 50px;
        font-size: 12px;
    }

    .index-person-box .btn{
        width: 46px;
        font-size: 12px;
        padding: 2px 0;
    }
    .system-box{}
    .system-box-index{
        height: 77px !important;
        overflow: hidden;
    }
    .system-box-service{
        height: 85px;
    }
    .system-box-index .system-btns {
    }

    .system-btns a, .system-btns span {
        margin: 4px auto;
        line-height: 28px;
        font-size: 12px;
    }

    .system-box-index a {
        margin: 4px auto;
        line-height: 24px;
    }
}
/*电脑桌面*/
@media (max-width: 992px) {
    .header-nav{
        display: none;
    }
    .phone-top-placeholder{
        display: block;
    }
    .banner-logo {
        display: none;
    }
    .index-newImg {
        margin-bottom: 16px;
    }
    .article-box > p {
        height: 100px;
    }
    .service-swiper-pc{
        display: none;
    }
    .service-swiper-phone{
        display: block !important;
    }
    .index-login-btn{
        top: 14px;
        right: 50px;
    }
    .index-login-btn .btn{
        width: 46px;
        font-size: 12px;
        padding: 2px 0;
    }
    .index-person-box{
        top: 14px;
        right: 50px;
        font-size: 12px;
    }

    .index-person-box .btn{
        width: 46px;
        font-size: 12px;
        padding: 2px 0;
    }
}

/*!*电脑桌面*!*/
/*@media (min-width: 1200px) {*/

/*}*/
/*end of 兼容不同分辨率*/