﻿
.navbar-toggle { display: none; }

@media screen and (max-width: 1180px) {
    .content { width: 1000px; }
    .col-9 { width: 100%; }
    .col-6 { width: 66.66666%; }
    .col-3 { width: 33.33333%; }
    .mainNav li a { padding: 0px 13px; }
    .problem-left { width: 240px; }
    .problem-right { margin-left: 250px; }
    .grid .InputU { width: 140px; }
    .citem2 .cm-news-list li span,.row-4 i,.row-6 i{ display: none; }
    .row-4 li,.row-6 li { text-align: center; }
}

@media screen and (max-width: 1024px) {
    .content { width: 90%; }
    .col-9 { width: 50%; }
    .col-6,.row-65  { width: 100%; }
    .col-3,.col-4 { width: 50%; }
    .row-5 .cm-news-list li span,.citem2 .cm-news-list li span,.row-35{ display: none; }
    .mainNav li a { padding: 0px 8px; }
    .picList li { width: 100%; }
    .crumbs { font-size: 12px; }

}

@media screen and (max-width: 980px) {
    .content { width: 98%; }
    .navbar-toggle { display: block; }
    .mainNav { padding-top: 10px; }
        .mainNav .content { width: 100%;}
        .mainNav li { float: left; margin:1px;background:#666;width:19%; font-size:12px;}
            .mainNav li a { color: #fff; }

    .top { background: url(../images/logo_bg.jpg) repeat-x bottom #fff; border-bottom: 1px solid #ddd; }
    .home .top { position:initial;left:0px;top:0px;width:100%;}

    .row-4 i,.row-6 i{ display: inline-block; }
    .row-4 li,.row-6 li { text-align: left; }

    .collapse.in { -webkit-transform: translateX(0px) translateY(0px); -moz-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); -o-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px); display:block; }
    .collapse { -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; transition: all ease-in-out .5s; -webkit-transform: translateX(0px) translateY(-200px); -moz-transform: translateX(0px) translateY(-200px); -ms-transform: translateX(0px) translateY(-200px); -o-transform: translateX(0px) translateY(-200px); transform: translateX(0px) translateY(-200px); position: absolute; top: 68px; left: 0; width: 100%; z-index: 10005; background: url(../images/blank.png); border-left: 1px solid #ddd; height: 150px;  z-index: 90; display:none;  }
}

@media screen and (max-width: 600px) {
    body, button, input, select, textarea, td { outline-style: none; font: 12px/1.5em "Microsoft YaHei",Arial; }
    .content { width: 100%; }
    .footer { font-size: 12px;margin-top:0px;}
    
        /*.top { position:initial;}.slideBox { display:none; }*/
h3, .h3 {font: 18px/30px "Microsoft YaHei",Arial;}
h4, .h4 {font: 16px/25px "Microsoft YaHei",Arial;}
h5, .h5 {font: 14px/25px "Microsoft YaHei",Arial;}

    .ser_tit { height: 50px;background-size:auto 100%; }
    .ser_tit h3 { font-size: 18px; padding-left: 5px;line-height:50px; }
    .col-9, .col-6,.col-3,.col-4,.row-8 { width: 100%; }
    .link {  margin-right: 0px; }

        .row-5 .cm-news-list li span, .ad,.row-2  { display: none; }
    .citem { margin: 0 10px; margin-bottom: 10px; overflow: hidden; min-height: initial; }
    .tools li { width: 33.3333%; }
    .tools2 li { width: 33.3333%; }

    .effect { width: 100%; padding-left: 10px; overflow: hidden; }
    .bus_search { padding: 8px; }
        .bus_search dl { display: block; margin: 6px 2px; }
        .bus_search dd { padding-left: 5px; width: 50px; text-align: right; }
        .bus_search dt input { width: 190px; }
        .bus_search dt .date { width: 130px; }

    .cm-line-list li { width: 33%; }
    .Tab-Multi { right: 10px; }
    .mt20 { margin-top: 10px; }
    /*内页*/
    /*.problem-left { width: 100%; position: relative; z-index: 10; top: 0%; left: 0; min-height: initial; text-align: left; }
    .grid .search, .grid-top, .crumbs div { display: none; }
    .grid .InputU { width: 70%; }
    .left_nav { font: 14px "Microsoft YaHei",Arial; color: #646464; }
        .left_nav li { margin: auto; width: auto; height: 35px; line-height: 35px; margin-bottom: 4px; display: inline-block; cursor: pointer; background: #f7f7f7; }
            .left_nav li a { display: block; padding: 0px 15px; border-left: 0px; }
                .left_nav li a.active { background: #ed0002; color: #fff; border-left: 0px; }*/
    .problem-left,.grid .search, .grid-top, .crumbs div { display: none; }

    .problem-right { margin-left: 0px; width: 100%; min-height: 500px; background: #fff; text-align: left; position: relative; }
    .crumbs { height: 35px;line-height:35px; }
    .pic { width: auto; }
    .public_Text { padding: 5px 10px; font: 14px/25px "Microsoft YaHei",Arial; }
}

@media screen and (max-width: 480px) {
    .logo img { width:auto; height: 40px; margin-top: 7px; }
    .navbar-toggle { margin-top: 12px; padding: 6px 10px; }
        .navbar-toggle .icon-bar { width: 18px; height: 2px; }
            .navbar-toggle .icon-bar + .icon-bar { margin-top: 2px; }
    .collapse { top: 52px; }

}
