546 lines
12 KiB
CSS
546 lines
12 KiB
CSS
@media screen and (max-width:300px) {}
|
|
|
|
@media screen and (min-width:301px) and (max-width:350px) {}
|
|
|
|
@media screen and (min-width:351px) and (max-width:420px) {}
|
|
|
|
@media screen and (min-width:421px) and (max-width:490px) {}
|
|
|
|
@media screen and (min-width:491px) and (max-width:620px) {}
|
|
|
|
@media screen and (min-width:621px) and (max-width:720px) {}
|
|
|
|
|
|
@media screen and (min-width:721px) and (max-width:820px) {
|
|
.ty_left {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
|
|
}
|
|
|
|
/* .ty_riscon {
|
|
padding-left: 36px;
|
|
} */
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
@media screen and (min-width:300px) and (max-width:1020px) {
|
|
|
|
|
|
.ty_leftcon {
|
|
justify-content: center;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.ty_left {
|
|
width: 14%;
|
|
}
|
|
|
|
.ty_ris {
|
|
width: 75%;
|
|
}
|
|
|
|
.ty_btn>button {
|
|
width: 112px;
|
|
height: 37px;
|
|
}
|
|
|
|
.ty_btn {
|
|
width: 424px;
|
|
}
|
|
|
|
.ty_password+.ty_btn {
|
|
width: 448px;
|
|
|
|
}
|
|
|
|
select {
|
|
padding: 0px 18px;
|
|
background-size: 12px 8px;
|
|
width: 106px;
|
|
font-size: 12px;
|
|
background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 9px top 14px transparent;
|
|
height: 37px;
|
|
}
|
|
|
|
.ty_int> :nth-child(2) {
|
|
width: 338px;
|
|
height: 36px;
|
|
|
|
}
|
|
|
|
.ty_scimg {
|
|
width: 100px;
|
|
height: 100px;
|
|
background-color: rgb(245, 245, 245);
|
|
border-radius: 50%;
|
|
border: none;
|
|
margin-right: 28px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width:300px) and (max-width:820px) {
|
|
.ty_left {
|
|
position: absolute;
|
|
left: -14%;
|
|
top: 0px;
|
|
transition: all 2s;
|
|
}
|
|
.naliu {
|
|
display: block;
|
|
}
|
|
.ty_ris {
|
|
width: 95%;
|
|
}
|
|
.ty_caidan {
|
|
display: block;
|
|
}
|
|
.ty_dnum {
|
|
width: 100%;
|
|
border-top: 1px solid rgb(233, 233, 233);
|
|
margin-top: 10px;
|
|
}
|
|
.ty_ysnr {
|
|
width: 25%;
|
|
}
|
|
.ty_wdgz {
|
|
width: 33%;
|
|
}
|
|
.ty_wdgz>p {
|
|
margin-top: 4px;
|
|
}
|
|
.ty_ysnr {
|
|
margin-bottom: 10px;
|
|
}
|
|
.ty_ysnr>p {
|
|
margin-top: 8px;
|
|
font-size: 13px;
|
|
}
|
|
.ty_yspcon {
|
|
width: 25%;
|
|
margin-bottom: 14px;
|
|
}
|
|
.ty_yspcon>p {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
|
|
@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:1021px) and (max-width:1320px) {
|
|
.ty_leftcon>img {
|
|
display: none;
|
|
}
|
|
|
|
.ty_leftcon {
|
|
justify-content: center;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.ty_left {
|
|
width: 14%;
|
|
}
|
|
|
|
.ty_ris {
|
|
width: 75%;
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
@media screen and (min-width:1321px) and (max-width:1420px) {
|
|
.ty_dindantit{
|
|
display: inline-block;
|
|
|
|
}
|
|
.ty_ddnav {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.ty_ris {
|
|
width: 75%;
|
|
}
|
|
|
|
.ty_ddxxnoe {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.ty_ddxxnoe>div {
|
|
width: 100% !important;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.ty_ddxq {
|
|
display: none;
|
|
}
|
|
|
|
.ty_ddxx>div {
|
|
width: 100%;
|
|
border-top: 1px solid rgb(233, 233, 233);
|
|
}
|
|
|
|
.ty_ddxxTxt {
|
|
padding-top: 2px;
|
|
width: 22%;
|
|
}
|
|
|
|
.ty_ddxxTxt1 {
|
|
border-right: 1px solid rgb(233, 233, 233);
|
|
padding-top: 2px;
|
|
width: 34%;
|
|
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width:300px) and (max-width:620px) {
|
|
.ty_riscon {
|
|
padding-left: 10px;
|
|
}
|
|
.ty_yhuij {
|
|
width: 50% !important ;
|
|
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width:301px) and (max-width:490px) {
|
|
.ty_btn {
|
|
width: 334px;
|
|
}
|
|
|
|
.ty_password+.ty_btn {
|
|
width: 358px;
|
|
}
|
|
|
|
.ty_int> :nth-child(2) {
|
|
width: 248px;
|
|
}
|
|
|
|
select {
|
|
padding: 0px 5px;
|
|
|
|
width: 76px;
|
|
}
|
|
|
|
.ty_left {
|
|
width: 67px;
|
|
left: -68px;
|
|
}
|
|
|
|
.ty_leftcon {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.ty_ddmas>:nth-child(2) {
|
|
width: 180px;
|
|
}
|
|
|
|
.ty_dindantop {
|
|
display: block;
|
|
}
|
|
|
|
.ty_ddnav>p {
|
|
margin-right: 23px;
|
|
}
|
|
|
|
.ty_ddcontit {
|
|
height: 46px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width:300px) and (max-width:1320px) {
|
|
.ty_dindantit{
|
|
display: inline-block;
|
|
|
|
}
|
|
.ty_ddxxTxt {
|
|
padding-top: 2px;
|
|
width: 20%;
|
|
}
|
|
|
|
.ty_ddxxTxt1 {
|
|
border-right: 1px solid rgb(233, 233, 233);
|
|
padding-top: 2px;
|
|
width: 40%;
|
|
}
|
|
|
|
.ty_herader>nav>img {
|
|
margin-right: 11%;
|
|
width: 35%;
|
|
}
|
|
|
|
.ty_ddxq {
|
|
display: none;
|
|
}
|
|
|
|
.ty_listnav {
|
|
width: 45%;
|
|
text-align: left;
|
|
}
|
|
|
|
.ty_leftcon>img {
|
|
display: none;
|
|
}
|
|
|
|
.ty_listnav {
|
|
padding-top: 3%;
|
|
}
|
|
|
|
.ty_topcon {
|
|
height: 47%;
|
|
}
|
|
|
|
.ty_ddxx>div {
|
|
width: 100%;
|
|
border-top: 1px solid rgb(233, 233, 233);
|
|
}
|
|
|
|
.ty_ddxxnoe {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.ty_ddxxnoe>div {
|
|
width: 100% !important;
|
|
flex-wrap: wrap;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.ty_dindantetx {
|
|
border-top: 1px solid rgb(233, 233, 233);
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.ty_ddnav {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
}
|
|
|
|
@media screen and (min-width:300px) and (max-width:411px) {
|
|
.ty_password {
|
|
display: block;
|
|
padding-left: 40px;
|
|
|
|
}
|
|
|
|
.ty_password>p {
|
|
text-align: left !important;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.ty_password+.ty_btn {
|
|
width: 288px;
|
|
}
|
|
|
|
.ty_didanpd {
|
|
padding-left: 9px !important;
|
|
padding-right: 9px !important;
|
|
}
|
|
|
|
.ty_wdgz {
|
|
width: 50%;
|
|
|
|
}
|
|
|
|
.ty_ysnr {
|
|
width: 33%;
|
|
margin-bottom: 10px;
|
|
font-size: 13px;
|
|
}
|
|
.ty_wdgz>p {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.ty_yishusc>:nth-child(2) {
|
|
font-size: 13px;
|
|
color: #191919;
|
|
margin-top: 2px;
|
|
margin-bottom: 6px;
|
|
}
|
|
.ty_yspcon {
|
|
width: 33%;
|
|
margin-bottom: 14px;
|
|
}
|
|
.ty_yspcon>p {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.ty_jfn>:nth-child(2)>:nth-child(2) {
|
|
margin-left: 52px;
|
|
margin-right: 73px;
|
|
}
|
|
.ty_jfcon>div>:nth-child(2) {
|
|
margin-right: 38px;
|
|
}
|
|
.ty_jfn>:nth-child(2)>:nth-child(2) {
|
|
margin-right: 22px;
|
|
}
|
|
.ty_textyh {
|
|
font-size: 13px;
|
|
margin-top: 2px;
|
|
margin-bottom: 5px;
|
|
color: #fff;
|
|
}
|
|
|
|
}
|
|
|
|
@media screen and (min-width:300px) and (max-width:1200px) {
|
|
.ty_jfcon>div>:nth-child(1) {
|
|
margin-right: 50px;
|
|
}
|
|
.ty_jfn>:nth-child(2)>:nth-child(2) {
|
|
margin-left: 100px;
|
|
margin-right: 31px;
|
|
}
|
|
.ty_jfcon>div>:nth-child(2) {
|
|
margin-right: 16px;
|
|
}
|
|
.ty_yhuij {
|
|
width: 33%;
|
|
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width:1421px) and (max-width:1520px) {}
|
|
|
|
@media screen and (min-width:1521px) and (max-width:1620px) {}
|
|
|
|
|
|
@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: 60%;}
|
|
.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;}
|
|
.font-32 {font-size: 16px;}
|
|
.font-22 {font-size: 12px;}
|
|
.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: 10px;margin-bottom: 10px;}
|
|
.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;}
|
|
.ys-title {font-size: 16px;}
|
|
.ya-item-box .pr{padding-right: 0;}
|
|
.m-s37 {margin-top: 10px;}
|
|
.syysj-box,.xinxy-box{padding-bottom: 20px;}
|
|
.xinxy-box .dac{display: inline;}
|
|
.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;}
|
|
.hz-jies{position: absolute;top: 25px;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: 94%;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;}
|
|
}
|
|
@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 60px;}
|
|
}
|
|
@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 60px 5px 60px;}
|
|
.p-zy180 {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;}
|
|
}
|
|
@media screen and (min-width:1001px) and (max-width:1120px) {
|
|
.logo{width: 26%;}
|
|
.input-box{display: none;}
|
|
.p-zy180,.head-box{padding: 10px 100px;}
|
|
.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;}
|
|
}
|
|
@media screen and (min-width:1121px) and (max-width:1260px) {
|
|
.logo{width: 26%;}
|
|
.input-box{display: none;}
|
|
.p-zy180,.head-box{padding: 10px 100px;}
|
|
.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;}
|
|
}
|
|
@media screen and (min-width:1261px) and (max-width:1350px) {
|
|
.logo{width: 26%;}
|
|
.p-zy180,.head-box{padding: 10px 100px;}
|
|
.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;}
|
|
}
|
|
@media screen and (min-width:1351px) and (max-width:1620px) {
|
|
.logo{width: 26%;}
|
|
.p-zy180,.head-box{padding: 20px 100px;}
|
|
.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;}
|
|
}
|
|
@media screen and (min-width:1621px) and (max-width:1820px) {
|
|
.logo{width: 30%;}
|
|
.p-zy180,.head-box{padding: 20px 100px;}
|
|
}
|
|
@media screen and (min-width:751px) and (max-width:1820px) {
|
|
.cq-item-title-box {padding: 20px 0 15px 0;}
|
|
.font-32 {font-size: 26px;}
|
|
}
|
|
|