/* 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{
        width: 100%;
        padding: 0 10%;
    }
}

@media screen and (max-width:1680px) {
    .header-pc .header-list>li:not(:last-child){
        margin-right: 45px;
    }
}
@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: 56px !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: 24px 16px;
    }
    .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(../images/yy.png) no-repeat center #FFF;
    }

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

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

    .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: 0px !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: 60%;
        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: 16px;
    }

    .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: 60%;
        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%;
    }
}

@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;
    }
}

@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;
        display: inline-block;
        overflow: hidden;
        margin-right: 0;
        padding: 5px !important;
    }
    .header-search button::before{
        background-size: 20px 20px;
        margin-right: 5px;
    }
    .index-design-list.row .col-md-4{
        width: 100%;
    }
    .index-design-list .item-text{
        padding:10px 0 !important
    }
    .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(../images/icon-anniu2.svg) 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(../images/index-scient-phone.png) no-repeat center;
        background-size: 100% 100%;
    }

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

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

    .index-scient .list-bg4 {
        width: 100%;
        background: url(../images/index-scient-phone.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(../images/index-scient-banner-phone.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: 0px;
    }

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

    .sort-nav {
        /*display: none;*/
        text-align: center;
        margin: auto;
        width: 100%;
        padding: 0 !important;
        justify-content: center;
        font-size: 24px;
        padding-top: 10px;
        margin-bottom: 40px;
    }
    .news_zi{
        font-size: 24px !important;
    }

    .news_zi{
        margin-left:10px
    }
    .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;
    }
.form-inline{
    display:block !important;
}
    .index-design-list.row {
        margin-top: 30px;
        display: flex;
        padding-bottom: 30px;
        flex-wrap: wrap;
        padding: 0 !important;
    }

    .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: 100%;
        padding: 0 2%;
    }
    .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;
    }
}

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

    /* 首页 */
    .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 !important;
    }
   

    .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: 168px; */
    }
    .yqlj{
        display:none;
    }
    .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;
    }

    .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(../images/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: 100% !important;
    }
    .tiao1{
        font-size: 1.2rem;
        min-height: 58px;
        padding: 10px !important;
    }
    .tiao{
        opacity:1 !important;
    }
    .tiao2{
        font-size: 14px;
        padding: 0 10px 10px !important;
    }
    .goyo{
        margin-top: 0px !important;
        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: 50px;
        padding-top: 30px !important;
    }
    .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: 12px 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; */
        line-height: 40px !important;
        font-size: 14px !important;
    }
    .linder_right{
       display:none;
    }
    .joinrz-menu, .joinrz-cont{
        padding:0 20px !important;
    }

    .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;
        width: 90% !important;
        padding: 20px;
        margin: 0 auto 20px !important;
    }
    .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: 18px;
        margin-right: 10px;
    }
    .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 !important;
}
    /* 公共底部 */
    .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;
    }
}