.continueHighBanner{ width: 100%; } .continueHighBanner img{ width: 100%; } /* 搜索 */ .indexSearch{ width: 820px; height: 36px; margin: 72px auto 84px; } .form-control,.btn{ border-radius: 0; } .safeIndexPic{ width: 100%; } .safeIndexPic img{ width: 100%; } footer{ /* display: none; */ } /* 热门推荐 */ .RecommendTitle{ clear: both; text-align: center; } .RecommendTitle h2{ font-weight: normal; font-size: 26px; color: #323131; } .RecommendTitle span{ display: inline-block; width: 54px; height: 4px; background: #1697e9; transition: all .2s ease-in; } .indexSearch .search-inp{ clear: both; width:640px; height: 36px; float: left; } .indexSearch>span{ width: 180px; display: inline-block; height: 44px; text-align: center; color: #fff; background: #ffb108; font-size: 16px; line-height: 44px; float: right; border-radius: 5px; cursor: pointer; } .searchBtn{ width: 60px; font-size: 18px; padding-top: 3px; } .indexSearch .demandSearch{ width: 530px; height: 44px; line-height: 44px; border-color: #bbd5e5; } .indexSearch .searchBtn{ height: 44px; line-height: 22px; background: #1697e9; border: 1px solid #1697e9; color: #ffffff; } .indexSearch .searchBtn img{ width: 35px;height: 35px; vertical-align: top } .indexSearch .search-inp .input-group{ width: 530px; } .safeList{ margin-top: 40px; text-align: center; } .safeList ul li { text-align: left; width: 265px; height: 400px; margin-left: 46px; float: left; box-shadow: 0 0 10px #ccc; margin-bottom: 50px; transition: all .3s ease-in; } .safeList ul li:nth-child(4n+1){ margin-left: 0px!important; } .safeList ul li div{ width: 100%; height: 290px; } .safeList ul li div img{ width: 100%; height: 100%; display: inline-block; } .safeList ul li h3{ font-size: 19px; color: #333333; margin-top: 12px; font-weight: normal; padding-left:10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .safeList ul li span{ padding-left:10px; width: 130px; display: inline-block; font-size: 12px; color: #f0925f; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; margin-bottom: 10px; } .safeList ul li:hover{ cursor: pointer; box-shadow: 0 0 30px #666; transition: all .3s ease-in; } .safeList ul li a{ width: 100%; display: inline-block; } .safeList ul li p{ padding-left: 10px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; margin-bottom: 12px; padding-right: 10px; color: #666666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .safeList>div{ clear: both; margin-top: 10px; margin-bottom: 105px; } .safeList>div>a{ clear: both; display: inline-block; width: 196px; height: 50px; line-height: 46px; text-align: center; font-size: 24px; border: 2px solid #40acff; border-radius: 5px; } .safeList>div>a:hover{ background: #40acff; color: #fff; } .safeBottom{ background: url(../../../img/safeguarding/safeIndex_3.jpg)no-repeat; background-size:100% 100%; width: 100%; padding-top: 33px; padding-bottom: 300px; } .safeBottom .picTxt{ margin-top: 30px; display: flex; display: -webkit-flex; justify-content: space-between; padding-bottom: 15px; } .picTxt img{ width: 600px; height: 330px; } .picTxt>div{ padding: 5px; width: 574px; } .picTxt>div h3{ font-weight: normal; font-size: 24px; margin-bottom: 10px; color: #333; } .picTxt>div p{ font-size: 16px; margin-bottom: 10px; color: #333; } #bottom{ margin-top: -180px; } @media screen and (max-width:1200px){ body{ width: 1200px; margin: 0 auto; } .continueHighBanner{ width: 1200px!important; } }