@media(max-width:425px) {
    .allStory .wztype2 .story-title {
        font-size: 16px !important;
    }

    .allStory .wztype1 .story-title {
        font-size: 16px !important;
    }

    #dituContent {
        height: 400px !important;
    }

    .six-tw {
        background: url("../images/sr_six_01.jpg") no-repeat right !important;
        margin-top: 49px;
    }

    .sixbg2 {
        background: url("../images/sr_six_02.jpg") no-repeat center !important;
    }

    .sixbg3 {
        background: url("../images/sr_six_03.jpg") no-repeat center !important;
    }

    .seven-tw {
        background: url("../images/sr_seven_01.jpg") no-repeat right !important;
        margin-top: 49px;
    }

    .sevenbg2 {
        background: url("../images/sr_seven_02.jpg") no-repeat right !important;
    }

    .sevenbg3 {
        background: url("../images/sr_seven_03.jpg") no-repeat left !important;
    }

    .eight-tw {
        background: url("../images/sr_eight_01.jpg") no-repeat left !important;
        margin-top: 49px;
    }

    .eightbg2 {
        background: url("../images/sr_eight_02.jpg") no-repeat left !important;
    }

    .eightbg3 {
        background: url("../images/sr_eight_03.jpg") no-repeat left !important;
    }

    .nine-tw {
        background: url("../images/sr_nine_01.jpg") no-repeat left !important;
        margin-top: 49px;
    }

    .nine_bg1 {
        background: url("../images/sr_nine_02.jpg") no-repeat right !important;
    }

    .ninebg2 {
        background: url("../images/sr_nine_03.jpg") no-repeat left !important;
    }

    .ninebg3 {
        background: url("../images/sr_nine_04.jpg") no-repeat left !important;
    }

    .ten-tw {
        background: url("../images/sr_ten_01.jpg") no-repeat left !important;
        margin-top: 49px;
    }

    .tenbcg2 {
        background: url("../images/sr_ten_02.jpg") no-repeat center !important;
    }

    .tenbcg3 {
        background: url("../images/sr_ten_03.jpg") no-repeat left !important;
    }

    .tenbg2 {
        background: url("../images/sr_ten_04.jpg") no-repeat right !important;
    }

    .tenbg3 {
        background: url("../images/sr_ten_05.jpg") no-repeat left !important;
    }

    .ele-tw {
        margin-top: 49px;
        background: url("../images/sr_ele_01.jpg") no-repeat right !important;
    }

    .ele_wz2 {
        background: url("../images/sr_ele_02.jpg") no-repeat center !important;
    }

    .elebg2 {
        background: url("../images/sr_ele_03.jpg") no-repeat right !important;
    }

    .elebg3 {
        background: url("../images/sr_ele_04.jpg") no-repeat right !important;
    }

    .twbg1 {
        margin-top: 49px;
        background: url("../images/sr_tw_01.jpg") no-repeat left !important;
    }

    .twbg2 {
        background: url("../images/sr_tw_03.jpg") no-repeat left !important;
    }

    .twlbg3 {
        background: url("../images/sr_tw_02.jpg") no-repeat left !important;
    }

    .twbg3 {
        background: url("../images/sr_tw_04.jpg") no-repeat left !important;
    }

}

