#facili{width:100%;min-height: 300px;background-color: #fcfcfc;overflow: hidden;} #facili>div{width:1200px;margin: 0px auto;} .facImg{height:140px;padding:20px 0;display: flex;justify-content: flex-start;} .facImg>div:nth-child(1){width:100px;height:100px;background-color:#fff;padding:5px; border-radius: 5px;margin-right:30px;} .facImg>div>img{width:90px;height:90px;} .facImg>div>h3{line-height: 100px;letter-spacing: 2px;} .facTab>span{font-size: 18px;height:26px;line-height: 26px;padding:5px 15px;border:1px solid #2EA1EA;margin-right: 20px; border-radius: 13px;color:#2EA1EA;cursor: pointer;} .facTab>span.facActive{background-color: #2EA1EA;color:#fff;} .facFirst{min-height:500px;padding:30px 0;display: none;} .jianjie>h4{letter-spacing: 2px;margin-bottom: 20px;} .jianjie>p{letter-spacing: 1px;margin-bottom: 50px;line-height: 22px;} .rongyuImg{text-align: center;} .rongyuCont{padding:30px 8px 30px 22px;background-color: #F4F4F4;display: flex; justify-content: flex-start;flex-wrap: wrap;margin-bottom: 50px;} .rongyuCont>div{width:280px;height:200px;background-color: #fff;padding: 10px;margin-bottom:20px;margin-right:12px;} .rongyuCont>div>img{width:260px;height:145px;} .rongyuCont>div>p{margin-top:10px;text-align: center;overflow: hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;} .lianxiCont{display: flex;justify-content: space-between;} .lianxiCont>div{width:370px;height:135px;} #facAll{display: block;} .facAll{width:1200px;min-height: 320px;padding: 20px 0;display: flex; justify-content: flex-start;flex-wrap: wrap;margin-top: 20px;} .facAll>div{width:225px;height:270px;background-color: #fff;margin-right: 15px;} .facAll>div>img{width:225px;height:225px;display: inline-block;} .facAll>div>p{margin-top:10px;text-align: center;overflow: hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;} /* 热门推荐 */ .RecommendTitle{ clear: both; text-align: center; } .RecommendTitle h2{ font-size: 26px; color: #323131; } .RecommendTitle span{ display: inline-block; width: 54px; height: 4px; background: #1697e9; transition: all .2s ease-in; } .contantUs{ margin-top: 33px; height: 130px; display: flex; display: -webkit-flex; justify-content: space-between; margin-bottom: 100px; } .contantUs li{ width: 372px; background: #f4f4f4; height: 130px; display: -webkit-flex; display: flex; padding: 36px 0px 0 40px ; } .contantUs li .glyphicon{ color: #757474; font-size: 48px; display: inline-block; margin-right: 28px; font-weight: normal; margin-top: 4px; } .contantUs li p:nth-child(1){ margin-bottom: 14px; } .contantUs li p span{ font-size: 14px; color: #7a7878; } .contantUs li p{ font-size: 16px; color: #1f1f1f; } .contantUs li p .pho{ margin-left: 10px; } .contantUs li:hover{ background: #1697e9; } .contantUs li:hover .glyphicon,.contantUs li:hover p,.contantUs li:hover span{ color: #ffffff; } .pagination_box{clear: both;overflow: hidden; width: 1200px; margin: 0 auto;line-height: 74px;display: none;} .clearfix{clear: both;} .pagination_box nav { float: right; } .inp{ float: right; display: none; } .pagination_box .inp button{ margin-top:-5px;line-height: 22px; } .list_none { width: 550px; height: 150px; background: url("../../../img/all_null.png") no-repeat; margin: 50px auto; } .inp input{ width:40px; height: 35px; text-align: center; border-radius: 5px; border:1px solid #ccc; } .inp button{ margin: 0 10px; margin-top:-5px; width: 50px; } .pagination_box ul li a { color: #333 } .pagination_box .pagination { float: right; margin-right: 20px; } .pagination_box .totalCount { float: right; display: inline-block; margin-right: 15px; } .listJ{ clear: both; margin-top: 40px; } .listJ li{ float: left; width: 266px; color: #fff; margin-left: 44px; background: #68afeb; margin-bottom: 42px; } .listJ li:nth-child(4n+1){ margin-left: 0; background: #fdc5a5; } .listJ li>div{ overflow: hidden; padding-left: 32px; padding-top: 32px; border-bottom: 2px solid #fff; padding-bottom: 5px; } .listJ li>div:nth-child(1) p{ height: 58px; width: 130px; overflow: hidden; float: left; font-size: 36px; } .listJ li>div p span{ font-size: 12px; } .listJ li>div div{ float: left; } .listJ li>P{ clear: both; } .listJ li .listTxt{ margin-left: 10px; } .listJ li .listTxt span{ font-size: 16px ; height: 22px; width: 80px; display: inline-block; overflow: hidden; } .listJ li .listTxt a{ text-decoration: none; width: 86px; height: 34px; line-height: 34px; text-align: center; background: #fff; color: #1697e9; display: inline-block; margin-top: 10px; } .listJ li .listTxt a:hover{ background: rgb(21, 231, 115); color: #fff!important; } .listJ li:nth-child(4n+1) .listTxt a { color: #fdc5a5; } .listJ li>p{ line-height: 42px; height: 42px; text-align: center; } .listJ li .listTxt .get{ font-size: 16px; color:#fff; margin-top: 18px; display: inline-block; width: 86px; text-align: center; } .listJ .Nodata{ height: 200px; } .listJ .ypTxt { padding:20px 34px; } .listJ .ypTxt p{ font-size: 16px; color: #fff; margin: 6px 0; height: 18px; line-height: 18px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } @media screen and(max-width:1200px){ #facili{ width: 1200px!important; margin: 0 auto; } }