572 lines
13 KiB
CSS
572 lines
13 KiB
CSS
|
|
|
|
@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;
|
|
}
|
|
} |