img {
    max-width: 100%;
    border: none;
}
@media (max-width: 750px) {
    #index_warper {
        width: 100%;
        overflow: hidden;

        margin-top: 68px;
    }
    #index_warper #baner_item_container>ul{
        position: relative;
        width: 100%;
        /*height: 700px;*/
    }

    #index_warper #baner_item_container .banner_tip_2 {
        left: 43%;
        top: 86%;
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
    }
    #index_warper .banner_tip_1, .banner_tip_2 {
        z-index: 99;
        position: absolute;
        top: 21%;
        left: 10%;
        width: 26px;
        height: 26px;
    }
    #index_warper .banner_content .b_text_1>p.b_1_p1{
        height: 120px;
        width: 55%;
    }
    #index_warper .banner_content .b_text_1 p{
        color: #fff;
        padding-left: 28%;
        padding-top: 0px;
        width: 82%;
        height: 150px;
        overflow: hidden;
    }

    #index_warper .banner_tip_2>.annima_title {
        color: #cccccc;
    }


    .head>.menu{
        display: none;
        /*width: 26%;*/
    }

    #index_warper .banner_content {
        position: relative;
        width: 294%;
        left: -45%;
    }
    #index_warper .b_text{
        width: 28%;
        top:20%;
    }

    #index_warper #banner_content_1{
    }
    #index_warper  #banner_content_2{
        left: -132%;
    }
    #index_warper #banner_content_3{
        left: -123%;
    }
    #index_warper  #baner_item_container>.prev {
        display: none;
    }

    #index_warper  .banner_tip_2>.top_gap {
        background-color: #fff;
        left: 0px;
    }



    #index_warper .introduce #description_1{
        margin-left: 6%;

        /*margin-bottom: 90px;*/
    }

    #index_warper .introduce>.description{
        position: relative;
        float: left;
        width: 84%;
        margin-left: 6%;
        padding-left: 8%;
        text-align: center;
        margin-top: 90px;
    }

    /*#index_warper .introduce .description>p.annima_title span {*/
        /*display: inline-block;*/
        /*height: 88px;*/
        /*overflow: hidden;*/
        /*width: 115px;*/
        /*font-size: 100px;*/
    /*}*/
    #index_warper .introduce .description > .annima_title em {
        font-size: 18px;
        color: #c7c7c7;
        display: block;
        bottom: -28px;
        left: -40px;
        position: relative;
    }
    #index_warper .introduce #description_1 > p.annima_title em {
        bottom: -28px;
        left: -70px;
    }
    #index_warper .introduce .description>.annima_title span {
        display: inline-block;
        height: 88px;
        overflow: hidden;
        width: 174px;
        font-size: 100px;
        padding-left: 30px;
    }
    #index_warper .content>.introduce {

         margin-top: 0px;
        padding: 0px 0px 40px;
    }

    #index_warper .introduce>.description> .annima_title span.annima_title_sp{
        width: 184px;
    }

    #index_warper .introduce>.konw_comp_tip {
        position: relative;
        top: 0px;
        left: 0px;
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }
    #index_warper .introduce>.konw_comp_tip>.tip_top {
        padding: 2% 5%;
        float: left;
        width: 60%;
    }

    #index_warper .introduce>.konw_comp_tip>.tip_bottom {
        float: right;
        width: 30%;
        padding: 0px;
        margin-top: 0px;
    }

    #index_warper .konw_comp_tip>.tip_bottom>p:first-child{
        padding: 20%;
    }
    #index_warper .konw_comp_tip>.tip_bottom>p:last-child{
        padding-bottom: 25%;
    }

    #index_warper .konw_comp_tip>.tip_top>p:nth-child(3) {
        font-size: 18px;
        line-height: 28px;
        padding: 10px 0;
    }

    #index_warper .konw_p1 span{
        font-size: 24px;
        letter-spacing: -4px;
        color: #d76c1c;
    }

    #index_warper .konw_comp_tip>.tip_top>p:nth-child(2) {
        /*font-size: 24px;*/
        /*letter-spacing: -3px;*/
        /*color: #d76c1c;*/
        /*text-indent: 0px;*/
        display: none;
    }


    #index_warper .content>.apply_experience>span.ex_title {
        padding: 0 6.25% 15px;
        width: 87%;
        text-align: left;
        line-height: 33px;
        /*width: 100%;*/
        /*padding-bottom: 15px;*/
        font-size: 15px;
        letter-spacing: 1.4px;
    }


    #index_warper  .content>.apply_experience span {
        /*text-align: left;*/
        /*line-height: 33px;*/
        /*width: 100%;*/
        /*padding-bottom: 15px;*/
        /*font-size: 15px;*/
        /*letter-spacing: 1.4px;*/


    }

    #index_warper .content>.apply_experience {
        position: relative;
        padding: 10px 0;
    }

    #index_warper .content>.apply_experience>.ae_content>.show_img {
        width: 200%;
        position: relative;
        left: -100px;
    }

    #index_warper .content .apply_experience>.ae_show_text {
        width: 100%;
    }

    #index_warper .content .apply_experience>.ae_show_text>p:first-child {
        width: 80%;
        position: relative;
    }

    #index_warper .content .apply_experience>.ae_show_text#ae_show_text2 {
        top: 70%;
    }

    #index_warper .content .apply_experience>.ae_show_text#ae_show_text2>p:first-child {
        left: 48px;
    }

    #index_warper .content .apply_experience>.ae_show_text {
        left: 11px;
        top: 247px;
        opacity: 1;
    }

    #index_warper .content>.apply_experience p span {
        display: inline-block;
        font-size: 22px;
        line-height: 30px;
        width: 90%;
        text-align: center;

        height: 30px;
        overflow: hidden;
    }

    #index_warper .content>.customer_service>.cs_content {
        margin-top: 5px;
    }

    #index_warper .content>.customer_service {
        padding: 10px 0;
        margin-bottom: 0px;
    }

    #index_warper .content>.customer_service .cs_content>.cs_descr {
        position: absolute;
        width: 100%;
        color: #fff;
        right: 40px;
        top: 170px;
    }

    #index_warper .content>.customer_service .cs_content>div.cs_img {
        width: 120%;
    }

    #index_warper .content>.customer_service .cs_content>.gap {
        position: absolute;
        right: 0;
        border-bottom-color: #fff;
        width: 5%;
        top: 170px;
    }

    #index_warper .content>.customer_service>.cs_show_text {
        position:relative;
        padding: 0;
        left: 0;
    }
    #index_warper .content>.customer_service>.cs_show_text p:first-child {
        padding: 15px 0px 8px;
    }
    #index_warper .content>.customer_service>.cs_show_text p:nth-child(2) {
        display: inline-block;
        width: 44%;
        font-size: 32px;
        letter-spacing: 4px;
        padding-left: 20%;
    }
    #index_warper .content>.customer_service>.cs_show_text p:nth-child(3) {
        letter-spacing: 3px;
        padding-bottom: 50px;
        padding-left: 10%;
        width: 48%;
        line-height: 22px;
    }

    #index_warper .content>.total_solution {
        position: relative;
        margin-top: 30px;
    }

    #index_warper .content>.total_solution>.ts_title {
        width: 95%;
        margin-left: 5%;
    }

    #index_warper .content>.total_solution>.ts_content>.show_img {
        width: 250%;
    }

    #index_warper .content>.total_solution>.ts_content>.show_txt {
        position: relative;
    }

    #index_warper .content>.total_solution>.ts_content>.show_txt p:first-child {
        font-size: 30px;
        line-height: 55px;
        text-indent: 0px;
    }

    #index_warper .content>.total_solution>.ts_content>.show_txt p:last-child {
        text-indent: 68px;
    }

    #index_warper .content>div.apply_experience p.ae_p span {
        font-size: 18px;
        line-height: 24px;
    }
    #index_warper .content>.total_solution>.ts_content {
        margin-top: 10px;
        background-color: #ed771d;
    }

    #index_warper .footer>.fitness_course {
        position: relative;
        width: 60%;
        margin: 50px 20%;
    }

    #index_warper .footer>.fitness_course>.ts_title {
        font-size: 24px;
        text-align: center;
        display: inline-block;
        width: 55%;
        padding-left: 22%;
        line-height: 38px;
    }

    #index_warper .footer>.fitness_course>.ts_content {
        /*margin-top: 20px;*/
        /*display: block;*/
         height: auto;
    }

    #index_warper  .footer>.fitness_course ul#ts_content_ul li {
        position: relative;
        top: 10px;
        left: 0px;
        width: 100%;
        margin-top: 30px;
    }

    #index_warper .footer>.fitness_course ul#ts_content_ul li:nth-child(2){
        left:0%;
    }

    #index_warper  .footer>.fitness_course ul#ts_content_ul li:nth-child(3){
        left:0%;
    }

    #index_warper .footer {
        position: relative;
        /*background: url("../../img/index/footer_bg_m.jpg") no-repeat bottom center #fff;*/
        /*background-size: 100% 85%;*/
    }

    #index_warper .footer>.footer_bg {
        position: absolute;
        top: -1600px;
        left: 0;
        width: 100%;
        height: 1600px;
        z-index: 1;
        /*outline: dashed 1px #ff0000;*/
    }

    #index_warper .footer>.footer_bg img {
        width: 100%;
        height: 100%;
    }

    #index_warper .footer > .bg_img {
        height: 85%;
        top: 15%;
    }

    #index_warper .footer >.footer_content .qrcode_list {
         float: none;
         width: 100%;
    }

    #index_warper .footer >.footer_content .qrcode_list ul li {
        width: 100%;
        margin-bottom: 30px;
    }

    #index_warper .footer >.footer_content .qrcode_list ul li:first-child {
        float: left;
        margin-left: 0;
    }

    #index_warper .footer >.footer_content  .ft_left {
        width: 100%;
    }

    #index_warper .copyright>p{
        font-size: 22px;
    }
    #index_warper .copyright>span{
        font-size: 16px;
    }

    #index_warper .footer > .footer_content .ft_left .share_icon {
        padding-bottom: 0px;
        border-bottom: solid 0px #6a6a6a;
    }
    #index_warper .footer > .footer_content .ft_left .copyright {
        padding-top: 0px;
    }

    body {
        padding-top:0px;
    }

}


