@charset "utf-8"; /* CSS Document */ .ind{ width:1200px; margin:0px auto 20px; } .ind_logo{ padding-top:10px; text-indent:-99999em; } .ind_city{ margin:35px 0px 0px 20px; padding:0px 12px; border-radius:20px; line-height:28px; height:28px; position:relative; background:#00be78; } .ind_city a{ color:#fff; padding-right:15px; } .ind_city span{ background:url(../images/xiala2.png) right center no-repeat; position:absolute; height:5px; width:9px; display:block; right:12px; top:12px; } .ind_nav{ margin-top:30px; } .ind_nav li{ float:left; margin-left:20px; } .ind_nav li a{ font-size:16px; color:#333; } .ind_nav li.cur a{ color:#fff; padding:4px 15px; background:#00be78; border-radius:16px; } .banenr_box{ margin:auto; position:relative; } .banner a img{ width:100%; height:520px; } .banenr_pos{ width:120px; position:absolute; left:50%; bottom:20px; margin-left:-60px; } .banenr_pos a{ margin-left:6px; height:16px; width:16px; display:block; float:left; background:url(../images/l1.png); } .banenr_pos a.a2{ background:url(../images/l2.png); } .ser{ width:680px; height:130px; background:url(../images/bran_bg.png); border-radius:8px; position:absolute; left:50%; bottom:100px; margin-left:-340px; z-index: 9999999; } .ser_nav{ padding:10px 0px 0px 20px; cursor: pointer; } .ser_nav a { font-size: 16px; color: #fff; margin-right: 8px; width: 50px; height: 28px; line-height: 28px; display: block; float: left; text-align: center; padding:2px 8px; } .ser_nav a.cue{ background:#f25045; border-radius:15px; } .shouj_pos{ padding:20px 20px 0px 0px; cursor:pointer; position:relative; } .shouj_pos span{ font-size:16px; color:#fff; line-height:18px; margin-left:5px; } .shouj_dis{ float:left; } .shouj_dis i{ background:url(../images/shouji.png); height:18px; width:18px; display:block; } .shouj_ew{ width:190px; background:#fff; position:absolute; left:-50px; top:40px; overflow:hidden; -moz-box-shadow: 0px 4px 8px #eee; -webkit-box-shadow: 0px 4px 8px #eee; box-shadow: 0px 4px 8px #eee; z-index:9999; border-radius:4px; display:none; } .shouj_pos:hover .shouj_ew{ display:block; } .shouj_ew img{ margin:20px auto 20px; } .shouj_ew em,.shouj_ew p{ text-align:center; padding:0px 20px; display:block; } .shouj_ew p{ margin-top:10px; color:#999; padding-bottom:20px; } .ind_ss{ padding:20px 0px 0px 20px; } .ind_fo{ width:518px; height:46px; background:#fff; border-radius:5px; } .ind_fo input{ line-height:46px; padding-left:10px; width:400px; float:left; } .ind_fo button{ width:85px; color:#fff; font-size:16px; float:right; height:46px; padding-left:20px; background:url(../images/ss.png) 12px center no-repeat #00be78; border-radius:0px 5px 5px 0px; } .ind_ss a{ float:right; height:46px; width:100px; color:#fff; font-size:16px; padding-left:12px; background:url(../images/ddd.png) 12px center no-repeat #f25045; border-radius:5px; margin-right:20px; text-align:center; line-height:46px; } .ind_ks{ width:100%; background:#f6f7f6; height:150px; } .ind_ks_box{ width:1200px; margin:auto; padding:27px 0px; } .ind_ks_l{ width:1130px; } .ind_ks_l li{ float:left; width:325px; } .ind_ks_a{ margin-top:6px; } .ind_ks_a a{ float:left; display:block; margin-right:15px; margin-top:12px; } .ind_ks_a a:hover{ color:#00be78; } .ind_ks_l li h3{ line-height:26px; padding-left:35px; font-weight:normal; font-size:16px; } .h1{ background:url(../images/p1.png) left center no-repeat; } .h2{ background:url(../images/p2.png) left center no-repeat; } .h3{ background:url(../images/p3.png) left center no-repeat; } .h4{ background:url(../images/p4.png) left center no-repeat; } .ind_ks_l li.ind_hux{ width:320px; } .ind_ks_l li.ind_hux2{ width:250px; } .ind_ks_l li.ind_hux3{ width:215px; } .ind_more{ font-size:16px; color:#999; height:20px; line-height:20px; width:60px; background:url(../images/day.png) right center no-repeat; margin-top:60px; } .infang{ width:1200px; margin:30px auto 0px; } .infang_title{ background:#f6f7f6; height:42px; line-height:42px; } .infang_title .incue{ height:40px; background:#fff; border-top:2px solid #00be78; color:#00be78; } .infang_title a{ width:399px; float:left; display:block; color:#333; font-size:16px; text-align:center; border-left:1px solid #eee; } .infang_title a:first-child{ border-left:0px; } .inul{ overflow:hidden; } .inul li{ position:relative; float:left; width:285px; margin-left:20px; margin-top:20px; } .inul li:first-child{ margin-left:0px; } .inul li a{ display:block; overflow:hidden; width:285px; height:208px; border-radius:5px; } .inul li a img{ width:285px; height:208px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; border-radius:5px; } .inul li:hover a img{ border-radius:5px; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .inul_box p,.inul_box span{ display:block; color:#f25045; } .inul_box{ margin-top:10px; } .inul_box p{ font-size:16px; float:left; } .inul_box p i{ font-size:16px; } .inul_box span{ float:right; } .inul_te{ padding:8px 0px;} .inul_te em{ color:#666; border:1px solid #ddd; padding:1px 7px; margin-right:2px; } .inul_pos{ width:285px; height:208px; position:absolute; left:0px; top:0px; z-index:9999; } .inul_pos span{ color:#fff; border-radius:18px; background:url(../images/bran_bg.png) repeat; padding:2px 10px; float:right; margin:10px 10px 0px 0px; -moz-box-shadow: 0px 4px 8px #eee; -webkit-box-shadow: 0px 4px 8px #eee; box-shadow: 0px 4px 8px #eee; } .inul_pos p{ background:url(../images/sbg.png) repeat; color:#fff; height:40px; line-height:40px; margin-top:168px; text-align:center; border-radius:0px 0px 5px 5px; } .inul_ban{ width:1200px; margin:auto; margin-top: 5px; } .inul_ban a{ display: block; margin-top:5px; } .inul_ban img{ width:1200px; height:auto; } .ind_title_l h1{ font-size:32px; color:#333; font-weight:normal; float:left; margin-right:25px; } .ind_title_l a{ float:left; display:block; background:url(../images/pos.png) left center no-repeat; padding-left:20px; margin-top:18px; } .ind_title_l a.vi{ background:url(../images/cc.png) left center no-repeat; } .ind_title_l{ width:280px; } .ind_title_r{ width:900px; } .ind_title_nav a{ cursor:pointer; float:left; display:block; padding:3px 15px; color:#666; font-size:18px; margin-top:10px; margin-right:20px; } .ind_title_nav a.cue{ background:#00be78; color:#fff; border-radius:15px; } .ind_ti_more{ margin-top:15px; padding-right:20px; color:#999; display:block; background:url(../images/more.png) right center no-repeat; } .ind_c{ width:1200px; margin:30px auto 0px; } .ind_bm{ width:280px; background:#f6f7f6; height:416px; position:relative; } .ind_bm h2{ font-size:18px; color:#333; font-weight:normal; padding-left:17px; border-left:3px solid #00be78; margin:20px 0px; } .ind_cen{ margin-top:28px; } .ind_inp input{ padding-left:10px; width:228px; border:1px solid #eee; height:34px; line-height:34px; background:#fff; margin:0px 0px 10px 20px; border-radius:3px; } .ind_inp button{ height:34px; font-size:16px; color:#fff; background:#f25045; width:240px; margin-left:20px; border-radius:3px; } .ind_zx{ padding:0px 20px 20px 20px; overflow: hidden; position: relative; height: 145px; } .ind_zx_h3{ padding: 15px 20px 0px 20px; margin-bottom:13px; font-size:18px; font-weight:normal; color:#333; } .ind_zx li{ height: 30px;line-height: 30px; } .ind_zx li em{ float:right; color:#666; } .ind_zhek{ width:900px; } .ind_zhek li{ float:left; width:210px; margin:0px 20px 20px 0px; border-radius:5px; position:relative; } .ind_zhek li:nth-child(4n+4){ margin-right:0px; } .ind_zhek li a{ width:210px; height:152px; display:block; overflow:hidden; border-radius:5px; } .ind_zhek li a img{ width:210px; height:152px; border-radius:5px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .ind_zhek li a img:hover{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .ind_zhek li p{ color:#f25045; line-height:30px; margin-top:4px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .ind_sheng{ color:#666; background:url(../images/a9.png) left center no-repeat; padding-left:20px; } .ind_sheng i{ color:#f25045; } .ind_pos{ z-index:999; width:210px; position:absolute; left:0px; top:114px; height:38px; line-height:38px; background:url(../images/sbg.png) repeat; border-radius:0px 0px 5px 5px; } .ind_pos span{ margin-left:10px; color:#fff; } .ind_pos em{ float:right; margin-right:10px; color:#fff; } .ind_pos em i{ font-family:Arial; font-size:16px; font-weight:bold; } .ind_div{ padding: 0px 20px 20px 20px; overflow: auto; height: 325px; } .ind_time{ position:relative; } .ind_tispa{ background:url(../images/sanj.png) 12px center no-repeat; padding-left:20px; margin:17px 0px; } .ind_tispa span{ color:#888; background:#eaeaea; font-size:12px; padding:1px 8px; border-radius:3px; } .ind_time p{ padding-left:20px; } .ind_e{ position:absolute; left:0px; top:8px; background:url(../images/yp.png) no-repeat left center; height:3px; width:3px; z-index:999999999; } .ind_ii{ border-left:2px solid #eee; } .ind_ii span{ color:#333; } .ind_ii em{ color:#666; float:right; } .ind_ii p{ margin-top:9px; } .indcen{ height:195px; width:392px; border-radius:3px; } .ind_com{ width:600px; margin-left:20px; } .ind_img{ overflow:hidden; width:393px; height:194px; border-radius:5px; position:relative; } .ind_img img{ width:393px; height:194px; } .ind_img_box{ width:1174px; } .ind_img_box a{ display:block; float:left; } .ind_img_box img{ width:393px; height:194px; } .ind_img_pos{ width:70px; position:absolute; right:0px; bottom:10px; height:16px; } .ind_img_pos span{ height:16px; width:16px; display:block; float:left; background:url(../images/l1.png); margin-right:3px; } .ind_img_pos span.cie{ background:url(../images/l2.png); } .indli_l{ height:194px; float:left; width:186px; position:relative; margin-left:20px; margin-top:10px; } .h_list .indli_l{ margin-right:20px; margin-left:0px; margin-top: 0px; margin-bottom: 10px; } .h_list .indli_l:nth-child(3n){ margin-right:0px; } .ind_com .in{ margin-left:0px; } .ind_com .in1{ margin-top:0px; } .indli_l a{ height:134px; display:block; overflow:hidden; width:186px; border-radius:5px; } .indli_l a img{ height:134px; width:186px; border-radius:5px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .indli_l a img:hover{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .ind_rloup_d{ margin:10px 0px 6px 0px; } .ind_rloup_d span{ color:#666; } .ind_rloup_d span i{ font-size:16px; font-family:Arial; font-weight:bold; color: #f25045; } .ind_rloup_d em{ float:right; color:#999; } .indli_l p{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color:#f25045; } .ind_tttle{ position:absolute; left:0px; bottom:60px; height:36px; width:166px; padding:0px 10px; background:url(../images/sbg.png) repeat; color:#fff; border-radius:0px 0px 5px 5px; line-height:36px; z-index:9999; } .ind_bm .more{ background:url(../images/more.png) right center no-repeat; position:absolute; right:20px; top:24px; padding-right:20px; color:#999; } .ind_new{ margin:0px 20px 10px; height:193px; border-bottom:1px solid #eee; } .ind_new a{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color:#333; display:block; padding-bottom:12px; } .ind_new a:hover{ color:#f25045; } .ind_newul{ padding:10px 20px;} .ind_newul li{ height:50px; margin-bottom:12px; } .ind_newul li img{ height:50px; width:68px; float:left; } .ind_newul li p{ width:160px; float:right; line-height:24px; margin-left:12px; color:#333; } .ind_newul li p:hover{ color:#f25045; } .ind_cen .inde_e{ min-height:452px; } .inde_e_ks{ padding:10px 20px 0px; height:91px; overflow:hidden; } .inde_e .inde_e_ks.vie{ padding-top:0px; } .inde_e .inde_ehei{ height:68px; } .inde_e_t{ position:relative; } .inde_e_t h3{ padding-left:22px; font-size:16px; color:#333; font-weight:normal; background:url(../images/c2.png) left center no-repeat; } .inde_e_t a{ height:16px; width:16px; background:url(../images/c1.png) right center no-repeat; position:absolute; right:0px; top:3px; } .inde_e_box{ margin-top:10px; } .inde_e_box a{ float:left; display:block; margin-right:20px; color:#333; margin-top:7px; } .inde_e_box a:hover{ color:#f25045; } .inde_e_t .inde_h2{ background:url(../images/c3.png) left center no-repeat; } .inde_e_t .inde_h3{ background:url(../images/c4.png) left center no-repeat; } .inde_e_t .inde_h4{ background:url(../images/c5.png) left center no-repeat; } .index_er{ width:900px; } .index_er li{ float:left; width:210px; margin:0px 20px 20px 0px; } .index_er li:nth-child(4n+4){ margin-right:0px; } .index_er li a{ width:210px; height:152px; display:block; overflow:hidden; border-radius:5px; } .index_er li a img{ width:210px; height:152px; border-radius:5px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .index_er li a img:hover{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .index_jg span{ color:#f25045; } .index_jg span i{ font-family:Arial; font-size:16px; font-weight:bold; } .index_jg em{ float:right; color:#999; } .index_er li p{ color:#333; padding:8px 0px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .ind_title .index_qr{ width:100px; } .ind_title .index_ql{ width:900px; } .index_ql span{ line-height:46px; color:#999; font-size:16px; } .index_but li{ height:330px; width:181px; float:left; border:1px solid #eee; margin:20px 20px 0px 0px; } .index_but li:last-child{ margin-right:0px; } .index_but_a{ width:181px; height:232px; position:relative; display:block; } .index_but_a img{ max-width:181px; max-height:232px; margin: auto; } .index_ipo{ position:absolute; left:0px; bottom:0px; background:url(../images/bg.png) repeat; width:163px; color:#fff; padding:10px; } .index_ipo p{ margin-top:5px; } .index_but_ta{ width:159px; border:1px solid #f25045; display:block; color:#f25045; line-height:32px; margin:15px 10px 10px 10px; text-align:center; } .index_but li p{ background:url(../images/rez.png) left center no-repeat; padding-left:25px; margin-left:10px; font-size:16px; color:#ffffff; } .index_but li p.tel{ color:#666;} .in_box{ margin-top:20px; } .in_l{ width:350px; } .in_l_1{ width:350px; height:242px; position:relative; margin-bottom:20px; } .in_l_1 a{ width:350px; height:242px; border-radius:5px; display:block; overflow:hidden; } .in_l_1 img{ width:350px; height:242px; border-radius:5px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .in_l_1 img:hover{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .in_l_1 p{ width:330px; padding:0px 10px; line-height:40px; position:absolute; left:0px; bottom:0px; background:url(../images/sbg.png) repeat; color:#fff; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; border-radius:0px 0px 5px 5px; } .in_l_2 li{ float:left; width:165px; margin-right:20px; } .in_l_2 li:last-child{ margin-right:0px; } .in_l_2 li a{ height:116px; width:165px; border-radius:5px; display:block; overflow:hidden; } .in_l_2 li a img{ height:116px; width:165px; border-radius:5px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .in_l_2 li a img:hover{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .in_l_2 li p{ margin-top:8px; color:#333; } .in_c{ width:456px; margin-left:30px; } .in_c a{ display:block; color:#333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; background:url(../images/ytt.png) left center no-repeat; padding-left:15px; margin-bottom:14px; } .in_c a:first-child{ font-weight:bold; font-size:16px; } .in_c a:nth-child(7){ font-weight:bold; font-size:16px; } .in_c a:hover{ color:#f25045; } .indd{ margin-top:20px; } .in_r{ width:336px; } .in_r_t span{ font-size:18px; border-left:3px solid #00be78; padding-left:17px; color:#333; } .in_r_t a{ float:right; color:#999; background:url(../images/more.png) right center no-repeat; padding-right:20px; } .in_r_img{ height:190px; border-bottom:1px solid #eee; margin-top:20px; } .in_r_img li{ margin-bottom:10px; height:50px; } .in_r_img li a{ overflow:hidden; } .in_r_img li img{ height:50px; width:68px; float:left; } .in_r_img li p{ color:#333; float:right; width:254px; } .in_r_img li p:hover{ color:#f25045; } .in_r .in_cbox a:first-child{ font-weight:normal; font-size:14px; } .in_r_n a{ margin-top:12px; color:#333; display:block; width:320px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; background:url(../images/ytt.png) left center no-repeat; padding-left:16px; } .in_r_n a:hover{ color:#f25045; } .tc_show{ display: none; position: absolute; top: 0px; left: 280px; background: #f6f7f6; width: 467px; min-height: 452px; } .tc_t_div{height: 87px;} .tc_show .inde_e_box{height: 90px;} /*新房图片切换图标*/ .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 24px; } .swiper-pagination-bullet { width: 10px; height: 10px; } .swiper-pagination-bullet-active { opacity: 1; background: #00be78; }