@media screen and (min-width:721px) and (max-width:820px) {} @media screen and (min-width:300px) and (max-width:1020px) {} @media screen and (min-width:300px) and (max-width:820px) {} @media screen and (min-width:821px) and (max-width:920px) {} @media screen and (min-width:921px) and (max-width:1020px) {} @media screen and (min-width:1021px) and (max-width:1120px) {} @media screen and (min-width:1121px) and (max-width:1220px) {} @media screen and (min-width:991px) and (max-width:1520px) { .tygrzx_riscon { padding-left: 32px; } } @media screen and (min-width:991px) and (max-width:1440px) { .p-zy320 { padding-left: 120px; padding-right: 120px; } .tygrzx_int> :nth-child(2) { width: 345px; } .tygrzx select { width: 108px; } .tygrzx_leftcon { padding-left: 15px; } } @media screen and (min-width:767) and (max-width:1440px) { .tygrzx_riscon { padding-left: 32px; } .tygrzx_int> :nth-child(2) { width: 345px; } .tygrzx select { width: 108px; } } @media screen and (max-width:991px){ .tygrzx_ddxx { display: block; } .tygrzx_ddxxTxt{ width: 100%; border-bottom: 1px solid rgb(233, 233, 233); padding: 16px 0; } .tygrzx_ddxxTxt1{ width: 100%; border-bottom: 1px solid rgb(233, 233, 233); padding: 16px 0; } .tygrzx_ddxx>:nth-child(1)>:last-child { border-bottom: 1px solid rgb(233, 233, 233); } .tygrzx_ddxxTxt1>a { width: 50%; } } @media screen and (min-width:767px) and (max-width:991px) { .tygrzx_ddxq{ display: none; } .tygrzx_ddnav { margin-bottom: 10px; } .p-zy320 { padding-left: 60px; padding-right: 60px; } .tygrzx select { width: 30%; padding: 12px 9px; background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 14px top 20px transparent; margin-right: 0px; } .tygrzx_setlecon{ width: 85%; justify-content: space-between; } .tygrzx_leftcon { padding-left: 15px; } .tygrzx_riscon { padding-left: 32px; } .tygrzx_int> :nth-child(2) { width: 85%; } .tygrzx_wic> :nth-child(2) { width: 81%; } .tygrzx_riscon>form { display: block; padding-right: 0px; width: 95%; } } @media screen and (max-width:767px) { .tygrzx_dindantop { flex-wrap: wrap; } .tygrzx_ddcontit { height: auto; } .tygrzx_riscon>form { display: block; padding-right: 0px; width: 95%; } .p-zy320 { padding-left: 30px; padding-right: 30px; } .tygrzx_left { width: 100%; height: auto; overflow-x: auto; display: flex; padding-top: 0px; } .caiadn { width: 100%; position: absolute; box-sizing: border-box; overflow: hidden; left: 0px; padding-right: 30px; padding-left: 30px; } .tygrzx_riscon { /* padding-left: 32px; */ padding: 40px 20px 20px; position: relative; height: auto; } .tygrzx_ris { margin-top: 98px; width: 100%; } .tygrzx_leftcon { width: auto; flex-shrink: 0; padding: 0px; padding-left: 24px; } .tygrzx_int> :nth-child(2) { width: 100%; } .tygrzx_lefttx { display: none; } .tygrzx_setlecon { display: flex; width: 100%; justify-content: space-between; } .tygrzx_tupian { margin-bottom: 20px; } .tygrzx_name> :nth-child(1) { margin-right: 0px; } .tygrzx select { width: 30%; padding: 12px 9px; background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 14px top 20px transparent; margin-right: 0px; } .tygrzx_int> :nth-child(1) { margin-right: 0px; font-size: 16px; } .tygrzx_setle> :nth-child(1) { margin-right: 0px; font-size: 16px; } .tygrzx_scimg { width: 100px; height: 100px; } .tygrzx_wic> :nth-child(2) { width: 81%; } } @media screen and (max-width:430px) { .tygrzx_grzximg { position: absolute; width: 98%; border-radius: 50px; height: 100px; left: -127px; top: -49px; } .tygrzx_scanniu>:nth-child(3) { display: none; } .tygrzx_tubtn { display: none; } .tygrzx_int { display: block; margin-bottom: 10px; } .tygrzx_name { position: absolute; top: 52px; left: 145px; } .p-zy320 { padding-left: 15px; padding-right: 15px; } .tygrzx_scimg { width: 100px; height: 100px; background-image: url(../img/jgzx/images/xwfm_03.png); background-size: 102%; border: solid 1px #000; border-color: rgb(208, 208, 208); } .tygrzx_int> :nth-child(1) { text-align: left; font-size: 14px; } .tygrzx_setle> :nth-child(1) { text-align: left; margin-bottom: 10px; font-size: 14px; } .tygrzx select { padding: 0px 7px; font-size: 12px; background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 10% top 46% transparent; background-size: 12px 8px; height: 39px; cursor: pointer; display: inline-block; width: 30.9%; } .tygrzx_setlecon { display: flex; justify-content: space-between; } .tygrzx_setle { display: block; margin-bottom: 10px; } .tygrzx_int> :nth-child(2) { width: 100%; margin-top: 10px; font-size: 12px; height: 39px; } .tygrzx_btn>button { border-radius: 5px; font-size: 18px; width: 100%; height: 33px; color: #fff; background-color: rgb(203, 25, 25); cursor: pointer; border: none; } .tygrzx_riscon>form { width: 100%; } } @media screen and (max-width:1620px) { .tygrzx_ddmas>:nth-child(2) { width: 100px; padding-right: 12px; font-size: 13px; padding-top: 12px; margin-left: 12px; display: -webkit-box; -webkit-box-orient: vertical; height: 53px; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } } @media screen and (width:320px) { .exhibition .item-box { height: 200px !important; } .swiper-button-next, .swiper-button-prev { top: 40% !important; } } @media screen and (max-width:750px) { .logo{width: 50%;} .head-box {top: 0px;} .gongn{display: inline;right: 20px;width: 40px;height: 40px;} .dmedia{display: none;} .head-box{padding: 10px 20px;} .p-zy180{padding: 10px 20px 0 20px;} .cq-item-title-box {padding: 10px 0 20px 0;} .font-32 {font-size: 26px;} .font-22 {font-size: 14px;} .cq-gengd {font-size: 12px;color: #191919;} .cq-item-title-box>div>div{background: -webkit-linear-gradient(left,red,rgba(255,255,255,0));height: 6px;bottom: 0;left: 0; width: 70px;opacity: .8;z-index: 0;} .exhibition .item-box {height: 270px;} .font-20 {font-size: 16px;} .font-13 {font-size: 12px;} .m-x16 {margin-bottom: 16px;} .swiper-pagination-bullet,.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{width: 6px;height: 6px;} .swiper-button-next, .swiper-button-prev {background: rgba(0,0,0,.6);width: 20px;height: 20px;top: 42%;} .swiper-button-next::after, .swiper-button-prev::after {font-size: 12px;} .m-sx16 {margin-top: 6px;margin-bottom: 6px;} .m-x16 {margin-bottom: 2px;} .m-x65 {margin-bottom: 20px;} .p-sx20{padding-top: 0px;padding-bottom: 10px;} .m-x37,.m-x32 {margin-bottom: 10px;} .w25,.w48{width: 100%;} .msg .dac{display: inline;} .m-zy15 {margin-left: 10px; margin-right: 10px;margin-top: 10px;} .font-18 {font-size: 16px;} .xx-content {line-height: 20px;} .msg .m-x32:nth-last-child(2) {margin-bottom: 10px;} .djb{display: inline;} .djb .w50{width: 100%;margin-bottom: 10px;} .djb .w50 .m-zy30{margin-left: 0px;margin-right: 0px;margin-bottom: 10px;} .ya-item-box .pr{padding-right: 0;} .m-s37 {margin-top: 20px;} .syysj-box,.xinxy-box{padding-bottom: 20px;} .syysj-box .dac{display: inherit;} .syysj-box .dac .m-zy30{margin-left: 10px;margin-right: 10px;height: 200px;} .syysj-box .dac .m-zy30 .m-s30{margin-top: 20px;} .syys-name{font-size: 18px;margin-top: 10px;margin-bottom: 10px;} .ysj-name{line-height: 20px;} .w20{width: 100%;padding-bottom: 10px;} .wc-box > div > img {width: 100%;} .sypx-box {padding-bottom: 20px;} .sypx-box .djb .backf {padding-bottom: 10px;} .sypx-box .djb .backf div{margin-top: 10px;margin-right: 10px;} .hz-jies{position: absolute;top: 45px;left: 0;margin-left: 0px;} .hz-imgItem{margin-top: 20px;} .hz-input-box{display: inherit;} .hzly-box{padding: 20px;} .hz-input-box .p-zy10{width: 98%;margin-top: 10px;} .hz-input-box .p-zy10:first-child{margin-top: 30px;} .hz-input-box div{margin-top: 10px;text-align: center;} #gotoTop {width: 40px;height: 40px;right: 20px;bottom: 120px;} .hz-input-box{display: flex;justify-content: center;flex-direction: column;} .hz-input-box .p-zy10{width: 96%;} .hz-input-box input{margin-right: 0;} .hz-input-box textarea{display: flex;width: 96%;border: 1px solid #e9e9e9;resize: none;border-radius: 3px;margin: 10px 0;height: 90px;padding: 10px;} #submitLY{margin: 10px 0 0px 0;width: 40%;padding: 0;} .hz-imgItem{flex-wrap: wrap;margin-top: 52px;} .hz-imgItem div{width: 25%;margin-bottom: 20px;} .hz-imgItem div img{width: 80%;} .sypx-box .djb .backf{padding-bottom: 0px;} .djb .w50:last-child{display: flex;justify-content: space-between;} .djb .w50 .m-zy30{margin-bottom: 0px;} .wc-box{width: 100%;} .sypx-box .ys-title{height: 50px;line-height: 50px;} .ys-title{font-size: 15px;padding-right: 0;} .sypx-box img{max-height: 230px;object-fit: cover;} .wc-box .w25,.djb .w50>div{width: 48%;} .sypx-box .djb .w50 .ys-title{width: 90%;} .wc-box{justify-content: space-between;} #homeArtist{width: 102%;} #homeArtist{display: flex; justify-content: space-between;flex-wrap: nowrap;} #homeArtist .w20{width: 32%;} #homeArtist .m-s10{margin-top: 10px; text-align: center;display: inherit;} #homeArtist .ysj-itemcheck,#homeArtist .ysj-itemcon{display: none;} .ysc {justify-content: space-between;} .ysc .w25{width: 48%;} .xinxy-box .dac{width: 100%;} .yssc-img,.yssc-item {height: 240px;} .yssc-cont>div{width: 100%!important;} .xinxy-box .msg .w48{width: 100%;} .xx-img{width: 100%;max-width: 100%;max-height: 200px;object-fit: cover;} .exhibition .swiper-slide .item-box{width: 200px;} .exhibition .tl div{display: none;} .exhibition .tl div:nth-child(1){display: inherit;} .exhibition .tl div:nth-child(2){display: -webkit-box;} } @media screen and (min-width:751px) and (max-width:850px) { .logo{width: 26%;} .gongn{display: inline;} .dmedia{display: none;} .p-zy180,.head-box{padding: 10px 20px;} .hz-input-box div{padding: 0px 50px;} .hz-jies{position: absolute;top: 40px;left: 0;margin-left: 0px;} .hz-input-box .p-zy10{margin-top: 20px;} .hz-input-box div{margin-top: 20px;} .hz-imgItem{flex-wrap: wrap;margin-top: 52px;} .hz-imgItem div{width: 25%;margin-bottom: 20px;} .hz-imgItem div img{width: 80%;} .sypx-box img{height: 200px;object-fit: cover;} .sypx-box .ys-title{height: 40px;line-height: 40px;} .ys-title{font-size: 15px;} .m-zy30 {margin-left: 15px;margin-right: 15px;} } @media screen and (min-width:851px) and (max-width:1000px) { .logo{width: 26%;} .gongn{display: inline;} .dmedia{display: none;} .input-box{display: none;} .head-box{padding: 10px 20px 5px 20px;} .p-zy180 {padding: 10px 20px;} .dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;} .dao-box>li:last-child{padding-right: 0;} .dao-box>li>div{padding: 6px 0;} .head-nav-box > div:last-child {margin-top: 0px;} .redD {right: 6px;} .hz-input-box div{padding: 0px 50px;} .hz-jies{position: absolute;top: 40px;left: 0;margin-left: 0px;} .hz-input-box .p-zy10{margin-top: 20px;} .hz-input-box div{margin-top: 20px;} .hz-imgItem{flex-wrap: wrap;margin-top: 52px;} .hz-imgItem div{width: 25%;margin-bottom: 20px;} .hz-imgItem div img{width: 80%;} .sypx-box img{height: 200px;object-fit: cover;} .sypx-box .ys-title{height: 50px;line-height: 50px;} .ys-title{font-size: 15px;} } @media screen and (min-width:1001px) and (max-width:1120px) { .logo{width: 26%;} .input-box{display: none;} .p-zy180,.head-box{padding: 10px 60px;} .dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;} .dao-box>li:last-child{padding-right: 0;} .dao-box>li>div{padding: 6px 0;} .head-nav-box > div:last-child {margin-top: 0px;} .redD {right: 6px;} .hz-imgItem{flex-wrap: wrap;margin-top: 52px;} .hz-imgItem div{width: 25%;margin-bottom: 20px;} .hz-imgItem div img{width: 80%;} .sypx-box img{height: 240px;object-fit: cover;} } @media screen and (min-width:1121px) and (max-width:1260px) { .logo{width: 26%;} .input-box{display: none;} .p-zy180,.head-box{padding: 10px 60px;} .dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;} .dao-box>li:last-child{padding-right: 0;} .dao-box>li>div{padding: 6px 0;} .head-nav-box > div:last-child {margin-top: 10px;} .redD {right: 6px;} .sypx-box img{height: 240px;object-fit: cover;} } @media screen and (min-width:1261px) and (max-width:1350px) { .logo{width: 26%;} .p-zy180,.head-box{padding: 10px 60px;} .dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;} .dao-box>li>div{padding: 6px 0;} .head-nav-box > div:last-child {margin-top: 10px;} .redD {right: 6px;} .sypx-box img{height: 240px;object-fit: cover;} } @media (min-width:1200px) and (max-width:1440px){ .p-zy180,.head-box{padding: 20px 120px!important;} } @media screen and (min-width:1351px) and (max-width:1620px) { .logo{width: 26%;} .p-zy180,.head-box{padding: 20px 180px;} .dao-box>li{padding: 5px 20px;flex-shrink: 0;text-align: center;font-size: 16px;} .dao-box>li>div{padding: 6px 0;} .redD {right: 8px;} .sypx-box img{height: 340px;object-fit: cover;} } @media screen and (min-width:1621px) and (max-width:1820px) { .logo{width: 30%;} .p-zy180,.head-box{padding: 20px 180px;} } @media screen and (min-width:1621px) and (max-width:1820px) { .logo { width: 30%; } .p-zy180, .head-box { padding: 20px 100px; } }