响应式完成
parent
fb81e31ac5
commit
e6a6f42f38
|
|
@ -17,6 +17,8 @@
|
|||
-webkit-appearance: none;
|
||||
/* 去掉点击时的默认外观 */
|
||||
outline-style: none;
|
||||
/* 去除点击出现背景 */
|
||||
-webkit-tap-highlight-color:transparent;
|
||||
}
|
||||
|
||||
body {
|
||||
|
|
|
|||
245
css/style.css
245
css/style.css
|
|
@ -867,7 +867,7 @@
|
|||
}
|
||||
|
||||
.history .txt {
|
||||
width: calc(100% - 590px);
|
||||
width: calc(60% - 40px);
|
||||
}
|
||||
|
||||
.history-title {
|
||||
|
|
@ -956,7 +956,7 @@
|
|||
}
|
||||
|
||||
.history .img {
|
||||
width: 550px;
|
||||
width: 40%;
|
||||
margin-top: 168px;
|
||||
}
|
||||
|
||||
|
|
@ -1153,7 +1153,7 @@
|
|||
|
||||
.activities-list .activities-item>.img>img {
|
||||
width: 100%;
|
||||
min-height: 222px;
|
||||
min-height: 100%;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
|
|
@ -1242,6 +1242,7 @@
|
|||
|
||||
.preview-item .img>img {
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
|
|
@ -1577,7 +1578,7 @@
|
|||
|
||||
.news-item .img>img {
|
||||
width: 100%;
|
||||
min-height: 240px;
|
||||
min-height: 100%;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
|
|
@ -2456,13 +2457,186 @@
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width:1440px) {
|
||||
@media screen and (max-width:1520px) {
|
||||
.w1360{
|
||||
width: 90% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width:1360px){
|
||||
.preview-swiper .swiper-slide{
|
||||
width: 84%;
|
||||
margin: 0 15px;
|
||||
}
|
||||
.preview-swiper .swiper-button-prev{
|
||||
left: 2.5%;
|
||||
}
|
||||
.preview-swiper .swiper-button-next{
|
||||
right: 2.5%;
|
||||
}
|
||||
.services-list .item{
|
||||
height: 420px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width:1280px) {
|
||||
.nav>a{
|
||||
margin-left: 30px;
|
||||
}
|
||||
.sub-nav>a{
|
||||
margin-left: 35px;
|
||||
}
|
||||
.foot-left .item{
|
||||
margin-left: 60px;
|
||||
}
|
||||
.banner-txt .title{
|
||||
font-size: 50px;
|
||||
}
|
||||
.banner-txt .sub-title{
|
||||
font-size: 28px;
|
||||
}
|
||||
.project-case-list>a>.img{
|
||||
height: 175px;
|
||||
}
|
||||
.culture-info{
|
||||
line-height: 1.8;
|
||||
}
|
||||
.red-property-case>a>.img{
|
||||
height: 235px;
|
||||
}
|
||||
.complaint .left{
|
||||
width: 280px;
|
||||
}
|
||||
.complaint .right{
|
||||
width: calc(100% - 320px);
|
||||
}
|
||||
|
||||
.services-list .item{
|
||||
height: 390px;
|
||||
}
|
||||
.activities-list .activities-item>.txt{
|
||||
padding: 20px;
|
||||
}
|
||||
.activities-list .activities-item{
|
||||
height: 200px;
|
||||
}
|
||||
.news-first .info{
|
||||
min-height: 124px;
|
||||
}
|
||||
.news-item .img{
|
||||
height: 210px;
|
||||
}
|
||||
.news-item .time-bg{
|
||||
height: 210px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width:1220px) {
|
||||
.foot{
|
||||
position: relative;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
.record-info{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
.banner-txt .title{
|
||||
font-size: 46px;
|
||||
}
|
||||
.banner-txt .sub-title{
|
||||
font-size: 26px;
|
||||
}
|
||||
.index-service .left-service p, .index-service .right-service>a>p{
|
||||
font-size: 18px;
|
||||
}
|
||||
.index-service .left-service span, .index-service .right-service>a>span{
|
||||
font-size: 16px;
|
||||
}
|
||||
.project-case-list>a>.img{
|
||||
height: 165px;
|
||||
}
|
||||
.red-property-case>a>.img{
|
||||
height: 220px;
|
||||
}
|
||||
.enterprise-list .item .txt{
|
||||
padding: 15px;
|
||||
}
|
||||
.activities-list .activities-item>.txt{
|
||||
padding: 15px;
|
||||
}
|
||||
.activities-list .activities-item{
|
||||
height: 190px;
|
||||
}
|
||||
.news-first .info{
|
||||
min-height: 120px;
|
||||
}
|
||||
.news-item .img{
|
||||
height: 200px;
|
||||
}
|
||||
.news-item .time-bg{
|
||||
height: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width:1100px) {
|
||||
.banner-txt .title{
|
||||
font-size: 42px;
|
||||
}
|
||||
.banner-txt .sub-title{
|
||||
font-size: 24px;
|
||||
}
|
||||
.index-service .left-service p, .index-service .right-service>a>p{
|
||||
font-size: 17px;
|
||||
}
|
||||
.index-service .left-service span, .index-service .right-service>a>span{
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 非手机端隐藏 */
|
||||
@media screen and (min-width:960px) {
|
||||
|
||||
/* 仅手机端展示 */
|
||||
.wap-show {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* 隐藏pc端图片 */
|
||||
.wap-img {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* 手机端样式 */
|
||||
@media screen and (max-width:960px) {
|
||||
body {
|
||||
padding-top: .9rem;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 100px;
|
||||
}
|
||||
|
||||
.w1360 {
|
||||
width: 94% !important;
|
||||
}
|
||||
|
||||
/* 仅pc端展示 */
|
||||
.pc-show {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* 隐藏pc端图片 */
|
||||
.pc-img {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* 头部 */
|
||||
.header-white {
|
||||
background-color: #f2f5fa;
|
||||
|
|
@ -2604,10 +2778,12 @@
|
|||
/* 尾部 */
|
||||
.footer {
|
||||
padding-top: 0;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.foot {
|
||||
flex-wrap: wrap;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.foot-left {
|
||||
|
|
@ -2679,68 +2855,13 @@
|
|||
}
|
||||
|
||||
.record-info {
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: .24rem;
|
||||
line-height: 1.5;
|
||||
text-align: center;
|
||||
margin-top: .15rem;
|
||||
}
|
||||
|
||||
/* 内容 */
|
||||
.project-case-list>a>.img{
|
||||
height: 175px;
|
||||
}
|
||||
.culture-info{
|
||||
line-height: 1.8;
|
||||
}
|
||||
.red-property-case>a>.img{
|
||||
height: 235px;
|
||||
}
|
||||
.complaint .left{
|
||||
width: 280px;
|
||||
}
|
||||
.complaint .right{
|
||||
width: calc(100% - 320px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 非手机端隐藏 */
|
||||
@media screen and (min-width:960px) {
|
||||
|
||||
/* 仅手机端展示 */
|
||||
.wap-show {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* 隐藏pc端图片 */
|
||||
.wap-img {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* 手机端样式 */
|
||||
@media screen and (max-width:960px) {
|
||||
body {
|
||||
padding-top: .9rem;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 100px;
|
||||
}
|
||||
|
||||
.w1360 {
|
||||
width: 94% !important;
|
||||
}
|
||||
|
||||
/* 仅pc端展示 */
|
||||
.pc-show {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* 隐藏pc端图片 */
|
||||
.pc-img {
|
||||
display: none !important;
|
||||
position: static;
|
||||
}
|
||||
|
||||
/* banner */
|
||||
|
|
|
|||
Loading…
Reference in New Issue