/*----------物业 底部----------*/ .footer-wy { height: 360px; background: url(../images/wy/bg03.png) no-repeat center top; color: #fff; } .footer-wy .phone { padding-top: 80px; } .footer-wy .phone li { float: left; margin-right: 150px; } .footer-wy .phone li.last { margin-right: 0; } .footer-wy .phone li span { display: block; width: 50px; height: 4px; background: #D70000; } .footer-wy .phone li h3 { font-size: 20px; margin-top: 10px; } .footer-wy .phone li p { margin-top: 5px; font-size: 38px; } .footer-wy .msg { margin-top: 20px; padding: 0 20px; line-height: 54px; font-size: 20px; border-top: 1px solid #1C55B5; border-bottom: 1px solid #1C55B5; letter-spacing: 0.5em; } .footer-wy .msg p.p1 { float: left; } .footer-wy .msg p.p2 { float: right; } .footer-wy .copy { margin-top: 50px; text-align: center; font-size: 14px; color: #a0a0a0; } /*----------物业 banner----------*/ .banner { height: 500px; background-position: center top; background-repeat: no-repeat; background-color: #fff; background-image: url(../images/wy/banner.jpg); } .grey_line { border-bottom: 10px solid #F6F6F6; } /*---------- 物业简介 ----------*/ .wy-abpout { height: 670px; background: url(../images/wy/bg01.png) no-repeat center top; } .wy-abpout .tit { padding-top: 70px; color: #fff; } .wy-abpout .tit h3 { font-size: 45px; text-transform: uppercase; } .wy-abpout .tit h4 { font-size: 25px; font-weight: normal; letter-spacing: 0.5em; } .wy-abpout .tit span { display: block; width: 50px; height: 4px; background: #D70000; margin-top: 8px; } .wy-abpout .img-block { margin-top: 20px; background: url(../images/wy/bg04.png) no-repeat right center; width: 550px; height: 350px; padding: 15px 15px 15px 0; float: left; } .wy-abpout .img-block img { display: block; width: 100%; height: 100%; } .wy-abpout .txt-block { margin-top: 30px; float: right; width: 600px; } .wy-abpout .txt-block .txt { font-size: 14px; color: #fff; line-height: 22px; } .wy-abpout .txt-block .txt p { padding: 5px 0; } .wy-abpout .txt-block .btn { margin-top: 30px; display: block; width: 120px; padding-left: 30px; line-height: 46px; border: 1px solid #007EFF; color: #007EFF; font-size: 16px; background: url(../images/wy/point01.png) no-repeat 110px center; } /*---------- 物业视频 ----------*/ .wy-video { height: 670px; background: url(../images/wy/bg02.png) no-repeat center top; overflow: hidden; } .wy-video .cnt { margin: 65px auto 0; width: 900px; height: 500px; position: relative; } .wy-video .cnt a {} .wy-video .cnt img { display: block; width: 100%; height: 100%; } .wy-video .cnt .tit { position: absolute; width: 100%; padding-top: 280px; top: 0; left: 0; text-align: center; color: #fff; background: url(../images/wy/icon_video.png) no-repeat center 180px; } .wy-video .cnt .tit h3 { font-size: 45px; text-transform: uppercase; } .wy-video .cnt .tit h4 { font-size: 25px; font-weight: normal; } .wy-video .cnt .tit span { display: block; width: 50px; height: 4px; background: #D70000; margin: 10px auto 0; } /*---------- 服务项目 ----------*/ .service { padding: 70px 0 60px 0; } .service-tit { text-align: center; } .service-tit h3 { font-size: 45px; text-transform: uppercase; color: #12246d; } .service-tit h4 { font-size: 25px; font-weight: bold; color: #000; } .service-tit span { display: block; width: 50px; height: 4px; background: #D70000; margin: 10px auto 0; } .service-tab { margin-top: 45px; text-align: center; background: url(../images/wy/line01.png) repeat-x center center; } .service-tab .cnt { padding: 0 20px; background: #fff; display: inline-block; } .service-tab .cnt a { line-height: 40px; padding: 0 24px; font-size: 14px; font-weight: bold; color: #000; display: inline-block; } .service-tab .cnt a.cur, .service-tab .cnt a:hover { color: #fff; background: #12246D; } .service-list { margin-top: 25px; height: 480px; } .service-list .item { width: 400px; height: 480px; float: left; } .service-list .item a { display: block; width: 380px; height: 460px; margin: 0 auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .service-list .item img { display: block; width: 380px; height: 250px; } .service-list .item h3 { text-align: center; margin-top: 30px; font-size: 18px; } .service-list .item .txt { font-size: 14px; line-height: 24px; height: 96px; overflow: hidden; padding: 10px 30px; text-align: justify; color: #999; } .service-list .item .btn { display: block; width: 100px; height: 32px; line-height: 32px; background: #f1f1f1 url(../images/wy/play-video-gray.png) no-repeat 9px center; color: #9c9c9c; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 25px auto 0; text-indent: 30px; } .service-list .item a:hover .btn { background: #d70000 url(../images/wy/play-video-white.png) no-repeat 9px center; color: #fff; } .service-list .owl-carousel .owl-nav button.owl-prev, .service-list .owl-carousel .owl-nav button.owl-next { position: absolute; top: 50%; width: 64px; height: 64px; transform: translateY(-50%); text-indent: -9999px; z-index: 998; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } /*左右控制按钮 相对bx-wrapper定位*/ .service-list .owl-carousel .owl-nav button.owl-prev { left: -80px; background: url(../images/wy/scroll_left.png) no-repeat 0 0; } .service-list .owl-carousel .owl-nav button.owl-next { right: -80px; background: url(../images/wy/scroll_right.png) no-repeat 0 0; } /*----------物业分布----------*/ .wuye-fb { padding: 30px 0 50px; background: #FFF2E5; } .wuye-fb .tab { margin-top: 30px; } .wuye-fb .tab li { cursor: pointer; float: left; line-height: 50px; padding: 0 45px; color: #fff; font-size: 18px; background: #9C9388; margin-right: 15px; -webkit-transition: all 0.4s; transition: all 0.4s; } .wuye-fb .tab li.cur { background: #FF911E; font-weight: bold; } .wuye-fb .cnt { padding-top: 10px; } .wuye-fb-cnt-wrap { min-height: 380px; } .wuye-fb-cnt-tit { margin-top: 30px; font-size: 18px; line-height: 20px; padding: 10px 0 5px; color: #FF911E; font-weight: bold; border-bottom: 3px solid #FF911E; display: inline-block; } .wuye-fb-cnt-list { -webkit-transition: all 0.4s; transition: all 0.4s; margin-bottom: 15px; } .wuye-fb-cnt-list li { width: 275px; float: left; line-height: 24px; margin-top: 20px; } .wuye-fb-cnt-list li h3 { font-size: 15px; font-weight: bold; color: #685c4d; padding-left: 20px; background: url(../images/wy/point02.png) no-repeat 5px center; margin-bottom: 5px; } .wuye-fb-cnt-list li p { color: #918a81; line-height: 26px; height: 26px; padding-left: 46px; } .wuye-fb-cnt-list li p.t1 { background: url(../images/wy/icon_a06.png) no-repeat 22px center; } .wuye-fb-cnt-list li p.t2 { background: url(../images/wy/icon_a08.png) no-repeat 22px center; color: #ff911e; font-size: 20px; } /*----------服务内容----------*/ .wuye-servicecnt { padding: 40px 0 50px 0; overflow: hidden; background: url(../images/wy/line02.png); } .wuye-servicecnt ul { margin-top: 30px; width: 1245px; } .wuye-servicecnt li { width: 330px; padding: 0 20px; float: left; margin-right: 45px; text-align: center; } .wuye-servicecnt li img { display: block; width: 100%; } .wuye-servicecnt li h3 { font-size: 20px; color: #000; font-weight: bold; margin-top: 20px; } .wuye-servicecnt li h4 { font-size: 15px; color: #919191; margin-top: 10px; } .wuye-servicecnt li .txt { line-height: 22px; font-size: 13px; color: #6f6f6f; padding: 20px; text-align: left; } /*----------物业优势----------*/ .wuye-ys { padding: 30px 0 90px 0; overflow: hidden; } .wuye-ys ul { margin-top: 30px; width: 1262px; } .wuye-ys li { width: 190px; float: left; margin-right: 62px; } .wuye-ys li img { display: block; width: 190px; height: 300px; } .wuye-ys li .txt { line-height: 24px; font-size: 14px; color: #979797; margin-top: 20px; } .wuye-ys li .txt h3 { font-size: 18px; color: #000; padding-bottom: 15px; font-weight: bold; white-space: nowrap; } /*---------- 荣誉 ----------*/ .wuye-honor { padding: 50px 0 0 0; } /*----------新闻----------*/ .wuye-news { padding: 50px 0 50px 0; overflow: hidden; background: url(../images/wy/line02.png); } .wuye-news-cnt { margin-top: 65px; } /*----------推荐新闻----------*/ .news-tj { width: 520px; height: 330px; float: left; position: relative; } .news-tj a {} .news-tj a img { display: block; width: 100%; height: 100%; } .news-tj a h3 { position: absolute; color: #fff; font-size: 16px; font-weight: bold; line-height: 50px; width: 480px; padding: 0 20px; left: 0; bottom: 0; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /*----------最新新闻----------*/ .news-zx { width: 620px; float: right; } .news-zx h3 { line-height: 34px; font-size: 18px; color: #12246d; font-weight: bold; border-bottom: 1px solid #DDDDDD; } .news-zx .more { font-size: 14px; color: #d70000; } .news-zx ul { margin-top: 5px; height: 256px; margin-bottom: 15px; } .news-zx li { line-height: 32px; height: 32px; text-align: right; } .news-zx li span { color: #9d9d9d; } .news-zx li a { float: left; text-align: left; background: url(../images/wy/point04.png) no-repeat 0 center; padding-left: 20px; font-size: 13px; color: #000; } .news-zx li a { width: 300px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /*----------新闻列表----------*/ .news_list { margin-top: 20px; } .news_list li { padding: 30px 0; border-bottom: 2px solid #F2F4F7; } .news_list li img { width: 335px; float: left; } .news_list li .cnt { float: left; width: 700px; margin-left: 40px; } .news_list li .date { height: 24px; line-height: 24px; color: #706f6f; margin-bottom: 10px; font-size: 14px; } .news_list li h3 { line-height: 32px; height: 32px; color: #000; font-size: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 10px; } .news_list li .desc { line-height: 20px; height: 40px; overflow: hidden; color: #706f6f; font-size: 14px; } .news_list li .more { margin-top: 30px; font-size: 14px; color: #102678; display: block; border: 1px solid #102678; width: 130px; height: 40px; line-height: 40px; text-align: center; -webkit-transition: all 0.4s; transition: all 0.4s; } .news_list li a:hover h3 { color: #102678; } .news_list li a:hover .desc {} .news_list li a:hover .more { color: #fff; background: #102678; border: 1px solid #102678; } /* 分页 */ #pages { padding: 30px 0 10px; text-align: center; } #pages a { display: inline-block; height: 36px; line-height: 36px; background: #fff; border: 1px solid #e3e3e3; text-align: center; color: #333; padding: 0 15px } #pages a.a1 { background: url(../images/admin_img/pages.png) no-repeat 0 5px; width: 56px; padding: 0 } #pages a:hover { background: #102678; color: #fff; text-decoration: none } #pages span { display: inline-block; height: 36px; line-height: 36px; background: #102678; border: 1px solid #102678; color: #fff; text-align: center; padding: 0 15px } .page .noPage { display: inline-block; width: 56px; height: 36px; line-height: 36px; background: url(../img/icu/titleBg.png) repeat-x 0 -55px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; } /*----------文章----------*/ .article { padding: 50px 0; } /*文章标题*/ .article_tit { font-size: 22px; line-height: 30px; color: #000; } /*文章信息*/ .article_msg { height: 34px; line-height: 34px; margin-top: 20px; color: #706f6f; font-size: 14px; } .article_msg .date { float: left; font-size: 26px; color: #b6b6b6; font-weight: bold; font-family: helvetica_neue_condensedbold; } .article_msg .views { float: left; margin-left: 40px; } /*文章内容*/ .article_body { margin-top: 40px; line-height: 30px; font-size: 16px; color: #706f6f; min-height: 300px; } .article_body p { padding: 10px 0; } .article_body img { max-width: 100%; } /*----------关于页面----------*/ .about { padding: 50px 0; min-height: 300px; } .about_body { margin-top: 40px; line-height: 30px; font-size: 16px; color: #706f6f; } .about_body p { padding: 10px 0; } .about_body img { max-width: 100%; }