/* media 媒体查询
    1200px
    1024px
    768px
*/

@media screen and (max-width:1024px) {
    .header-pc {
        display: none !important;
    }

    .header-mobile {
        display: block;
    }

    .linder {
        display: none;
    }

    .rgbskuai1 {
        padding: 15px 0 15px 0px !important;
    }

    .index-bot .row_right .row_right_sel select {
        width: 100% !important;
        margin-bottom: 10px;
    }

    /* .index-banner .banner-img{
        height: 43vh;
    } */
}

@media screen and (max-width:1520px) {
    .header-pc .header-list>li:hover .cont-list {
        top: 100%;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1440px !important;
    }
}

@media screen and (max-width:1680px) {
    .header-pc .header-list>li:not(:last-child) {
        margin-right: 41px;
    }

    .header-pc .header-shop .header-search {
        margin-right: 43px;
    }
}

@media screen and (max-width: 1600px) {
    .container {
        max-width: 1450px;
    }

    .header .header-right {
        width: 85%;
    }

    .header-pc .header-list>li:not(:last-child) {
        margin-right: 47px !important;
    }

    .se2 {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 20px;
    }

    .se3 {
        line-height: 30px;
    }

    .rgbskuai1 {
        font-size: 14px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        line-height: 21px;
        padding: 33px 0 33px 0px;
        min-width: 160px;
        margin: 10px;
    }

    .cjing {
        margin: 10px auto;
        font-size: 20px;
    }

    .row_left {
        width: 45%;
    }

    .shopping1 {
        margin-right: 32px;
    }

    .manman {
        font-size: 14px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #666666;
        line-height: 27px;
    }

    .bak {
        background: #FFF;
        box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
        border-radius: 10px;
        height: 200px;
        max-width: 200px;
    }

    .baks1 {
        font-size: 20px;
        font-family: DINAlternate-Bold, DINAlternate;
        font-weight: bold;
        color: #B80084;
        margin-right: 10px;
    }

    .baks2 {
        font-size: 18px;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 500;
        color: #020F1E;
        line-height: 21px;
    }

    .baks {
        display: flex;
        margin: 12px 15px;
    }

    .bakd {
        font-size: 14px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #666666;
        margin: 0 18px;
        line-height: 24px;
    }

}

@media screen and (max-width: 1580px) {
    .where4 {
        padding: 0 20px;
    }

    .footer .box-cent dt>a {
        font-size: 14px !important;
    }

    .footer .left-tel a {
        font-size: 24px !important;
    }
}

@media screen and (max-width: 1560px) {
    .header-pc .header-list li {
        margin: 0;
    }

    .header .header-right {
        width: 88%;
    }

    .index-new .index-new-text .new-img>img {
        height: 400px;
    }

    .rows {
        max-height: 562px;
    }

    .header-pc .header-list>li:not(:last-child) {
        margin-right: 20px !important;
    }

    .header-pc .header-list a {
        font-size: 16px;
    }

    .header-pc .header-list>li {
        padding: 18px 5px;
    }

    .header-pc .header-list .icon-logo {
        width: 60px;
    }

    .header-pc .header-shop .shop-goumai span {
        font-size: 18px;
    }

    .header-pc .header-shop>a {
        margin-left: 10px;
    }

    .header-pc .header-shop .icon-shop {
        width: 28px;
        height: 28px;
    }

    .footer .footer-box {
        padding: 0 30px 68px 30px;
    }

    .footer .footer-copy {
        padding: 25px 40px;
    }

    .footer .box-cent dl {
        margin: 0 15px;
    }

    .footer .left-tel a {
        font-size: 20px;
        line-height: 30px;
    }

    .footer .box-cent dt>a {
        font-size: 16px;
    }

    .footer .right-tit a {
        font-size: 16px;
    }
}

@media screen and (min-width:3000px) {
    .bak {
        background: #FFF;
        box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
        border-radius: 10px;
        height: 200px;
        max-width: 200px;
    }

    .baks1 {
        font-size: 20px;
        font-family: DINAlternate-Bold, DINAlternate;
        font-weight: bold;
        color: #B80084;
        margin-right: 10px;
    }

    .baks2 {
        font-size: 18px;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 500;
        color: #020F1E;
        line-height: 21px;
    }

    .baks {
        display: flex;
        margin: 12px 15px;
    }

    .bakd {
        font-size: 14px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #666666;
        margin: 0 18px;
        line-height: 24px;
    }

    .se2 {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 20px;
    }

    .se3 {
        line-height: 30px;
    }

    .rgbskuai1 {
        font-size: 14px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        line-height: 30px;
        padding: 20px 0 20px 0px;
        min-width: 160px;
        margin: 30px;
    }

    .product-dingwei {
        top: 50% !important;
        transform: translateY(-50%);
    }

    .cjing {
        margin: 20px auto;
    }

    .manman {
        font-size: 14px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #666666;
        line-height: 27px;
    }
}

@media screen and (max-width:1600px) {
    .yyfw {
        width: 55%;
    }

    .chang {
        font-size: 24px;
    }

    .index-new .index-new-text .new-img>img {
        height: 400px;
    }

    .zoro {
        top: 70vh;
    }

    .yearsd1 {
        margin-right: 2.5%;
    }

    .leaf {

        bottom: 59vh;
    }

    .rows {
        max-height: 576px;
    }

    .yanse {
        height: 50%;
        bottom: 15px;
    }

    .yanse2 {
        height: 50%;
        bottom: 15px;
    }

    .container {
        max-width: 1200px;
    }

    .swiper-product7 .swiper-button-next {
        left: 71px;
        top: 330px;
        width: 40px;
        height: 40px;
        background: url(404.png) no-repeat center #FFF;
    }

    .swiper-product7 .swiper-button-prev {
        left: 10px;
        top: 330px;
        width: 40px;
        height: 40px;
        background: url(404.png) no-repeat center #FFF;
    }

    .header-pc .header-list>li>a {
        font-size: 15px;
    }

    .header-pc .header-list>li:not(:last-child) {
        /* margin-right: 58px; */
    }

    .header-pc .header-cont {
        padding: 5px 0;
    }

    .header-pc .header-list li {
        /* margin: 0 25px; */
    }

    .header-pc .header-shop .shop-goumai span {
        font-size: 14px;
    }

    .index-banner .banner-niunai {
        bottom: -110px;
    }

    .index-title h2 {
        font-size: 28px;
    }

    .index-title::after {
        height: 3px;
    }

    .index-about .left-tit p {
        font-size: 14px;
        line-height: 24px;
    }

    .index-about .about-left {
        width: 61%;
    }

    .swiper1 {
        padding-bottom: 10px;
    }

    .swiper-padding {
        min-height: 450px;
    }

    .swiper-padding .swiper-pagination {
        bottom: 0;
    }

    .index-about .about-right {
        width: 39%;
    }

    .index-about .list-num span {
        font-size: 24px;
    }

    .index-about .list-num strong {
        font-size: 14px;
    }

    .index-about .list-num p {
        font-size: 14px;
    }

    .index-about {
        padding: 100px 0 65px 0;
    }

    .index-scient .scient-cont {
        height: 326px;
    }

    .index-scient .list-bg1,
    .index-scient .list-bg2,
    .index-scient .list-bg3 {
        width: 410px;
        height: 150px;
    }

    .index-scient .list-bg4 {
        width: 380px;
        height: 150px;
        background-size: cover;
    }

    .index-scient .scient-box {
        padding-bottom: 370px;
    }

    .index-scient .list-box h2 {
        font-size: 16px;
    }

    .index-scient .list-box p {
        font-size: 12px;
        margin: 5px 0px 8px 0px;
        line-height: 20px;
        max-width: 300px;
    }

    .index-scient .list-box {
        padding: 20px 0px 0px 32px;
    }

    .index-scient .list-bg2 {
        padding-left: 75px !important;
    }

    .index-scient .list-bg4 {
        padding-left: 50px !important;
    }

    .index-new .new-cont p {
        font-size: 14px;
    }

    .index-new .new-cont h2 {
        font-size: 16px;
        line-height: 20px;
    }

    .index-more i {
        width: 38px;
        height: 38px;
    }

    .index-more span {
        font-size: 14px;
    }

    .index-product .product-list img {
        width: 75%;
    }

    .index-product .text-bg {
        height: 125px;
    }

    .product-list li:hover .text-bg {
        height: 125px;
    }

    .footer .box-cent dt>a {
        font-size: 16px;
    }

    .footer .box-cent dd>a {
        font-size: 14px;
    }

    .footer .left-tel a {
        font-size: 18px;
    }

    .footer .right-tit a {
        font-size: 18px;
    }

    .footer .footer-bg {
        top: -120px;
    }

    .header-pc .cont-list>li {
        margin: 0 10px !important;
    }

    .header-pc .cont-list>li>a {
        font-size: 14px;
        padding-left: 0;
        padding-bottom: 3px;
    }

    .pp1 {
        top: 130px;
        left: 210px;
        font-size: 18px;
    }

    .ppts {
        top: 160px;
        left: 210px;
        font-size: 14px;
    }

    .news_zi {
        font-size: 14px;
    }

    .sort-nav li a {
        font-size: 14px;
        padding: 5px 10px;
    }

    .sort-nav li a:hover,
    .sort-nav li.active a {
        margin-bottom: 15px;
    }

    .titles {
        font-size: 24px;
    }

    #fluid1 {
        margin-bottom: 30px;
    }

    .introduce p {
        font-size: 14px;
        line-height: 18px;
    }

    #left-lists .list-num span {
        font-size: 20px;
    }

    #left-lists .list-num strong {
        font-size: 14px;
    }

    #fluid3 .swiper-slide {
        max-height: 350px !important;
    }

    .titles2 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .educa2 {
        font-size: 18px;
    }

    .educa3 {
        font-size: 14px;
    }

    #conts {
        padding-bottom: 120px;
    }

    .years_left {
        margin-left: 100px;
    }

    .years_left img {
        width: 80%;
    }

    .p1s {
        font-size: 20px;
        padding-top: 50px;
        margin-bottom: 20px;
    }

    #fluid3 .swiper-container-horizontal>.swiper-pagination-progressbar {
        top: 370px !important;
    }

    #certify {
        width: 1000px !important;
        /* margin-left: -15px !important; */
    }

    #certify .swiper-button-prev {
        left: -60px !important;
    }

    #certify .swiper-button-next {
        right: -60px !important;
    }

    #fluid5 {
        background-size: cover;
    }

    .vr {
        padding: 98px 0 100px 0;
        margin-left: 130px;
    }

    #fluid4 .container {
        margin-bottom: 0px;
    }

    .pp2 {

        font-size: 18px;
    }

    .newnew {
        top: 130px;
        right: 210px;
    }

    .ppts2 {
        font-size: 14px;
    }

    .index-design-list .item-text {
        padding: 10px;
    }

    .index-design-list .title span:nth-child(1) {
        font-size: 16px;
        line-height: 30px;
    }

    .index-design-list .title {
        margin-bottom: 15px;
    }

    .details_title {
        font-size: 21px;
        font-weight: 900;
    }

    .details_book p {
        font-size: 14px;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 15px;
    }

    .type {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .right_type li a {
        font-size: 14px;
        line-height: 20px;
    }

    .based .recommend>a {
        font-size: 14px;
    }

    .based .based-box span {
        font-size: 14px;
    }

    .based .but-based {
        padding: 10px 35px;
    }

    .header-pc .header-list li {
        /* margin: 0 18px !important; */
    }

    .header-pc .header-shop .header-shop-list>li:first-child {
        margin-left: 30px;
    }

    .header-pc .header-shop .header-shop-list>li {
        margin-right: 30px;
    }

    .footer .left-tel p {
        font-size: 24px;
    }

    .footer .left-tel a {
        font-size: 36px;
    }

    .prod_one_left {
        width: 30%;
    }

    .prod_one_left img {
        width: 100%;
    }

    .prod_one_right {
        width: 100%;
        height: 100%;
        padding-bottom: 35px;
    }

    .prod_name {
        padding-top: 25px;
        font-size: 24px;
    }

    .prod_one_right1 {
        padding: 20px 0 0 0;
    }

    .swiper1 img {
        width: 100%;
    }

    .p1 {
        font-size: 16px;
    }

    .p2 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .look {
        width: 80px;
        height: 30px;
        background: #0068BD;
        border-radius: 15px;
        line-height: 30px;
        color: #FFF;
        margin: auto;
        margin-bottom: 30px;
        font-size: 14px;
    }

    .shehui {
        top: 130px;
        right: 210px;
    }

    .pp3 {
        font-size: 18px;
    }

    .ppts3 {
        font-size: 14px;
    }

    .book-list .col-md-4 img {
        width: 300px;
        height: auto;
    }

    .book-list-title {
        font-size: 18px;
        padding-top: 10px;
        margin-bottom: 10px;
    }

    .book-list-jian {
        font-size: 14px;
        /* margin-bottom: 20px; */
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .five_left img {
        width: 100%;
    }

    .five_left p {
        left: 120px;
        top: 100px;
        font-size: 24px;
    }

    .five_left h3 {
        left: 120px;
        top: 170px;
        max-width: 480px;
        font-size: 18px;
    }

    .five_left_book {
        left: 120px;
        top: 260px;
        max-width: 480px;
        font-size: 16px;
    }

    .five_left .shop1 {
        left: 120px;
        top: 380px;
    }

    .six_left h3 {
        padding-top: 150px;
        padding-left: 150px;
        font-size: 24px;
    }

    .six_left_book {
        padding-left: 150px;
        padding-bottom: 150px;
    }

    .sodetail p {
        font-size: 14px;
    }

    .titles {
        margin-bottom: 50px;
    }

    .temas {
        padding: 102px 0 198px 0;
    }

    #fluid6 {
        margin-bottom: 30px;
    }

    #rencai {
        margin-top: 50px !important;
    }

    .people1 img {
        width: 100%;
    }

    .people_idea {
        padding: 0;
    }

    .idea_title {
        font-size: 16px;
        line-height: 20px;
    }

    .idea_idea {
        font-size: 14px;
        line-height: 20px;
    }

    .shares1 {
        top: -65px;
    }

    .shares_left {
        font-size: 24px;
    }

    .shares_title {
        line-height: 30px;
        margin-bottom: 10px;
    }

    .shares_mid11 {
        margin-top: 10px;
        font-size: 18px;
    }

    .shares_mid111 {
        font-size: 16px;
    }

    .shares_mid1 {
        width: 350px;
    }

    .shares_mid2 {
        margin-top: 10px;
    }

    .shares_fot4 {
        font-size: 18px;
    }

    .report_content p {
        font-size: 18px;
        margin-bottom: 100px;
    }

    .down_title {
        font-size: 16px;
        min-height: 80px;
        margin-bottom: 32px;
    }

    .report .col-md-6,
    .report .col-md-3 {
        min-height: 233px;
    }

    .calls,
    .calls1 {
        min-height: 120px;
    }

    .calls1 p {
        padding-top: 15px;
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0068BD;
        line-height: 20px;
        padding-left: 15px;
    }

    .easy {
        padding-left: 15px;
    }

    .calls_tel {
        margin-top: 15px;
        margin-left: 15px;
    }

    .calls_tel img {
        width: 30px;
        height: 30px;
    }

    .calls_tel2 {
        margin-top: 15px;
    }

    .calls_tel2 p {
        font-size: 16px;
    }

    .calls_tel2 span {
        font-size: 16px;
    }

    .easy2 {
        font-size: 14px;
    }

    #allmap {
        height: 400px !important;
    }

    .space1 img {
        width: 20%;
        padding-top: 30px;
    }

    .space1 p {
        font-size: 18px;
        padding-bottom: 30px;
    }

    #sevebeb {
        margin-bottom: 80px;
    }
}

