.nav-box{ padding: 0; } .more.more-mb{ display: none; } @media screen and (max-width: 991px){ .more.more-pc{ display: none; } .more.more-mb{ display: inline; } } /*椤堕儴骞垮憡*/ .ad-top{ position: relative; } .ad-top img{ width: 100%; } /*banner*/ .banner .swiper-slide>img{ width: 100%; height: auto; } /*闆嗗洟绠€浠?/ .jt-intr{ position: relative; background-color: #fff; overflow: hidden; padding-top: 5%; } .jt-intr>.bg{ width: 100%; position: absolute; bottom: 0; left: 0; } .jt-intr>.bg>img{ width: 100%; } .jt-intr .intr{ padding-top: 5%; height: 100%; padding-right: 50px; } .jt-intr .intr>.intr-content{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; autoprefixer: off; -webkit-box-orient: vertical; autoprefixer: on; line-height: 30px; max-height: 178px; } .jt-intr .intr-show{ position: absolute; bottom: 20px; width: calc(66.66666667% - 50px); padding: 20px 0; } .jt-intr .intr-show .show-num>span{ font-weight: normal; position: relative; left: -10px; } .jt-intr .intr-ad{ overflow: hidden; background-color: #4a9962; min-height: 500px; position: relative; } .jt-intr .intr-ad>img{ width: 100%; /*height: 100%;*/ /*position: absolute;*/ bottom: 0; left: 0; } @media screen and (min-width: 992px) and (max-width: 1300px){ .jt-intr .intr-show .show-num{ font-size: 43px; } } @media screen and (max-width: 991px){ .jt-intr{ padding-top: 5%; } .jt-intr .title{ margin-bottom: 20px; } .jt-intr .intr{ padding-top: 2%; height: 100%; padding-right: 0px; } .jt-intr .intr>.intr-content{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; line-height: 25px; max-height: 120px; } .jt-intr .intr-show{ position: static; width: 100%; } .jt-intr .intr-show .show-num>span{ font-weight: normal; position: static; } .jt-intr .intr-ad{ position: static; min-height: auto; background-color: transparent; } .jt-intr .intr-ad>img{ position: static; } } /*浜т笟*/ .cy{ position: relative; } .cy>.bg{ position: absolute; width: 100%; } .cy>.bg>img{ width: 100%; } .cy>.info{ position: relative; z-index: 2; top: 0; left: 0; height: 100%; box-sizing: border-box; padding-top: 5%; /* padding-bottom: 5%; */ } .cy .title{ margin-bottom: 20px; } .cy .cy-img-list{ position: relative; } .cy .cy-img-list>div{ position: relative; padding-left: 10px; box-sizing: border-box; cursor: pointer; } .cy .cy-img-list>div:first-child{ padding-right: 20px; padding-left: 0; min-height: 570px; } .cy .cy-img-list>div:nth-child(2){ padding-right: 10px; padding-left: 0; } .cy .cy-img-list>div:nth-child(4){ position: absolute; bottom: 0; left: 33.33333333%; width: 55.5555555%; padding: 0; height: 41%; overflow:hidden; } .cy .cy-img-list>div:nth-child(5){ position: absolute; bottom: 0; right: 0; width: 10%; height: 41%; overflow:hidden; } .cy .cy-img-list>div:nth-child(5)>img{ height: 100%; } .cy .cy-img-list img{ width: 100%; } .cy .show-title{ position: absolute; box-sizing: border-box; bottom: 20px; padding-left: 20px; padding-right: 40px; width: 100%; } .cy div[class^="title-"]{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .cy .more{ cursor: pointer; } .cy .more>.msg-more{ position: absolute; top: 35%; width: calc(100% - 10px); text-align: center; margin-top: -10px; } .cy .icon-more{ margin-bottom: 10px; } .cy .cy-img-list-m>div{ padding-bottom:calc(50vw - 45px); height:0; position: relative; cursor: pointer; margin-bottom: 5px; } .cy .cy-img-list-m>div:nth-child(2n+1){ padding-right: 5px; } .cy .cy-img-list-m>div:nth-child(2n){ padding-left: 5px; } .cy .cy-img-list-m>div:last-child{ padding-bottom:calc(25vw - 23px); } .cy .cy-img-list-m .bg{ width: 100%; height: calc(50vw - 45px); background: no-repeat; background-size: cover; background-position: center; } .cy .cy-img-list-m .show-title{ padding: 0 5px; width: calc(100% - 5px); } .cy .cy-img-list-m .more{ background-color: #288c3c; } /*鏂伴椈*/ .news{ padding-top: 5%; padding-bottom: 3%; } .news .title{ margin-bottom: 20px; } .news .new-list>div{ margin-bottom: 20px; cursor: pointer; } .news .new-list>div:nth-child(2n+1){ padding-right: 10px; } .news .new-list>div:nth-child(2n){ padding-left: 10px; } @media screen and (max-width: 991px){ .news .new-list>div{ padding: 0 !important; } } .news .new-list .content{ background-color: #fff; padding: 20px 0; position: relative; } .news .new-list .content>.news-time{ text-align: center; } .news .new-list .content>.info{ padding-right: 20px; position: absolute; height: calc(100% - 40px); left: 25%; } .news .new-list .news-time>.line{ width: 25%; height: 1px; margin: 0 auto; background-color: #c8c8c8; } .news .new-list .news-time>.month{ margin-top: 10px; } .news .new-list .news-title{ margin-bottom: 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .news .new-list .news-intr{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #888; } /*瑙嗛*/ .video .title{ margin-bottom: 20px; } .video-box{ position: relative; } .video-box>div[class^="bg-"]{ position: absolute; width: calc(50% - 660px); background-color: #288c3c; height: 100%; top: 0; } .video-box>.bg-left{ left: 0; } .video-box>.bg-right{ right: 0; } @media screen and (max-width: 991px){ .video-box>div[class^="bg-"]{ width: 20px; } } .video-box .video-box-show{ position: relative; } .video-box .video-list{ padding-left: 20px; position: relative; } @media screen and (max-width: 991px){ .video-box .video-list{ padding-left: 0; } } .video-box .video-list>.list-one{ margin-bottom: 20px; position: relative; } @media screen and (min-width: 992px){ .video-box .video-list>.list-one:first-child{ display: none; } } .video-box .video-list>.list-one:last-child{ margin-bottom: 0; } .video-box .video-list>.list-one::before{ content: ' '; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); right: 0; } .video-box .video-list>.list-one>.show-img{ width: 100%; } .video-box .play{ width: 30px; position:absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; cursor: pointer; } .video-box .video-show{ position: absolute; width: 75%; height: 100%; background-size: cover; background-position: center; overflow: hidden; top: 0; } .video-box .video-show::before{ content: ' '; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); right: 0; } .video-box .video-show .play{ width: 40px; position: static; margin-top: 20px; } .video-box .video-show>.video-msg{ position: absolute; width: 100%; text-align: center; letter-spacing:4px; top: 50%; margin-top: -80px; } .video-box .video-show>.video-msg>div{ margin-bottom: 10px; } .video-box video{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; z-index: -1; } /*涓撻涓撴爮*/ .topic{ padding-top: 5% } .topic .title{ margin-bottom: 20px; } .topic-box{ padding: 20px 0; border: solid 1px #505050; border-left: 0; border-right: 0; } .topic-box img{ width: 100%; } /*鏍稿績鍝佺墝*/ .brand{ padding-top: 5%; padding-bottom: 5%; } .brand .title{ margin-bottom: 20px; } .brand-box{ position: relative; } .brand-show{ padding-right: 20px; min-height: 500px; } .brand-swiper .show-img{ max-width: 100%; } .brand-list{ position: absolute; width: 50%; height: 100%; overflow: hidden; right: 0; top: 0; } .brand-list>div>div{ width: calc(33.3333333% - 14px); height: calc(50% - 10px); float: left; margin-right: 21px; background-color: #fff; padding: 0 20px; box-sizing: border-box; cursor: pointer; } .brand-list>div:nth-child(3n){ margin-right: 0; } .brand-list>div:nth-child(1),.brand-list>div:nth-child(2),.brand-list>div:nth-child(3){ margin-bottom: 20px; } @media screen and (max-width: 991px){ .brand-list{ position: static; width: 100%; height: auto; } .brand-list>div{ width: calc(50% - 10px); height: 50vw; margin-bottom: 20px; margin-right: 20px !important; } .brand-list>div:nth-child(2n){ margin-right: 0 !important; } } .brand-list .logo{ width: 100%; height: calc(100% - 50px); text-align: center; display: table; } .brand-list .logo>div{ display: table-cell; vertical-align: middle; } .brand-list .logo img{ max-width: 100%; max-height: 100%; } .brand-list .brand-name{ height: 50px; line-height: 50px; text-align: center; } /*搴曢儴鏍忕洰*/ .menu{ background-color: #fff; padding: 30px 0; text-align: center; } .menu .icon{ margin-bottom: 10px; } .menu .icon>img{ width: 30px; } .menu .msg{ margin-bottom: 5px; } .menu .line{ display: inline-block; height: 2px; width: 20px; background-color: #fac832; } /*搴曢儴骞垮憡*/ .ad-bottom>img{ width: 100%; } .pp{ background: url(../img/pp.png) no-repeat; background-size: 100%; position: relative; width: 66%; top: 260px; height: 240px; font-size: 35px; color: #fff; font-weight: bold; } .pp span{ font-size: 18px; font-weight: normal; } @media screen and (max-width: 991px) { .pp{ display:none; } .pp1 { position: absolute; top: 32px; width: 25%; text-align: center; } .pp2 { position: absolute; top: 32px; width: 25%; left: 25%; text-align: center; } .pp3 { position: absolute; top: 32px; width: 25%; left: 50%; text-align: center; } .pp4 { position: absolute; top: 32px; width: 25%; left: 75%; text-align: center; } } @media screen and (min-width: 991px) { .pp-m{ display:none; } .pp1{ position: absolute; top: 100px; width: 195px; text-align: center; } .pp2{ position: absolute; top: 100px; width: 200px; left: 215px; text-align: center; } .pp3{ position: absolute; top: 100px; width: 200px; left: 430px; text-align: center; } .pp4{ position: absolute; top: 100px; width: 200px; left: 645px; text-align: center; } } .pp-m{ background: url(../img/pp.png) no-repeat; background-size: 100%; position: relative; height: 90px; font-size: 12px; color: #fff; font-weight: bold; }