@media (min-width: 768px){
    .navbar-default {
        background-color: #fff;
    }
    .header-top .col-sm-2 img {
        height: 30px;
        margin-top: 25px;
    }
    .j-navbar.j-navbar-50 .header-top .col-sm-2 img {
        margin-top: 10px;
    }
    .navbar-default .navbar-nav > li > a {
        width: 77px;
        padding: 15px 0;
    }
    .navbar-form .form-group .form-control {
        width: 122px;
    }
    .navbar-nav.navbar-right > li.login > a,
    .navbar-nav.navbar-right > li.login .dropdown-menu {
        width: 160px;

    }
    .navbar-nav.navbar-right > li.login > a {
        padding-right: 15px;
    }
    .news-right-box.title {
        margin-top: 10px;
    }
    footer .footer-top .btn {
        padding: 10px 9px;
    }
    footer .footer-bottom .nav > li > a {
        padding:0 10px;
    }
    .slide-box .slides > a img {
        -webkit-transform: translate(0, -90px);
        -moz-transform: translate(0, -90px);
        -ms-transform: translate(0, -90px);
        transform: translate(0, -90px);
    }
    #elevator_item {
        height: 50px;
    }
    #elevator_item .qr {
        display: none;
    }
    .slide-box {
        height: 360px;
        width: 720px;
        margin: 0 auto 20px auto;
    }
    .detail-left .detail > .thumb.company-thumb .introduce {
        margin-bottom: 25px;
    }
    .account .add-box ,
    #job_list ,
    #product_list {
        width: 364px;
    }
    .about .sidebar {
        padding: 0 10px 30px;
    }
}
@media (min-width: 992px){
    .header-top .col-sm-2 img {
        height: 55px;
        margin-top: 12px;
    }
    .j-navbar.j-navbar-50 .header-top .col-sm-2 img {
        margin-top: 0;
    }
    .navbar-default .navbar-nav > li > a {
        width: 90px;
    }
    .navbar-default .navbar-form .form-group .form-control {
        width: 123px;
    }
    .app-box li {
        min-height: 88px;
    }
    .navbar-nav.navbar-right > li.login > a ,
    .navbar-nav.navbar-right > li.login .dropdown-menu {
        width: 180px;
    }
    .news-right-box.title {
        margin-top: 22px;
    }
    footer .footer-top .btn {
        padding: 10px 16px;
    }
    footer .footer-bottom .nav > li > a {
        padding: 0 15px;
    }
    #elevator_item {
        height: 100px;
    }
    #elevator_item .qr {
        display: block;
    }
    .detail-left .detail > .thumb.company-thumb .introduce {
        margin-bottom: 25px;
    }
    .agent_company {
        width: 458px;
    }
    .agent_revision {
        width: 512px;
    }
    .login .page {
        padding: 40px 20px 29px;
    }
    .login .page ul {
        padding-top: 42px;
    }
    .login .page li {
        width: 33.3333%;
    }
    .account .add-box ,
    #job_list ,
    #product_list {
        width: 409px;
    }
    .about .sidebar {
        padding: 0 30px 30px;
    }
    .kaifu-list li .border img {
        width: 100px;
        height: 100px;
    }
    .kaifu-list li .border .right {
        padding-left: 122px;
    }
    .kaifu-list li .border .right h4 {
        margin-bottom: 25px;
    }
    .kaifu-list li .border {
        height: 148px;
    }
}