@media (max-width: 960px) {

    /*.head>.menu{*/
        /*!*display: none;*!*/
        /*width: 26%;*/
        /*position: absolute;*/
        /*right: 0;*/
        /*z-index: 999;*/

    /*}*/

    #index_warper .menu>ul>li {
        float: left;
        margin: 0 8px;
        line-height: 35px;
        font-size: 12px;
        text-align: center;
    }

    #index_warper .head>.menu ul li a{
        color: #000;
    }

    /*.menu>ul>li {*/
        /*float: none;*/
        /*margin: 0 16px;*/
        /*line-height: 35px;*/
        /*text-align: center;*/
    /*}*/
    #index_warper .content>div.apply_experience p span {
        font-size: 14px;
        line-height: 24px;
    }
}

@media (max-width: 1080px) {
    #index_warper .b_text_1 p{
        color: #fff;
        padding-left: 28%;
        padding-top: 25px;
        width: 55%;
        height: 120px;
        overflow: hidden;
    }

    #index_warper #baner_item_container>.prev {
        left: 72%;
        top: 48%;
    }


}

@media screen and (max-width: 1024px){
    body {
        padding-top:0px;
    }

   body header {
        position: fixed;
        z-index: 10000;
        left: 0;
        top: 0;
        width: 100%;
        height: 68px;
    }
}


@media (max-width: 1280px) {
    #index_warper .content>.apply_experience p span {
        font-size: 18px;
        line-height: 30px;
    }

}


/*20161109*/

@media screen and (max-width:480px){
  #index_warper .footer > .footer_content .ft_left .copyright p > span{
    font-size: 14px;
    padding-right: 0;
  }
  #index_warper .footer > .footer_content .ft_left .copyright > span{
    display: block;
    font-size: 14px;
    line-height: 1.4;
  }
}