@media screen and (max-width:1440px) {
    .header-pc .header-list>li:not(:last-child) {
        margin-right: 10px !important;
    }

    .header-pc .cont-list {
        top: 107%;
    }

    .row_left {
        padding-top: 0px;
        width: 100%;
    }

    .index-bot .row_right {
        width: 100%;
    }

    .hexin p {
        font-size: 16px;
        margin: 10px auto;
        text-align: center;

    }

    .ps {
        font-size: 14px;
        margin: 0;
        padding: 10px;
    }

    .bak {
        max-width: 180px;
    }

    .rgbskuai1 {
        font-size: 14px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        line-height: 21px;
        padding: 33px 0 33px 0px;
        min-width: 160px;
        margin: 10px;
    }

    .juju1 img {
        width: 50%;
    }

    .shopping1 img {
        width: 60px;
        height: 60px;
    }

    .juju22 {
        font-size: 1.5rem;
    }

    .juju3 {
        text-align: right;
    }

    .juju3 img {
        width: 70%;
    }

    .zhou17 {
        display: none;
    }

    .index-bot {
        width: 66%;
        margin: 60px auto;
        flex-direction: column-reverse !important;
    }

    .zhou18 {
        display: none;
    }

    .zoro {
        top: 65vh;
    }

    .rows {
        height: 566px;
        max-height: 566px;
    }

    .right_choose {
        width: 95%;
        padding: 0 0 0 30px;
    }

    .rows img {
        height: 566px;
    }

    .youqi {
        width: 200px;
        height: 200px;
    }

    .leaf {

        bottom: 54vh;
    }

    .yearsd_left2 img {
        width: 88%;
    }

    .dianpu .form-inline select {
        width: 200px !important;
    }

    .rgbs {
        /* flex-wrap: wrap; */
    }

    .zhongtu .swiper-slide img {
        max-height: 450px;
    }

    .rgbskuai {
        /* display: flex; */
    }

    .yearsd1 {
        margin-right: 3%;
    }

    .yearsd2 {
        width: 49.1%;
    }

    .yanse {
        height: 50%;
        bottom: 0px;
    }

    .yanse2 {
        height: 50%;
        bottom: 0px;
    }

    .header-pc .header-list>li>a {
        font-size: 15px;
    }

    .header-pc .header-cont {
        padding: 5px 0;
    }

    .header-pc .header-list li {
        /* margin: 0 25px; */
    }

    .header-pc .header-shop .shop-goumai span {
        font-size: 14px;
    }

    #fluid3 .swiper-slide {
        max-height: 290px !important;
    }

    .cont-lists a {
        min-width: 220px;
        font-size: 16px;
    }

    #joind {
        right: 395px;
    }

    .index-banner .banner-niunai {
        bottom: -98px;
    }

    .index-title h2 {
        font-size: 28px;
    }

    .index-title::after {
        height: 3px;
    }

    .index-about .left-tit p {
        font-size: 14px;
        line-height: 24px;
    }

    .index-about .about-left {
        width: 61%;
    }

    .index-about .about-right {
        width: 39%;
    }

    .index-about .list-num span {
        font-size: 24px;
    }

    .index-about .list-num strong {
        font-size: 14px;
    }

    .index-about .list-num p {
        font-size: 14px;
    }

    .index-about {
        padding: 100px 0 65px 0;
    }

    .view .swiper-container img {
        width: 100%;
    }

    .container {
        max-width: 1000px;
    }

    .index-scient .scient-cont {
        height: 326px;
    }

    .index-scient .list-bg1,
    .index-scient .list-bg2,
    .index-scient .list-bg3 {
        width: 325px;
        height: 135px;
    }

    .index-scient .list-bg4 {
        width: 290px;
        height: 135px;
        background-size: cover;
    }

    .index-scient .scient-box {
        padding-bottom: 370px;
    }

    .index-scient .list-box h2 {
        font-size: 16px;
    }

    .index-scient .list-box p {
        font-size: 12px;
        margin: 5px 0px 8px 0px;
        line-height: 16px;
        max-width: 80%;
    }

    .index-scient .list-box {
        padding: 20px 0px 0px 24px;
    }

    .index-scient .list-bg2 {
        padding-left: 60px !important;
    }

    .index-scient .list-bg4 {
        padding-left: 30px !important;
    }

    .index-new .new-cont p {
        font-size: 14px;
    }

    .index-new .new-cont h2 {
        font-size: 16px;
        line-height: 20px;
    }

    .index-more i {
        width: 38px;
        height: 38px;
    }

    .index-more span {
        font-size: 14px;
    }

    .index-product .product-list img {
        width: 75%;
    }

    .index-product .product-list li .list-img img {
        width: 80%;
    }

    .index-product .text-bg {
        height: 120px;
    }

    .product-list li:hover .text-bg {
        height: 120px;
    }

    .footer .box-cent dt>a {
        font-size: 16px;
    }

    .footer .box-cent dd>a {
        font-size: 14px;
    }

    .footer .left-tel a {
        font-size: 18px;
    }

    .footer .right-tit a {
        font-size: 18px;
    }

    .footer .footer-bg {
        top: -120px;
    }

    .header-pc .cont-list>li {
        margin: 0 15px !important;
    }

    .header-pc .cont-list>li>a {
        font-size: 14px;
        padding-left: 0;
        padding-bottom: 3px;
    }




    .pp1 {
        top: 130px;
        left: 210px;
        font-size: 18px;
    }

    .ppts {
        top: 160px;
        left: 210px;
        font-size: 14px;
    }

    .news_zi {
        font-size: 14px;
    }

    .sort-nav li a {
        font-size: 14px;
        padding: 5px 10px;
    }

    .sort-nav li a:hover,
    .sort-nav li.active a {
        margin-bottom: 15px;
    }

    .titles {
        font-size: 24px;
    }

    #fluid1 {
        margin-bottom: 30px;
    }

    .introduce p {
        font-size: 14px;
        line-height: 18px;
    }

    #left-lists .list-num span {
        font-size: 20px;
    }

    #left-lists .list-num strong {
        font-size: 14px;
    }

    .titles2 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .educa2 {
        font-size: 18px;
    }

    .educa3 {
        font-size: 14px;
    }

    #conts {
        padding-bottom: 120px;
    }

    .years_left {
        margin-left: 100px;
    }

    .years_left img {
        width: 80%;
    }

    .p1s {
        font-size: 20px;
        padding-top: 50px;
        margin-bottom: 20px;
    }

    #fluid3 .swiper-container-horizontal>.swiper-pagination-progressbar {
        top: 370px !important;
    }

    #certify {
        width: 1000px !important;
        /* margin-left: -15px !important; */
    }

    #certify .swiper-button-prev {
        left: -60px !important;
    }

    #certify .swiper-button-next {
        right: -60px !important;
    }

    #fluid5 {
        background-size: cover;
    }

    .vr {
        padding: 98px 0 130px 0;
        margin-left: 130px;
    }

    #fluid4 .container {
        margin-bottom: 0px;
    }

    .newnew {
        position: absolute;
        z-index: 1;
        top: 130px;
        right: 210px;
    }

    .pp2 {
        font-size: 18px;
    }

    .ppts2 {
        font-size: 14px;
    }

    .index-design-list .item-text {
        padding: 10px;
    }

    .index-design-list .title span:nth-child(1) {
        font-size: 16px;
        line-height: 30px;
    }

    .index-design-list .title {
        margin-bottom: 15px;
    }

    .details_title {
        font-size: 18px;
    }

    .details_book p {
        font-size: 14px;
        font-weight: 400;
        color: #818181;
        line-height: 30px;
        margin-bottom: 48px;
    }

    .type {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .right_type li a {
        font-size: 14px;
        line-height: 20px;
    }

    .based .recommend>a {
        font-size: 14px;
    }

    .based .based-box span {
        font-size: 14px;
    }

    .based .but-based {
        padding: 10px 35px;
    }

    .header-pc .header-list li {
        /* margin: 0 25px; */
    }

    .prod_one_left {
        width: 30%;
    }

    .prod_one_left img {
        width: 100%;
    }

    .prod_one_right {
        width: 100%;
        height: 100%;
        padding-bottom: 35px;
    }

    .prod_name {
        padding-top: 25px;
        font-size: 24px;
    }

    .prod_one_right1 {
        padding: 20px 0 0 0;
    }

    .swiper1 img {
        width: 100%;
    }

    .p1 {
        font-size: 16px;
    }

    .p2 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .look {
        width: 80px;
        height: 30px;
        background: #0068BD;
        border-radius: 15px;
        line-height: 30px;
        color: #FFF;
        margin: auto;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .shehui {
        top: 130px;
        right: 210px;
    }

    .pp3 {
        font-size: 18px;
    }

    .ppts3 {
        font-size: 14px;
    }

    .book-list .col-md-4 img {
        width: 300px;
        height: auto;
    }

    .book-list-title {
        font-size: 18px;
        padding-top: 10px;
        margin-bottom: 10px;
    }

    .book-list-jian {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .five_left img {
        width: 100%;
    }

    .five_left p {
        left: 120px;
        top: 100px;
        font-size: 24px;
    }

    .five_left h3 {
        left: 120px;
        top: 170px;
        max-width: 480px;
        font-size: 18px;
    }

    .five_left_book {
        left: 120px;
        top: 260px;
        max-width: 480px;
        font-size: 16px;
    }

    .five_left .shop1 {
        left: 120px;
        top: 380px;
    }

    .six_left h3 {
        padding-top: 150px;
        padding-left: 150px;
        font-size: 24px;
    }

    .six_left_book {
        padding-left: 150px;
        padding-bottom: 150px;
    }

    .sodetail p {
        font-size: 14px;
    }

    .titles {
        margin-bottom: 50px;
    }

    .temas {
        padding: 102px 0 198px 0;
    }

    #fluid6 {
        margin-bottom: 30px;
    }

    #rencai {
        margin-top: 50px !important;
    }

    .people1 img {
        width: 100%;
    }

    .swiper1 {
        padding-bottom: 10px;
    }

    .people_idea {
        padding: 0;
    }

    .idea_title {
        font-size: 16px;
        line-height: 20px;
    }

    .idea_idea {
        font-size: 14px;
        line-height: 20px;
    }

    .shares1 {
        top: -65px;
    }

    .shares_left {
        font-size: 24px;
    }

    .shares_title {
        line-height: 30px;
        margin-bottom: 10px;
    }

    .shares_mid11 {
        margin-top: 10px;
        font-size: 18px;
    }

    .shares_mid111 {
        font-size: 16px;
    }

    .shares_mid1 {
        width: 350px;
    }

    .shares_mid2 {
        margin-top: 10px;
    }

    .shares_fot4 {
        font-size: 18px;
    }

    .report_content p {
        font-size: 18px;
        margin-bottom: 100px;
    }

    .down_title {
        font-size: 16px;
        min-height: 80px;
        margin-bottom: 32px;
    }

    .report .col-md-6,
    .report .col-md-3 {
        min-height: 233px;
    }

    .calls,
    .calls1 {
        min-height: 120px;
    }

    .calls1 p {
        padding-top: 15px;
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0068BD;
        line-height: 20px;
        padding-left: 15px;
    }

    .easy {
        padding-left: 15px;
    }

    .calls_tel {
        margin-top: 15px;
        margin-left: 15px;
    }

    .calls_tel img {
        width: 30px;
        height: 30px;
    }

    .calls_tel2 {
        margin-top: 15px;
    }

    .calls_tel2 p {
        font-size: 16px;
    }

    .calls_tel2 span {
        font-size: 16px;
    }

    .easy2 {
        font-size: 14px;
        max-width: 200px;
        word-break: break-all;
    }

    #allmap {
        height: 400px !important;
    }

    .space1 img {
        width: 20%;
        padding-top: 30px;
    }

    .space1 p {
        font-size: 18px;
        padding-bottom: 30px;
    }

    #sevebeb {
        margin-bottom: 90px;
    }

}