@media (min-width: 768px) {

    .jobdetail-box .apply-info .btn-help {
        margin-left: 170px;
        font-size: 16px;
        width: 320px;
        padding-left: 5px;
        margin-top: 10px;
    }

    .bread-nav .bread-box {
        width: 1000px;
        height: 55px;
        line-height: 55px;
    }

    .bread-nav {
        border-bottom: 1px solid #948F8B;
        background: #F4F4F4;
    }
    .navbar{
        display: none;
    }
    .jobdetail-box {
        width: 1000px;
        background: #fff;
        padding-top: 50px;
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 55px;
    }

    .job-container .box-right ul .zw-box:nth-child(3n+2) a {
        margin: 0 15px;
    }

    .about-job .job-container .box-right {
        float: right;
        width: 750px;
    }

    .find-us .find-container .box-right {
        float: right;
        width: 750px;
        border-top: 1px solid #ACA8A5;
    }

    .job-container .box-right .job-item {
        width: 240px;
        height: 60px;
        color: #fff;
        font-size: 18px;
        line-height: 60px;
        text-align: center;
        display: inline-block;
        font-weight: bold;

    }

    .about-job .job-container .box-left {
        float: left;
        width: 200px;
        border-top: 1px solid #ACA8A5;
        font-size: 16px;
        padding-top: 10px;
        font-weight: bold;
    }

    .find-us .find-container .box-left {
        float: left;
        width: 200px;
        border-top: 1px solid #ACA8A5;
        font-size: 16px;
        padding-top: 10px;
        font-weight: bold;
    }

    .bigEvent .e-right {
        float: right;
        width: 752px;
        margin-top: -22px;
        font-size: 16px;
    }

    .bigEvent .e-left {
        float: left;
        font-size: 16px;
        padding-top: 10px;
        width: 200px;
        border-top: 1px solid #000;
        font-weight: bold;
    }

    .info-box .box-right {
        float: right;
        padding-top: 188px;
    }

    .service-tf .tf-container .tf-right {
        width: 262px;
        height: auto;
        font-weight: bold;
        float: right;
        color: #fff;
        border-top: 20px solid #fff;
        padding-top: 10px;
        border-bottom: 1px solid #fff;
    }

    .bg1-container .service-left {
        float: left;
        width: 645px;
        height: 475px;
        border-bottom: 2px solid #fff;
    }

    .bg1-container .service-left .left-content {
        border-top: 1px solid #fff;
        color: #fff;
        line-height: 25px;
        font-size: 14px;
    }

    .sr-mbBox {
        height: 65px;
        float: left;
        margin-right: 40px;
    }

    .mb-detail .mb-right {
        width: 750px;
        float: right;
        padding-top: 10px;
        border-top: 1px solid #000;

    }

    .mb-detail .mb-left {
        width: 200px;
        float: left;
    }

    .mb-detail {
        width: 1000px;
        padding-top: 80px;
        position: relative;
        overflow: hidden;
    }

    .ap-info .info-container .container-right {
        padding-top: 10px;
        border-top: 1px solid #fff;
        float: right;
        width: 755px;
    }

    .info-container .class-box li {
        list-style: none;
        width: 264px;
        height: 64px;
        float: left;
        line-height: 56px;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        margin-right: 20px;
        margin-bottom: 10px;
        padding-left: 20px;
    }

    .ap-info .info-container {
        width: 1000px;
        position: relative;
        overflow: hidden;
    }

    .ap-info .info-container .container-left {
        width: 200px;
        padding-top: 10px;
        border-top: 1px solid #fff;
        float: left;
    }

    .act-box .box-right {
        float: right;
        width: 750px;
        border-top: 1px solid #000;
        padding-top: 10px;
        padding-bottom: 100px;
    }

    .act-box {
        width: 1000px;
        position: relative;
        overflow: hidden;
    }

    .act-box .box-left {
        float: left;
        font-weight: bold;
        font-size: 16px;
        border-top: 1px solid #000;
        width: 200px;
        padding-top: 10px;
    }

    .tf-box .tf-right {
        float: right;
        width: 755px;
        padding-top: 10px;
        border-top: 1px solid #000;
    }

    .nav-container .nav-right li {
        list-style: none;
        width: 140px;
        height: 190px;
        border-top: 1px solid #000;
        padding-top: 10px;
        float: left;
        margin-right: 20px;

    }

    .tf-box {
        position: relative;
        margin-top: 140px;
    }

    .header .navbar .header-logo {
        display: none;
    }

    .nav-sr {
        display: none !important;
    }

    .footer-right {
        max-width: 324px;
        padding-right: 0;
    }

    .address-ph {
        display: none;
    }

    .carrousel {
        display: none;
    }

    .spinner3 {
        position: absolute;
        top: 400px !important;
    }

    .ft48 {
        font-size: 48px !important;
    }

    .nav {
        min-width: 1000px;
        height: 30px;
        background: #111111;
    }

    .nav-wrap {
        width: 1000px;
        height: 30px;
    }

    .line-bottom {
        font-size: 35px;
        font-weight: bold;
    }

    .tw-wen {
        width: 100%;
        height: auto;
        font-size: 24px;
        text-align: center;
        padding-top: 60px;
        overflow: hidden;
        padding-bottom: 60px;
    }

    .header {
        min-width: 1000px;
        background: #1B2B3D;
        position: relative;
    }

    .ele .needBox {
        padding: 20px 0;
        font-size: 18px;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        width: 610px;
        margin-top: 50px;
        margin-bottom: 10px;
        text-align: left;
    }

    .stu-info {
        width: 100%;
        height: 620px;
        min-width: 1000px;
    }

    .wz-container {
        width: 100%;
        width: 1000px;
        position: relative;
        overflow: hidden;
        padding-bottom: 80px;
    }

    .stu-info .info-container {
        width: 1000px;
    }

    .info-container .info-left .info-title {
        height: 110px;
    }

    .stu-info .info-container .info-left {
        height: 105px;
    }

    .nine-tw .takebox .left-congra {
        font-size: 70px;

    }

    .ele-tw .takebox .left-congra {
        font-size: 70px;
    }

    .ten-tw .takebox .left-congra {
        font-size: 70px;

    }

    .padbom138 {
        padding-bottom: 138px !important;
    }

    .martop50 {
        margin-top: 75px;
    }

    .wz-container .ltext-left {
        width: 680px;
        float: left;
    }

    .tw-tw .tw-about {
        width: 1000px;
        position: relative;
        padding-top: 320px;
        overflow: hidden;
    }

    .top500 {
        padding-top: 500px !important;
        font-size: 70px;
    }

    .allStory {
        width: 100%;
        background: #F4F4F4;
    }

    .allStory .all-box .load {
        background: #fff;
        width: 980px;
        height: 90px;
        border: 1px solid #F4F4F4;
        color: #fff;
        margin-left: 10px;
        margin-top: 10px;
    }

    .allStory .all-box ul {
        overflow: hidden;
    }

    .tw-product .team ul li {
        width: 242px;
        height: 360px;
        padding: 20px;
        background: #fff;
        margin-top: 20px;
    }

    .tw-product .team ul li:nth-child(3n+2) {
        margin-left: 15px;
        margin-right: 15px;
    }

    .tw-product .product-l {
        float: left;
        height: 100%;
    }

    .tw-product .team {
        float: right;
    }

    .tw-product .product-head {
        width: 200px;
        border-top: 1px solid #000;
        font-size: 16px;
        font-weight: bold;
        padding-top: 10px;
    }

    .step-container .step-title {
        width: 365px;
        border-top: 1px solid #000;
        padding-top: 8px;
        font-weight: bold;
        font-size: 16px;
        text-align: left;
        float: left;
        margin-bottom: 5px;
        margin-top: 20px;
    }

    .container {
        width: 1000px;
        position: relative;
    }

    .sat-info {
        width: 360px;
        margin-top: 20px;
        float: left;
        padding-top: 10px;
    }

    .about-tw {
        width: 100%;
        height: 560px;
        color: #fff;
        font-size: 24px;
        background: url("../images/12bg.jpg") no-repeat center;
        overflow: hidden;
        position: relative;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    .find-us {
        width: 1000px !important;
        min-height: 640px;
        background: #F4F4F4;
        padding-bottom: 60px;
    }

    .find-container {
        width: 1000px !important;
        padding-top: 30px;
        position: relative;
        overflow: hidden;
    }

    .jobdetail,
    .bread-nav {
        width: 1000px !important;
    }

    .container {
        padding: 0 !important;
    }

    .service-nav,
    .serbg2,
    .step-detail,
    .eight-tw,
    .twbg1,
    .serbg3,
    .serbg4,
    .serbg5,
    .ap-info,
    .serbg6,
    .serbg7,
    .serbg8,
    .c_box,
    .ele-tw {
        width: 1000px !important;
    }

    .allStory {
        width: 1000px;
    }

    .header-wrap {
        width: 100%;
    }

    .nav-wrap {
        width: 100%;
    }

    .user-btn {
        margin-right: 20px;
    }

    .nav-wrap ul a li {
        width: 105px;
    }

    .introduce {
        width: 100% !important;
    }

    .footer-right .focus-img span {
        margin-right: 8px;
    }

    .ad-box .box-right .ad-tel {
        padding-left: 10px;
    }

    .tw-indexBg .index-product {
        width: 100%;
    }

    .header-logo {
        margin-left: 20px;
    }

    .footer-about ul {
        margin-left: 20px;
    }

    .footer-about .footer-left {
        margin-left: 20px;
        width: 639px;
    }

    .footer-about .copyright {
        padding-left: 20px;
    }

    .six-tw,
    .tw-wen,
    .footer,
    .seven-tw,
    .nine-tw,
    .tw-wz,
    .ten-tw {
        width: 1000px !important;
    }

    .s_box {
        width: 1000px;
    }

    .tw-productBg {
        background: #F4F4F4;
        width: 1000px;
        padding-bottom: 70px;
    }

    .service-mainbg1 {
        background: url("../images/ser_01.jpg") no-repeat center;
        width: 1000px;
        height: 560px;
    }

    .about-tw,
    .info-us,
    .about-job {
        width: 1000px !important;
    }
        /*首页*/
    .block-white , .block-dark {
        width: 1000px;
    }
}

@media (max-width: 767px) {

    body,
    html {
        font-family: "方正兰亭黑体", 'Hiragino Sans GB', "Helvetica Neue", '微软雅黑', Helvetica, Tahoma, Arial, sans-serif;
    }

    .header-wrap {
        display: none;
    }

    .header-logo {
        position: absolute;
        top: 10px;
    }
    .navbar-header{
        background: #1B2B3D;
    }
    .navbar-toggle {
        float: right;
        border: none;
        margin-left: 4px;
    }

    .navbar-toggle .icon-bar {
        width: 17px;
        border-radius: 3px;
    }

    .header-logo {
        margin-left: 40px;
        height: 30px !important;
        margin-top: 0 !important;
        width: 105px !important;
        background: none !important;
    }

    .header-logo a {
        height: 30px;
    }

    .nav {
        display: none;
    }

    .header {
        top: 0;
        position: fixed;
        z-index: 999;
    }

    .xs-pad0 {
        padding: 0;
    }

    .xs-padl0 {
        padding-left: 0;
    }

    .user-btn {
        margin-right: 20px;
    }

    .sr-footer {
        display: block;
        color: #fff;
        font-size: 12px;
        margin-top: 5px;
        padding-bottom: 20px;
        background: #3C3733;
        padding-top: 15px;
    }

    .sr-footer .footer-nav a {
        color: #fff;
        margin: 0 3px;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
    }

    .footer-nav {
        padding: 0 10px;
        line-height: 30px;
    }

    .footer-nav a {
        display: block;
    }

    .sr-footer .contact {
        font-size: 12px;
        padding: 20px 10px;
    }

    .sr-footer .contact-btn {
        font-size: 14px;
        margin-left: 3px;
    }

    .sr-footer .contact-btn span {
        font-size: 18px;
        margin-left: 5px;
    }

    .sr-add-box {
        padding-top: 30px;
        padding-left: 2px;
    }

    .sr-footer .conUs {
        font-size: 12px;
        padding: 20px 10px;
    }

    .sr-footer .conUs span {
        font-size: 18px;
        margin-left: 5px;
    }

    .sr-footer .focus-img {
        margin-left: 4px;
        margin-top: 20px;
        display: none;
    }

    .sr-footer .focus-info .weixin {
        margin-left: -5px;
    }

    .sr-footer .focus-img span {
        display: inline-block;
        width: 40px;
        height: 40px;
        border-radius: 2px;
        border: 1px solid #999999;
        margin-right: 20px;
    }

    .carrousel {
        position: fixed;
        background-color: rgba(10, 10, 10, 0.8);
        display: none;
    }

    .carrousel .wrapper {
        position: absolute;
        top: 50%;
        margin-top: -150px;
        left: 50%;
        margin-left: -150px;
    }

    .carrousel {
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .carrousel .wrapper img {
        width: 300px;
        z-index: 999;
    }

    .conUs-btn {
        font-size: 14px;
        margin-left: 3px;
    }

    .header-logo a {
        text-indent: 0;
        padding-top: 6px;
    }

    .sr-add-box .sr-phone {
        text-indent: 3em;
        margin-bottom: 10px;
    }

    .sr-add-box .add-detail {
        display: inline-block;
        height: 34px;
    }

    .add-item-box {
        position: relative;
        overflow: hidden;
    }

    .sr-add-box span {
        display: block;
        height: 34px;
        float: left;
    }

    .sr-add-box .add-detail-box span {
        float: left;
    }

    .sr-add-box .add-detail-box {
        position: relative;
        width: 100%;
    }

    .focus-img .xl {
        background: url("../images/sr-weibo.png") no-repeat center;
    }

    .focus-img .wx {
        background: url("../images/sr-wechat.png") no-repeat center;
    }

    .nav-sr {
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    }

    .nav-sr ul {
        padding-bottom: 10px;
    }

    .header {
        height: 49px;
    }

    .navbar {
        margin-bottom: -1px;
    }

    .line-bottom {
        font-size: 28px;
        font-weight: bold;
    }

    .tw-wen {
        padding: 0 15px;
    }

    .tw-wen {
        padding-top: 20px;
        width: 100%;
        height: auto;
        font-size: 20px;
        text-align: center;
        overflow: hidden;
        padding-bottom: 20px;
    }

    .tw-wen .wen-top p {
        font-size: 18px;
    }

    .tw-wen .needBox p {
        font-size: 14px;
        text-align: left;
    }

    .tw-wen .left-congra,
    .ten-tw .left-congra,
    .ele-tw .left-congra,
    .elebg2 .left-congra,
    .tw-about .left-congra {
        font-size: 28px !important;
    }

    .header {
        width: 100%;
        background: #111111;
    }

    .ele {
        margin-top: 20px;
        padding-bottom: 40px;
    }

    .tw-wen .wen-top p {
        text-align: center;
        line-height: 30px;
    }

    .wen-top .need {
        text-align: left !important;
        line-height: 30px;
    }

    .sec-title {
        font-size: 30px;
    }

    .fir-title {
        font-size: 36px !important;
    }

    .stu-info .info-right {
        display: none;
    }

    .stu-info {
        width: 100%;
        height: 620px;
    }

    .wz-container {
        width: 100%;
        position: relative;
        overflow: hidden;
        padding-bottom: 80px;
    }

    .nine-fir p {
        font-size: 28px;
    }

    .stu-info .info-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .stu-info .info-left {
        width: 100% !important;
    }

    .stu-info .info-left .zzw {
        margin-top: 50px;
        left: -5px;
    }

    .stu-info .info-left .info-detail img {
        width: 300px;
    }

    .stu-info .info-left .info-detail .result {
        margin-top: 260px !important;
    }

    .stu-info .info-title {
        font-size: 16px !important;
        line-height: 40px;
    }

    .wz-container {
        padding: 0 15px;
    }

    .wz-container .wz-left {
        width: 100% !important;
    }

    .wz-container .wz-right {
        width: 100% !important;
        margin-top: 60px !important;
    }

    .wz-container .wz-right .read {
        margin: 20px 0;
    }

    .wz-container .ltext-left .title {
        width: 100% !important;
    }

    .wz-container .ltext-right {
        width: 100% !important;
        margin-top: 60px !important;
    }

    .wz-container .ltext-right .read {
        margin-top: 60px !important;
        margin-bottom: 20px;
    }

    .tw-tw .tw-about {
        position: relative;
        padding-top: 320px;
        overflow: hidden;
    }

    .allStory .all-box .load {
        width: 100%;
        background: #fff;
        height: 90px;
        border: 1px solid #F4F4F4;
        color: #fff;
        margin-top: 10px;
    }

    .button-box {
        width: 100%;
    }

    .allStory {
        margin-top: 10px;
    }

    .allStory .all-box ul {
        overflow: hidden;

    }

    .allStory .all-box {
        background: #F4F4F4;
    }

    .s_box {
        margin-top: 50px;
    }

    .s_info .info_left {
        display: none;
    }

    .s_box .s_head {
        padding: 0 15px;
    }

    .s_info .info_right {
        padding: 0 15px;
    }

    .allStory .all-box .story-list li {
        padding: 0 5px !important;
        margin: 5px 0 !important;
    }

    .tw-product .team ul li {
        float: left;
        padding: 0px;
        margin-top: 10px;
        height: 300px;
    }

    .tw-product .team ul li .t_box {
        height: 300px;
        background: #fff;
        padding: 15px;
    }

    .team .info {
        font-size: 14px !important;
    }

    .tw-product .team .detail {
        margin-bottom: 15px !important;
    }

    .tw-productBg {
        margin-top: 30px;
        padding: 0 10px;
    }

    .tw-product .team ul {
        width: 100% !important;
    }

    .tw-product .product-l {
        width: 100%;
        float: none;

    }

    .tw-product .product-head {
        border-top: 1px solid #000;
        font-size: 16px;
        font-weight: bold;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .allStory .all-box .story-list li {
        height: 300px !important;
    }

    .allStory .all-box ul li .li-box {
        min-height: 300px !important;
    }

    .service-mainbg1 {
        background: url("../images/ser_01.jpg") no-repeat center;
        width: 100%;
        height: 560px;
        margin-top: 49px;
        padding: 0 15px;
    }

    .nav-container {
        width: 100% !important;
    }

    .service-nav {
        padding: 0 15px;
    }

    .nav-right,
    .step-container {
        width: 100% !important;
    }

    .nav-container .nav-right li {
        list-style: none;
        width: 25%;
        height: 150px;
        padding-top: 10px;
        float: left;
        text-align: center;
    }

    .service-nav .nav-left {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .step-container .step-box li {
        width: 50% !important;
        margin: 0 !important;
        height: 120px;
        text-align: center;
    }

    .step-box .info-title {
        margin-top: 5px !important;
        padding-top: 0 !important;
    }

    .step-box .step-info {
        text-align: center !important;
        display: inline-block;
    }

    .step-box .info-title {
        border-top: none !important;
    }

    .step-container .step-box li:nth-child(n) {
        padding-left: 10px;
    }

    .step-container .step-box li:nth-child(n+1) {
        padding-right: 10px;
    }


    .step-container .step-title {
        width: 100%;
        border-top: 1px solid #000;
        padding-top: 8px;
        font-weight: bold;
        font-size: 16px;
        text-align: left;
        float: left;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .tf-box {
        position: relative;
        margin-top: 20px;
        overflow: hidden;
    }

    .step {
        padding: 0 15px;
    }

    .test .test-right {
        float: right !important;
    }

    .tf-box .tf-left {
        width: 100% !important;
    }

    .tf-box .tf-right {
        float: right;
        padding-top: 10px;
        border-top: 1px solid #000;
        margin-top: 20px;
        width: 100%;
    }

    .tf-box .tf-right .left {
        margin-left: 0 !important;
        text-align: left;
        display: inline-block;
        width: 30%;
    }

    .tf-box .tf-right .right {
        margin-left: 0 !important;
        text-align: right;
        display: inline-block;
        width: 70%;
    }

    .step-detail {
        padding: 0 15px 50px 15px !important;
    }

    .step-detail .step-container .title {
        margin-top: 30px !important;
        width: 100% !important;
    }

    .step-cobtainer {
        padding: 0 15px;
    }

    .container {
        padding: 0 15px;
        position: relative;
    }

    .sat-info {
        margin-top: 20px;
        border-top: 1px solid #fff;
        float: left;
        padding-top: 10px;
    }

    .sat-road .sat-step {
        width: 100%
    }

    .sat-road,
    .jobdetail .apply,
    .jobdetail .tj-btn,
    .result-box,
    .title_box,
    .c_container .c_right,
    .c_box .lookMore,
    .jobdetail-box,
    .c_box .c_container,
    .c_container .c_left,
    .bg1-container,
    .service-left,
    .tf-container,
    .about-thinktown,
    .about-think-right,
    .info-us .info-box,
    .info-box .box-left,
    .info-box .left-global,
    .big-box .bigEvent,
    .about-job .job-container {
        width: 100% !important;
    }

    .c_box .c_container {
        padding: 0 10px;
    }

    .about-think-right {
        margin-top: 40px;
        height: 280px !important;
    }

    .bg1-container {
        padding-top: 20px !important;
    }

    .act-box .box-left {
        font-weight: bold;
        font-size: 16px;
        border-top: 1px solid #000;
        padding-top: 10px;
        margin-bottom: 40px;
    }

    .act-box .box-right {
        border-top: 1px solid #000;
        padding-top: 10px;
        padding-bottom: 100px;
    }

    .ap-info .info-container .container-left {
        padding-top: 10px;
        border-top: 1px solid #fff;
    }

    .ap-info .info-container {
        padding: 0 15px;
        position: relative;
        overflow: hidden;
    }

    .ap-info .info-container .container-right {
        padding-top: 10px;
        border-top: 1px solid #fff;
        margin-top: 30px;
    }

    .info-container .class-box .li-box {
        width: 50%;
        float: left;
    }

    .info-container .class-box .li-box:nth-child(2n) {
        padding-left: 5px;
    }

    .info-container .class-box .li-box:nth-child(2n+1) {
        padding-right: 5px;
    }

    .info-container .class-box li {
        width: 100%;
        list-style: none;
        height: 64px;
        float: left;
        line-height: 56px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 10px;
        padding-left: 5px;
    }

    .mb-detail {

        position: relative;
        overflow: hidden;
        padding-bottom: 80px;
        padding: 0 15px;
        padding-top: 30px;
    }

    .mb-detail .mb-left {
        height: 60px;
    }

    .mb-detail .mb-right {
        padding-top: 10px;
        border-top: 1px solid #000;
    }

    .mb-right .mb-step p {
        margin-right: 5px !important;
        margin-bottom: 20px;
    }

    .sr-mbBox {
        height: 65px;
        float: left;
        margin-right: 5px;
        margin-bottom: 20px;
    }

    .bg1-container .service-left .left-content {
        border-top: 1px solid #fff;
        color: #fff;
        line-height: 18px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 12px;
    }

    .bg1-container .service-left {
        float: left;
        border-bottom: 2px solid #d2cdc8;
    }

    .service-tf .tf-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .service-tf .tf-container .tf-right {
        height: auto;
        font-weight: bold;
        color: #fff;
        border-top: 20px solid #fff;
        padding-top: 10px;
        border-bottom: 1px solid #fff;
    }

    .goup-container {
        display: block !important;
        opacity: 0.5;
    }

    .about-tw {
        width: 100%;
        height: 560px;
        color: #fff;
        font-size: 20px;
        background: url("../images/sr-12bg.jpg") no-repeat center;
        overflow: hidden;
        position: relative;
        padding: 0 10px;
    }

    .info-us,
    .big-box,
    .about-job,
    .jobdetail {
        padding: 0 10px;
    }

    .info-box .box-right {
        margin-top: 380px;
        float: none;
    }

    .info-box .box-right video {
        width: 100% !important;
    }

    .about-thinktown .about-think-left .fir {
        font-family: Georgia;
        font-size: 22px;
        border-top: 1px solid #fff;
        padding-top: 20px;
    }

    .about-thinktown .about-think-left .twd {
        font-family: Georgia;
        font-size: 28px;
        padding-top: 20px;
    }

    .about-tw .about-thinktown {
        margin-top: 80px !important;
    }

    .bigEvent .e-left {
        font-size: 16px;
        padding-top: 10px;
        border-top: 1px solid #000;
        font-weight: bold;
    }

    .bigEvent .e-right {
        font-size: 16px;
        margin-top: 20px;
    }

    .about-job .job-container .box-left {
        border-top: 1px solid #ACA8A5;
        font-size: 18px;
        padding-top: 10px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .job-container .box-right .job-item {
        height: 60px;
        color: #fff;
        font-size: 14px;
        line-height: 60px;
        text-align: center;
        display: inline-block;
        font-weight: bold;
    }

    .job-container .box-right ul .zw-box {
        width: 50%;
        height: 60px;
        overflow: hidden;
        float: left;
        padding: 5px 0;
    }

    .job-container .box-right ul .zw-box a {
        width: 100%;
    }

    .job-container .box-right ul .zw-box:nth-child(2n) {
        padding-left: 5px;
    }

    .job-container .box-right ul .zw-box:nth-child(2n+1) {
        padding-right: 5px;
    }

    .bread-nav {
        margin-top: 50px;
        padding: 0 10px;
    }

    .jobdetail-box .job-info .img-center {
        margin: 0 30px !important;
    }

    .jobdetail-box {
        background: #fff;
        padding-top: 50px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 55px;
    }

    .bread-nav {
        width: 100%;

        background: #F4F4F4;
    }

    .bread-nav .bread-box {
        border-bottom: 1px solid #948F8B;
        height: 55px;
        line-height: 55px;
    }

    .c_head {
        margin-top: 49px;
        padding: 0 10px;
        border: none !important;
    }

    .c_box .c_head .title_box {
        border-bottom: 1px solid #948F8B;
    }

    .jobdetail-box .apply-info .btn-help {
        margin-left: 30%;
        font-size: 16px;
        padding-left: 5px;
        margin-top: 10px;
    }

    .jobdetail-box .apply-info .btn-text {
        width: 30% !important;
    }

    .jobdetail-box .apply-info .btn-input {
        width: 70% !important;
        float: right;
    }

    .btn-groups .rmsg {
        margin-left: 30% !important;
    }

    .jobdetail-box .apply-info .extra {
        width: 180px;
    }

    .result-container {
        padding-bottom: 0px !important;
        padding-top: 50px !important;
    }

    .result-box {
        padding: 20px !important;
    }

    .result-box .result-thank {
        font-size: 22px !important;
    }

    .find-us {
        width: 100%;
        min-height: 640px;
        background: #F4F4F4;
        padding-bottom: 60px;
    }

    .find-container {
        width: 100% !important;
        padding-top: 30px;
        position: relative;
        overflow: hidden;
        padding-left: 15px;
        padding-right: 15px;
    }

    .find-us .find-container .box-right .type-place {
        border-top: 1px solid #ACA8A5;
    }

    .find-us .find-container .box-left {
        border-top: 1px solid #ACA8A5;
        font-size: 18px;
        padding-top: 10px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .team .team-name {
        margin-top: 10px !important;
    }
    /*首页*/
    .block-dark{
        background: #fff;
    }
    .block-dark .wrapper-header .title-ch{
        color: #000;
    }
    .footer{
        width: 100% !important;
    }
    .footer .footer-conts{
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .xs-container {
        width: 100% !important;
    }

    .shortLine {
        display: none !important;
    }

    .introduce-header {
        margin-top: 20px;
    }

    .sm-pad15 {
        padding: 0 15px;
    }

    .hide-xs {
        display: none;
    }

    .index-story {
        width: 100% !important;
    }

    .index-product {
        width: 100% !important;
        padding: 10px !important;
    }

    .index-product .index-r ul {
        width: 100% !important;
        padding-bottom: 20px;
    }

    .index-story {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .index-story .index-img {
        width: 100% !important;
    }

    .s_box .s_info .info_right {
        width: 100% !important;
    }

    .s_box .s_info .info_left {
        display: none;
    }

    .tw-product {
        width: 100% !important;
    }

    .tw-product .product-r ul li {
        width: 100% !important;
    }

    /*首页*/
    .quality-service .img-item:nth-child(n + 3){
        margin-top: 15px;
    }
}

@media (max-width: 1000px) {

    /*     .class-detail .tr{
    width: 100% !important;
} */
    .md-container {
        padding-left: 15px;
    }

    .nav ul li {
        width: auto !important;
        margin: 0 20px;
    }

    .s_info {
        width: auto !important;
    }

}

@media (min-width: 1000px) {
    .footer-left {
        padding-left: 0;
    }

    .service-mainbg1 {
        background: url("../images/ser_01.jpg") no-repeat center;
        width: 100%;
        height: 560px;
    }

    .nav-right li:nth-child(5) {
        margin-right: 0;
    }

}

@media(max-width:991px) and (min-width:768px) {
    .col-middle-12 {
        width: 100%;
    }

    .index-r {
        padding-bottom: 20px;
    }

    .index-r ul {
        width: 100% !important;
        padding: 10px;
    }

    .index-product .index-r ul li {
        width: 25% !important;
        margin-right: 0 !important;
    }

    .index-product {
        width: 100% !important;
    }

    .s_info .info_left {
        width: 20% !important;
    }

    .s_info .info_right {
        width: 80% !important;
    }

    .bproduct-detail {
        width: 100% !important;
    }

    .tw-product .product-r ul {
        width: 760px !important;
        margin: 0 auto;
        float: none !important;
    }
}