@charset "UTF-8";
.mobile-nav-btn,
.mobile-nav-mask,
.English-website,
.mobile-nav-talnents,
.mobile-nav-list {
    display: none;
}
@media screen and (max-width: 1199px) {
    body,
    .wrap {
        position: relative;
        min-width: 100%;
    }
    .mobile-nav-list {
        display: block;
    }
    .pc-nav-list {
        display: none !important;
    }
    .content {
        width: 100%;
    }
    .common-header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 100;
        height: 6rem;
        background-color: #fff;
    }
    /* 导航栏先注释，后续用于侧边栏 */
    .mobile-nav-mask {
        position: fixed;
        z-index: 100;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background: #000;
        opacity: 0.5;
        display: block;
    }
    .common-nav {
        position: fixed;
        top: 0;
        left: -70%;
        z-index: 901;
        width: 70%;
        height: 100vh;
        float: none;
        margin-left: 0;
        background-color: #fff;
    }
    .common-nav li {
        float: none;
        display: block;
        padding: 0 5%;
        width: auto;
        height: auto;
        text-align: left;
        margin-left: 0;
        margin-top: 1.6rem;
        font-size: 1.6rem;
        line-height: initial;
    }
    .common-nav li a span {
        display: block;
        position: absolute;
        left: auto;
        right: 0;
        top: 0.2rem;
        width: 0.8rem;
        height: 1.5rem;
        margin: 0;
        background-image: url('/z-site/sanlian-gw/stencil/default/images/mobile-nav-arrow-right.png');
        background-position: center;
        background-size: 100% 100%;
    }
    .sub-nav {
        position: relative;
        z-index: 100;
        width: 100%;
        left: auto;
        top: auto;
        padding: 0 1.2rem;
        display: none;
    }
    .sub-nav a {
        padding: 0;
        margin-top: 1.6rem;
        border-bottom: none;
        color: #8098ba;
    }
    .common-nav li a:hover,
    .common-nav-hover {
        color: #0d5cc8;
    }
    .common-nav li:first-child {
        height: 4.5rem;
        margin-top: 0;
        line-height: 4.5rem;
        text-indent: 2rem;
        border-bottom: 1px solid #b6c7dd;
    }
    .common-nav li a:hover span,
    .common-nav li a.common-nav-hover span {
        background-color: #fff;
        background-image: url('/z-site/sanlian-gw/stencil/default/images/mobile-nav-arrow-right-hover.png');
    }
    .common-nav li:first-child a span {
        display: block;
        position: absolute;
        left: 0;
        top: 1.2rem;
        width: 1rem;
        height: 1.9rem;
        margin: 0;
        background-image: url('/z-site/sanlian-gw/stencil/default/images/mobile-nav-arrow-left.png');
        background-position: center;
        background-size: 100% 100%;
    }
    .common-logo {
        height: 3rem;
        margin-top: 1rem;
        margin-left: 3%;
    }
    .common-logo a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .common-logo img {
        display: block;
        height: 100%;
    }
    .common-search {
        float: right;
        width: 41%;
        height: 3rem;
        margin-top: 1.5rem;
        margin-left: 0;
        margin-right: 3%;
    }
    .common-search-btn {
        top: 0.7rem;
        width: 1.6rem;
        height: 1.6rem;
        background-size: 100%;
    }
    .English-website {
        width: 3rem;
        height: 3rem;
        margin-right: 3%;
        margin-top: 1.5rem;
        background-color: #f3f3f3;
        line-height: 3rem;
        text-align: center;
        border-radius: 50px;
        font-size: 1.4rem;
    }
    .mobile-nav-btn {
        display: block;
        background-image: url('/z-site/sanlian-gw/stencil/default/images/mobile-nav-icon.png');
        background-size: 50% 40%;
        background-repeat: no-repeat;
        background-position: center;
    }
    .index-banner {
        min-width: 100%;
        height: auto;
        margin-top: 6rem;
    }
    .pagination {
        bottom: 1rem;
    }
    .swiper-pagination-switch {
        width: 2.2rem;
        height: 0.2rem;
        margin: 0 0.4rem;
    }
    .company-products {
        height: auto;
    }
    .company-products-right {
        display: none;
    }
    .company-products-title {
        margin-top: 2rem;
        padding:  0 3%;
    }
    .company-products-title-e {
        font-size: 1.5rem;
    }
    .company-products-title-c {
        display: inline-block;
        padding-right: 3rem;
        padding-top: 0.4rem;
        padding-bottom: 3px;
        font-size: 1.4rem;
        line-height: 1.3;
    }
    .company-products-title-c i::after {
        bottom: -7px;
    }
    .company-products-tag {
        margin-top: 0.5rem;
        font-size: 1rem;
    }
    .company-products-img {
        float: none;
        z-index: 2;
        width: 32.6rem;
        height: 26.35rem;
        margin: 1.5rem 3rem 3rem;
        background-size: 100% 100%;
    }
    .company-products-category1 {
        left: 17rem;
        top: -5px;
        padding-left: 44px;
        padding-bottom: 5px;
        padding-top: 6px;
    }
    .products-category-title,
    .products-category-title-e {
        font-size: 1rem;
    }
    .company-products-category2 {
        left: 26.2rem;
        top: -0.2rem;
        padding-left: 30px;
        padding-top: 40px;
    }
    .company-products-category3 {
        left: 30.5rem;
        top: 9.2rem;
        padding-left: 4px;
        padding-top: 48px;
    }
    .company-products-category4 {
        left: 26.2rem;
        top: 17rem;
        padding-left: 41px;
        padding-top: 19px;
    }
    .company-products-category5 {
        left: 18.4rem;
        top: 22.2rem;
        padding-left: 41px;
        padding-top: 19px;
    }
    .products-category-content {
        float: none;
        width: auto;
        padding: 0 3%;
        background-color: #f2f4f7;
        overflow: hidden;
    }
    .index-category-title {
        margin-top: 2.7rem;
        font-size: 2.4rem;
    }
    .index-category-title-e {
        font-size: 1rem;
    }
    .index-category-text {
        position: relative;
        z-index: 4;
        width: 100%;
        margin-top: 1rem;
        height: auto;
        font-size: 1.4rem;
        -webkit-line-clamp: 20;
    }
    .index-category-img-content {
        width: 25.5rem;
        height: 20rem;
        margin-top: 3.5rem;
    }
    .hub-slider ul li {
        width: 100%;
        height: 16.9rem;
    }
    .index-category-img-title {
        font-size: 1.6rem;
    }
    .products-category-arrow {
        top: 6.5rem;
        width: 3.7rem;
        height: 4.2rem;
        background-size: 100% 100%;
    }
    .index-more,
    .index-about-more {
        width: 9.65rem;
        height: 2.2rem;
        margin: 2.3rem auto;
        background-size: 100% 100%;
    }
    .products-category-right {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 36%;
        width: 5rem;
        height: 7rem;
    }
    .index-about {
        padding: 0 3%;
        width: auto;
        min-width: auto;
        height: auto;
        background-image: url('/z-site/sanlian-gw/stencil/default/images/mobile-index-about-bg.png');
        background-size: cover;
    }
    .index-about .company-products-title {
        margin-top: 2rem;
    }
    .index-about-content {
        margin-top: 3.5rem;
    }
    .index-about-left {
        float: none;
        width: 100%;
    }
    .index-about-title {
        font-size: 1.8rem;
    }
    .index-about-show {
        margin-top: 2rem;
        font-size: 1.4rem;
        letter-spacing: normal;
    }
    .index-about-more {
        margin: 3rem auto;
    }
    .index-about-right {
        width: 100%;
        /*height: 20.75rem;*/
        float: none;
        margin-bottom: 1.5rem;
    }
    .index-new {
        width: auto;
        padding: 0 3%;
    }
    .index-new .company-products-title {
        margin-top: 1.5rem;
    }
    .index-new-content {
        width: 85%;
        margin: 0 auto 3.5rem;
        margin-top: 1.5rem;
        height: 20.5rem;
    }
    .index-new-list-btn {
        z-index: 10;
        width: 2.5rem;
        height: 7rem;
        background-size: 100% 100%;
    }
    .swiper-button-prev {
        left: -3rem;
    }
    .swiper-button-next {
        right: -3rem;
    }
    .index-new-list {
        width: 13rem;
        height: 100%;
        margin: 0;
    }
    .index-new-img {
        height: 5.5rem;
    }
    .index-new-title {
        padding: 0 1rem;
        margin-top: 1rem;
        font-size: 1.4rem;
        overflow: hidden;/*凌驾部分隐藏*/
        white-space: nowrap;/*不换行*/
        text-overflow:ellipsis;/*凌驾部分文字以...显示*/
    }
    .index-new-list-content {
        padding: 0 1rem;
        margin-top: 1rem;
        height: 6rem;
        font-size: 1.2rem;
        -webkit-line-clamp: 3;
        line-height: 1.6;
    }
    .index-new-list .index-more {
        bottom: 1.5rem;
    }
    .common-footer {
        padding: 0 3%;
        width: auto;
    }
    .common-footer-top {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .common-copyright {
        float: none;
        width: 100%;
        overflow: hidden;
    }
    .common-copyright-text1 {
        font-size: 1.2rem;
    }
    .common-copyright-text2 {
        font-size: 1rem;
        margin-top: 1rem;
    }
    .common-copyright p:nth-child(3),
    .common-copyright p:nth-child(4) {
        float: left;
    }
    .common-footer-nav-content {
        float: none;
        width: 100%;
    }
    .common-copyright p:nth-child(3) {
        margin-right: 0.5rem;
    }
    .common-footer-nav {
        margin-top: 2rem;
        width: 20%;
        margin-right: 0;
    }
    .common-footer-nav:nth-child(2),
    .common-footer-nav:nth-child(3),
    .common-footer-nav:nth-child(4) {
        text-indent: 20%;
    }
    .common-footer-nav:last-child {
        text-align: right;
    }
    .common-footer-code {
        float: none;
        width: 100%;
        margin-top: 1.5rem;
    }
    .common-footer-code-text,
    .common-footer-line {
        display: none;
    }
    .common-footer-code-img {
        display: block;
        width: 40%;
        height: auto;
        margin: auto;
    }
    .common-footer-info1,
    .common-footer-info2,
    .common-footer-info3,
    .common-footer-info4,
    .common-footer-info5 {
        float: left;
        margin: 0;
        margin-bottom: 1rem;
    }
    .common-footer-icon {
        display: block;
        float: none;
        width: 2.8rem;
        height: 2.8rem;
        margin: auto;
        background-size: 100% 100%;
    }
    .common-footer-word {
        float: none;
        text-align: center;
        font-size: 1rem;
    }
    .common-footer-info1,
    .common-footer-info4,
    .common-footer-info3,
    .common-footer-info2,
    .common-footer-info5 {
        width: 46%;
    }
    /*.common-footer-info1,*/
    /*.common-footer-info4 {*/
    /*    width: 27%;*/
    /*}*/
    /*.common-footer-info3 {*/
    /*    width: 27%;*/
    /*}*/
    /*.common-footer-info2,*/
    /*.common-footer-info5 {*/
    /*    width: 46%;*/
    /*}*/
    .banner {
        margin-top: 6rem;
    }
    .new-content {
        width: auto;
        padding: 0 3%;
        background-color: #fff;
    }
    .location {
        margin-top: 1.5rem;
        font-size: 1.4rem;
    }
    .new-list-content {
        margin-top: 0;
        margin-bottom: 0;
    }
    .new-list {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .new-list-img {
        width: 10.5rem;
        height: 6.4rem;
    }
    .new-list-text {
        float: right;
        width: calc(100% - 12rem);
    }
    .new-list-info {
        width: 100%;
        margin-left: 0;
    }
    .new-list-info-title {
        font-size: 1.5rem;
    }
    .new-list-info-content {
        margin-top: 1.5rem;
        max-height: 5rem;
        font-size: 1.2rem;
        -webkit-line-clamp: 3;
        line-height: 1.3;
    }
    .new-list-line {
        display: none;
    }
    .new-list-time {
        margin-left: 0;
        margin-top: 1.5rem;
    }
    .new-list-time1 {
        font-size: 2.1rem;
    }
    .new-list-time2 {
        font-size: 1.1rem;
    }
    .new-list-arrow {
        float: left;
        margin-left: 3.5rem;
        margin-top: 1.8rem;
        width: 1rem;
        height: 1.7rem;
        background-size: 100% 100%;
    }
    .page {
        margin-bottom: 2.5rem;
    }
    .page a, .page span {
        padding: 0.5rem;
        margin: 0 0.5rem;
        font-size: 1.2rem;
        line-height: 2.5;
    }
    .recruit-header {
        height: auto;
        padding: 1.2rem;
    }
    .recruit-header-base {
        float: none;
        width: 100%;
    }
    .recruit-header-contact {
        float: none;
        display: block;
        width: 10.5rem;
        font-size: 1.8rem;
        line-height: 3rem;
    }
    .recruit-title {
        font-size: 2rem;
        line-height: 3rem;
    }
    .recruit-title span.recruit-title-money {
        float: right;
    }
    .recruit-postion {
        font-size: 1.2rem;
    }
    .recruit-info {
        padding: 0;
    }
    .recruit-info-title {
        margin-top: 2rem;
        font-size: 1.8rem;
        font-weight: bold;
    }
    .recruit-info-detail {
        font-size: 1.5rem;
        line-height: 1.5;
    }
    .leave-message {
        padding: 0;
        margin-top: 0;
    }
    .leave-message-title {
        margin-top: 1.6rem;
        font-size: 1.8rem;
    }
    .leave-message-list {
        margin-top: 0;
    }
    .leave-message-input {
        float: none;
        width: 100%;
        height: 4rem;
        margin: auto;
        margin-top: 2rem;
        line-height: 4rem;
        font-size: 1.4rem;
    }
    .leave-message-textarea {
        height: 15rem;
    }
    .leave-message-submit-btn {
        width: 59%;
        height: 4rem;
        margin-top: 2.5rem;
        line-height: 4rem;
        font-size: 1.4rem;
    }
    .map-content {
        margin-top: 3rem;
        margin-bottom: 3rem;
        box-shadow:none;
    }
    .contact-info {
        margin-top: 0;
        font-size: 1.4rem;
        line-height: 1.6rem;
    }
    .contact-info-base {
        float: none;
        margin-top: 1.5rem;
        margin-right: 0;
    }
    .contact-icon {
        height: 1.4rem;
        background-size: contain;
    }
    .contact-tel-icon,
    .contact-address-icon,
    .contact-email-icon {
        width: 1.5rem;
    }
    .customer-map {
        padding: 0 3%;
        width: auto;
        min-height: auto;
        background-color: #fff;
        background-image: url('/z-site/sanlian-gw/stencil/default/images/mobile-contact-bg.png');
        background-size: 100% 60%;
    }
    .global-customers {
        margin-top: 1.8rem;
        font-size: 1.8rem;
    }
    .customer-map-img {
        margin-top: 1.8rem;
    }
    .detail-small-title {
        margin-top: 1.2rem;
        font-size: 1.8rem;
        line-height: 2rem;
    }
    .detail-small-title-icon {
        width: 0.3rem;
        height: 1.8rem;
        margin-right: 0.6rem;
    }
    .customer-detail {
        margin-top: 1.5rem;
        font-size: 1.4rem;
    }
    .customer-img {
        padding: 1.6rem 3%;
        background-color: #fff;
    }
    .swiper-customer-img {
        width: 100%;
        height: 6.025rem;
    }
    .customer-banner-bg {
        width: 8.025rem;
        height: 6.025rem;
    }
    .cooperative-customers {
        padding: 1.6rem 3% 5.3rem;
        height: auto;
        min-height: 100px;
        background-color: #fff;
        background-image: url('/z-site/sanlian-gw/stencil/default/images/mobile-customer-bg.png');
        background-size: contain;
        background-position: center bottom;
    }
    .customer-parter-img2 {
        margin-top: 1.5rem;
    }
    .show-content {
        margin-top: 1.5rem;
        margin-bottom: 2.4rem;
        padding: 0;
    }
    .show-title {
        font-size: 1.8rem;
    }
    .show-time {
        margin-top: 1.2rem;
        padding-bottom: 1.8rem;
        font-size: 1.2rem;
    }
    .show-time span {
        margin: 0 2.5rem;
    }
    .new-detail {
        margin-top: 1.8rem;
    }
    .index-new-more {
        top: 3rem;
    }
    .cooperative-customers .global-customers {
        margin-top: 1rem;
    }

    /* 1生长历程 */
    .company {
      width: 100%;
    }
    .company-box {
      margin-top: 2.5rem;
    }
    .company-box:hover .hover-border {
      width: 56%;
      margin: 0 auto;
    }
    .company-box-hover .hover-border {
      width: 56%;
      margin: 0 auto;
    }
    .company-box-icon {
      line-height: 1.8rem;
      width: 100%;
    }
    .company-box-icon img {
      /* width: 1.8rem; */
      height: 2.3rem;
    }
    .company-box-icon div:nth-of-type(1) {
      margin-bottom: 0.6rem;
      font-size: 1.2rem;
      line-height: 2.2rem;
    }
    .company-intrduce {
      width: 100%;
      padding: 1.5rem 6% 2.5rem 6%;
      margin-top: 1.3rem;
      font-size: 1.2rem;
      line-height: 2.1rem;
      background-size: 92% 100%;
      background-position: center;
    }
    .company-title {
      padding-left: 3%;
      width: 15%;
      height: 4rem;
      font-size: 1.2rem;
      line-height: 3rem;
    }
    .company-right {
      display: none;
    }
    .time {
      width: 100%;
      overflow: hidden;
    }
    .time-left {
      width: 100%;
      padding: 0 3%;
    }
    .time-right{
      display: none;
    }
    .time-year {
      width: 13%;
      height: 6%;
      font-size: 1.2rem;
      line-height: 1.2rem;
      padding: 1% 0;
    }
    .time-month {
      background: url("/z-site/sanlian-gw/stencil/default/images/time-line.png") no-repeat 6%;
      padding-bottom: 6%;
    }
    .time-month-last {
      padding-bottom: 0;
      background: none;
    }
    .time-month-top {
      background: url("/z-site/sanlian-gw/stencil/default/images/time-line.png") no-repeat 6%;
    }
    .time-month-left {
      width: 13%;
      height: 2rem;
      margin: 0;
      overflow: hidden;
      background: transparent;
    }
    .time-month-left a {
      display: block;
      width: 2rem;
      height: 2rem;
      margin: 0 25%;
      font-size: 1.2rem;
      line-height: 2rem;
      background: gray;
      border-radius: 50%;
    }
    .time-month-right {
      float: right;
      width: 87%;
      padding-top: .1rem;
    }
    .time-month-content {
      font-size: 1.3rem;
      line-height: 1.7rem;
    }
    .time-month-img {
      width: 86%;
      height: auto;
      margin-bottom: 1.9rem;
    }

    /* 1优德官方网站w88简介 */
    .breifIntroduce {
      width: 100%;
      padding: 0 3%;
    }
    .bg-content {
      padding-top: 0;
      padding-bottom: 2.7rem;
    }
    .breif-title {
      margin-top: .2rem;
      font-size: 1.8rem;
      line-height: 5.6rem;
      background-size: .4rem 1.6rem;
    }
    .breif-con {
      margin-bottom: 1rem;
      font-size: 1.4rem;
      line-height: 1.8rem;
    }
    .idea-div {
      padding-left: 3%;
      padding-bottom: 0;
    }
    .idea-div .idea-p {
      display: flex;
      flex-direction: row;
      padding-top: .1rem;
      margin-bottom: 1.8rem;
      font-size: 1.5rem;
      line-height: 1.8rem;
    }
    .idea-span-left {
      width: 25%;
    }
    .idea-span-right {
      width: 75%;
    }
    .breifIntroduce .swiper-container {
      display: none;
    }
    .breif-images p {
      width: 49%;
    }
    .breif-images {
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
    }
    .breif-img {
      display: block;
      width: 100%;
      height: auto;
    }
    .breif-p:nth-of-type(1) {
      margin-right: 1%;
      margin-bottom: 1%;
    }
    .breif-p:nth-of-type(2) {
      margin-left: 1%;
      margin-bottom: 1%;
    }
    .breif-p:nth-of-type(3) {
      margin-right: 1%;
      margin-top: 1%;
    }
    .breif-p:nth-child(4) {
      margin-left: 1%;
      margin-top: 1%;
    }

    /* 1公司声誉 */
    .honor-title {
      font-size: 1.8rem;
      line-height: 6.8rem;
    }
    .honor-div {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      /* margin-bottom: 1.6rem; */
    }
    .honor-image {
      float: none;
      width: 30%;
      height: auto;
      margin: 1.2rem 1.5% 0 1.5%;
    }
    .honor-image img {
      width: 100%;
    }
    /* .honor-image:nth-of-type(4) {
      margin-top: 1.2rem;
      margin-left: 17.5%;
    }
    .honor-image:nth-of-type(5) {
      margin-top: 1.2rem;
      margin-right: 17.5%;
    } */
    .honor-image1 {
      width: 47.5%;
      margin: 0;
      margin: 0 1.25% 5% 1.25%;
    }
    .honor-image1 img {
      width: 100%;
      height: auto;
    }
    /* .honor-image1:nth-last-of-type(1) {
      margin-bottom: 0;
    }
    .honor-image1:nth-last-of-type(2) {
      margin-bottom: 0;
    } */

    /* 1公司漫衍 */
    .group-middle {
      padding: 3% 3%;
    }
    .company-fb .content {
      width: 100%;
      padding: 3% 3% 0 3%;
    }
    .group {
      width: 100%;
      height: 34%;
      margin-bottom: 3%;
      letter-spacing: -1px;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
    }
    .group-all {
      padding-bottom: 4.2%;
      background-image: none;
    }
    .group-left {
      width: 50%;
      height: auto;
    }
    .group-right {
      width: 50%;
    }
    .group-icon {
      top: 0;
      left: 0;
      margin: auto;
      width: 1rem;
      height: 1rem;
    }
    .group-title {
      font-size: 1.2rem;
      line-height: 1.2rem;
    }
    .group-con0 {
      height: 2.4rem;
      margin: 10% 0;
      font-size: .9rem;
      line-height: 1.2rem;

      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }
    .group-content {
      width: 100%;
      margin: 0;
      padding: 8% 8% 0 8%;
    }
    .group-con {
      height: 2.4rem;
      margin-bottom: 8%;
      font-size: .9rem;
      line-height: 1.2rem;

      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }

    /* 5产品详情 */
    .product-info {
      padding-bottom: 0;
    }
    .product-info-content {
      width: 100%;
      padding: 0 3%;
      background: #fff;
    }
    .product-info-menu {
      padding: 4% 0;
    }
    .product-info-menu li a {
      font-size: 1.2rem;
      line-height: 1.2rem;
    }
    .product-info-menu span {
      font-size: 1.2rem;
    }
    .product-info-image {
      width: 100%;
      height: 100%;
      margin: 0;
    }
    .product-info-title-top {
      width: 100%;
    }
    .product-info-title-bottom {
      width: 100%;
      padding-bottom: 11%;
    }
    .product-info-detail-top {
      margin-bottom: 4.5%;
      font-size: 1.4rem;
      line-height: 1.7rem;
    }
    .product-info-name-top {
      margin-bottom: 0;
      font-size: 1.9rem;
      line-height: 4.9rem;
    }
    .product-info-name-bottom {
      padding-bottom: 0;
      margin-bottom: 0;
      font-size: 1.9rem;
      line-height: 5rem;
    }
    .product-info-detail-bottom-left {
      width: 30%;
      padding-top: 4%;
      font-size: 1.4rem;
      line-height: 1.7rem;
    }
    .product-info-detail-bottom-right {
      width: 70%;
      padding: 4% 0;
      font-size: 1.4rem;
      line-height: 1.7rem;
    }

    /* 5公司产品 */
    .product-con {
      width: 100%;
      padding-bottom: 2%;
    }
    .product-con:nth-last-of-type(1) {
      padding-bottom: 4%;
    }
    .product-nav {
      display: flex;
      flex-direction: row;
      width: 800px;
    }
    .product-left {
      width: 100%;
      height: 4.1rem;
      padding: 0 3%;
      float: none;
      overflow-x: scroll;
      white-space: nowrap;
      background: url("/z-site/sanlian-gw/stencil/default/images/product-title.png") no-repeat;
      background-position: bottom;
      background-size: 100% auto;
    }
    .product-title {
      padding: 0;
      width: 9rem;
      font-size: 1.4rem;
      text-align: center;
    }
    .product-title-h1 {
      display: none;
    }
    .product-right {
      position: relative;
      top: -.6rem;
      margin: 0 auto;
      width: 96%;
      /* height: 30rem; */
      height: auto;
      float: none;
    }
    .product-right .swiper-container {
      width: 100%;
      /* padding: 0 6%; */
      background: none;
    }
    .product-content {
      width: 100%;
      height: auto;
      padding: 4% 3% 0 3%;
    }
    .product-image-img {
      display: block;
      height: 7.7rem;
      /* height: auto; */
    }
    .product-image {
      width: 30%;
      height: auto;
      margin: 3% 1.6%;
    }
    .product-right .swiper-slide {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      flex-wrap: wrap;
      /* margin-top: 1%; */
      width: 100%;
    }
    .product-hover-bg {
      height: auto;
      position: relative;
    }
    .product-image:hover .product-hover-bg{
      display: none;
   }
   .product-image:hover .product-image-title{
      color: #ffffff;
      background-color: #0478e4;
    }
    .product-image:hover .product-hover-icon{
      display: none;
    }
    .product-image-title {
      font-size: 1.2rem;
      line-height: 2.1rem;
      height: auto;
    }
    .company-box:hover .hover-border-five {
      width: 56%;
      margin: 0 auto;
    }
    .product-active-icon {
      background: none;
    }

    /* 8人才理念 */
    .people-ln .content {
      width: 100%;
      padding: 3% 3% 0 3%;
    }
    .con-back {
      padding-bottom: 22%;
      background-size: 100%;
    }
    .con-back .content {
      padding-top: 0;
    }
    .talents-content {
      display: flex;
      flex-direction: column;
      height: auto;
      margin-bottom: 0;
    }
    .talents-content-detail {
      padding: 0 6%;
    }
    .talents-con-f-left .talents-word-omit {
      padding: 0 6%;
    }
    .talents-con-f {
      width: 100%;
      float: none;
    }
    .talents-title {
      padding-top: 6%;
      font-size: 1.9rem;
      line-height: 2.5rem;
    }
    .talents-line {
      width: 7.5rem;
      height: .3rem;
      margin: 1.5% auto;
    }
    .talents-english {
      padding-bottom: 5.5%;
      font-size: .8rem;
      line-height: 1.5rem;
    }
    .talents-con-div {
      padding: 0 6%;
      font-size: 1.2rem;
      line-height: 2.1rem;
    }
    .talents-con-div:nth-last-of-type(1) {
      padding-bottom: 5.5rem;
    }
    .talents-28 {
      margin-top: 12%;
      font-size: 1.4rem;
      line-height: 3.8rem;
    }
    .talents-con-right {
      display: flex;
      flex-direction: row;
      height: auto;
    }
    .talents-con-right img {
      width: 35%;
    }
    .talents-word {
      width: 60%;
      margin: 4% 5% 0 5%;
      float: none;
    }
    .talents-word-title {
      font-size: 1.4rem;
      line-height: 3.5rem;
    }
    .talents-word-con {
      width: 80%;
      font-size: 1.2rem;
      line-height: 2.1rem;

      overflow : hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    .talents-word-omit {
      font-size: 1.2rem;
      line-height: 2.1rem;
    }

    /* 8人才作育 */
    .people-py .content {
      width: 100%;
      padding: 3% 3% 0 3%;
    }
    .con-bg {
      padding-bottom: 30%;
      background-size: 100%;
    }
    .talents-detalis-img-one {
      margin-bottom: 7%;
    }
    .talents-details-title {
      width: 30%;
    }
    .talents-list-image {
      height: auto;
    }
    .talents-list-center {
      display: flex;
      flex-direction: row;
      padding-top: 2%;
      margin-bottom: 3%;
      border-radius: .4rem;
      background: #fff;
    }
    .talents-list-div {
      background: none;
    }
    /*.talents-list-left {*/
    /*  display: block;*/
    /*  width: 25%;*/
    /*  height: auto;*/
    /*  padding-left: 3%;*/
    /*}*/
    .talents-list-right {
        padding-left: 3%;
      padding-right: 3%;
    }
    .mobile-nav-talnents {
        float: left;
        display: block;
      text-align: right;
      font-size: 1.4rem;
      line-height: 2.8rem;
      color: #666666;
    }
    .talents-list-right .talnents-columns {
      text-align: left;
      font-size: 1.4rem;
      line-height: 2.8rem;
      color: #333333;
    }
    .talents-list-left .talnents-columns:nth-last-of-type(1) {
      padding-bottom: .7rem;
      border-bottom: .1rem solid #f4f4f4;
    }
    .talents-list-right .talnents-columns:nth-last-of-type(2) {
      padding-bottom: .7rem;
      border-bottom: .1rem solid #f4f4f4;
    }
    .talents-blue {
        display: block;
      /*margin-left: 25%;*/
      font-size: 1.4rem;
        text-align: center;
      line-height: 4rem;
    }

    .talnents-columns {
      width: 100%;
    }
    .talents-columns-line {
      display: none;
    }

    /* 8人才招聘 */
    .con-bg1 {
      padding-bottom: 5%;
    }
    .people-zp .content {
      width: 100%;
      padding: 3% 3% 0 3%;
    }
    .talents-list-top {
      display: none;
    }
    .page-zp {
      display: none;
    }
    .talents-list-top .clearfix {
      display: flex;
      flex-direction: column;
    }
    .talnents-columns {
        padding: 0;
      float: none;
    }

    /* 12手艺中心 */
    .technology-banner {
      background-size: 100% auto;
    }
    .technology-con {
      height: 15rem;
    }
    .technology-banner {
      height: 15rem;
    }
    .technology .breif-title {
      margin-top: 1.5rem;
      font-size: 1.8rem;
      line-height: 3.8rem;
    }
    .technology .breif-con {
      padding: 0 3%;
      font-size: 1.5rem;
      line-height: 2.7rem;
      text-indent: 0;
    }
    .technology .swiper-container {
      display: block;
      width: 100%;
      height: 6.8rem;
    }
    .breifIntroduce .swiper-container .customer-banner-bg-swiper {
      width: 100%;
      height: auto;
    }
    .customer-banner-bg-swiper img {
      width: 100%;
      padding: 0 1%;
      height: auto;
    }
    .breifIntroduce-warp {
      padding-bottom: 14%;
      background-size: 100%;
    }

    /* 12研发实力 */
    .de-word {
      margin: 6% 0 9% 0;
      font-size: 1.5rem;
      line-height: 2.7rem;
    }
    .de-letter {
      margin: 0;
      margin-bottom: 3%;
      font-size: 1.5rem;
      line-height: 2.7rem;
    }
    .deve-img {
      width: 30%;
      height: auto;
      float: none;
    }
    .deve-img img {
      width: 100%;
      height: 100%;
    }
    .certificate {
      width: 100%;
      height: auto;
    }
    .certificate .swiper-slide .clearfix {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
    }
    .development-con {
      background-size: 100%;
    }

    /* 12专家先容 */
    .development {
      width: 100%;
      padding: 0 3%;
    }
    .in-title {
      /* width: 30%; */
      height: 3.5rem;
      font-size: 1.8rem;
      line-height: 2.4rem;
    }
    .in-title .in-title-span {
      height: 3.5rem;
      padding: 0 3%;
      border-radius: .4rem .4rem 0 0;
    }
    .in-content {
      padding: 0 4%;
      border: .3rem solid #d8d8d8;
      border-radius: .4rem;
    }
    .in-con-title {
      padding: 0;
      padding-left: 3%;
      margin-top: 3%;
      font-size: 1.8rem;
      line-height: 3.4rem;
      background-position-x: 0;
      background-size: .4rem 1.6rem;
    }
    .in-con-content {
      height: 20.5rem;
      min-height: 20.5rem;
      max-height: none;
      padding: 0;
      font-size: 1.4rem;
      line-height: 1.7rem;
      overflow-y: hidden;
    }
    .click-btn {
      display: block;
      font-size: 1.4rem;
      line-height: 3.9rem;
      color: #0478e4;
      text-align: center;
    }
    .search-bg {
      height: 9.4rem;
      margin-top: 6rem;
      background-image: url(/z-site/sanlian-gw/stencil/default/images/search-bg-h5.png);
      background-size: 100% 100%;
    }
    .search-content {
        width: 83%;
        height: 3.9rem;
        margin-top: 2.8rem;
        font-size: 1.4rem;
        line-height: 3.9rem;
    }
    .search-content-input {
        width: 76%;
        height: 100%;
        padding-left:0.8rem;
    }
    .search-content-btn {
        width: 24%;
    }
    .search-reslut {
        padding: 0;
        background-color: #fff;
    }
    .search-reslut-content {
        padding: 0;
        font-size: 1.4rem;
    }
    .search-reslut-title {
        padding: 0 3%;
        height: 5rem;
        line-height: 5rem;
    }
    .search-reslut-list {
        padding: 0 3%;
        height: 4.5rem;
        line-height: 4.5rem;
    }
    .search-reslut-list-title {
        width: calc(100% - 8.5rem);
    }
    .search-reslut-list-time {
        width: 8rem;
    }
    .search-page {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
}