@media screen and (max-width:1366px) {
    .footer .box-cent {
        margin-left: 107px;
    }

    .footer .left-tel {
        margin-left: 86px;
    }

    .zoro {
        top: 72vh;
    }

    .header .header-right {
        width: 91%;
        background: tr;
    }

    .index-bot {
        width: 66%;
        margin: 60px auto;
        flex-direction: column-reverse !important;
    }

    .index-bot .row_right .row_right_sel select {
        width: 170px;
    }

    .row_left {
        padding-top: 0px;
    }

    .rgbskuai1 {
        font-size: 14px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        line-height: 21px;
        padding: 30px 0 30px 0px;
        min-width: 160px;
        margin: 10px;
    }

    .shopping {

        justify-content: center;
    }

    .leaf {

        bottom: 56vh;
    }

    .rowe {
        justify-content: start;
    }

    .bak {
        margin-right: 1%;
        margin-bottom: 50px;
    }

    .youqi {
        width: 80%;
        height: 100%;
    }

    .header-pc .header-list>li>a {
        font-size: 14px;
    }

    .header-pc .header-cont {
        padding: 5px 0;
    }

    .header-pc .header-shop .icon-shop {
        width: 20px;
        height: 20px;
    }

    .header-pc .header-shop .shop-goumai span {
        font-size: 14px;
    }

    .index-banner .banner-niunai {
        bottom: -80px;
    }

    .index-title h2 {
        font-size: 28px;
    }

    .index-title::after {
        height: 3px;
    }

    .index-about .left-tit p {
        font-size: 14px;
        line-height: 24px;
    }

    .index-about .about-left {
        width: 61%;
    }

    .index-about .about-right {
        width: 39%;
    }

    .index-about .list-num span {
        font-size: 24px;
    }

    .index-about .list-num strong {
        font-size: 14px;
    }

    .index-about .list-num p {
        font-size: 14px;
    }

    .index-about {
        padding: 100px 0 65px 0;
    }

    .container {
        max-width: 1000px;
    }

    .index-scient .scient-cont {
        height: 326px;
    }

    .index-scient .list-bg1,
    .index-scient .list-bg2,
    .index-scient .list-bg3 {
        width: 325px;
        height: 135px;
    }

    .index-scient .list-bg4 {
        width: 290px;
        height: 135px;
        background-size: cover;
    }

    .index-scient .scient-box {
        padding-bottom: 370px;
    }

    .index-scient .list-box h2 {
        font-size: 16px;
    }

    .index-scient .list-box p {
        font-size: 12px;
        margin: 5px 0px 8px 0px;
        line-height: 16px;
    }

    .index-scient .list-box {
        padding: 20px 0px 0px 24px;
    }

    .index-scient .list-bg2 {
        padding-left: 60px !important;
    }

    .index-scient .list-bg4 {
        padding-left: 30px !important;
    }

    .index-new .new-cont p {
        font-size: 12px;
    }

    .index-new .new-cont h2 {
        font-size: 16px;
        line-height: 20px;
    }

    .index-more i {
        width: 38px;
        height: 38px;
    }

    .index-more span {
        font-size: 14px;
    }

    .index-product .product-list img {
        width: 75%;
    }

    .index-product .product-list li .list-img img {
        width: 80%;
    }

    .index-product .text-bg {
        height: 120px;
    }

    .footer .box-cent dt>a {
        font-size: 16px;
    }

    .footer .box-cent dd>a {
        font-size: 14px;
    }

    .footer .left-tel a {
        font-size: 18px;
    }

    .footer .right-tit a {
        font-size: 18px;
    }

    .footer .footer-bg {
        top: -105px;
    }

    .header-pc .cont-list>li>a {
        font-size: 14px;
    }

    .pp1 {
        top: 130px;
        left: 210px;
        font-size: 18px;
    }

    .ppts {
        top: 160px;
        left: 180px;
        font-size: 16px;
    }

    .news_zi {
        font-size: 14px;
    }

    .sort-nav li a {
        font-size: 14px;
        padding: 5px 10px;
    }

    .sort-nav li a:hover,
    .sort-nav li.active a {
        margin-bottom: 15px;
    }

    .titles {
        font-size: 24px;
    }

    #fluid1 {
        margin-bottom: 30px;
    }

    .introduce p {
        font-size: 14px;
        line-height: 18px;
    }

    #left-lists .list-num span {
        font-size: 20px;
    }

    #left-lists .list-num strong {
        font-size: 14px;
    }

    .titles2 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .educa2 {
        font-size: 18px;
    }

    .educa3 {
        font-size: 14px;
    }

    #conts {
        padding-bottom: 120px;
    }

    .years_left {
        margin-left: 100px;
    }

    .years_left img {
        width: 80%;
    }

    .p1s {
        font-size: 20px;
        padding-top: 50px;
        margin-bottom: 20px;
    }

    #fluid3 .swiper-container-horizontal>.swiper-pagination-progressbar {
        top: 370px !important;
    }

    #certify {
        width: 1000px !important;
        /* margin-left: -15px !important; */
    }

    #certify .swiper-button-prev {
        left: -60px !important;
    }

    #certify .swiper-button-next {
        right: -60px !important;
    }

    #fluid5 {
        background-size: cover;
    }

    .vr {
        padding: 98px 0 120px 0;
        margin-left: 130px;
    }

    #fluid4 .container {
        margin-bottom: 0px;
    }

    .newnew {
        top: 130px;
        right: 210px;
    }

    .pp2 {
        font-size: 18px;
    }

    .ppts2 {
        font-size: 14px;
    }

    .index-design-list .item-text {
        padding: 10px;
    }

    .index-design-list .title span:nth-child(1) {
        font-size: 16px;
        line-height: 30px;
    }

    .index-design-list .title {
        margin-bottom: 0px;
    }

    .details_title {
        font-size: 18px;
    }

    .details_book p {
        font-size: 14px;
        font-weight: 400;
        color: #818181;
        line-height: 30px;
        margin-bottom: 48px;
    }

    .type {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .right_type li a {
        font-size: 14px;
        line-height: 20px;
    }

    .based .recommend>a {
        font-size: 14px;
    }

    .based .based-box span {
        font-size: 14px;
    }

    .based .but-based {
        padding: 10px 35px;
    }

    .header-pc .header-list li {
        /* margin: 0 25px; */
    }

    .prod_one_left {
        width: 30%;
    }

    .prod_one_left img {
        width: 100%;
    }

    .prod_one_right {
        width: 100%;
        height: 100%;
        padding-bottom: 35px;
    }

    .prod_name {
        padding-top: 25px;
        font-size: 24px;
    }

    .prod_one_right1 {
        padding: 20px 0 0 0;
    }

    .swiper1 img {
        width: 100%;
    }

    .p1 {
        font-size: 16px;
    }

    .p2 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .look {
        width: 80px;
        height: 30px;
        background: #0068BD;
        border-radius: 15px;
        line-height: 30px;
        color: #FFF;
        margin: auto;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .shehui {
        top: 130px;
        right: 210px;
    }

    .pp3 {
        font-size: 18px;
    }

    .ppts3 {
        font-size: 14px;
    }

    .book-list .col-md-4 img {
        width: 300px;
        height: auto;
    }

    .book-list-title {
        font-size: 18px;
        padding-top: 10px;
        margin-bottom: 10px;
    }

    .book-list-jian {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .five_left img {
        width: 100%;
    }

    .five_left p {
        left: 120px;
        top: 100px;
        font-size: 24px;
    }

    .five_left h3 {
        left: 120px;
        top: 170px;
        max-width: 480px;
        font-size: 18px;
    }

    .five_left_book {
        left: 120px;
        top: 260px;
        max-width: 480px;
        font-size: 16px;
    }

    .five_left .shop1 {
        left: 120px;
        top: 380px;
    }

    .six_left h3 {
        padding-top: 150px;
        padding-left: 150px;
        font-size: 24px;
    }

    .six_left_book {
        padding-left: 150px;
        padding-bottom: 150px;
    }

    .sodetail p {
        font-size: 14px;
    }

    .titles {
        margin-bottom: 50px;
    }

    .temas {
        padding: 102px 0 198px 0;
    }

    #fluid6 {
        margin-bottom: 30px;
    }

    #rencai {
        margin-top: 50px !important;
    }

    .people1 img {
        width: 100%;
    }

    .people_idea {
        padding: 0;
    }

    .idea_title {
        font-size: 16px;
        line-height: 20px;
    }

    .idea_idea {
        font-size: 14px;
        line-height: 20px;
    }

    .shares1 {
        top: -65px;
    }

    .shares_left {
        font-size: 24px;
    }

    .shares_title {
        line-height: 30px;
        margin-bottom: 10px;
    }

    .shares_mid11 {
        margin-top: 10px;
        font-size: 18px;
    }

    .shares_mid111 {
        font-size: 16px;
    }

    .shares_mid1 {
        width: 350px;
    }

    .shares_mid2 {
        margin-top: 10px;
    }

    .shares_fot4 {
        font-size: 18px;
    }

    .report_content p {
        font-size: 18px;
        margin-bottom: 100px;
    }

    .down_title {
        font-size: 16px;
        min-height: 80px;
        margin-bottom: 32px;
    }

    .report .col-md-6,
    .report .col-md-3 {
        min-height: 233px;
    }

    .calls,
    .calls1 {
        min-height: 120px;
    }

    .calls1 p {
        padding-top: 15px;
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0068BD;
        line-height: 20px;
        padding-left: 15px;
    }

    .easy {
        padding-left: 15px;
    }

    .calls_tel {
        margin-top: 15px;
        margin-left: 15px;
    }

    .calls_tel img {
        width: 30px;
        height: 30px;
    }

    .calls_tel2 {
        margin-top: 15px;
    }

    .calls_tel2 p {
        font-size: 16px;
    }

    .calls_tel2 span {
        font-size: 16px;
    }

    .easy2 {
        font-size: 14px;
    }

    #allmap {
        height: 400px !important;
    }

    .space1 img {
        width: 20%;
        padding-top: 30px;
    }

    .space1 p {
        font-size: 18px;
        padding-bottom: 30px;
    }

    #sevebeb {
        margin-bottom: 60px;
    }
}