@media (min-width: 1200px){
    .navbar-default .navbar-form .form-group .form-control {
        width: 183px;
    }
    .navbar-default .navbar-nav > li > a {
        width: 110px;
    }
    .navbar-nav.navbar-right > li.login > a ,
    .navbar-nav.navbar-right > li.login .dropdown-menu {
        width: 220px;
    }
   /* .editing .detail-left .edit-box .control-label {
        width: 100px;
    }*/
    .editing .detail-left .edit-box .col-lg-7 {
        width: 420px;
    }
    .detail-left .detail > .thumb.company-thumb .introduce {
        margin-bottom: 25px;
    }
    .agent_company {
        width: 542px;
    }
    .agent_revision {
        width: 553px;
    }
    .login .page {
        padding: 25px 20px 29px;
    }
    .login .page ul {
        padding-top: 24px;
    }
    .login .page li {
        width: 25%;
    }
    .account .add-box ,
    #job_list ,
    #product_list {
        width: 483px;
    }
    .kaifu-list li .border img {
        width: 120px;
        height: 120px;
    }
    .kaifu-list li .border .right {
        padding-left: 142px;
    }
    .kaifu-list li .border .right h4 {
        margin-bottom: 34px;
    }
    .kaifu-list li .border {
        height: 168px;
    }

}
@media (max-width: 992px) {
    .subscribe {
        margin: 24px 0 40px;
    }
}
@media (max-width: 767px) {
    body {
        font-size: 12px;
    }
    /*body {
       overflow: hidden;
   }*/
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: -10px;
        margin-left: -10px;
    }
    .container {
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .row {
        margin-right: -10px;
        margin-left: -10px;
    }

    .navbar-default .navbar-brand {
        border: none;
        height: 44px;
    }
    .navbar-toggle {
        margin: 4px 15px 0 0;
    }
    .navbar-default {
        background-color: #282828;
        margin: 0;
        padding: 0;
        min-height: 44px;
        border: none;
    }
    .navbar-default .navbar-header {
        height: 44px;
        background-color: #2eab23;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-default .navbar-nav > li > a {
        border-left: none;
        width: 100%;
        text-align: left;
        color: #fff;
        line-height: 24px;
        font-size: 14px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        font-size: 14px;
        padding:12px 14px 12px 38px;

    }
    .navbar-default .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid #515151;
    }
    .navbar-default .navbar-collapse {
        border-color: #282828;
    }
    .navbar-default .navbar-brand {
        padding: 0;
    }
    .navbar > .container .navbar-brand img {
        height: 29px;
        margin: 6px 0 0 10px;
    }
    .news-box > ul.wap > li .news-info-box {
        border: none;
        padding: 0 10px 0 0;
    }
    .news-box > ul.wap > li .news-info-box img {
        float: left;
        height: 80px;
        margin-right: 10px;
    }
    .news-box > ul.wap > li .news-info-box > p {
        display: block;
        font-size: 12px;
    }
    .news-box > ul.wap > li .news-info-box .tag {
        top: 0;
        left: 7px;
        right: auto;
        font-size: 12px;
        line-height: 22px;
        padding: 0 6px;
    }
    .app-box {
        margin-bottom: 0;
    }
    .column-box,
    .recruitment-box {
        margin: 20px 0 0;
    }
    footer > .container .row .col-md-4 {
        text-align: center;

    }
    footer > .container .row .col-md-4 img {
        margin-bottom: 15px;
    }
    footer > .container .row .col-md-4 p ,
    footer > .container .row .col-md-4 p a{
        color: #8695A2;
    }
    .news-box > ul.row > li .news-info-box h4 {
        font-size: 14px;
        margin: 3px 0;

        height: 47px;

    }
    .app-box li .tag {
        font-size: 12px;
        line-height: 25px;
    }
    .column-box .tag, .recruitment-box .tag {
        font-size: 14px;
        line-height: 25px;
    }
    footer .footer-top {
        height: 68px;
    }
    footer .footer-top h4 {
        font-size: 13px;
    }
    footer .footer-top p {
        font-size: 12px;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .dropdown-menu, .dropdown-menu > li > a {
        background-color: #282828;
        border-color: #515151;
        outline: none;
    }
    #elevator_item .qr {
        display: none;
    }
    #elevator_item {
        height: 50px;
    }
    .news-box > ul.row > li {
        margin-top: 10px;
    }
    .index-title {
        height: 42px;
        line-height: 42px;
    }
    .index-title h4 {
        font-size: 14px;
    }
    .index-title .tag a {
        line-height: 42px;
    }
    .column-box .column-info p {
        height: 36px;
        margin-top: 10px;
    }
    .app-box li p ,
    .column-box .column-info p ,
    .recruitment-box ul li .address ,
    .recruitment-box ul li p {
        font-size: 12px;
    }
    .news-right-box.title h4 ,
    .news-right-box.title .more {
        font-size: 14px;
    }
    .nav > li > a{
        display: inline-block;
        width: 100%;
        padding-left: 39px;
        background: url("../img/wap_list.png") no-repeat 17px 22px;
        border-bottom: 1px solid #515151;
    }
    .nav > li > a[data-toggle="dropdown"]:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        height: 50px;
        width: 50px;
        background: url("../img/nav-data.png") no-repeat top 18px right 34px;
    }
    .navbar-default .navbar-toggle {
        border: none;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #4baa32;
    }
    .page-info .left {
        border-right: none;
        border-bottom: 1px solid #d7dae1;
        margin-bottom: 20px;
    }
    .users-info .right {
        border: none;
        padding: 0;
    }
    .users-info .right ul {
        padding: 0;
        margin: 0;
    }
    .users-info img {
        width: 30px;
        height: 30px;
    }
    .users-info .left h4 {
        float: left;
        margin-right: 10px;
    }
    .users-info .left p {
        float: left;
        margin-top: 10px;
    }
    .index-info {
        padding: 0 8px;
    }
    .index-info .info-box {
        padding: 18px 7px 12px;
    }
    .index-info .info-box .title-box .title {
        padding: 20px 0 15px;
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 6px;
    }
    .index-info .info-box .title {
        margin: 0 0 18px;
        font-size: 12px;
    }
    .index-info .info-box > .info-detail .info p {
        line-height: 26px;
        margin-bottom: 18px;
    }
    blockquote {
        margin: 10px 0 10px 0;
        padding: 0 10px;
    }
    .index-info .info-box > .info-detail .info h2 {
        font-size: 20px;
        margin: 0 0 12px;
    }
    .index-info .info-box > .info-detail .tag > div {
        text-align: center;
        width: 100%;
    }
    .index-info .info-box > .info-detail .tag .pull-left .btn {
        margin-bottom: 10px;
        font-size: 12px;
    }
    .index-info .info-box > .info-detail .tag .pull-right .share {
        display: inline-block;
    }
    .index-info .info-box > .info-detail .tag {
        margin-top: 40px;
    }
    .users-info .right ul li a {
        margin: 7px 0;
    }
    .page-info {
        padding: 10px 0;
    }
    .page-info .left {
        margin-bottom: 10px;
    }
    .page-info > div h4 {
        font-size: 16px;
        margin: 10px;
    }
    #WBCommentFrame {
        padding: 0;
    }
    .comments-title {
        padding: 18px 20px;
    }
    .index-info .info-box .title-box .pull-left {
        width: 100%;
    }
    .index-info .info-box .title-box .pull-left .time {
        font-size: 12px;

        text-align: center;
    }
    .index-info .info-box .title-box .tag {
        line-height: 22px;
        font-size: 12px;
        padding: 0 7px;
    }
    .product-title {
        margin-bottom: 7px;
    }
    .product-title a {
        font-size: 12px;
        padding: 5px 0;
    }

    .detail-left .detail {
        padding: 14px 12px;
    }
    .detail-left .detail > .thumb img {
        width: 50px;
        height: 50px;
    }
    .detail-left .detail > .thumb .text-center .btn {
        font-size: 12px;
    }
    .introduce {
        padding-left: 65px;
    }
    .introduce h4 {
        height: auto;
    }
    .introduce h4 i {
        float: inherit;
        margin: 0 0 5px;
        font-size: 10px;
        padding: 1px 4px;
    }
    .detail > h4 ,
    .detail-right .job-detail > h4 {
        font-size: 14px;
        margin: 0 0 10px;
    }
    .company-list-box ul li {
        border-bottom: 12px solid #f9fafb;
    }
    .company-list-box ul li .box {
        padding: 0;
    }
    .company-list-box ul li .box .thumb {
        text-align: center;
        width: 120px;
        height: 90px;
        border: 1px solid #f2f2f2;
        padding: 2px;
        float: left;
    }
    .company-list-box ul li .box h4 {
        margin: 10px 0;
        font-size: 16px;
    }
    .company-list-box ul li .box .right {
        padding-left: 130px;
    }
    .company-list-box ul li .box p {
        margin-bottom: 0;
    }
    .detail-left .detail .hr {
        margin: 0 -12px;
    }
    .detail-left .detail-app-box li {
        height: auto;
        border-bottom: 1px solid #f3f3f3;
        margin: 0;
        padding: 15px 0 15px 10px;
    }
    .detail-left .detail-app-box li img {
        width: 67px;
        height: 67px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
    .detail-left .detail-app-box li h4 {
        font-size: 14px;
        margin: 0 0 2px;
        height: 32px;
        line-height: 15px;
    }
    .detail-left .detail-app-box li a > p {
        height: 17px;
    }
    .detail-left .detail > .thumb .thumb-img-box {
        width: 80px;
        height: 60px;
        line-height: 60px;
    }
    .detail-left .detail > .thumb.company-thumb .introduce {
        padding-left: 90px;
    }
    .detail-right .detail .contacts {
        margin-bottom: 0;
        line-height: 25px;
    }
    .detail-right .detail .contacts i {
        border: none;
        background-image: none;
        text-indent:0;
        font-size: 14px;
        font-style: normal;
        color:#61717E;
        height: auto;
    }
    .detail-left .detail-app-box li .company-thumb {
        width: 65px;
        height: 49px;
    }
    .detail .info-option {
        margin: 0 0 30px -5px;
        font-size: 14px;
    }
    .j-contentOverflow {
        margin-top: 10px;
    }
    .wap-login-title b ,
    .wap-login-title a {
        font-size: 14px;
    }
    .wap-login-title {
        color: #61717E;
    }
    .login .form-signin {
        padding: 10px 0;
    }
    .job #search_tools .search_input {
        height: 34px;
    }
    .job-list-box li {
        padding: 10px 0;
        margin:0 0 10px;
    }
    .job-list-box li .a {
        margin-bottom: 10px;
    }
    .job-list-box li p {
        margin-bottom: 5px;
    }
    .company-list-box ul li.clear .box {
        padding: 5px;
    }
    .company-list-box ul li.clear .box .right {
        padding-left: 90px;
    }
    .company-list-box ul li.clear .box h4 {
        margin: 0;
        font-size: 12px;
    }
    .company-list-box ul li.clear .box .right .index-info {
        padding: 0;
    }
    .company-list-box ul li.clear .box .right .index-info span {
        line-height: 20px;
    }
    .company-list-box ul li.clear .box .thumb .date {
        width: 78px;
    }
    .company-list-box ul li.clear .box .thumb .date .month {
        line-height: 18px;
        font-size: 12px;
    }
    .company-list-box ul li.clear .box .thumb .date .week {
        font-size: 12px;
        padding-top: 0;
    }
    .company-list-box ul li.clear .box .thumb .date .day {
        line-height: 30px;
        font-size: 30px;
    }
    .events ul li.clear .box .right {
        padding-left: 10px;
    }
    .events ul li.clear .box h4 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .events ul li.clear .box .right .index-info span {
        line-height: 30px;
    }
    .author > img {
        width: 60px;
        height: 60px;
    }
    .author > .name {
        font-size: 16px;
        margin: 5px 0;
    }
    .author > .tag {
        top: 30%;
    }
    .author > .tag > div b {
        font-size: 14px;
    }
    .author > .tag > div span {
        font-size: 12px;
    }
    .index-title .title-list {
        float: none !important;
        margin: 0 -10px;
    }
    .index-title .title-list li {
        width: 25%;
        margin-right:0;
        height: 42px;
        font-size: 12px;
    }
    .search_input_box .search_input_theme {
        padding: 6px 12px;
        height: 34px;
        font-size: 14px;
        background: none;
    }
    .navbar-default .nav-login {
        margin-top: -7.5px;
    }
    .navbar-default .nav-login a {
        color: #fff;
        line-height: 24px;
        font-size: 14px;
        text-align: center;
        font-weight: 700;
        padding: 10px 0;
    }
    .index-menu a {
        font-size: 15px;
    }
    .search_input_box .btn {
        padding: 6px 16px;
    }
    .index-info .info-box .cover {
        margin-bottom: 18px;
    }
    .index-menu a {
        width: 25%;
        border-bottom: none;
        padding: 5px 0;
        font-size: 12px;
    }
    .index-menu a:hover ,
    .index-menu a.active{
        background-color: #4CAC33;
        color: #fff;
        border-bottom: none;
    }
    .pagination {
        display: none;
    }
    .pager {
        display: block;
    }

    .j-navbar-box ,
    .j-navbar {
        height: 44px;
        margin: 0;
    }
    .j-navbar-box {
        margin-bottom: 20px;
    }
    .news-box > ul.row > li .news-info-box .cover img {
        height: 94px;
        width: 170px;
    }
    .news-box > ul.row > li .news-info-box .right {
        padding-left: 204px;
    }
    .news-box > ul.news-list > li .news-info-box .cover img {
        width:96px;
        height: 53px;
    }
    .news-box > ul.news-list > li .news-info-box h4 {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 7px 0;
    }
    .news-box > ul.news-list > li .news-info-box .right {
        padding-left: 105px;
    }
    footer > .container {
        padding: 30px 0;
    }
    .news-box > ul.news-list > li {
        padding: 15px 7px;
    }
    footer {
        margin-top: 65px;
    }
}