@media screen and (min-width: 1930px){
    :root {
        --size: 1920px;
    }
    #header{
        left: calc((100% - var(--size))/2);
    }
    .top-box-img img,
    .views-swiper .swiper-slide,
    .ex-swiper .box-img a,
    .page-text-img img {
        height: calc(1080px - var(--heade_H) - var(--space)*3);
    }
    .ex_360_2 iframe, .ex_360 iframe {
        height: calc(1080px - var(--heade_H) - var(--space)*3) !important;
    }
    .enquire-box>div{
        width:calc( var(--size)/2);
    }

}
@media screen and (max-width: 1280px){
    :root {
        --space: 1rem;
        --heade_H: 6rem;
    }

}
@media screen and (max-width: 1024px){
    html, body{
        font-size: 14px;
    }

}
@media screen and (max-width: 800px){
    :root {
        --space: .75rem;
        --heade_H: 6rem;
    }
    .pic-box {
        width: 50%;
    }
    .s-grid .box, .a-grid .box {
        width: 50%;
    }
    .box{
        width: 50%;
    }
    .header-right{
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .header-menu{
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    .header-menu ul li {
        padding: 0 var(--space);
    }
    .header-menu ul li:last-child{
        padding: 0 0 0 var(--space);
    }
    .lng,
    .open-search{
        margin-top: 1rem;
    }
    .ex-swiper .box{
        display: block;
        padding-top: 50px;
    }
    .ex-swiper .box-img {
        width: 100%;
        padding-left:0;
    }
    .ex-swiper .box-info {
        width: 100%;
        padding-right:0;
    }
    .ex-swiper .box-img a{
        height: auto;
    }
    .ex-swiper .box-img a img{
        height: auto;
        position: relative;
    }
    .page-text-img img{
        /*display: none;*/
        width: 100%;
        height: auto;
    }
    .page-text-wrap{
      display: block;
    }
    .page-text-wrap>div{
        width: 100%;
    }
    .box.text-box{
        display: block;
    }
    .text-grid{
        width: 100%;
    }
    .text-grid .download{
        margin-top: 1rem;
    }

    .page-box-title {
        padding: calc(var(--space)*2) 0 var(--space) 0;
        margin: calc(var(--space)*2) var(--space) 0 var(--space);
    }
    .grid-title{
        padding: calc(var(--space)*2) 0 var(--space) 0;
        margin: calc(var(--space)*2) calc(var(--space)*2) 0 calc(var(--space)*2);
    }
    .page-menu h2{
        display: none;
    }
    .gototop{
        display: none;
    }
    .single .page-menu .middle,
    .page-menu .middle{
        width: 100%;
    }
    .views-wrap{
        display: block;
    }
    .no-top-pic, .views-text{
        width: 100%;
    }
    .swiper-item{
        display: none;
    }
    .page-views{
        width: 100%;
    }
    .views-swiper .swiper-slide{
        height: auto;
    }
}
@media screen and (max-width: 700px){
    :root {
        --space: 1rem;
        --heade_H: 4.5rem;
        --big: 1.5em;
    }
    #main{
        overflow-x: hidden;
        width: 100%;
    }
    .pcchangyao {display:none;}
    .mchangyao {display:block !important;}
    .mail {background:none !important;}
    .tel {background:none !important;}
    .map {background:none !important;}
    .changyaolianxi {margin-top:100px;}
    #wrapper{
        margin: 0 calc(var(--space)*-1);
    }
    #header.show-menu{
        overflow: unset !important;
        position: fixed!important;
        width: 100%;
        top:0!important;
        height: 100%!important;
        background: rgba(0,0,0,0.5)!important;
        box-shadow: unset !important;
    }
    .header-top {
        padding: var(--space) var(--space) calc(var(--space) / 2) var(--space);
    }
    .page-menu{
        padding:var(--space);

    }
    .show-menu .page-menu{
        display: none;
    }
    .post-type-archive-publications .cat-list:first-child,
    .post-type-archive-fairs .cat-list:first-child,
    .post-type-archive-viewing_room .cat-list:first-child,
    .post-type-archive-exhibitions .cat-list:first-child{
        display: none;
    }
    .page-menu .middle{
        justify-content: center;
    }
    .cat-list:hover ul{
        display: none;
    }

    .logo{
        position: relative;
        z-index: 2;
    }
    .p-header-end {
        display: block;
        position: relative;
        z-index: 2;
    }
    .open-menu {
        font-size: 1.5rem;
        cursor: pointer;
    }
    .show-menu .open-menu span:first-child, .open-menu span:last-child {
        display: none;
    }
    .show-menu .open-menu span:last-child {
        display: block;
    }
    .header-right{
        top:0;
        padding:var(--heade_H) var(--space) var(--space) var(--space);
        position: absolute;
        width: 100%;
        background: white;
        display: none;
        left: 0;
    }
    .show-menu   .header-right{
        display: block;
    }
    .lng ul, .header-menu ul{
        display: block;
        width: 100%;
    }
    .lng ul li,
    .header-menu ul li{
        width: 100%;
        line-height: 2;
        text-align: center;
        padding: 0;
    }
    .header-menu ul li:last-child {
        padding: 0;
    }
    .open-search{
        display: none;
    }

    .p-search-box{
        width: 100%;
        display: block;
        margin-top: var(--space);
    }

    .p-search-box input{
        width: 100%;
        padding: 5px 0;
    }

    .grid-title {
        padding: var(--space) 0 0 0;
        margin: var(--space) calc(var(--space)*2) 0 calc(var(--space)*2);
    }
    .page-box-title{
        padding: var(--space) 0 0 0;
        margin: var(--space) var(--space) 0 var(--space);
    }
    .page-box-title,
    .grid-title h2{
        font-size: 1rem;
    }

    .footer-content{
        display: block;
    }
    .footer-wrap>div {
        text-align: center;

    }
    .footer-content>div{
        padding: var(--space) 0;
        font-size: 12px;
    }
    .newsletter input{
        width: 100%;
    }
    .box {
        width: 100%;
    }
    .s-grid .box, .a-grid .box {
        width: 100%;
    }
    .ex-swiper .box-info h2 {
        font-size: 1.2em;
        font-weight: 400;
    }
    .ex-swiper .swiper-pagination-bullet{
        font-size: 1rem;
    }
    .top-box-img img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .middle-text {
        width: 100%;
        padding: var(--space) 0;
    }
    .list-side{
        margin:0 var(--space);
        position: relative;
    }
    .list-side label{
        padding:.5rem 1rem;
        border: var(--line);
        width:100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .list-side label a{
        width:100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }
    .list-side:hover ul{
        display: block;
    }
    .list-side ul{
        position: absolute;
        width: 100%;
        background: white;
        box-shadow: 0 -5px 50px rgba(0,0,0,0.2);
        display: none;
    }
    .list-side ul li{
        border: var(--line);
        border-top:none;
        padding: 0;
    }
    .list-side ul li a{
        display: block;
        padding:.5rem 1rem;
    }
    .ex_360_2,
    .press-content {
        padding: var(--space);
        width:100%;
    }
    .fancybox-custom-layout .fancybox-bg {
        background: #fff;
        pointer-events: none;
        opacity: 1;
    }
    .eqw{
        border-top: var(--line);
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 9999999999;
        pointer-events: auto;
        width: 100%;
        display: flex;
    }
    .fancybox-container .inquire,
    .open-cop {

        width: 100%;

        cursor: pointer;

        font-size: 1rem;
        height: 3rem;
        line-height: 3rem;
        text-transform: uppercase;
    }
    .fancybox-container .inquire{
        padding: 0;
        border: none;
        background: black;
        color: #fff;
    }
    .fancybox-custom-layout .fancybox-caption {
        width: 100%;
        top: auto;
        bottom: 3rem;
        height: auto;
        border-right: unset;
        max-height: 50vh;
        background: #fff;
        color: black;
        text-align: left;
        padding: 1rem;
        display: none;
    }
    .fancybox-custom-layout .fancybox-button {
        background: rgba(255,255,255,0);
    }
    .fancybox-button svg path {
        fill: black;
        stroke-width: 0;
    }
    .fancybox-custom-layout .fancybox-caption.show {
        display: block;
    }
    .fancybox-slide{
        padding: 1rem;
    }
    .fancybox-container{
        z-index: 999999999;
    }
    .open-cop.is-show .e{
        transform: rotate(45deg);
        display: inline-block;
    }
    .artwork-s{
        display: none;
    }
    .enquire-box>div{
        width: 90%;
    }
    .enquire-box .frm_forms{
        width: 100%;
    }
    .close-hide-enquire-box{
        width: 2.5rem;
        padding: .5rem;
    }
    .close-hide-enquire-box svg{
        width: 100%;
        height: 100%;
    }
    .views-swiper{
        padding-bottom: 40px;
    }

}