@media screen and (max-width:1280px) {
    .header-pc .header-shop .header-shop-list>li {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .header .header-pc {
        display: none !important;
    }

    .footer .box-cent dl:not(:last-child) {
        margin-right: 109px;
    }

    .header-mobile {
        display: block;
    }

    .header-pc .header-cont {
        padding: 10px 30px;
        justify-content: space-between;
    }

    .footer .footer-box {
        padding: 0 15px 68px 15px;
    }

    .footer .box-cent dt>a {
        font-size: 16px;
    }

    .linder {
        display: none;
    }

    .footer .left-tel a {
        font-size: 16px;
    }

    .footer .right-tit a {
        font-size: 16px;
    }

    .footer .box-cent dl {
        margin: 0 10px;
    }

    .bak {
        width: 180px;
        margin-right: 1%;
    }

    .gongdel_show .engin3-swiperbox .mySwiper2Box {
        height: 500px;
    }

    .gongdel_show .engin3-swiperbox .mySwiperNav {
        height: 150px;
    }

    .engin1_list .listBgCli {
        width: 205px;
    }
}

@media screen and (max-width: 1000px) {
    .header-pc .header-list li {
        margin: 0 5px;
    }

    .header-pc .header-list a {
        font-size: 16px;
    }

    .footer .footer-box {
        padding: 0 15px 30px 15px;
        flex-direction: column;
        text-align: center;
    }

    .footer .box-cent {
        display: none;
    }

    .footer .right-list {
        justify-content: center;
    }

    .footer .box-right {
        margin-top: 30px;
    }

    .footer .right-tit a::after {
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .box-left {
        display: none;
    }

    .right-tit {
        display: none;
    }

    .footer .left-tel a {
        font-size: 22px;
    }

    .footer .footer-copy {
        padding: 25px 15px;
    }

    .footer .copy-left {
        /* display: none; */
    }

    .footer .copy-right p {
        font-size: 12px;
        text-align: center;
    }

    .footer .copy-right p:last-child {
        text-align: center;
    }

    .footer .copy-list {
        justify-content: center;
        flex-wrap: wrap;
    }

    .footer .footer-box .icon-logo {
        width: 65px;
    }

    .footer .footer-bg {
        top: -32px;
    }


    .index-banner {
        margin-top: 60px;
    }

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

    .engin2Tab li:not(:last-child) {
        margin-right: 40px;
    }

    .engin2Tab {
        padding-bottom: 35px;
        flex-wrap: wrap;
    }

    .engin2Nav .box-right li:not(:last-child) {
        margin-right: 40px;
    }

    .engin2Nav .box-right li {
        margin-bottom: 12px;
    }

    .engin2Tab li {
        margin-bottom: 15px;
    }

    .gongdel_show .engin3-swiperbox .mySwiper2Box {
        height: 400px;
    }

    .engin1_list .listBgCli {
        width: 160px;
    }

    .engin2Nav {
        padding: 20px 0 0 0;
    }
}

@media screen and (max-width: 800px) {
    .news-banner {
        display: none;
    }

    .index-new .new-img>img {
        -webkit-transition: none;
        transition: none;
    }

    .deaiwei {
        display: none;
    }

    .six_left h3 {
        padding-top: 100px;
        padding-left: 15px;
        font-size: 18px;
        padding-bottom: 20px;
    }

    .sodetail {
        padding-bottom: 30px;
        ;
    }

    .based {
        width: 100%;
        /* display: flex; */
        padding-bottom: 60px;
    }

    .sodetail p img {
        width: 100%;
    }

    .six_right {
        width: 0;
    }

    .six_left_book {
        padding-left: 15px;
        padding-bottom: 26px;
    }

    .six_left {
        font-size: 36px;
        font-family: PingFang SC-Regular, PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 42px;
        -webkit-background-clip: text;
        width: 100%;
        background: #0068BD;
    }

    .index-design-list .list-item {
        transform: translate3d(0, -8px, 0);
        -webkit-transform: translate3d(0, -8px, 0);
        -moz-transform: translate3d(0, -8px, 0);
        -ms-transform: translate3d(0, -8px, 0);
        -o-transform: translate3d(0, -8px, 0);
        background: #FFF;
        border-radius: 10px;
    }

    .index-design-list .list-item:hover {
        transform: translate3d(0, -8px, 0);
        -webkit-transform: translate3d(0, -8px, 0);
        -moz-transform: translate3d(0, -8px, 0);
        -ms-transform: translate3d(0, -8px, 0);
        -o-transform: translate3d(0, -8px, 0);
        background: #FFF;
        border-radius: 10px;
        box-shadow: none;
    }

    .index-design-list .title {
        margin-top: 6px;
    }

    .index-about .list-img i {
        display: inline-block;
        width: 40px;
        height: 50px;
    }


    .news-box {
        padding-top: 60px;
    }

    .details_title {
        padding-top: 30px;
        font-weight: 600;
    }

    .index-design-list.row .col-md-3 {
        width: 50%;
        margin-bottom: 15px;
        max-width: 50% !important;
    }

    .header-search button::before {
        background-size: 20px 20px;
        margin-right: 5px;
    }

    .index-design-list.row .col-md-4 {
        max-width: 100%;
    }

    .index-design-list .title {
        font-size: 18px;
        line-height: 18px;
    }

    .index-design-list img {
        max-height: 220px;
    }

    .product-tit {
        display: none;
    }

    .about_lists1 {
        font-size: 18px;
        font-weight: 600;
    }

    .about_lists2 {
        font-size: 14px;
    }

    .index-new .new-box {
        transform: translate3d(0, -8px, 0);
        -webkit-transform: translate3d(0, -8px, 0);
        -moz-transform: translate3d(0, -8px, 0);
        -ms-transform: translate3d(0, -8px, 0);
        -o-transform: translate3d(0, -8px, 0);
        background: #FFF;
        border-radius: 10px;
    }

    .index-new .new-cont {
        margin-top: 15px;
        padding: 0 10px 10px 10px;
    }

    .index-product .text-bg {
        background: url(404.png) no-repeat center;
        background-size: contain;
        height: 80px;
    }

    /* #fluid4 .container {
        padding-bottom: 80px;
    } */
    #fluid4 .titles2 {
        margin-bottom: 0;
    }

    .index-about .left-list {
        margin: 30px 0 30px 0;
    }



    #baseds {
        position: relative;
        padding-bottom: 0px !important;
        top: 520px;
        left: 0px;
    }

    .zoro {
        display: none;
    }

    .leaf {
        display: none;
    }

    .header-pc {
        display: none;
    }

    .header-mobile {
        display: block;
    }

    .footer {
        padding-top: 20px;
    }

    .footer .copy-left a {
        font-size: 12px;
    }

    .banner-img .swiper-container-horizontal>.swiper-pagination-bullets {
        display: none;
    }

    .index-banner .banner-niunai {
        bottom: -24px;
        display: none;
    }

    .index-about {
        flex-wrap: wrap;
        padding: 30px 0;
    }

    .dink img {
        width: 25px;
        height: 25px;
        margin-top: 1px !important;
    }

    .footer .copy-left li a::after {
        top: 2px;
    }

    .index-about .about-left {
        padding: 0 15px;
        width: 100%;
        margin-top: 0;
    }

    .index-title h2 {
        font-size: 22px;
        line-height: 45px;
    }

    .index-title::after {
        height: 3px;
        bottom: -10px;
    }

    .index-about .left-tit {
        margin-top: 30px;
    }

    .index-about .left-tit p {
        font-size: 14px;
        line-height: 28px;
    }

    .index-about .list-num span {
        font-size: 20px;
    }

    .index-about .list-num strong {
        font-size: 16px;
    }

    .index-about .left-list li {
        width: 100%;
        margin-bottom: 10px;
    }

    .index-about .list-num {
        margin-left: 10px;
    }

    .index-about .about-right {
        width: 100%;
        margin-top: -470px;
        max-height: 414px;
    }

    .index-about .about-img {
        overflow: hidden;
    }

    .index-about .about-img>img {
        margin-left: 175px;
        padding-top: 110px;
    }

    .index-more i {
        width: 25px;
        height: 25px;
    }

    .index-new {
        padding-bottom: 10px;
    }

    /* .index-product .text-bg{
        height: 40px;
    } */
    .index-new .row {
        margin-bottom: -40px;
        margin-top: 50px;
    }

    .index-new .row .col-md-4 {
        margin-bottom: 40px;
    }

    .index-new .new-cont h2 {
        font-size: 16px;
        line-height: 26px;
    }

    .index-new .new-more {
        text-align: center;
        margin-top: 40px;
    }

    .index-product {
        padding-bottom: 60px;
    }

    .index-product .product-list {
        display: none;
    }

    .index-product .product-mobile {
        display: block;
    }

    .index-product .product-yezi {
        display: none;
    }

    .index-scient .cont-list {
        flex-direction: column;
    }

    .index-scient .list-bg1 {
        width: 100%;
        background: url(404.png) no-repeat center;
        background-size: 100% 100%;
    }

    .index-scient .list-bg2 {
        width: 100%;
        background: url(404.png) no-repeat center;
        background-size: 100% 100%;
        padding: 30px 15px 30px 15px !important;
    }

    .index-scient .list-bg3 {
        width: 100%;
        background: url(404.png) no-repeat center;
        background-size: 100% 100%;
    }

    .index-scient .list-bg4 {
        width: 100%;
        background: url(404.png) no-repeat center;
        background-size: 100% 100%;
        padding: 30px 15px 30px 15px !important;
    }

    .index-scient .list-box {
        padding: 30px 15px 30px 15px;
    }

    .index-scient .scient-box {
        background: url(404.png) no-repeat bottom;
        background-size: contain;
        padding-bottom: 165px;
        margin-top: 60px;
    }

    .index-scient .scient-cont {
        height: auto;
        /* background: url(../images/index-scient-nai.png) no-repeat bottom;
        background-size: 70%; */
        background: inherit;
        padding-bottom: 0;
    }

    .index-scient .list-box h2 {
        font-size: 20px;
    }

    .index-scient .list-box p {
        font-size: 14px;
    }

    .common-banner {
        min-height: 60px;
        /* padding-top: 60px; */
    }

    .index-banner .banner-img>img {
        height: 100%;
        max-height: 350px;
        object-fit: cover;
    }

    .sort-nav {
        /*display: none;*/
        text-align: center;
        margin: auto;
        width: 100%;
        justify-content: center;
        font-size: 24px;
        padding-top: 20px;
        margin-bottom: 30px;
    }

    .news_zi {
        font-size: 24px;
    }

    .news_zi::before {
        left: 0;
        right: 0;
        margin: auto;
        bottom: -22%;
    }

    #left-lists li {
        min-width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .years {
        flex-direction: column;
    }

    .news-list .item-text .title {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .news-list .item-text .bottom {
        font-size: 14px;
    }

    .years_left {
        margin-left: 0;
        margin-bottom: 0px;
        margin-top: 0;
    }

    .years_left>img {
        width: 100%;
        height: 100px;
        object-fit: cover;
    }

    .years_right {
        width: 100%;
        padding-left: 0;
    }

    #certify {
        width: 100% !important;
    }

    .vr {
        margin-left: auto;
        padding: 20px 0 40px 0;
    }

    .introduce p {
        font-size: 16px;
        line-height: 1.5;
    }

    #left-lists .list-num span {
        font-size: 20px;
    }

    #left-lists .list-num strong {
        font-size: 16px;
    }

    .newnew {
        top: 50%;
        right: 24px;
    }

    .ppts2 {
        line-height: 20px;
        font-size: 14px;
    }

    .pp1 {
        font-size: 24px;
        right: 0;
        left: 30px;
        /* text-align: center; */
        top: 42%;
    }

    .ppts {
        top: 30%;
        left: 24px;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0px;
    }

    #joind {
        top: 20px;
        right: 20px;
        text-align: left;
        left: 125px;
    }

    .shehui {
        top: 20px;
        right: 20px;
        text-align: right;
    }

    .pp3 {
        font-size: 28px;
        margin-left: 24px;
        padding-top: 25%;
    }

    .ppts3 {
        display: none;
    }

    .index-design-list.row {
        margin-top: 30px;
        padding-bottom: 30px;
    }

    .right_choose {
        display: none;
    }

    .details {
        margin-top: 30px;
        padding-left: 0;
    }

    .details img {
        width: 100%;

    }

    .shares {
        top: 85px;
    }

    .shares_title {
        line-height: 40px;
        margin-bottom: 15px;
    }

    .shares_left {
        font-size: 18px;
    }

    .shares_mid1 {
        width: 200px;
    }

    .shares_mid11 {
        font-size: 18px;
        margin-top: 15px;
    }

    .shares_mid111 {
        font-size: 24px;
        margin-bottom: 0;
    }

    .shares_mid2 {
        margin-top: 15px;
    }

    .shares_mid22 span {
        margin-left: 10px;
    }

    .shares_fot1 {
        margin-top: 15px;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .shares_fot4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .report {
        margin-bottom: 30px;
    }

    .stand {
        margin-bottom: 30px;
    }

    .calls {
        min-height: 12px;
    }

    .last .col-md-4 {
        margin-top: 15px;
    }

    .calls_tel2 {
        margin-top: 15px;
    }

    .calls_tel {
        margin-top: 15px;
        margin-left: 15px;
    }

    .easy2 {
        font-size: 14px;
    }

    .calls_tel2 p {
        font-size: 16px;
        margin-bottom: 0;
    }

    .last {
        min-height: 380px;
    }

    .calls1 {
        min-height: 120px;
    }

    .calls1 p {
        padding-top: 15px;
        padding-left: 15px;
        line-height: 0;
        font-size: 18px;
    }

    .easy {
        padding-left: 15px;
    }

    .calls_tel img {
        width: 44px;
        height: 44px;
    }

    .calls_tel2 span {
        font-size: 16px;
    }

    .educa1 {
        margin-bottom: 10px;
        text-align: center;
    }

    .educa1>img {
        width: 50px;
    }

    .educa2 {
        font-size: 16px;
        margin-bottom: 10px;
        text-align: center;
    }

    .educa3 {
        max-width: 100%;
        font-size: 14px;
    }

    .educa .col-md-4 {
        margin-bottom: 30px;
    }

    .titles {
        font-size: 24px;

        padding-top: 30px !important;
    }

    .pinpai_box .pinpai_box-title h2 {
        font-size: 24px;
    }

    .sheng {
        font-size: 24px;
    }

    #pinzhi {
        margin-bottom: 0px !important;
    }

    .titles2 {
        font-size: 30px;
        margin-bottom: 30px;
        padding-top: 30px;
    }

    #shangqu {
        position: relative;
        top: -440px;
    }

    .report .col-md-6,
    .report .col-md-3 {
        min-height: 0;
    }

    .report_content p {
        margin-bottom: 0;
    }

    .down_title {
        min-height: 0;
        margin-bottom: 10px;
    }

    .down2 {
        margin-bottom: 30px;
    }

    .fazhan {
        color: #FFF;
        font-size: 30px;
        top: 30px;
        left: 34%;
        margin: auto;
    }

    .xian {
        display: none;
    }

    #fluid1 {
        margin-bottom: 30px;
        padding-top: 30px;
    }

    .introduce {
        margin-bottom: 30px;
        height: 295px;
        overflow: hidden;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
    }

    .introduce.introduce-block {
        height: auto;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
    }

    .introduce-more {
        text-align: center;
        margin-bottom: 30px;
    }

    .introduce-more a {
        display: inline-block;
        background: #0966AC;
        color: #fff;
        line-height: 28px;
        font-size: 16px;
        padding: 3px 26px;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
    }

    #conts {
        padding-bottom: 20px;
    }

    .p1s {
        font-size: 30px;
        line-height: 35px;
        padding-top: 15px;
        margin-bottom: 15px;
    }

    #fluid4 .container {
        margin-bottom: 0;
    }

    .vr p {
        font-size: 18px;
        line-height: 40px;
    }

    .chang {
        max-width: auto !important;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .shop1_img {
        margin-left: 0;
    }

    .shop1_img>img {
        width: 20px;
    }

    .shop1 {
        width: 100px !important;
        height: 35px !important;
        line-height: 35px !important;
    }

    .shop1 .shop1_img {
        display: none;
    }

    .shop1 .shop1_check {
        margin-left: 14px;
    }

    .vr .shop1_check a {
        font-size: 12px;
    }

    #fluid6 {
        margin-bottom: 30px;
    }

    .team {
        background-size: cover;
        background-repeat: no-repeat;
    }

    .temas {
        font-size: 18px;
        margin-left: 0;
        padding: 40px 0;
        max-width: 90%;
        margin: auto;
        line-height: 40px;
    }

    .people {
        width: 95%;
        margin: auto;
        overflow: hidden;
        flex-wrap: wrap;
    }

    .people1 {
        display: none;
    }

    .people_idea {
        padding: 0;
    }

    .idea_idea {
        opacity: 1;
    }

    .idea_xian {
        width: 236px;
    }

    .book-list {
        max-height: 100%;
        flex-wrap: wrap;
        margin-bottom: 30px;
        transform: translate3d(0, -8px, 0);
        -webkit-transform: translate3d(0, -8px, 0);
        -moz-transform: translate3d(0, -8px, 0);
        -ms-transform: translate3d(0, -8px, 0);
        -o-transform: translate3d(0, -8px, 0);
        background: #FFF;
        border-radius: 10px;
        margin-top: 30px;
        padding: 0px 0;
        overflow: hidden;
    }

    .book-list:hover {
        box-shadow: none;
    }

    .book-list .col-md-4 {
        text-align: right;
        padding-right: 0;
        padding-left: 0;
    }

    .book-list .col-md-4 img {
        width: 100%;
        height: auto;
    }

    .book-list-title {
        font-size: 16px;
        font-weight: 700;
    }

    .book-list-jian {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-bottom: 15px;
    }

    #fluids {
        /*display: flex;*/
    }

    .prod_one {
        flex-wrap: wrap;
        margin-top: 30px;
    }

    .prod_one_left {
        width: 100%;
    }

    .prod_one_left img {
        width: 100%;
    }

    .prod_one_right {
        width: 100%;
        padding: 0px;
    }

    .prod_name {
        padding-top: 30px;
        /* padding-left: 30px; */
    }

    .prod_one_right1 {
        padding: 15px 0px;
        height: auto;
    }

    /* .prod_one_right .swiper-slide{
        width: 375px !important;
    } */
    .prod_one_right .swiper1 {
        padding: 0;
    }

    .look {
        margin-bottom: 15px;
    }

    #name2 {
        padding-right: 30px;
    }

    #sixx2 {
        margin-bottom: 30px;
    }

    #sixx3 {
        margin-bottom: 30px;
    }

    .index-banner .banner-img {
        height: calc(100vh - 110px);
    }

    .common-banner .banner-img {
        height: 100%;
    }

    #fluid5 {
        background-size: 100% 100%;
    }

    .shows {
        flex-wrap: wrap;
        padding-top: 30px;
        min-height: 100%;
    }

    .shows a {
        width: 30% !important;
        height: 100% !important;
    }

    .shows .col-md-6 {
        width: 100%;
        max-width: 100%;
        /*margin-bottom: 100px;*/
        height: 350px;
    }

    .view {
        margin-top: 0px;
    }

    .swiper-padding {
        min-height: 320px;
    }

    .shows_left {
        min-height: 370px;

    }

    .shows_right {
        margin-bottom: 100px;
    }

    .shows .swiper-box {
        width: 100%;
    }

    .shows_right p {
        font-size: 24px;
        padding-top: 0px;
    }

    .intros {
        margin-bottom: 30px;
    }

    .shows_right ul {
        margin-bottom: 30px;
    }

    .shop {
        margin: auto;
        margin-bottom: 30px;

    }

    .shop1_check {
        font-size: 12px;
    }

    .shows .shop1_img {
        margin-left: 10px;
    }

    .index-design-list .title span:nth-child(1) {
        font-size: 14px;
        line-height: 30px;
    }

    #allmap {
        margin-top: 50px !important;
        height: 300px !important;
    }

    .callme {
        margin-bottom: 80px;
    }

    .callme .col-md-4 .contant {
        width: 100%;
    }

    .callme .col-md-4 .contant img {
        width: 30px;
        height: 30px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .callme .col-md-4 .contant p {
        font-size: 16px;
    }

    .callme .col-md-4 .contant h3 {
        font-size: 18px;
    }

    .space1 img {
        width: 45px;
        padding-top: 30px;
    }

    .space1 p {
        font-size: 18px;
        padding-bottom: 30px;
    }

    #oaoa .col-md-4 {
        margin-bottom: 20px;
    }

    .telecom {
        line-height: 35px;
        width: 150px;
    }

    .sees {
        margin-bottom: 20px;
    }

    #oas {
        padding-bottom: 70px;
    }

    #fluid4 .swiper-wrapper .swiper-slide {
        max-height: 200px !important;
    }

    #fluid4 .swiper-wrapper .swiper-slide img {
        /* max-width: 256px !important;
      max-height: 200px !important; */
        max-width: 40% !important;
        max-height: 100% !important;
        object-fit: contain;
    }

    #certify .swiper-button-prev {
        left: 105px !important;
        top: 220px;
        width: 35px !important;
    }

    #certify .swiper-button-next {
        right: 105px !important;
        top: 220px;
        width: 35px !important;
    }

    .recruit-list .item-editor .email {
        font-size: 18px;
    }

    #ships1 {
        height: 350px !important;
    }

    .sort-page {
        margin-bottom: 60px;
    }

    @media screen and (max-width: 360px) {
        .dink {
            padding: 0 !important;
            margin-right: 20px !important;
            border: none !important;
            background: none !important;
            line-height: 40px;
        }

        .dink img {
            display: none;
        }
    }
}

