/* media 媒体查询
    1200px
    1024px
    768px
*/
@media screen and (max-width: 768px) {
    .pc{
        display:none;
    }
    .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:1024px) {
    .header-pc {
        display: none;
    }
    .header-mobile{
        display: block;
    }
    /* .index-banner .banner-img{
        height: 43vh;
    } */
}
@media screen and (min-width: 1200px) {
    .container {
        max-width: 1500px;
    }
}
@media screen and (max-width: 1520px) {
    .header-pc .header-list li{
        margin: 0 10px;
    }
    .header-pc .header-list a{
        font-size: 18px;
    }
    .header-pc .header-list .icon-logo{
        width: 121px;
    }
    .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;
    }
    .footer .box-cent dt>a {
        font-size: 16px;
    }
    .footer .right-tit a {
        font-size: 16px;
    }
}
@media screen and (max-width:1600px){
    
    .introduce-more {
    display: none;
    }
    .chang{
        font-size: 24px;
    }
    .zoro{
        top: 70vh;
      }
      .leaf{
      
        bottom: 59vh;
      }
      .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;
    }
    .cont-lists a{

    }
    .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;
        padding-right: 50px;
    }
    #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: 18px;
    }
    .details_book p{
        font-size: 14px;
        font-weight: 400;
        color: #818181;
        line-height: 30px;
    }
    .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;
        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){
      .zoro{
        top: 65vh;
      }
      .leaf{
      
        bottom: 54vh;
      }
      .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;
    }
    .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){
    .zoro{
        top: 72vh;
      }
      .leaf{
      
        bottom: 56vh;
      }
    .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;;
    }
    .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: 1200px) {
    .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;
    }
    .footer .left-tel a {
        font-size: 16px;
    }
    .footer .right-tit a {
        font-size: 16px;
    }
    .footer .box-cent dl {
        margin: 0 10px;
    }
}
@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;
    }
    .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;
    }
    .product-tit{
        display: block;
    }
    .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: 60px ;
    }
    .index-banner .banner-img>img{
        height: 100%;
        max-height: 350px;
        object-fit: cover;
    }
    .sort-nav{
        display: none;
    }
    #left-lists li{
        min-width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .years{
        flex-direction: column;
    }
    .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: 30px;
        
        padding-top: 30px !important;
    }
    #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;
        display: inherit;
    }
    .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: 100%;
    }
    .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;
    }
  }
}