.sq_timer_800ms {
    -webkit-transition: all 800ms;
    -moz-transition: all 800ms;
    -ms-transition: all 800ms;
    -o-transition: all 800ms;
    transition: all 800ms;
}


/**/

.headMenu {
    cursor: pointer;
    display: none;
    float: right;
    margin-top: 6px;
}

.headMenu span {
    width: 28px;
    display: block;
    height: 3px;
    margin-bottom: 6px;
    background: #000000;
}

.headMenu .headMenu-span1 {}

.headMenu .headMenu-span2 {}

.headMenu .headMenu-span3 {
    margin-bottom: 0;
}


/**/

.headerBox {
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}

.headerBox-div {
    float: right;
    position: relative;
    right: -68%;
    width: 66%;
    height: 100%;
    background: #fff;
}

.headerBox-div.on {
    right: 0;
}

.headerBox .headerBox-lang {
    background: rgba(188, 159, 95, 0.18);
    font-size: 0.6em;
    /* 修改 */
    position: absolute;
    bottom: 57px;
    left: 0;
    width: 100%;
    /* position: relative; */
    padding: 0 7% 0 5%;
    color: #999;
    display: flex;
    align-items: center;
    text-align: center;
}

.headerBox .headerBox-lang a {
    text-transform: uppercase;
    display: inline-block;
    color: #bc9f5f;
    font-size: 16px;
    padding: 8px;
    vertical-align: middle;
    flex: 1;
}

.headerBox-cls {
    cursor: pointer;
    height: 57px;
    line-height: 57px;
    background: #bc9f5f;
}

.headerBox-cls img {
    float: right;
    margin: 7px;
}

.headerBox-ul {
    position: relative;
    overflow-y: auto;
    height: 100%;
}

.headerBox li {
    position: relative;
    line-height: 60px;
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
}

.headerBox a {
    display: block;
    padding: 0 8%;
    font-size: 15px;
    position: relative;
    color: #333;
}

.headerBox .z_header a {
    background: #F3F5F9;
}

.headerBox li img {
    float: right;
    display: block;
    margin: 24px 0;
}

.headerBox-li {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    background: #fff;
    height: 100%;
}

.headerBox-li.on {
    left: 0;
}

.headerBox-li-item .headerBox-li-back {
    background: rgba(188, 159, 95, 0.68);
}

.headerBox-li-item .headerBox-li-back a {
    color: #fff;
}

.headerBox-li-item .headerBox-li-back span {
    cursor: pointer;
    font-size: 13px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0 6%;
    background: rgba(188, 159, 95, 0.8);
}

.sq_main.on {
    -webkit-transform: translateX(-66%);
    -moz-transform: translateX(-66%);
    -ms-transform: translateX(-66%);
    -o-transform: translateX(-66%);
    transform: translateX(-66%);
}

@media (max-width: 1620px) {
    /*play*/
    .play-honor .play-honor-r ul li p {
        display: block;
    }
    .play-honor .play-honor-r {
        padding: 3% 0 3% 3%;
    }
}

@media (max-width: 1440px) {
    /**/
    .play-honor .play-honor-r h3 {
        margin-bottom: 24px;
    }
    /*about*/
    .about-ab-p {
        width: 100%;
    }
    .about-ab-p p {
        font-size: 0.875rem;
        line-height: 36px;
    }
    .about-ab .about_nub li p span {
        font-size: 3.3rem;
    }
    /*work*/
    .group .group-con {
        padding: 4% 6%;
    }
    .group .group-con>p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 1280px) {
    /*header*/
    .head .down_con .content .subnav a {
        margin-right: 1.5%;
    }
    /*index*/
    .p-case-list-index .areas .item {
        height: 72vh;
    }
    .p-case-list-index .areas .item .txt-wrap .ttl .em {
        font-size: 19px;
    }
    .p-case-list-index .areas .item .txt-wrap .ttl span {
        font-size: 13px;
        line-height: 16px;
    }
    .news-view-con span {
        margin: 6px 0 10px;
    }
    /*about*/
    .about-zc .about-img {
        width: 47%;
    }
    .about-zc .about-con {
        width: 50%;
    }
    /*work-jy*/
    .work-jy-about .work-jy-con {
        width: 50%;
    }
    .work-jy-about .work-jy-img {
        width: 50%;
    }
    .work-jy-gd {
        padding: 12% 0;
    }
    .work-jy-gd p {
        font-size: 1.6rem;
        line-height: 3rem;
    }
    .work-part-div p {
        font-size: 1.1rem;
    }
    .work-part-con h1 {
        font-size: 1.0875rem;
    }
    .wpartDemo .slick-prev {
        left: 26%;
    }
    .wpartDemo .slick-next {
        right: 26%;
    }
    /*work-gc*/
    .work-gc-serive .work-gc-con {
        width: 42%;
    }
    .work-gc-wy .work-gc-img {
        width: 58%;
    }
    .work-gc-sw .work-gc-img {
        width: 50%;
    }
    .work-gc-serive .work-sw-con {
        width: 50%;
        padding: 3% 4%;
    }
    .work-gc-serive .work-gc-con p {
        line-height: 32px;
    }
    .work-gc-serive .work-gc-con h1 {
        margin-bottom: 3%;
        font-size: 1.36rem;
    }
    .work-traffic-items {
        margin-bottom: 1%;
    }
    .work-gc-traffic span {
        display: block;
        line-height: 1.4;
    }
    .work-gc-traffic p {
        line-height: 1;
        font-size: 0.96rem;
        letter-spacing: 0;
    }
    /*work-yy*/
    .work-ab-img {
        width: 48%;
    }
    .work-ab-con {
        width: 50%;
    }
    .work-yy-p p {
        line-height: 32px;
        font-size: 13px;
    }
    .about-three-bg p {
        font-size: 13px;
        line-height: 26px;
    }
    .fxr p {
        line-height: 32px;
        font-size: 13px;
    }
    /*news*/
    .news-view-con h2 {
        line-height: 3rem;
        font-size: 1.1rem;
    }
    .news-view-con p {
        height: 86px;
        -webkit-line-clamp: 3;
        line-height: 1.8rem;
    }
    /*culture*/
    .culture-tx-box {
        height: 52vh;
    }
    .culture-tx-div {
        padding-left: 4%;
    }
    .culture-tx-div h1 {
        font-size: 1.6rem;
    }
    .culture-tx-div>img {
        width: 80px;
    }
    .zzDemo .zzDemo-con {
        width: 48%;
    }
    .zzDemo .zzDemo-img {
        width: 50%;
    }
    .zzDemo .zzDemo-con h2 {
        text-align: left;
    }
    /*s-coop*/
    .s-obj-items img {
        width: 42px;
    }
    .s-obj-items span {
        font-size: 14px;
        margin: 5% auto 2%;
    }
    .s-obj-items p {
        font-size: 13px;
        max-width: 80%;
    }
    /*s-strain-dw*/
    .s-dwimg-div {
        width: 32%;
    }
    .s-dwDet-img2 .s-dwimg-div {
        width: 24%;
    }
    /*contact*/
    .contact-item {
        width: 48%;
        padding: 3%;
    }
    /*join-con*/
    .join-new-num {
        font-size: 148px;
        letter-spacing: -2px;
    }
}