@media screen and (max-width: 768px) {
    .container {
        max-width: 618px;
    }

    .ditu .list {
        flex-wrap: wrap;
    }

    .ditu .list>div {
        flex: 25%;
    }

    .mob {
        display: block;
        height: 100%;
    }

    .junk {
        display: block;
        position: absolute;
        bottom: -34px;
        z-index: 1;
    }

    .junk img {
        width: 100%;
        height: 100%;
    }

    .index-banner .junk {
        display: none;
    }

    .index-scient {
        display: none;
    }


    .engin2Nav .box-right li:not(:last-child) {
        margin-right: 25px;
    }

    .engin2Tab li:not(:last-child) {
        margin-right: 35px;
    }

    .engin2Tab {
        padding-bottom: 16px;
    }

    .gongdel_show .engin3-swiperbox .mySwiper2Box {
        height: 320px;
    }

    .gongdel_show .engin3-swiperbox .mySwiperNav {
        height: 110px;
    }

    .engin3-swiperbox .swiper-button-prev:after,
    .engin3-swiperbox .swiper-button-next:after {
        font-size: 23px !important;
    }

    .description-text-box {
        flex-direction: column;
    }

    .engin2_leftTit {
        width: 50%;
        margin-bottom: 1.5rem;
    }

    .description .description-list ul {
        flex-wrap: wrap;
    }

    .engin2_rightText.engin2_tedian {
        padding-left: 18px;
    }
}

