/********服务项目开始**********/ .protect{ background: #fff; padding-top: 60px; margin-bottom: 60px; } .protect>.container>.text{ margin-bottom: 40px; } .protect h3{ text-align: center; } .protect>.container>.text{ text-align: center; margin-top: 30px; } .protect .item{ height: 205px; width: 205px; margin-top: 15px; display: flex; justify-content: center; align-items: center; } .protect .item:nth-child(1){ background: ; } .protect .item:nth-child(2){ background: ; } .protect .item:nth-child(3){ background: ; } .protect .item:nth-child(4){ background: ; } .protect .item:nth-child(5){ background: ; } .protect .item:nth-child(6){ background: ; } .protect .item:nth-child(7){ background: ; } .protect .item:nth-child(8){ background: ; } .protect .item:nth-child(9){ background: ; } .protect .item:nth-child(10){ background: ; } .protect .item:hover .item-hover{ background: rgba(0,0,0,.5); height: 100%; width: 100%; } /*.protect .item a>.text{*/ /* color: #e9a614;*/ /* text-align: center;*/ /*}*/ .protect .item .item-hover{ background: rgba(0,0,0,.3); height: 100%; width: 100%; } .protect .item a>.text{ color: #fff; text-align: center; } /********服务项目结束**********/ /********成功案例开始**********/ .case{ /*background: #f3f3f3;*/ background: #f5f5f5; padding-bottom: 30px; padding-top: 60px; } .case .item{ margin-top: 20px; } .case .item:hover{ transform: scale(1.1); transition: all 0.2s ease-in-out; } .case img{ /*height: 216px;*/ } .case .card>div:first-child{ overflow: hidden; height: 216px; } .case>.container>.row{ margin-top: 20px; } .case h3{ text-align: center; } .case>.container>.text{ text-align: center; margin-top: 30px; } .ljgd{ text-align: center; margin-top: 40px; } /********成功案例结束**********/ /********新闻中心开始**********/ .news{ padding-top: 40px; /*background: #fbfaff;*/ background: #f5f5f5; padding-bottom: 30px; } .news .item{ height: 140px; background: #ffffff; } .news .time{ /*padding: 20px;*/ /*width: 150px;*/ width: 110px; background: #fff; } .news .content{ margin-left: 10px; } /********新闻中心结束**********/ footer a{ color: #fff; } @media screen and (max-width: 540px) { .protect .item .item-hover{ background: rgba(0,0,0,.3); height: 100%; width: 100%; } .protect .item a>.text{ color: #fff; text-align: center; } .protect{ padding-top: 20px; } .protect>.container>.row{ justify-content: space-around; } .protect .item{ height: 150px; width: 150px; } .protect { margin-bottom: 10px; } .case{ padding-top: 30px; } .case>.container>.row{ justify-content: space-around; } .case .item{ margin-top: 10px; } .news .time{ display: none; } .about button{ float: none; } }