@media (max-width: 1180px) {
    /*header*/
    .head .logo {
        width: 120px;
    }
    .head .nav {
        left: 0.6%;
    }
    .head .nav ul li {
        margin: 0 0.5vw;
    }
    .header-icon div {
        padding: 4px 8px;
    }
    .header-icon span {
        font-size: 14px;
    }
    .head .down_con .content .subnav a {
        margin-right: 1%;
    }
    /*footer*/
    .footer .footer-top .footer-r .footeri-nav {
        display: none;
    }
    .footer-top .footer-l {
        width: 50%;
    }
    .footer-top .footer-r {
        width: 50%;
    }
    /*about*/
    .deveDemo {
        background: url(../img/date_line.html) no-repeat 7.5% center;
        background-size: auto 80%;
    }
    .about-deve-time {
        width: 14%;
    }
    .about-deve-time span {
        font-size: 1.4rem;
    }
    .about-deve-time p {
        font-size: 0.875rem;
    }
    .deveDemo .itemA {
        /*padding-left: 4%;*/
    }
    .about-deve-tab {
        width: 16%;
    }
    .deveDemo .slick-prev,
    .deveDemo .slick-next {
        left: 6%;
    }
    .deveDemo .itemA .now {
        font-size: 2.6rem;
        width: 16%;
    }
    .honorDemo .slick-arrow {
        width: 46px;
        height: 66px;
    }
    .honorDemo .slick-prev {
        right: 68px;
    }
    /*work*/
    .work-gc-items {
        width: 100%;
        float: none;
        min-height: 21vh;
        padding: 3% 1%;
        margin-bottom: 3%;
    }
    .work-gc-items>div {
        display: inline-block;
        width: 180px;
        vertical-align: top;
    }
    .work-gc-items>div>p {
        border: 0;
        padding: 0;
    }
    .work-gc-items img {
        width: 42px;
        margin-bottom: 6px;
    }
    .work-gc-items .work-gc-div {
        width: calc(100% - 200px);
        padding: 0 0 0 6%;
    }
    .work-gc-items .work-gc-div li {
        float: left;
        width: 50%;
    }
    .work-gc-items:last-of-type .work-gc-div li {
        width: 100%;
    }
    /*play*/
    .play-p span {
        display: inline-block;
    }
    /*play*/
    .play-honor .play-honor-l {
        width: 100%;
        position: relative;
    }
    .play-honor .play-honor-l img {
        display: block;
    }
    .play-honor .play-honor-r {
        width: 100%;
        margin: 0;
    }
    .play-honor .play-honor-r {
        padding: 3% 0 3% 6%;
    }
    .play-honor .play-honor-r h3 {
        display: none;
    }
    /*join-money*/
    .join-money-quan {
        width: 68px;
        height: 68px;
        margin-left: -34px;
        top: -34px;
    }
    .join-money-quan img {
        width: 52%;
        margin: 16px auto;
    }
    /*contact*/
    .contact-view>div {
        width: 48%;
    }
    /*join-news*/
    .dynamics .join-new-items {
        width: 48%;
    }
}