@media screen and (max-width: 568px) {

    .gongdel_show .engin3-swiperbox .mySwiper2Box {
        height: 220px;
    }

    .gongdel_show .gongdel_show .engin3-swiperbox .mySwiperNav {
        height: 75px;
        padding: 8px 0;
    }

    .eg2ShowImg .mySwiperColor {
        height: 76%;
    }

    .eg2ShowImg:not(:first-child) {
        margin-left: 1rem;
    }

    .eg2ShowImg {
        margin-left: 1rem;
        margin-bottom: 1rem;
    }

    .engin1_list {
        overflow-x: auto;
    }

    .engin1_list::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        background-color: #DFDFDF;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 0;
    }

    .engin1_list::-webkit-scrollbar-thumb {
        background-color: #B80084;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 0;
    }

    .engin1_list .list_bg {
        width: 800px;
    }

    .engin1_list .listBgCli {
        width: 135px;
    }

    .engin1_list .listBg4 {
        top: 26%;
        left: 139%;
    }

    .engin1_list .listBg5 {
        top: 50%;
        left: 133%;
    }

    .engin1_list .listBg3 {
        top: 65%;
        left: 55%;
    }

    .engin1_list .listBg2 {
        top: 31%;
        left: 50%;
    }

    .engin1_list .listBg1 {
        top: 8%;
        left: 66%;
    }

    .engineering-alert .imgboxhad {
        overflow: hidden;
        width: 100%;
        overflow-x: auto;
    }

    .engineering-alert .imgboxcent {
        width: 1188px;
        height: 100vh;
    }

    .engin2Nav .box-right a {
        font-size: 14px;
    }

    .engin2Nav .box-right li:not(:last-child) {
        margin-right: 20px;
    }

    .engin3Nav.engin2Nav .engin2Nav_box {
        margin-bottom: 18px;
    }

    .engin2List_box .index-design-list .list-item {
        padding-bottom: 12px;
    }


    /* 首页 */
    .rows .ball {
        right: 3px;
        bottom: 36px;
    }

    .rows {
        width: auto;
        height: auto;
    }

    .rows img {
        height: auto;
    }

    .shopping {
        flex-wrap: wrap;
        justify-content: start;
        margin-right: 10px;
    }

    .ban_you {
        display: none;
    }

    .sort-page {
        margin-bottom: 0;
    }


    .ban_eng {
        font-size: 16px;
        line-height: 22px;
    }

    .ban_come {
        font-size: 30px;
        line-height: 33px;
        margin-bottom: 5px;
    }

    .daxiaotong a .item-img img {
        max-height: 100% !important;
    }

    .ban_but {
        line-height: 25px;
        font-size: 14px;
        padding: 0 10px;
        margin-bottom: 6px;
        text-align: center;
        max-width: 100px;
    }

    .ban_buts {
        line-height: 25px;
        font-size: 14px;
        padding: 0 10px;
        margin-bottom: 6px;
        text-align: center;
        max-width: 100px;
    }

    .product-dingwei {
        left: 0%;
    }

    .zhou12 {
        font-size: 18px;
        width: 84%;
        margin: auto;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .mouse {
        display: none;
    }

    .heihuhu {
        color: #333;
        font-size: 24px;
        top: 3%;
    }

    .heitu img {
        margin-top: 96px !important;
    }

    .looked {
        font-size: 14px;
    }

    .heixian {
        background: #A40182;
    }

    .ban_you img {
        width: 16px !important;
        height: 16px !important;
        margin-right: 8px;
    }

    .header-mobile .icon-logo {
        width: 45px;
        height: 45px;
    }

    .addressp {
        display: none;
    }

    .dianpu {
        display: block;
        margin: 20px auto;
    }

    .kuaik {
        position: static;
    }

    #r-result .box-tit {
        padding-top: 0px;
    }

    .rgbskuai {
        width: 100%;
        display: none;
        flex-wrap: wrap;
    }

    .jiaobu {
        padding: 0;
    }

    .manman {
        font-size: 16px;
        line-height: 28px !important;
        margin-bottom: 5%;
    }

    .qin {
        font-size: 14px;
        width: 33%;
        line-height: 36px;
        height: 36px;
        margin-bottom: 5%;
    }

    .soc2 {
        height: auto;
    }

    .soc2l {
        height: auto;
    }

    .soc22 {
        width: 100%;
        padding-left: 6%;
        padding-top: 6%;
        padding-bottom: 6%;
    }

    .zi1 {
        margin: 10px 0;
    }

    .zi2 {
        line-height: 22px;
        margin-bottom: 15px;
    }

    .hunder {
        margin-bottom: 20px;
    }

    .soc_box .pinpai_box-title {
        margin-bottom: 5px;
    }

    .socl {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .soc_text {
        font-size: 14px;
    }

    .zn-img {
        margin-bottom: 12px;
    }

    .soc {
        margin-top: 61px;
        height: 100%;
    }

    .soc_box .pinpai_box-title h2 {
        font-size: 24px;
    }

    .soc_box {
        margin-top: 15px;
    }

    .zhongtu .swiper-slide img {
        max-height: 200px;
        width: 100%;
    }

    .soc_box .titlesl {
        margin: 10px auto;
    }

    .rgbs {
        height: 550px;
    }

    .cjing {
        font-size: 18px;
    }

    .index-swiper .swiper-slide .slide-inner {
        height: 40%;
    }

    .index-swiper .swiper-slide .slide-inner img {
        height: auto;
        min-height: 250px;
    }

    .show .banner-img {
        height: 37vh;
    }

    .secaikongjian img {
        width: 100%;
        margin-bottom: 10px;
    }

    .index-bot .row_right .row_right_relation input {
        width: 100%;
        margin-bottom: 12px;
    }

    .row_right_submit {
        width: 100%;
    }

    .index-bot .row_right .row_right_submit button {
        width: 100%;
    }

    .index-bot .row_right .row_right_sel select {
        width: 100% !important;
        margin-right: 0;
    }

    .shopping111 {
        display: none;
    }

    .shopping11 img {
        opacity: 1;
        width: 80px;
        height: 80px;
        max-height: 80px;
        margin-right: 15px;
    }

    .index-bot .row_right .row_right_sel div:nth-child(2) {
        display: flex;
    }

    .index-swiper {
        margin-top: 61px;
    }

    .index-bot .row_right .row_right_select {
        margin-bottom: 17px;
        flex-direction: column;
    }

    .index-bot .row_right .row_right_select div {
        margin-bottom: 10px;
    }

    .index-bot .row_right .row_right_submit span {
        display: block;
        font-size: 12px;
        margin-top: 10px;
    }

    .index-bot {
        flex-direction: column-reverse !important;
    }

    .shopping1 {
        margin-right: 0;
    }

    .cenket {
        justify-content: center;
    }

    .mps1 {
        background: url(../image/liantong.png) center no-repeat;
        background-size: cover;
        padding-top: 112px;
        padding-bottom: 0;
        padding-left: 10px;
    }

    .footer .left-tel a {
        font-size: 28px;
    }

    .row_right {
        padding: 43px 20px;
        padding-right: 0;
    }

    .row_left {
        padding-top: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    #haoo img {
        width: 55px;
        height: 55px;
    }

    #haop img {
        width: 55px;
        height: 55px;
    }

    .shopping1 a {
        display: block;
    }

    .row_left .tul {
        text-align: right;
        margin-top: 30px;
    }

    .row_left .tul img {
        width: 90px;
    }

    .shopping1>div {
        margin-left: 0;
    }

    .shopping1 img {
        width: 55px;
        height: 55px;
        margin: 0 auto;
    }

    .shopping1 {
        flex-direction: column;
        flex: 1;
        text-align: center;
    }

    .index-title::after {
        bottom: -17px;
        left: 43%;
    }

    .rows .ball .item {
        width: 18px;
        height: 18px;
    }

    .rows {
        margin-bottom: 13px;
        max-width: 100%;


    }

    .rowd {
        max-width: 100%;
    }

    .rowd>div {
        margin-bottom: 13px;
        padding: 0;
        bottom: -13px;
    }

    .shats {
        bottom: 0px;
        padding: 10px;
    }

    .secai .rows:hover img {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    .shats2 div {
        margin-left: 0px;
    }

    .index-new .box {
        padding-top: 25px;
    }

    .new-contd>.item {
        display: block;
        padding-bottom: 10px;
        padding: 10px 0;
    }

    .mores {
        padding-bottom: 20px;
    }

    .mores a {
        height: 32px;
        line-height: 32px;

    }

    .new-contd {
        padding-bottom: 5px;
    }

    .index-new .index-new-text .new-img>img {
        height: auto;
    }

    .nbcls a {
        display: block;
    }

    .index-new-text .new-box {
        margin-bottom: 0px !important;
    }

    .new-contd>.item p {
        text-align: justify;
    }

    .index-new .new-cont p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 16px !important;
    }

    .new-contd>.item p {
        font-size: 16px !important;
    }

    .shats {
        font-size: 16px;
        align-items: center;
    }

    .shats2 {
        font-size: 16px;
        padding: 10px;
    }

    .nbcls {
        height: 542px;
    }

    .nbcls .col-xl-6 {
        margin-bottom: 0px;
        padding-bottom: 0px;
        height: 270px;
    }

    .nnds {
        justify-content: flex-end;
        margin-top: 10px;
    }

    .index-new .new-cont {
        margin-top: 25px;
        margin-bottom: 0;
        bottom: 0;
    }

    .menu-fixed {
        display: none;
    }

    .new-cont2 {
        align-items: stretch;
        flex-direction: column;
        margin-top: 5px;
    }

    .index-new .produst {
        padding-bottom: 0;
        padding-top: 0;
    }

    .index-new .new-box {
        width: 100% !important;
        margin-bottom: 15px;
        padding-top: 0;
        border-radius: 0px;
    }

    .index-new .new-img {
        margin-bottom: 0px;
    }

    .shadoww {
        bottom: 0px;
    }

    .index-new .index-new-text {
        padding-top: 30px;
        margin-top: 36px;
    }

    .index-new .row .col-md-6 div {
        width: 100% !important;
    }

    .index-bot {
        width: 100%;
        margin: 30px 0 0 0;
    }

    .inindex .box {
        padding-top: 30px !important;
    }

    .row_right {
        padding: 40px 20px;
    }

    .inits {
        height: 70px;
        padding-top: 8px;
    }

    .index-design-list .list-item {
        min-width: 44vw;
    }

    .daxiaotong {
        max-width: 44vw;
    }

    .tiao1 {
        font-size: 1.2rem;
        min-height: 58px;
        padding: 5px 10px;
    }

    .tiao2 {
        font-size: 14px;
        padding: 0 0 00px 10px;
    }

    .goyo {
        margin-top: 10px;
        border-top: 1px solid rgb(240, 240, 240) !important;
    }

    .goyo1 {
        line-height: 45px;
        font-size: 14px;
        border-right: 1px solid rgb(240, 240, 240) !important;
    }

    .product_show .product_show_content .title h2 {
        font-weight: 600;
    }

    .zenme {
        display: none;
    }

    .product-dingwei {
        /*display: none;*/
    }

    .downs {
        bottom: -33px;
    }

    .form-control {
        width: 100% !important;
        margin-bottom: 15px;
        margin-right: 0px;
    }

    .index-box .header-search {
        margin-right: 0px;
        width: 100%;
    }

    .product {
        margin-bottom: 40px;
    }

    .product-tit h2 {
        color: #333;
    }

    .product>div>h2 {
        font-size: 24px;

    }

    .product>div>h2::before {
        left: 0;
        right: 0;
        margin: auto;
    }

    .prduct_rot .prduct_rot_top h2 {
        font-size: 24px;
    }

    .description .description-text {
        padding-bottom: 35px;
    }

    .header-search button::before {
        position: static;
    }

    .search-form {
        width: 100%;
    }

    .index-box .header-search input {
        width: 100%;
        border-radius: 0.25rem;
        font-size: 16px;
    }

    .header-search button {
        margin-left: 5px;
        padding: 15px 0;
        width: 100%;
        margin-top: 10px;
        text-align: center;
        display: flex;
        justify-content: center;

    }

    .index-design-list.row li {
        margin-right: 0;
    }

    .heitu {
        /*height: 300px;*/
        border: 1px solid transparent;
    }

    .dianpu .form-inline select {
        width: 100% !important;
    }

    .chaxuns {
        width: 95%;
    }

    .kkly {
        position: static;
        display: flex;
        flex-direction: column-reverse;
    }

    #r-result {
        width: 100%;
        position: static;
    }

    #allmap {
        height: 100% !important;
        min-height: 400px !important;
        margin-top: 10px !important;
    }

    #r-result .ul-con h2 {
        font-size: 18px;
    }

    #r-result .ul-con p {
        margin-bottom: 8px;
    }

    #r-result .ul-con p span {
        font-size: 14px;
    }

    #r-result .box-ul li {
        padding: 15px 20px 7px 20px;
        background: #F7F7F7;
        border-left: 4px solid #B80084;
        margin-bottom: 15px;
    }

    .calculate .title h2 {
        font-size: 20px;
    }

    .calculate .num p {
        font-size: 16px;
    }

    .calculate-box .calculate .item:nth-child(1) {
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .calculate .remark p {
        font-size: 14px;
    }

    .calculate .area button {
        width: 85vw;
    }

    /* 品牌介绍 */
    .linder {
        display: none;
    }

    .titles2 {
        padding-top: 0;
    }

    .titles {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .white_shadow {
        display: none;
    }

    .abbout {
        margin-bottom: 0;
    }

    .about {
        padding-bottom: 0;
        flex-direction: column;
    }

    .about_right {
        max-height: 100% !important;
        margin-bottom: 0;
    }

    .about_right p span {
        font-size: 16px !important;
    }

    .about .about_left img {
        width: 100%;
    }

    .banner {
        margin-top: 61px;
        position: relative;
    }

    .about_right {
        text-align: justify;
        margin-top: 5px;
    }

    mps1 .tul img {
        width: 100px;
        height: 100px;
        display: block !important;
    }

    .mps .tul img {
        width: 100%;
    }

    .left-list {
        justify-content: space-evenly;
        flex-wrap: wrap;
    }

    .left-list li:not(:last-child)::before {
        content: '';
        width: 0;
        height: 0;
    }

    .hexin {
        max-width: 100% !important;
        margin-bottom: 15px;
    }

    .advantage {
        padding-bottom: 0 !important;
    }

    .pinpai_box {
        background-color: #F4F7F9;
        margin-top: 0 !important;
        padding-top: 20px !important;
    }

    .pinpai_box .pinpai_box-title {
        margin-bottom: 0px;
    }

    .mps {
        padding-top: 35px !important;
    }

    .init {
        width: 100%;
        max-width: 50%;
        margin-bottom: 10px;
    }

    .bakd {
        font-size: 16px;
    }

    .hexin p {
        font-size: 18px;
    }

    .zuoji {
        display: none;
    }

    .ps {
        font-size: 16px;
        padding: 0px 10px 10px 10px;
    }

    .sheng {
        left: 34%;
    }

    .kuangsi {
        text-align: left;
        width: 285px;
    }

    .kuangsi img {
        width: 16%;
        transform: translateX(4.5rem);
    }

    .container-fluid .pinpai_box-title h2 {
        font-size: 24px;
    }

    .bak {
        max-width: none;
        width: 100%;
        height: 100%;
        padding-bottom: 20px;
        margin-bottom: 15px;
        line-height: 24px;
    }

    /* 产品中心 */
    .banner-img1 {
        display: none;

    }

    .common-banner1 {
        padding: 0;
        min-height: 0 !important;
    }

    /* 最新资讯 */
    .news-list li {
        flex: none;
        max-width: none;
        box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
        margin-bottom: 20px;
        padding: 0;
    }

    .index-title h2 {
        font-size: 24px;
    }

    .news-list .item-img {
        border-radius: 0;
    }

    .news-list .item-text {
        padding: 10px 10px 20px 10px;
    }

    /* 新闻详情页 */
    .product_show .product_show_content .type1 {
        padding-left: 10px;
        margin-bottom: 30px;
    }

    .product_show .product_show_content .price {
        padding-left: 10px;
    }

    .product_show .product_show_content .buy button {
        margin-bottom: 10px;
        padding: 15px 43px;
        margin-left: 10px;
        margin-right: 0;
    }

    .product_show {
        padding-bottom: 19px;
    }

    .description {
        /*padding-top: 20px;*/
    }

    .description .description-list ul li {
        font-size: 15px;
        margin-right: 0;
        padding: 8px 12px;
    }

    .product_show .product_show_content .text p {
        font-size: 16px;
    }

    .prduct_rot {
        padding-top: 20px;
    }

    .description-text p span {
        font-size: 16px !important;
    }

    .prduct_rot .prduct_rot_text .item {
        max-width: none;
        margin-bottom: 15px;
    }

    .prduct_rot {
        margin-bottom: 30px;
    }

    /* 工程详情页 */
    .gongdel_show .gongdel_show_title {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .gongdel_show .gongdel_show_title .left h2 {
        font-size: 26px;
    }

    .gongdel_show_title .right {
        padding-left: 5px;
    }

    .gongdel_show .gongdel_show_cont .show-text ul {
        flex-wrap: wrap;
    }

    .gongdel_show .gongdel_show_cont .show-text ul li {
        margin-bottom: 15px;
    }

    .gongdel_show .gongdel_show_cont .show-text {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .gongdel_show .gongdel_show_cont {
        margin-bottom: 30px;
    }

    .gongdel_show_case {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .gongdel_show_case img {
        width: 100%;
    }

    .gongdel_show_case .content p {
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .gongdel_show_case .content>div {
        margin-bottom: 15px;
    }

    /* 联系我们 */
    .wewe {
        margin-bottom: 40px;
    }

    .wewe>div>div {
        margin-bottom: 15px;
    }

    /* 品牌荣誉 */
    .jiangs {
        margin-bottom: 30px;
    }

    .jiangs .row>div {
        margin-bottom: 15px;
    }

    /* 色彩空间 */
    /* .row .col-md-6 img{
        width: 100%;
    } */
    .fouty {
        max-width: none !important;
    }

    .se1 {
        font-size: 20px;
        margin: 10px 0;
    }

    .rgbs {
        flex-wrap: wrap;
        border-radius: 0;
    }

    .rgbs img {
        width: 100%;

    }

    .yuan {
        font-size: 20px;
        margin-bottom: 15px;
        padding-top: 15px;
    }

    .rgbskuai1 {
        padding: 20px 0 20px 0;
        min-width: 131px;

    }

    .wxchatcode {
        margin: 40px auto;
    }

    .hunder>div {
        margin-bottom: 15px;
        /*border-bottom: 1px solid #e5e5e5;*/
    }

    .news-banner {
        display: block;
    }

    .news-box {
        padding-top: 0;
    }

    /* 真伪查询 */
    .bannerds {
        padding: 0;
        width: 95%;
    }

    .zhongtu {
        padding-bottom: 50px;
    }

    .buzhou img {
        width: 100%;
    }

    .ifelse1 {
        padding: 0;
        width: 50%;
        font-size: 12px;
        text-align: center;
    }

    .ifelse2 {
        padding: 0;
        width: 50%;
        font-size: 12px;
        text-align: center;
    }

    .bannerd {
        padding-bottom: 40px;
    }

    .ming {
        font-size: 14px;
    }

    .chacha .chaxun {
        margin-bottom: 15px;
    }

    .zhou1 {
        height: 436px;
        margin-bottom: 58px;
    }

    .zhou13 {
        font-size: 12px;
    }

    .zhou15 {
        left: -14px;
        top: 48%;
    }

    .zhou16 {
        left: -2%;
        top: 57%;
    }

    .zhou18 {
        display: none;
    }

    .zhou17 {
        display: none;
    }

    .zhou20 {
        top: 54%;
        left: -4%;
    }

    .zhou19 {
        top: 46%;
    }

    /* 凄凉计算 */
    .calculate-box .calculate .item {
        border-radius: 10px;
        padding: 15px 15px;
        flex: 48%;
        background-color: #F4F7F9;
        padding-bottom: 0;
    }

    .calculate-box {
        margin-top: 20px;
    }

    .calculate .title {
        margin-bottom: 10px;
    }

    .calculate .area input {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .calculate .num p {
        margin-bottom: 8px;
    }

    .remark {
        padding-bottom: 20px;
    }

    .calculate .area {
        margin-bottom: 20px;
    }

    /* 品牌历史 */
    .litou {
        display: none;
    }

    .yearsd {
        display: flex;
        background: none;
        background-size: 40px auto;
        margin-top: -1px;
        flex-wrap: wrap;
    }

    .yearsd1 {
        width: 100%;
        margin-right: 1.9%;
    }

    .yearsd2 {
        width: 100%;
        margin-top: 10%;
    }

    .yearsd_left {
        margin-bottom: 20px;
        padding-right: 0px;
        border-right: none;
        border-top-right-radius: 0;
    }

    .dizhi {
        top: 0;
        padding: 25px;
    }

    .dizhi1 {
        margin-bottom: 0px;
    }

    .dizhi3 {
        margin-bottom: 0px;
    }

    .dizhi2 {
        margin-bottom: 15px;
    }

    .menban {
        display: none;
    }

    .yearsd_left2 {
        text-align: right;
    }

    .yearsd_right {
        border-top-left-radius: 0;
        border-left: none;
    }

    .yearsd_right1 {
        margin-left: 18px;
        text-align: justify;
    }

    .mkles2 {
        padding-left: 0;
    }

    .weilai {
        margin-top: 0;
        margin-bottom: 25px;
    }

    /* 新闻详情页 */
    .details_title {
        padding-top: 30px;
        margin-bottom: 25px;
        line-height: 32px;
    }

    .details_times img {
        width: 60%;
    }

    .shuju img {
        margin-right: 5px;
    }

    .details_num div:first-child {
        margin-right: 0px;
    }

    .details_num img {
        width: 60%;
        margin-right: 0px !important;
    }

    .details_times div:first-child {
        margin-right: 0px;
    }

    .details_num div:first-child {
        margin-right: 0px;
    }

    .details_book p {
        margin-bottom: 16px;
    }

    .details_book {
        font-size: 16px;
    }

    .details_book p span {
        font-size: 16px !important;
    }

    .details_book span {
        font-size: 16px !important;
    }

    .xuxian {
        margin-bottom: 25px;
    }

    .index-banner {
        margin-top: 0;
    }

    /* 公共底部 */
    .footer .footer-copy {
        display: none;
    }

    .footer .copy-bottom {
        padding: 0;
    }

    .footer .copy-bottom :nth-child(2) {
        display: none;

    }

    .box-left {
        display: flex;
        flex-direction: column-reverse;
    }

    .footer .left-tel {
        margin-left: 0;
    }

    .footer .left-email {
        margin-top: 0 !important;
    }

    .footer .left-tel p {
        font-size: 22px;
        display: inline-block;
        margin-bottom: 0px;
    }

    .footer .footer-box {
        border-bottom: 1px solid #3C3C3C;
    }

    .footer .copy-bottom div:nth-child(1) {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
        text-align: center;
    }

    .footer .left-email img {
        width: 2rem;
    }

    .footer .footer-box {
        padding: 0 15px 20px 15px;
    }

    .hide {
        display: none !important;
    }

    .show {
        display: block !important;
        height: auto !important;
    }

    .engin2Tab {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .engin2Tab li:not(:last-child) {
        margin-right: 16px;
    }

    .engin2Tab li {
        flex: none;
    }
    .filer-pc{
        display: none !important;
    }
    .filer-button-box{
        display: flex !important;
    }
}