@media (max-width: 1040px) {
    /**/
    .index-title h1 span {
        font-size: 2.6rem;
    }
    .index-title h1 {
        font-size: 30px;
        line-height: 46px;
        margin-bottom: 4%;
    }
    .index-more {
        width: 168px;
        height: 48px;
        line-height: 48px;
        margin-top: 8%;
    }
    /*页面导航*/
    .workNav li {
        margin-right: 10px;
    }
    .workNav li a {
        font-size: 15px;
        padding: 0 10px;
    }
    /*header*/
    .head {
        padding: 10px 20px;
        background: #fff;
    }
    .head>div {
        height: auto;
    }
    .head .logo {
        position: static;
        width: 88px;
        background: none;
    }
    .head .logo img {
        opacity: 1;
    }
    .head .nav {
        display: none;
    }
    .header-icon {
        display: none;
    }
    .headMenu {
        display: block;
    }
    /*banner*/
    .banner {
        margin-top: 57px;
        min-height: 100px;
        height: auto !important;
    }
    .banner .item {
        min-height: 100px;
    }
    .mouseIco {
        display: none;
    }
    .binbox {
        bottom: 132px;
    }
    .binbox .t {
        font-size: 1.48rem;
        line-height: 2.3rem;
    }
    .binbox .en {
        font-size: 1.2rem;
    }
    .banner .slick-arrow {
        width: 46px;
        bottom: 48px;
    }
    .banner .slick-next {
        margin-left: 60px;
    }
    /*index*/
    .index-about {
        height: auto;
        left: 0;
        padding: 6% 0;
    }
    .about_all {
        width: 86%;
        margin: 0 auto;
        max-width: 1400px;
        text-align: right;
    }
    /* .about_nub {
        float: none;
        margin-top: 30px;
        width: 100%;
        padding-left: 50%;
        margin-top: 22px;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    } */
    .about_nub li {
        /* display: inline-block;
        vertical-align: top;
        margin-bottom: 0;
        width: 24%;
        height: auto; */
    }
    .about_nub li p span {
        font-size: 2.2rem;
        margin-right: 6px;
    }
    .about_nub li span {
        /* color: #ea5513; */
    }
    .about_nub li span img {
        display: none;
    }
    /* .aboutleft {
        left: 0;
        width: 50%;
        -webkit-transform: translateY(0) !important;
        -moz-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        -o-transform: translateY(0) !important;
        transform: translateY(0) !important;
    } */
    /* .aboutright {
        position: absolute;
        top: 0;
        left: 0;
        width: 46%;
        height: calc(100% - 140px);
    } */
    /*about*/
    .abDemo-name h1 {
        font-size: 1.1rem;
    }
    .about-zc .about-img {
        position: relative;
        width: 100%;
        margin-bottom: 3%;
    }
    .about-zc .about-img img {
        display: block;
    }
    .about-zc .about-con {
        width: 100%;
        float: none;
    }
    .about-zc .about-con h4 {
        margin: 0;
        font-size: 1.1rem;
    }
    .about-zc .about-con h4 span {
        letter-spacing: 0;
        margin: 4px 0 2%;
    }
    /*work*/
    .work-jy-about .work-jy-img {
        position: relative;
        width: 100%;
    }
    .work-jy-about .work-jy-img img {
        display: block;
    }
    .work-jy-about .work-jy-con {
        width: 100%;
        padding: 3% 6% 4%;
    }
    .work-jy-about .work-jy-con h1 {
        font-size: 1.4rem;
        margin-bottom: 2%;
    }
    .work-jy-gd p {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
    .work-serive-items {
        float: none;
        width: 100%;
        margin: 0 0 2%;
    }
    .work-jy-serive .work-serive-items:nth-child(n+3) .work-serive-img {
        float: left;
    }
    .work-jy-serive .work-serive-items:nth-child(2n) .work-serive-img {
        float: right;
    }
    /*work-gc*/
    .work-gc-yq .work-gc-img {
        width: 100%;
        position: relative;
    }
    .work-gc-serive .work-gc-con {
        width: 100%;
        background: #fff;
        padding: 4%;
    }
    .work-gc-serive .work-gc-img img {
        display: block;
    }
    .work-gc-serive .work-gc-con h1 {
        margin-bottom: 1%;
        margin-bottom: 1%;
        font-size: 1.3rem;
    }
    .work-gc-traffic p {
        line-height: 1.6;
    }
    /*work-yy*/
    .work-yy-pro .workDemo .work-pro-img {
        margin-bottom: 36%;
    }
    .work-yy-pro .work-pro-con {
        height: 36%;
    }
    .work-pro-con h4 {
        font-size: 1.3rem;
    }
    .work-pro-con span {
        font-size: 26px;
    }
    .work-ab-img {
        position: relative;
        width: 100%;
    }
    .work-ab-img img {
        display: block;
        width: 46%;
        margin: 2% auto;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .work-ab-con {
        width: 100%;
        padding: 2% 3%;
    }
    .work-ab-con h1 {
        font-size: 1.38rem;
        margin-bottom: 1%;
    }
    .work-yy-p p {
        font-size: 13px;
        line-height: 28px;
        letter-spacing: 1px;
    }
    .about-three-item {
        height: 24vh;
    }
    .about-three-num {
        font-size: 6.8rem;
        bottom: -46px;
    }
    .work-yy-three {
        margin: 0;
    }
    .about-three-bg {
        padding: 6%;
    }
    .about-three-bg p {
        font-size: 13px;
    }
    .fxl,
    .fxr {
        float: none;
        width: 100%;
    }
    .fxr {
        padding: 3%;
    }
    .fxl {
        position: relative;
    }
    .fxl img {
        display: block;
    }
    .work-xs-view .work-xs-ul li {
        padding: 6px 16px;
    }
    .work-xs-view .work-xs-ul li a {
        font-size: 13px;
    }
    .join-news-items h2 {
        font-size: 14px;
    }
    .join-news-items {
        padding: 8px;
    }
    /*news*/
    .media-items {
        width: 48%;
    }
    .video-items {
        width: 48%;
    }
    .video-items h3 {
        font-size: 0.875rem;
    }
    .video-items-icon img {
        width: 48px;
    }
    /*news-con*/
    .news-details-con div {
        display: block;
        width: 100%;
        margin: 2% 0 3%;
    }
    .news-details-title {
        padding: 2%;
        margin-bottom: 3%;
    }
    .news-details-title h1 {
        font-size: 20px;
        margin-bottom: 2%;
    }
    .news-details-con>p {
        font-size: 15px;
        line-height: 36px;
    }
    .news-details-con div img {
        max-width: 90%;
    }
    /*culture*/
    .culture-tx-div {
        width: 49%;
        padding-left: 6%;
    }
    .culture-tx-div h1 {
        font-size: 1.4rem;
    }
    .culture-tx-div:nth-child(3n) {
        margin: 0 2% 2% 0;
    }
    .culture-tx-div:nth-child(2n) {
        margin: 0 0 2% 0;
    }
    .zzDemo .itemA {
        margin: 0 5px;
    }
    .zzDemo .slick-arrow {
        width: 48px;
        height: 66px;
    }
    .zzDemo .slick-prev {
        right: 72px;
    }
    .zzDemo .slick-next {
        right: 16px;
    }
    .fcDemo .slick-arrow {
        width: 48px;
        height: 66px;
    }
    .fcDemo .slick-prev {
        right: 72px;
    }
    .fcDemo .slick-next {
        right: 16px;
    }
    /*join*/
    .join .join-div {
        width: 46%;
    }
    .join .tit {
        font-size: 38px;
        margin-bottom: 3%;
    }
    /*contact*/
    .contact-view>div {
        float: none;
        margin: 0;
        width: 100%;
        height: auto;
    }
    .contact-con {
        padding: 3%;
    }
    .contact-con ul {
        overflow: hidden;
        width: 100%;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .contact-con-li {
        width: 48%;
        margin: 1%;
        float: left;
    }
    .contact-con-li:last-child {
        border-bottom: 1px solid #e7e7e7;
    }
    .contact-con-li .txt {
        font-size: 14px;
    }
    .contact-con-li .tit {
        font-size: 15px;
    }
    /*s-team*/
    /*s-train*/
    .s-six-items {
        width: 49%;
    }
    .s-six-name {
        padding: 4% 6%;
    }
    .s-six-name h1 {
        font-size: 1.2rem;
        line-height: 1.4;
    }
    .s-six-name span {
        letter-spacing: 1px;
        font-size: 0.8rem;
    }
    /*s-train-dn*/
    .s-train-dnImg {
        position: relative;
        width: 100%;
        background: none;
    }
    .s-train-dnImg img {
        display: block;
    }
    .s-train-dnCon {
        width: 100%;
        padding: 2% 1%;
    }
    .s-train-dnCon h1 {
        font-size: 1.3rem;
    }
    .s-train-dnCon li {
        font-size: 13px;
        letter-spacing: 1px;
        line-height: 28px;
    }
    .s-train-dnCon p {
        margin: 1% 0;
        font-size: 12px;
        line-height: 20px;
    }
    /*join-money*/
    .join-money-div {
        width: 100%;
        padding: 1% 20% 4%;
        margin: 1% 0;
        min-height: 0;
    }
    .join-money-div span {
        margin: 0;
    }
    .join-money-div h4 {
        margin-bottom: 1%;
    }
    .join-money-items {
        width: 48%;
        margin: 0 1% 8%;
        min-height: 46vh;
    }
    .join-money-p h3 {
        padding-bottom: 2%;
    }
    .join-money-p {
        padding: 12% 0 6%;
    }
    /*join-xy*/
    .join-job-list,
    .join-job-hot {
        float: none;
        width: 100%;
    }
    .join-job-hot {
        display: none;
    }
    .join-job-list {
        margin-bottom: 20px;
    }
    .join-job-hot ul {
        overflow: hidden;
        height: 142px;
    }
    .join-job-hot li {
        width: 31%;
        float: left;
        margin-right: 3.5%;
        line-height: 45px;
    }
    .join-job-hot li:nth-child(3n) {
        margin-right: 0;
    }
    /*join-sh*/
    .join-sh .join-lc-items {
        width: 25%;
        margin-bottom: 3%;
    }
    .join-sh .join-lc-items:nth-child(4n):after {
        background: none;
    }
    .join-sh .join-lc-items img {
        margin-bottom: 10px;
    }
}

@media (max-width: 1024px) {
    /*index*/
    .p-case-list-index .areas {
        display: block;
    }
    .p-case-list-index .areas .item {
        width: 100%;
        height: auto;
        display: block;
        margin-bottom: 3%;
    }
    .p-case-list-index .areas .item a {
        position: relative;
        display: block;
    }
    .p-case-list-index .areas .item .txt-wrap {
        opacity: 1 !important;
        position: absolute;
        top: 60%;
        padding: 0 6%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .p-case-list-index .areas .item .txt-wrap .lead {
        opacity: 1 !important;
        height: auto !important;
    }
    .p-case-list-index .areas .item .txt-wrap .lead span {
        padding-top: 20px;
        line-height: 24px;
    }
    .p-case-list-index .areas .item .txt-wrap .ttl .em {
        font-size: 22px;
        line-height: 2rem;
        letter-spacing: 0;
    }
    .p-case-list-index .areas .item .txt-wrap .ttl {
        padding-top: 16px;
    }
    .p-case-list-index .areas .item .txt-wrap .ttl:before {
        width: 28px;
    }
    .p-case-list-index .areas .item .txt-wrap .ttl span:last-child {
        margin: 0;
        letter-spacing: -1px;
    }
    .p-case-list-index .areas .item .txt-wrap .more {
        margin-top: 12px;
        width: 36px;
        height: 36px;
        background-size: 36px 36px;
    }
    .p-case-list-index .areas .item .img {
        position: relative;
        display: block;
        opacity: 1 !important;
    }
    .p-case-list-index .areas .item .img:before {
        background: rgba(0, 0, 0, .28);
    }
    .p-case-list-index .areas .item .img img {
        width: 100%;
    }
    .p-case-list-index .areas .item .img img {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
    }
    .p-case-list-index .imgs li>div {
        opacity: 0;
    }
    .p-case-list-index .imgs {
        display: none;
    }
    /*work*/
    .group .group-con .main-title h3 {
        font-size: 24px;
        line-height: 34px;
    }
    .work-jy-school .workDemo .itemA .work-pro-con.on {
        height: 100%;
    }
    .work-yy-pro .workDemo .itemA .work-pro-con.on {
        height: 90%;
    }
    .work-yy-pro .workDemo .itemA .work-pro-con.on span {
        bottom: 8%;
    }
    .work-part-img {
        position: relative;
        width: 100%;
    }
    .work-part-img img {
        display: block !important;
    }
    .work-part-con {
        width: 100%;
        padding: 3% 6%;
    }
    /*work-yy*/
    .about-three-item {
        width: 48%;
        margin: 1%;
        height: 18vh;
    }
    /*school*/
    .school-img {
        width: 100%;
    }
    .school-view .school-con {
        position: relative;
        width: 100%;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    /*s-coop*/
    .s-ab-box .about-img {
        background: none;
        position: relative;
        width: 100%;
    }
    .s-ab-box .about-img img {
        display: block;
    }
    .s-ab-box .about-con {
        width: 100%;
        float: none;
        padding: 3% 2% 1%;
    }
    .s-ab-box .about-con-p p {
        font-size: 13px;
        line-height: 28px;
        letter-spacing: 1px;
    }
    .s-coop-ts .s-ts-img {
        background: none;
        position: relative;
        width: 100%;
    }
    .s-coop-ts .s-ts-img img {
        display: block;
    }
    .s-coop-ts .s-ts-con {
        width: 100%;
        float: none;
        padding: 3% 6%;
    }
    .s-coop-ts .s-ts-con .cont_lis {
        margin-top: 10px;
    }
    /*faq*/
    ul.faq li {
        width: 100%;
        float: none;
        margin: 1% 0 2%;
    }
    .question dd {
        line-height: 22px;
        letter-spacing: 1px;
        font-size: 13px;
        color: #666666;
    }
    /*s-coop*/
    .s-obj-items {
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 6% 10%;
        margin-bottom: 2%;
    }
    .s-obj-items>div {
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .s-obj-items span {
        margin: 0;
    }
    .s-obj-items em {
        margin: 0;
    }
    .s-obj-items p {
        max-width: 100%;
        margin: 4% auto 0;
        line-height: 1.6;
    }
    .s-obj-items img {
        width: 38px;
        display: inline-block;
        vertical-align: super;
        margin-right: 4%;
    }
    .s-obj-con {
        display: inline-block;
        text-align: left;
        width: calc(96% - 45px);
    }
    /*s-team*/
    .s-team-fc p {
        max-width: 92%;
    }
    /*join-team*/
    .join-team .join-team-items {
        width: 100%;
        float: none !important;
        margin: 0 0 4% !important;
    }
    /*join-xy*/
    .join-xy-div {
        width: 50%;
        float: left;
        margin: 0;
        overflow: hidden;
        /*background: url(../img/arrow-btm.png) no-repeat center bottom;*/
        /*background-size: 30px;*/
    }
    .join-xy-items {
        width: 100%;
        /*float: left;*/
        /*padding: 0;*/
        /*height: auto;*/
        margin-bottom: 20px;
    }
    .join-xy-items:first-child:before {
        top: 54px;
        right: -26px;
        left: auto;
        transform: rotate(90deg);
        bottom: auto;
        margin-top: -30px;
        background: url(../img/line.html) no-repeat center;
        background-size: auto 60px;
    }
    .join-xy-items p {
        width: 90%;
        margin: 0 auto;
    }
    .join-xy-items em {
        font-size: 1.8rem;
    }
    /*join-con*/
    .join-con .requir>div {
        float: none;
        width: 100%;
    }
    .div-a {
        padding: 20px 30px 30px;
    }
    .div-a .a-top span {
        font-size: 1.2rem;
        line-height: 3rem;
        margin-bottom: 0;
        padding: 0 30px;
    }
    .join-con .box-s {
        padding: 0 30px 30px;
    }
    .join-con .box-s dl {
        padding: 2% 0;
    }
    .join-con .requir {
        padding: 16px 0;
    }
    .join-con .requir h2 {
        font-size: 17px;
    }
    .join-con .requir li p {
        margin-bottom: 6px;
    }
}

@media (max-width: 900px) {
    .aboutright {
        display: none;
    }
    .about_nub {
        padding-left: 0;
    }
    .index-about {
        min-height: auto;
    }
    /*footer*/
    .footer .footer-top .footer-l .footer-title {
        font-size: 26px;
    }
    .footer .footer-top .footer-l .info__sub-title {
        margin: 3% 0 1%;
    }
    .footer .footer-top .footer-l .info__phone li {
        line-height: 2;
    }
    .footer-top .footer-l {
        width: 100%
    }
    .footer-top .footer-r {
        width: 100%
    }
    .footer-icon {
        margin: 0;
        text-align: left
    }
    .footer .footer-top .footer-r .footer-comp h3 {
        max-width: 100%;
        width: 100%;
        text-align: left;
        padding: 0 0 10px;
    }
    .footer-comp .newsletter__input {
        width: 16%;
        margin: 0;
    }
    .footer-comp label {
        width: 100%;
        max-width: 100%;
        text-align: left;
    }
    /*about*/
    .deveDemo {
        background: none;
    }
    .about-deve-box {}
    .deveDemo .itemA {
        padding: 1% 0 0;
    }
    .about-deve-tab {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto !important;
        background: #fafafa;
        padding: 20px 4%;
        .
    }
    .about-deve-tab .date-tab {
        text-align: left;
    }
    .about-deve-tab .date-tab>div {
        position: relative;
        display: inline-block;
        width: auto;
    }
    .about-deve-tab .to {
        float: right;
    }
    .deveDemo .itemA .now {
        top: 10px;
        font-size: 2.2rem;
        width: 100%;
        text-align: center;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .deveDemo .slick-prev,
    .deveDemo .slick-next {
        top: 14px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .deveDemo .slick-prev {
        right: 20%;
        left: auto;
    }
    .deveDemo .slick-next {
        left: 20%;
    }
    /*work*/
    .group .group-box {
        padding: 16px;
    }
    .group .group-items {
        background: none;
        margin-bottom: 6%;
    }
    .group .group-img {
        position: relative;
        width: 100%;
    }
    .group .group-con {
        width: 100%;
        background: url(../img/bg2.html) no-repeat center;
        background-size: cover;
    }
    .wpartDemo .slick-prev {
        left: 20%;
    }
    .wpartDemo .slick-next {
        right: 20%;
    }
    /*work-yy*/
    .join-news-box {
        padding: 2% 4% 4%;
        height: 306px;
        overflow: hidden;
    }
    .join-news-items {
        width: 100%;
    }
    /*xueshu*/
    .sq_xueshu .join-news-box {
        height: auto;
    }
    /*招聘动态*/
    .dynamics .join-news-box {
        height: auto;
    }
    /*news*/
    .news-search form>div {
        width: 50%;
    }
    .news-view-items>div>div {
        width: 100%;
        position: relative;
        height: auto !important;
    }
    .news-view-con>div {
        top: 0;
        left: 0;
        width: 100%;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .news-view-con {
        PADDING: 5% 8%;
    }
    .news-view-con h2 {
        line-height: 2.6rem;
        font-size: 1.0875rem;
    }
    /*plan*/
    .join-three-items {
        width: 100%;
        float: none;
        margin: 0 0 8%;
    }
    .join-three-items .join-three-img {
        display: none;
    }
    .join-three-imgs {
        display: block;
    }
    /*join-xy*/
    .join-xc {
        /*display: none;*/
    }
    .join-qa {
        background: #fafafa;
    }
    /*join-con*/
    .join-con .box-s dd {
        width: 32%;
    }
    .join-con .box-s dd:nth-child(2) {
        width: 36%;
    }
    .join-new-items {
        width: 100%;
        margin: 1%;
        padding: 4% 4% 0
    }
    .join-new-con em {
        right: 10%;
        bottom: 28px;
    }
    .join-new-items:hover em {
        left: auto;
        right: 14%;
    }
}

@media (max-width: 786px) {
    .inner-wrap {
        width: 90%;
    }
    .workNav {
        display: none;
    }
    /*banner*/
    .banner .slick-arrow {
        display: none !important;
    }
    .banner .slick-dots {
        opacity: 1;
    }
    .binbox {
        bottom: 16%;
    }
    .main-banner .main-banner-img {
        display: none;
    }
    .main-banner .main-banner-imgs {
        display: block;
    }
    /*index*/
    .aboutright {
        position: relative;
        float: none;
        width: 100%;
        margin: 6% 0 0;
    }
    .aboutright-img div img {
        width: 50px;
        margin-top: -25px;
    }
    .aboutright-img {
        background: none !important;
    }
    .aboutright-img>img {
        display: block;
    }
    .aboutleft {
        width: 100%;
    }
    .about_nub li {
        width: 49%;
        margin: 3% 2% 1%;
        min-height: 50px;
        height: auto;
    }
    .about_all .index-more {
        margin-top: 5%;
    }
    .about_nub li p span {
        font-size: 2.2rem;
    }
    /*about*/
    .about-ab {
        padding: 6% 0 2%;
    }
    .about-ab-p p {
        text-align: left;
        line-height: 28px;
        letter-spacing: 1px;
        text-indent: 2em;
    }
    .about-ab .about_nub {
        margin: 2% 0;
    }
    .about-ab .about_nub li p span {
        font-size: 2.6rem;
    }
    .about-ab .about_nub li .intro {
        font-size: 12px;
    }
    /*work*/
    .work-jy-gd div {
        max-width: 62%;
        margin: 0 auto;
    }
    /*work-gc*/
    .work-gc-serive .work-gc-con h1 {
        font-size: 1.26rem;
    }
    .work-gc-serive .work-gc-con p {
        line-height: 26px;
        font-size: 13px;
    }
    .work-gc-items>div {
        display: block;
        width: auto;
    }
    .work-gc-items>div>p {
        padding-bottom: 4%;
        border-bottom: 1px dashed #ccc;
    }
    .work-gc-items .work-gc-div {
        width: auto;
        padding: 3% 0 6%;
        max-width: 80%;
    }
    .work-gc-items .work-gc-div li {
        width: auto;
        float: none;
    }
    /*work-yy*/
    .work-pro-con h4 {
        font-size: 1.2rem;
    }
    /*play*/
    .play-p,
    .play-p span {
        line-height: 1.8rem;
    }
    /*join*/
    .join {
        height: auto;
        padding: 100px 0 10%;
    }
    .join>div {
        position: relative;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .join .join-div {
        width: 100%;
        margin-bottom: 4%;
        padding: 6% 0 8%;
    }
    .join .join-div:before {
        content: "";
        z-index: -1;
        position: absolute;
        top: 4%;
        left: 1.5%;
        width: 97%;
        height: 92%;
        background: rgba(255, 255, 255, 0.2);
    }
    .join .tit {
        font-size: 32px;
        margin-bottom: 6%;
    }
    .join span {
        font-size: 1.4rem;
    }
    /*join-xy*/
    .join-xy {}
    .join-job {
        padding: 6% 0;
    }
    .jobsearch {
        padding: 0;
    }
    .join-job .tit span.one {
        padding: 0;
    }
    .jobsearch form>div {
        margin: 0;
    }
    .jobsearch .optin {
        height: 40px;
        line-height: 40px;
        width: 48%;
        margin-bottom: 12px;
    }
    .jobsearch .optin:nth-child(2n-1) {
        margin-right: 0;
    }
    .job-area {
        margin: 0;
    }
    .jobsearch form .job-area select {
        width: 48%;
    }
    .jobsearch .job-area .optin:nth-child(2n-1) {
        margin-right: 2%;
    }
    .jobsearch .job-search {
        display: inline-block;
        width: 48%;
    }
    .jobsearch .job-search .optin:first-of-type {
        width: 100%;
    }
    .jobsearch .job-search .tbsearchbtn {
        position: absolute;
        right: 0;
        top: 0;
        height: 40px;
        line-height: 40px;
        width: 26%;
    }
    /*join-money*/
    .join-money-quan {
        width: 60px;
        height: 60px;
        margin-left: -30px;
        top: -30px;
    }
    .join-money-p {
        padding: 16% 0 6%;
    }
    .join-money-p p {
        line-height: 30px;
    }
    /*join-news*/
    .dynamics .join-new-items {
        width: 100%;
        margin: 1%;
        padding: 4% 4% 0;
    }
    /*s-train*/
    .s-train-ntop {
        padding: 46px 0 100px;
    }
    .s-train-ntop .index-title a {
        display: none;
    }
    .coo-idea .coo-idea-more {
        display: block;
    }
    .coo-idea .core_por {
        width: 100%;
        border: 1px solid #ddd;
        margin-bottom: 2%;
        padding: 5px;
    }
    .coo-idea .core_por .top {
        padding: 1% 3% 6%;
    }
    .coo-idea .core_detail ul {
        width: 88%;
        margin: 0 auto;
    }
    .coo-idea .core_detail ul li {
        width: 50%;
        float: left;
    }
    .coo-idea .ilist a {
        min-height: 0;
    }
    .coo-idea .core_por .num {
        height: 68px;
        background-size: auto 140px;
    }
    .coo-idea .ilist a:hover .num {
        background-position: center -76px;
    }
    .coo-idea .core_detail {
        padding: 0;
    }
    .coo-idea .coo-idea-more a {
        margin: 6% 0;
    }
    /*s-train-dw*/
    .s-dwDet-p p {
        font-size: 14px;
        line-height: 28px;
        letter-spacing: 0;
    }
    .s-dwDet-img h4 {
        font-size: 1.0875rem;
        letter-spacing: 1px;
        margin: 1%;
    }
    .s-dwimg-div,
    .s-dwDet-img2 .s-dwimg-div {
        width: 49%;
    }
}

@media (max-width: 680px) {
    /*图片放大箭头*/
    .fancybox-prev span {
        width: 30px;
        height: 58px;
    }
    .fancybox-next span {
        width: 30px;
        height: 58px;
    }
    /*footer*/
    .footer-top {
        padding: 5% 0 2%;
    }
    .footer .footer-top .footer-l .footer-title {
        font-size: 22px;
        letter-spacing: 1px;
    }
    .footer .footer-top .footer-r .footer-comp h3 {
        font-size: 15px;
        line-height: 1rem !important;
    }
    .footer .footer-top .footer-l .info__phone li span {
        font-weight: 500;
        /* font-size: 0.8rem; */
        font-size: 12px;
    }
    .footer .footer-top .footer-l .info__sub-title {
        letter-spacing: 1px;
    }
    .footer .footer-top .footer-l .info__sub-title img {
        width: 30px;
    }
    .footer .footer-top .footer-l .info__phone li {
        line-height: 1.8;
    }
    .footer-comp .newsletter__input {
        width: 31%;
        line-height: 38px;
        margin: 1%;
        float: left;
    }
    .footer-comp .newsletter__input span {
        font-size: 12px;
        line-height: 1;
    }
    .footer-copy {
        padding: 8px 0;
    }
    .footer-copy .index-footer p {
        text-align: center;
        font-size: 12px;
    }
    .footer-copy p span {
        font-size: 12px;
        display: inline-block;
        float: none;
    }
    /**/
    .index-title h1 {
        font-size: 28px;
        line-height: 40px;
    }
    .index-title h1 span {
        font-size: 2.4rem;
    }
    .inner-wrap {
        width: 100%;
        padding: 0 16px;
    }
    .index-more {
        width: 142px;
        height: 40px;
        line-height: 40px;
        font-size: 13px;
        letter-spacing: 0.5px;
    }
    .join .index-more {
        width: 148px;
        height: 42px;
        line-height: 42px;
        font-size: 13px;
        letter-spacing: 0.5px;
        margin-top: 6%;
    }
    /*banner*/
    .binbox {
        display: none;
    }
    .banner-yy {
        opacity: 0.28;
    }
    /**/
    .about_nub {
        /*margin-top: 0;*/
    }
    /* .aboutleft p {
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    } */
    .about_nub li p span {
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 2rem;
    }
    .about_nub li p {
        font-size: 13px;
    }
    .about_nub li .intro {
        font-size: 13px;
    }
    .p-case-list-index .areas .item {
        width: 100%;
        float: none;
        min-height: 100px;
    }
    .p-case-list-index .areas .item .txt-wrap {
        top: 66%;
    }
    .p-case-list-index .areas .item .txt-wrap .more {
        margin-top: 12px;
        width: 28px;
        height: 28px;
        background-size: 28px 29px;
        position: absolute;
        right: 8%;
        top: 26%;
    }
    .p-case-list-index .areas .item .txt-wrap .lead {
        opacity: 0 !important;
        display: none !important;
    }
    .p-case-list-index .areas .item .txt-wrap .ttl:before {
        opacity: 0;
    }
    /*about*/
    .about-ab .about_nub li {
        width: 48%;
        text-align: left;
        margin-bottom: 4%;
    }
    .about-ab .about_nub li p span {
        font-size: 1.8rem;
        font-weight: 500;
    }
    .abDemo .slick-arrow {
        width: 32px;
        height: 60px;
        background-color: rgba(188, 159, 95, 0.8);
    }
    .abDemo-name h1 {
        font-size: 1rem;
    }
    .about-zc {
        padding: 6% 0;
    }
    .about-honor {
        padding: 6% 0;
    }
    /* 荣誉箭头 */
    .honorDemo .slick-arrow {
        top: 56%;
        border: 0;
        background: #eee;
        width: 32px;
        height: 54px;
    }
    .honorDemo .slick-prev {
        left: 10px;
        right: auto;
    }
    .honorDemo .slick-arrow {
        right: 10px;
    }
    /* 药业团队 */
    .teamDemo .slick-arrow {
        top: 50%;
        border: 0;
        background: rgba(255, 255, 255, 0.6);
        width: 32px;
        height: 54px;
        margin-right: -27px;
    }
    .teamDemo .slick-prev {
        left: 24px;
    }
    .teamDemo .slick-next {
        right: 24px;
    }
    /* 药业产品 */
    .workDemo .slick-arrow {
        top: 2%;
        border: 0;
        background: rgba(255, 255, 255, 0.6);
        width: 32px;
        height: 54px;
    }
    .workDemo .slick-prev {
        right: 66px;
    }
    .workDemo .slick-next {
        right: 24px;
    }
    /* 教育产品 */
    .zhxyDemo .slick-arrow {
        top: 56%;
        border: 0;
        background: #eee;
        width: 32px;
        height: 54px;
    }
    .zhxyDemo .slick-prev {
        left: -14px;
        right: auto;
    }
    .zhxyDemo .slick-arrow {
        right: -14px;
    }
    /* 杂志箭头 */
    .zzDemo .slick-arrow {
        /* top: 56%; */
        border: 0;
        background: #eee;
        width: 32px;
        height: 54px;
    }
    .zzDemo .slick-prev {
        right: 66px;
    }
    .zzDemo .slick-next {
        right: 24px;
    }
    /* 风采箭头 */
    .fcDemo .slick-arrow {
        /* top: 56%; */
        border: 0;
        background: #eee;
        width: 32px;
        height: 54px;
    }
    .fcDemo .slick-prev {
        right: 66px;
    }
    .fcDemo .slick-next {
        right: 24px;
    }
    /* 讲师箭头 */
    .fteamDemo .slick-arrow {
        width: 40px;
        top: 50%;
        margin-top: -25px;
    }
    .fteamDemo .slick-next {
        right: -12px;
        margin-right: 0;
    }
    .fteamDemo .slick-prev {
        left: -12px;
        margin-left: 0;
    }
    /* 标准平面图 */
    .pmDemo .slick-arrow {
        top: 3%;
        border: 0;
        background: #eee;
        width: 32px;
        height: 54px;
    }
    .pmDemo .slick-prev {
        right: 66px;
    }
    .pmDemo .slick-next {
        right: 24px;
    }
    /*work*/
    .group .group-con {
        padding: 6%;
    }
    .group .group-con .main-title h3 {
        font-size: 22px;
    }
    .group .group-con>p {
        letter-spacing: 1px;
        line-height: 24px;
    }
    .work-jy-gd div {
        max-width: 80%;
        margin: 0 auto;
    }
    .work-jy-school {
        padding: 6% 0;
    }
    .work-jy-school .index-title p {
        font-size: 13px;
        line-height: 26px;
    }
    .work-school-img .work-school-imgb {
        display: none;
    }
    .work-school-img .work-school-imgs {
        display: block;
    }
    .work-jy-serive {
        padding: 6% 0;
    }
    .work-serive-items {
        margin-bottom: 3%;
    }
    .work-serive-items>div {
        width: 100%;
        height: auto;
        float: none !important;
        position: relative;
    }
    .work-jy-serive .work-serive-img img {
        display: block;
    }
    .work-jy-serive .work-serive-icon {
        top: auto;
        bottom: 0;
        margin: 0 0 -14px -14px;
        right: auto;
        left: 50%;
    }
    .work-jy-serive .work-serive-items:nth-child(n+3) .work-serive-icon {
        top: auto;
        bottom: 0;
        margin: 0 0 -14px -14px;
        right: auto;
        left: 50%;
    }
    .work-jy-serive .work-serive-con>div {
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .work-jy-serive .work-serive-con {
        padding: 8% 0;
    }
    .wpartDemo .slick-prev {
        left: 12%;
    }
    .wpartDemo .slick-next {
        right: 12%;
    }
    .work-part-items {
        margin: 5% 0;
    }
    .work-part-div p {
        font-size: 1rem;
    }
    /*work-gc*/
    .work-gc-serive {
        padding: 6% 0;
    }
    .work-gc-traffic {
        padding: 10% 0;
    }
    .work-gc-index {
        padding: 6% 0;
    }
    .work-gc-pm {
        padding: 6% 0;
    }
    .work-gc-logo {
        padding: 6% 0;
    }
    .work-gc-active {
        padding: 6% 0;
    }
    .work-gc-serive .work-gc-con h1 {
        font-size: 1.2rem;
    }
    .work-gc-traffic .inner-wrap>div {
        width: 90%;
    }
    .work-traffic-items {
        text-align: left;
    }
    .work-gc-traffic p {
        letter-spacing: 1px;
        font-size: 14px;
        padding-left: 10px;
    }
    /*work-yy*/
    .work-yy-ab {
        padding: 6% 0;
    }
    .work-yy-team {
        padding: 6% 0;
    }
    .work-yy-pro {
        padding: 6% 0;
    }
    .work-yy-yf {
        padding: 6% 0;
    }
    .work-yy-xs {
        padding: 6% 0;
    }
    .work-yy-tg {
        padding: 6% 0;
    }
    .about-three-item {
        height: 22vh;
    }
    .work-xs-view .work-xs-ul {
        overflow: hidden;
    }
    .work-xs-view .work-xs-ul li {
        width: 33.33%;
        float: left;
        text-align: center;
        padding: 10px;
    }
    /*xueshu */
    .sq_xueshu .work-xs-ul li {
        width: 32%;
        margin: 0.5%;
    }
    /*news*/
    .news-search form {
        border: 0;
    }
    .news-search form>div {
        width: 100%;
        margin-top: 4%;
    }
    .news-search input {
        height: 36px;
        padding: 6px 10px;
    }
    .media-items {
        width: 100%;
        margin: 0 0 6%;
    }
    .media-img {
        height: auto;
    }
    .media-con {
        padding: 2% 4%;
        height: auto;
    }
    .media-con h3 {
        margin-bottom: 1%;
        font-size: 0.96rem;
    }
    .media-con span {
        margin: 12px 0 6px;
    }
    /*video*/
    .video-items {
        width: 100%;
    }
    .video-items-icon img {
        width: 40px;
    }
    .news-details .inner-wrap {
        min-height: 66px;
    }
    /*cultrue*/
    .culture-tx-div {
        width: 100%;
        height: auto;
        padding: 6%;
    }
    .culture-tx-div div {
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .culture-tx-div h1 {
        margin-bottom: 3%;
        padding-bottom: 2%;
        font-size: 1.2rem;
    }
    .culture-tx-div h1:before {
        width: 32px;
        -webkit-transition: all 800ms;
        -moz-transition: all 800ms;
        -ms-transition: all 800ms;
        -o-transition: all 800ms;
        transition: all 800ms;
    }
    .culture-tx-div p {
        line-height: 1.6rem;
    }
    .culture-zz {
        padding: 6% 0;
    }
    .culture-fc {
        padding: 6% 0;
    }
    .play-honor .play-honor-r {
        height: 50vh;
        padding: 5% 10%;
        overflow-y: auto;
    }
    .play-honor .play-honor-r ul li {
        width: 100%;
    }
    /*play*/
    .play-ab {
        padding: 8% 0;
    }
    .play-zc {
        padding: 6% 0;
    }
    .play-honor {
        padding: 8% 0;
    }
    .play-zc-img img {
        height: auto;
        width: 100%;
        max-width: 100%;
    }
    .play-team {
        padding: 10% 0 6%;
    }
    .play-p,
    .play-p span {
        font-size: 13px;
        line-height: 1.6rem;
        letter-spacing: 0.5px;
    }
    .play-p {
        display: block;
    }
    .play-p span {
        display: inline-block;
    }
    /*school*/
    .school {
        padding: 6% 0;
    }
    .school-con h3 {
        font-size: 21px;
        font-weight: 500;
        line-height: 1.5;
    }
    .school-con h4 {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .school-view .school-con {
        position: relative;
        width: 100%;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .school-items-box>div {
        float: none;
        width: 100%;
        margin: 0 0 6% !important;
    }
    .school-view {
        padding-bottom: 0;
        margin-bottom: 6%;
    }
    .school-items .school-img-moblie {
        display: block;
    }
    .school-img-none {
        display: none;
    }
    .school-items .school-con {
        background: #eee;
        padding: 6% 5%;
    }
    /*s-team*/
    .s-team-fc {
        padding: 6% 0 10%;
    }
    .s-team-fc p {
        font-size: 13px;
        letter-spacing: 1px;
        line-height: 28px;
    }
    .fteamDemo {
        margin-top: 28px;
    }
    .s-team-py {
        padding: 8% 0;
    }
    /*s-coop*/
    .s-coop-ab {
        padding: 6% 0;
    }
    .s-coop-obj {
        padding: 6% 0;
    }
    .s-coop-logo {
        padding: 6% 0;
    }
    .s-coop-ts {
        padding: 6% 0;
    }
    .s-ab-box .about-con h4 {
        font-size: 1.1rem;
        margin-bottom: 3px;
        letter-spacing: 1px;
    }
    .coopDemo {
        margin-top: 68px;
    }
    .coopDemo .slick-arrow {
        width: 40px;
        top: -58px;
    }
    .coopDemo .slick-prev {
        margin-left: -42px;
    }
    .coopDemo .slick-arrow {
        margin-left: -42px;
    }
    /*s-train*/
    .s-six-box {
        margin-top: 6%;
    }
    .s-six-items {
        width: 100%;
        float: none;
        margin: 0 0 3%;
    }
    .s-six-name h1 {
        font-size: 1rem;
        line-height: 1.2;
        letter-spacing: 1px;
    }
    .s-six-name span {
        letter-spacing: 0;
        font-size: 0.75rem;
    }
    /*s-train-dn*/
    .s-train-dnDet {
        padding: 6% 0 0;
    }
    .s-dwDet-box {
        padding: 6% 0;
    }
    .s-train-dnCon h1 {
        font-size: 1.1rem;
    }
    /*s-train-dw*/
    .s-dwimg-div,
    .s-dwDet-img2 .s-dwimg-div {
        width: 100%;
        margin: 0 0 2%;
    }
    /*contact*/
    .contact-item {
        width: 100%;
        padding: 6%;
    }
    .contact-con-li {
        width: 100%;
        padding-left: 38px;
    }
    .contact-con-li .ico {
        width: 28px;
        height: 28px;
        background-size: contain;
    }
    /*plan*/
    .plan {
        padding: 6% 0;
    }
    .join-three-name h1 {
        font-size: 1.3rem;
        letter-spacing: 1px;
        margin-bottom: 1%;
    }
    .join-three-name span {
        font-size: 13px;
    }
    /*join-jz*/
    .join-jz {
        padding: 6% 0;
    }
    .join-jz p {
        font-size: 13px;
    }
    /*join-team*/
    .join-team {
        padding: 6% 0;
    }
    .join-team .join-team-con h1 {
        font-size: 1.1rem;
    }
    .join-team .join-team-con h1 em {
        font-size: 0.8rem;
    }
    .join-team .join-team-tit .join-team-img {
        height: 72px;
    }
    /*join-money*/
    .join-money-three {
        padding: 6% 0;
    }
    .join-money-four {
        padding: 6% 0;
    }
    /*join-con*/
    .join-con .box-s {
        padding: 0 12px 20px;
    }
    .join-con .box-s dd {
        width: 43%;
        line-height: 28px;
    }
    .join-con .box-s dd:nth-child(2) {
        width: 56%;
    }
    .div-a .a-top span {
        padding: 0 12px;
    }
    .div-a {
        padding: 14px 20px;
    }
    .join-con .join-con-a {
        width: 32%;
        margin-right: 2%;
        float: left;
        font-size: 12px;
    }
    .join-con-more {
        overflow: hidden;
    }
    .join-con .join-con-a:last-of-type {
        margin-right: 0;
    }
    .join-upload-box {
        width: 80%;
    }
    .join-upload-box .join-upload-cls {
        font-size: 2.6rem;
    }
    .join-upload-div h1 {
        font-size: 1.2rem;
        line-height: 2.6rem;
    }
    .join-upload-div p {
        font-size: 13px;
        color: #666;
        margin-bottom: 2%;
    }
    /*join-sh*/
    .join-sh .join-lc-items img {
        height: 30px;
        margin-bottom: 6px;
    }
    .join-sh .join-lc-items p {
        font-size: 13px;
        letter-spacing: 0;
    }
    .join-new {
        padding: 6% 0;
    }
}

@media (max-width: 480px) {
    .index-title h1 {
        font-size: 20px;
        line-height: 32px;
    }
    .index-title h1 span {
        font-size: 2rem;
    }
    /*header*/
    .headerBox li {
        line-height: 45px;
    }
    .headerBox li img {
        margin: 16px 0;
    }
    /*footer*/
    .footer .share-wechat {
        display: none;
    }
    .aboutright-img div img {
        width: 42px;
    }
    /*index*/
    .m-service_lines {
        padding: 0;
        background: #fff;
    }
    .s-home_service .service_body {
        margin-top: 20px;
        padding: 0;
    }
    .m-service_lines .unit_body .lead {
        top: 148px !important;
    }
    .index-news .index-title .index-more {
        display: none;
    }
    .index-news-more {
        display: block;
    }
    .work-gc-active .index-title a {
        display: none;
    }
    .gc-active-more {
        display: block;
    }
    .work-yy-tg .index-more {
        display: none;
    }
    .work-tg-box .gc-active-more {
        display: block;
    }
    .work-tg-box .gc-active-more .index-more {
        float: none;
        display: inline-block;
    }
    .work-yy-xs .index-title .index-more {
        display: none;
    }
    .work-xs-more {
        display: block;
    }
    .m-service_lines .unit {
        height: auto;
    }
    .index-news-img {
        display: block;
    }
    .m-service_lines .unit_header {
        position: static;
        top: 0;
        border: 1px solid #eeeeee;
        background: #fff;
        padding: 22px 6.5%;
    }
    .m-service_lines .unit_header:before {
        opacity: 0;
    }
    .m-service_lines .unit_header .en {
        color: #333;
        letter-spacing: 0;
        line-height: 28px;
        margin-bottom: 6px;
        position: relative;
        width: 100%;
        border-bottom: 1px solid #eee;
        font-size: 16px;
        padding: 0 0 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }
    .m-service_lines .unit.is_active .unit_header .en,
    .m-service_lines .unit.is_active .unit_header .jp {
        color: #333333;
    }
    .m-service_lines .unit_header .jp {
        color: #ea5513;
    }
    .m-service_lines .unit_header .jp img {
        display: block;
    }
    .m-service_lines .unit_body {
        display: none;
    }
    /*about*/
    .about-zc .about-con h4 {
        font-size: 1.03rem;
    }
    .about-zc .about-con h4 span {
        font-size: 12px;
        display: none;
    }
    .about-zc .about-con-p p {
        letter-spacing: 0;
        line-height: 30px;
    }
    .about-deve-box {
        margin-top: 6%;
        height: 52vh;
    }
    .about-deve-tab .date-tab>div {
        font-size: 14px;
        font-weight: bold;
    }
    .deveDemo .itemA {
        padding-top: 1.5%;
    }
    .deveDemo .itemA .now {
        font-size: 1.6rem;
        top: 14px;
    }
    .deveDemo .slick-prev,
    .deveDemo .slick-next {
        width: 28px;
        height: 28px;
        top: 14px;
    }
    .deveDemo .slick-prev {
        right: 24%;
    }
    .deveDemo .slick-next {
        left: 24%;
    }
    .about-deve-items>div {
        float: none;
        width: 100%;
    }
    .about-deve-items .about-deve-time {
        background: rgba(188, 159, 95, 0.86);
    }
    .about-deve-time span {
        color: #fff;
        font-size: 1.3rem;
    }
    .about-deve-time p {
        display: inline-block;
        color: #eee;
        font-size: 0.75rem;
    }
    /*work*/
    .work-jy-gd div {
        max-width: 90%;
        margin: 0 auto;
    }
    .work-jy-gd p {
        font-size: 1.1rem;
        line-height: 2rem;
        letter-spacing: 1px;
    }
    .work-jy-serive .work-serive-icon {
        width: 16px;
        height: 16px;
        margin: 0 0 -8px -8px;
    }
    .work-jy-serive .work-serive-con img {
        width: 42px;
    }
    .work-jy-serive .work-serive-con p {
        margin: 3% auto 1%;
    }
    .work-jy-serive .work-serive-con span {
        font-size: 1.5rem;
    }
    .wpartDemo .slick-prev {
        left: 6%;
    }
    .wpartDemo .slick-next {
        right: 6%;
    }
    /*work*/
    .pmDemo .itemA p {
        line-height: 2.4;
        letter-spacing: 1px;
        font-size: 0.875rem;
    }
    /*work-yy*/
    .work-jy-school .index-title {
        text-align: left;
    }
    .work-jy-about .inner-wrap:first-of-type {
        text-align: left;
    }
    .work-jy-part .index-title {
        text-align: left;
    }
    .work-jy-serive {
        text-align: left;
    }
    .about-three-item {
        float: none;
        width: 100%;
        min-height: 16vh;
        margin: 0 0 3%;
        height: auto;
    }
    .about-three-bg>div {
        top: 0;
        display: block;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .about-three-num {
        width: 100px;
        text-align: left;
        font-size: 6rem;
    }
    .work-ab-con h1 {
        font-size: 1.28rem;
        margin: 0;
    }
    .fxr p {
        line-height: 28px;
    }
    .work-jy-about .work-jy-con h1 {
        font-size: 1.28rem;
        margin: 0;
    }
    .work-jy-about .work-jy-con {
        padding: 3%;
    }
    .work-jy-about .work-jy-con p {
        font-size: 13px;
        line-height: 28px
    }
    /*cultrue*/
    .culture-tx-div {
        padding: 10% 9%;
    }
    .culture-tx-div p {
        width: 90%;
    }
    .culture-tx-div>img {
        bottom: 3%;
        width: 56px;
    }
    /*play*/
    .play-honor .play-honor-r ul li {
        width: 100%;
    }
    .play-team-con>div {
        padding: 0;
    }
    .pteamDemo .itemA {
        padding: 3px;
    }
    .play-items {
        padding: 5% 3%;
    }
    .play-items img {
        width: 38px;
    }
    .play-items h4 {
        line-height: 38px;
    }
    .play-items h4:after {
        bottom: 0;
    }
    .play-items p {
        font-size: 13px;
        line-height: 28px;
    }
    /*s-train*/
    .coo-idea .core_detail ul {
        width: 100%;
        margin: 0 auto;
    }
    .coo-idea .core_por h3 {
        margin-bottom: 2%;
    }
    .coo-idea .core_por .line {
        margin: 0 auto 3%;
    }
    .coo-idea p {
        font-size: 13px;
        line-height: 28px;
    }
    /*s-team*/
    .fteamDemo {
        margin-top: 20px;
    }
    /*s-coop*/
    .s-coop-ts .s-ts-con p span {
        font-size: 14px;
    }
    .s-coop-ts .s-ts-con p {
        font-size: 13px;
        line-height: 26px;
        margin: 0 0 5px;
    }
    .s-ab-box .about-con h4 {}
    /*join*/
    .join span {
        font-size: 1.2rem;
    }
    .join .index-more {
        width: 136px;
        height: 38px;
        line-height: 38px;
    }
    /*join-xy*/
    .join-job .title .one {
        padding: 0;
    }
    .join-job .title span {
        font-size: 13px;
    }
    .join-job .tit span {
        font-size: 12px;
    }
    .join-job-hot a {
        font-size: 13px;
        letter-spacing: 0;
    }
    .join-job-more .index-more {
        margin-top: 6%;
    }
    /*news*/
    .news-view-con p {
        font-size: 13px;
        line-height: 26px;
        height: 80px;
    }
    /*news-con*/
    .news-details-title h1 {
        font-weight: 500;
        line-height: 30px;
        font-size: 18px;
        letter-spacing: 1px;
    }
    .news-details-title p,
    .news-details-title span {
        font-size: 12px;
    }
    .news-details-con>p {
        font-size: 14px;
        line-height: 32px;
        letter-spacing: 1px;
    }
    /*faq*/
    ul.faq li {
        border: 1px solid rgba(217, 217, 217, 0.5);
        margin-bottom: 3%;
    }
    ul.faq li>a {
        padding: 12px 12px 12px 4px;
    }
    /*contact*/
    .contact-item-ewm {
        width: 22%;
    }
    /*plan*/
    .join-three-name h1 {
        font-size: 1.1rem;
    }
    /*join-team*/
    .join-team .join-team-tit {
        margin-bottom: 6%;
    }
    .join-team .join-team-con span {
        font-size: 0.96rem;
    }
    .join-team .join-team-con span:before {
        height: 8px;
        width: 8px;
        left: -20px;
        margin-top: -4px;
    }
    /*join-money*/
    .join-money-div {
        padding: 6% 10%;
        text-align: left;
    }
    .join-money-div span {
        line-height: 1.6;
        font-size: 28px;
    }
    .join-money-items {
        width: calc(100% - 42px);
        margin: 2% 0 2% 38px;
        height: auto;
        min-height: 0
    }
    .join-money-quan {
        top: 50%;
        left: 0;
        margin-top: -30px;
    }
    .join-money-p {
        text-align: center;
        padding: 8% 0;
    }
    .join-money-p>div {
        text-align: left;
        width: calc(100% - 60px);
        margin-left: 60px;
        overflow: hidden;
    }
    .join-money-p h3 {
        font-size: 16px;
        font-weight: bold;
    }
    .join-money-p p {
        width: 50%;
        float: left;
        font-size: 13px;
    }
    /*join-xy*/
    .join-xy-div {
        background: none;
        width: 100%;
        float: none;
    }
    .join-xy-items {
        width: 100%;
        height: auto;
        float: none;
        background: #eee;
        margin-bottom: 2%;
        padding: 3.5% 4%;
    }
    .join-xy-items>div {
        width: 100%;
    }
    .join-xy-div:nth-child(-n+3) .join-xy-items:first-child:before,
    .join-xy-items:first-child:before {
        background: none;
    }
    .join-xy-items em {
        width: 40px;
        vertical-align: top;
        display: inline-block;
    }
    .join-xy-con {
        display: inline-block;
        width: calc(100% - 60px);
        text-align: left;
        padding-left: 4%;
    }
    .join-xy-items h4 {
        padding: 0;
        margin: 0;
    }
    .join-xy-items p {
        text-align: left;
        width: 100%;
        line-height: 24px;
    }
    /*join-con*/
    .div-a .a-top span {
        font-size: 1rem;
    }
    .join-con .requir li p {
        line-height: 26px;
        font-size: 13px;
    }
    .join-con .requir {
        padding: 10px 0;
    }
    .join-con-tip {
        font-size: 12px;
        margin: 12px 0;
    }
    .join-con-tip p {
        font-size: 13px;
        margin-top: 6px;
    }
    /*join-con*/
    .join-sh .join-lc-items {
        width: 50%;
        margin-bottom: 6%;
    }
    .join-sh .join-lc-items:after {
        right: -14px;
    }
    .join-sh .join-lc-items:nth-child(2n):after {
        background: none;
    }
    .join-sh .join-lc-items img {
        height: 28px;
    }
    /*.join-new-items:before {*/
    /*height: 100%;*/
    /*}*/
    /*.join-new-con span {*/
    /*background: #fff;*/
    /*color: #bc9f5f;*/
    /*}*/
    /*.join-new-con p {*/
    /*color: #fff;*/
    /*}*/
    /*.join-new-num {*/
    /*color: rgba(250, 250, 250, 0.28);*/
    /*font-size: 100px;*/
    /*}*/
    .join-new-con p {
        height: 30px;
        margin: 6% 0 10%;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .join-new-con em {
        font-size: 12px;
        right: 2%;
        bottom: 20px;
    }
    /*杂志*/
    #fb7 .fb7-menu#fb7-center a {
        padding: 6px 24px;
        font-size: 12px;
    }
    #fb7 .fb7-nav-arrow {
        padding: 6px 24px;
        font-size: 12px;
    }
}