/* *************** * 2018-02-23 * *************** */ /*头部*/ body{ font-family: "微软雅黑","microsoft yahei"; } /*a:hover{ text-decoration: underline; color: #a61111 !important; }*/ .mt5 { margin-top: 5px !important; } .pt7 { padding-top: 7px; } .mt15 { margin-top: 15px !important; } .mt10 { margin-top: 10px !important; } .mt20 { margin-top: 20px !important; } .mt25 { margin-top: 25px !important; } .mt30 { margin-top: 30px !important; } .mt35 { margin-top: 35px !important; } .mt40 { margin-top: 40px !important; } .mt60 { margin-top: 60px !important; } .pl10 { padding-left: 10px !important; } .pln { padding-left: 0 !important; } .pt10 { padding-top: 10px !important; } .pt20 { padding-top: 20px !important; } .pt30 { padding-top: 30px !important; } .pt40 { padding-top: 40px !important; } .pb30 { padding-bottom: 30px !important; } .fr { float: right !important; } .mt25{ margin-top: 25px!important; } .mt15{ margin-top: 15px!important; } .ad{ width: 1000px; margin: 0 auto; overflow: hidden; } .ad img{ width: 100%; float: left; } .ad_img{ width: 100%; height: 100px; overflow: hidden; } .ad_img img{ width: 100%; height: 100px; } .header{ width: 1000px; /*height: 90px;*/ margin:38px auto; background-color: #f5f5f5; height: 60px; } .header .head{ width: 100%; height: 60px; background-color:#a51111; } .header .logo{ width: 150px; height: 100%; float: left; background-color: #999999; } .header .nav{ width: 850px; height: 100%; line-height: 38px; float:right; } .header .nav li{ padding: 0 12px; font-size: 18px; display: inline-block; float: left; height: 100%; line-height: 38px; } .header .nav span{ border-right:1px solid #fff; display: inline-block; height: 19px; float: left; margin-top: 21px; } .header .nav li a{ line-height: 60px; color:#fff; display: inline-block; height: 100%; } .header .nav li.small{ font-size: 14px; } .header .nav2{ display: inline-block; float: right; margin-right: 20px; display: none; } .header .nav2 li{ float: left; line-height: 30px; } .header .nav2 li a{ padding:0 5px; border-left: 1px solid #676767; font-size: 12px; color:#646464; } .header .nav2 li:first-child a{ border-left: 0px solid #676767; } .header .nav2 li:nth-child(1) a{ border-left: 0px solid #676767; } .head_news{ width: 1000px; height: 380px; margin:0 auto; } /*轮播*/ .head_news .left{ width: 600px; height: 370px; float:left; } .head_news .slide{ width: 100%; height: 370px; } .head_news .device { width: 100%; height: 100%; position: relative; overflow: hidden; } .head_news .device .arrow-left { background: url(/uploads/image/rzisort/arrows_l.png) no-repeat center center; position: absolute; left: 0px; bottom:140px; margin-top: -15px; width: 40px; height: 60px; z-index: 9; } .head_news .device .arrow-right { background: url(/uploads/image/rzisort/arrows_r.png) no-repeat center center; position: absolute; right: 0px; bottom:140px; margin-top: -15px; width: 40px; height: 60px; z-index: 9; } .head_news .swiper-container { height: 370px; width: 600px; } .head_news .content-slide { padding: 20px; color: #fff; } .head_news .title { font-size: 25px; margin-bottom: 10px; } .head_news .pagination { position: absolute; right: 15px; text-align: right; bottom:20px; /*width: 50%;*/ z-index: 9; display: inline-block; } .head_news .swiper-pagination-switch { display: inline-block; width: 15px; height: 5px; background: #999; margin: 0 3px; cursor: pointer; } .head_news .swiper-active-switch { background: #fff; } .head_news .swiper-wrapper .swiper-slide img{ width: 100%; height: 100% } .head_news .swiper-wrapper .swiper-slide{ position: relative; } .head_news .swiper-wrapper .swiper-slide .title_bj{ width: 100%; height: 60px; position: absolute; left: 0; bottom: 0; z-index: 3; /*background: repeat;*/ } .head_news .swiper-wrapper .swiper-slide .title{ width: 100%; height: 60px; line-height: 60px; position: absolute; left: 0; bottom: 0; z-index: 7; font-size: 18px; /*font-weight: 600;*/ color:#fff; padding-left: 20px; /*text-align: center;*/ margin-bottom: 0px; } /*右侧*/ .head_news .right{ width: 350px; float: right; margin-right: 20px; height: 100%; } .head_news .right .list{ width: 100%; } .head_news .right .list h2{ width: 100%; height: 28px; line-height: 30px; border-bottom: 1px solid #4892ad; } .head_news .right .list h2 span{ display: inline-block; line-height: 30px; height: 28px; border-bottom: 1px solid #a61117; font-size: 18px; color:#333; font-weight: 600; } .head_news .right .list .one{ width: 100%; padding-top: 10px; overflow: hidden; height: 70px; } .head_news .right .list .one .img{ width: 130px; height:60px; float: left; padding-right: 10px; } .head_news .right .list .one .img img{ width: 100%; } .head_news .right .list .one .text{ width: 210px; float: left; } .head_news .right .list .one .text h3{ width: 100%; font-size: 18px; font-weight: 600; height: 24px; line-height: 24px; overflow: hidden; } .head_news .right .list .one .text h3 a{ color:#666; } .head_news .right .list .one .text p{ font-size: 12px; color: #959595; height: 70px; overflow: hidden;line-height: 20px; padding-top: 5px; overflow: hidden; } .head_news .right .list .one .text p a{ color:#b21b2e; } .head_news .right ul{ width: 100%; height: 115px; /* padding-top: 5px; */ } .head_news .right ul li{ width: 100%; height: 32px; overflow: hidden; } .head_news .right ul li a{ font-size: 16px; font-weight: 600; height: 32px; line-height: 32px; display: inline-block; color:#666; } .head_news .right ul li a.left_t{ float: left; } .head_news .right ul li a.right_t{ float: right; } /*地产要闻*/ .con{ width: 960px; margin:0 auto; overflow: hidden; } .con h1{ width: 100%; height: 38px; line-height: 40px; border-bottom: 2px solid #ccc; } .con h1 span{ display: inline-block; height: 38px; line-height: 40px; border-bottom: 2px solid #a91012; font-size: 26px; float:left; } .con h1>a{ display: inline-block; height: 38px; line-height: 40px; font-size: 18px; float: right; color: #c9c9c9; } .con h1>a:hover{ /*color:#a91012;*/ border-bottom: 2px solid #a91012; } .con_news{ width: 960px; margin: 0 auto; overflow: hidden; } .con_news h1{ width: 100%; height: 38px; line-height: 40px; border-bottom: 2px solid #ccc; } .con_news h1 span{ display: inline-block; height: 38px; line-height: 40px; border-bottom: 2px solid #a91012; font-size: 26px; } .con_news h1 a{ display: inline-block; height: 38px; line-height: 40px; font-size: 18px; float: right; color: #c9c9c9; } .con_news h1 a:hover{ /*color:#a91012;*/ border-bottom: 2px solid #a91012; } .con_news .left{ width: 380px; height: 400px; float: left; overflow: hidden; } .con_news .left li{ width: 100%; border-top: 2px dotted #e4e4e4; height: 130px; } .con_news .left li:first-child{ border-top: 0px solid #676767; } .con_news .left li:nth-child(1){ border-top: 0px solid #676767; } .con_news .left li .title{ width: 40px; float: left; font-size: 16px; color:#5b5b5b; font-weight: 600; margin-top: 20px; } .con_news .left li .title_news{ width: 340px; float: right; margin-top: 13px; } .con_news .left li .title_news h4{ font-size: 12px; height: 28px; line-height: 28px; overflow: hidden; color:#999; } .con_news .left li .title_news h4 a{ color:#5b5b5b; padding-left: 8px; font-size: 14px; } .con_news .left li .title_news h4:first-child a{ font-size: 16px; color:#2e2e2e; font-weight: 600 } .con_news .left li .title_news h4:nth-child(1) a{ font-size: 16px; color:#2e2e2e; font-weight: 600 } .con_news .right{ width: 550px; height: 400px; float:right; } .con_news .right .top{ width: 100%; height: 160px; margin-top: 10px; border-bottom: 2px dotted #e4e4e4; } .con_news .right .title{ height: 32px; font-size: 18px; line-height: 32px; color: #373737; font-weight: 600; } .con_news .right .top .style{ color: #ad100b; } .con_news .right .top ol{ width: 100%; height: 60px; } .con_news .right .top ol li{ width: 265px; padding-right: 10px; height: 30px; line-height: 30px; overflow: hidden; font-size: 12px; color: #999; float: left; } .con_news .right .top ol li a{ color: #5b5b5b; padding-left: 8px; font-size: 14px; } .con_news .right .top ol li.b_list{ font-weight: 600; width: 100%; height: 60px; line-height: 30px; } .con_news .right .top ol li.b_list a{ font-size: 16px; color:#3a3a3a; } .con_news .right .top ol li.b_list a.more{ color:#666; font-weight: 300; } .con_news .right .top ol li.b_list a.more:hover{ color:#a51111; font-weight: 300; font-size: 16px; } .con_news .right .bom{ width: 100%; height: 225px; } .con_news .right .bom .list{ width: 250px; margin-left: 50px; padding-top: 10px; float: left; } .con_news .right .bom .list:first-child{ margin-left: 0px; } .con_news .right .bom .list:nth-child(1){ margin-left: 0px; } .con_news .right .bom .list img{ margin-top: 7px; width: 250px; height: 100px; } .con_news .right .bom .list h3{ width: 100%; height: 16px; line-height: 16px; overflow: hidden; font-size: 14px; font-weight: 600; padding-top: 5px; } .con_news .right .bom .list h3 a{ color:#333; } .con_news .right .bom .list p{ width: 100%; height: 40px; line-height: 20px; overflow: hidden; font-size: 14px; color:#666; } /*高端访谈*/ .interview{ height: 180px; width: 960px; margin: 0 auto; border-top:2px solid #cacaca; } .interview .title{ height: 40px; width: 150px; border-top:2px solid #9f1411; margin-top:-2px; background-color: #efefef; text-align: center; } .interview .title img{ margin-top: 3px; } .interview ul{ width: 100%; height: 140px; } .interview ul li{ width: 158px; height: 140px; float: left; margin-left: 2px; position: relative; } .interview ul li img{ width: 100%; height: 100%; } .interview ul li:first-child{ margin-left: 0px; } .interview ul li:nth-child(1){ margin-left: 0px; } .interview ul li span{ height: 40px; display: inline-block; width: 90%; padding: 10px 5%; background-color: #000; position: absolute; bottom: 0; left: 0; color:#fff; text-align: center; font-size: 12px; line-height: 20px; opacity:0.6; filter:alpha(opacity=60) } /*房产置业*/ .con .left{ width: 380px; float: left; overflow: hidden; } .con .left li { width: 100%; overflow: hidden; } .con .left .title{ width: 40px; /*width: 100%;*/ float: left; font-size: 16px; color: #5b5b5b; font-weight: 600; margin-top: 20px; } .con .left li .title_news{ /*width: 100%; margin-top: 13px;*/ width: 340px; float: right; margin-top: 13px; /*padding-bottom: 10px;*/ } .con .left li .title_news h4{ font-size: 12px; height: 28px; line-height: 28px; overflow: hidden; color:#999; } .con .left li .title_news h4 a{ color:#5b5b5b; padding-left: 8px; font-size: 14px; } .con .left li .title_news h4:first-child a{ font-size: 16px; color:#2e2e2e; font-weight: 600; /*padding-left: 0;*/ } .con .left li .title_news h4:nth-child(1) a{ font-size: 16px; color:#2e2e2e; font-weight: 600; /*padding-left: 0;*/ } .con .right { width: 550px; height: 400px; float: right; } .con .right .title { height: 32px; font-size: 16px; line-height: 32px; color: #373737; font-weight: 600; } .con .right .bom{ width: 100%; height: 220px; } .con .right .bom .list{ width: 250px; margin-left: 50px; padding-top: 10px; float: left; } .con .right .bom .list:first-child{ margin-left: 0px; } .con .right .bom .list:nth-child(1){ margin-left: 0px; } .con .right .bom .list img{ margin-top: 7px; width: 250px; height: 100px; } .town .right .bom .list img{ margin-bottom: 10px; } .h_furnishing .right .bom .list img{ margin-bottom: 10px; } .con .right .bom .list h3{ width: 100%; height: 16px; line-height: 16px; overflow: hidden; font-size: 14px; font-weight: 600; padding-top: 5px; } .con .right .bom .list h3 a{ color:#333; } .con .right .bom .list h4{ width: 100%; height: 26px; line-height: 26px; overflow: hidden; font-size: 14px; color:#999; } .con .right .bom .list h4 a{ color:#333; } .con .right .bom .list p{ width: 100%; height: 40px; line-height: 20px; overflow: hidden; font-size: 14px; color:#666; } .fczy .right .bom .l_style h3{ height: 40px; line-height: 20px; } .fczy .right .bom .l_style h3 span{ font-weight: 300; color:#666; } /**/ .mingqi{ height: 148px; width: 958px; border:1px solid #cdcdcd; margin: 0 auto; position: relative; } .mingqi .sort{ position: absolute; top: -1px; left: -1px; z-index: 9; } .scroll_horizontal{position:relative;width:100%;height:100%;} .scroll_horizontal .box{overflow:hidden;position:relative;width:870px;height:100%;margin:0 auto;} .scroll_horizontal .list{overflow:hidden;width:9999px;} .scroll_horizontal .list li{float:left;text-align:center;padding:0 10px; } .scroll_horizontal .list li a{display: block;overflow: hidden;} .scroll_horizontal .list li span{display: block;height: 30px;line-height: 30px;font-size: 12px;color: #333;text-align: center;} .scroll_horizontal .plus, .scroll_horizontal .minus{position:absolute;top:0px;width:30px;height:60px;background:#f90;cursor:pointer;} .scroll_horizontal .plus{left:20px;z-index: 9;background: url(/uploads/image/rzisort/plus.png) no-repeat center center;} .scroll_horizontal .minus{right:10px;background: url(/uploads/image/rzisort/minus.png) no-repeat center center;} #pic_list_1 .box{margin-top: 45px;} #pic_list_1 .list li img{ width: 170px; height: 60px; } #pic_list_1 .list li a{ width:170px; } #pic_list_2 .list li a{ width:196px; } #pic_list_3 .list li a{ width:90px; } #pic_list_3 .list li a img{ width: 90px; height: 90px; } #pic_list_2 .box{margin-top: 20px;} #pic_list_2 .list li img{ width: 196px; height: 90px; } #pic_list_2 .plus, #pic_list_2 .minus{top:20px;} #pic_list_2 .plus{left:20px;} #pic_list_2 .minus{right:20px;} #pic_list_3 .box{margin-top: 20px;} #pic_list_3.list li img{ width: 90px; height: 90px; } #pic_list_3 .plus, #pic_list_3 .minus{top:20px;} #pic_list_3 .plus{left:20px;} /*特色小镇*/ .con .min_ad{ width:550px; height:35px; float:left; margin-left:55px; } .con .min_ad img{ width:100%; } .con .btd{ border-bottom: 2px dotted #e4e4e4; } .town .town_images{ width: 100%; height: 135px; } .town .town_images .img{ display: inline-block; width: 100%; height: 110px; position: relative; } .town .town_images img{ width: 100%; height: 135px; } .town .town_images span{ display: inline-block; position: absolute; bottom: 0; left: 0; width: 510px; height: 40px; font-size: 18px; color: #fff; background-color: #000; opacity:0.8; filter:alpha(opacity=80); padding:0 20px; line-height: 40px; } .town .town_images .style{ color:#ad100b; margin-bottom: 10px; } /*酒店展示*/ /*家居风云*/ .con .right .title ul{ width: 100%; } .con .right .title ul li{ display: inline-block; padding: 0px 20px; float: left; cursor: pointer; } .con .right .title ul li.style{ background-color: #ccc; color:#ad100b; } .con .right ol.lists{ width: 100%; height: 135px; background-color: #ccc; } .con .right ol.lists .slide_lists{ width: 100%; height: 370px; } .con .right ol.lists .slide_lists .device { width: 100%; height: 100%; position: relative; overflow: hidden; } .con .right ol.lists .slide_lists .device .arrow-left { background: url(/uploads/image/rzisort/arrows_l.png) no-repeat center center; position: absolute; left: 0px; top:50px; width: 40px; height: 30px; z-index: 9; } .con .right ol.lists .slide_lists .device .arrow-right { background: url(/uploads/image/rzisort/arrows_r.png) no-repeat center center; position: absolute; right: 0px; top:50px; width: 40px; height: 30px; z-index: 9; } .con .right ol.lists .slide_lists .swiper-container { height: 135px; width: 550px; } .con .right ol.lists .slide_lists .content-slide { padding: 20px; color: #fff; } .con .right ol.lists .slide_lists .title { font-size: 25px; margin-bottom: 10px; } .con .right ol.lists .slide_lists .pagination { position: absolute; right: 15px; text-align: right; bottom:20px; /*width: 50%;*/ z-index: 9; display: inline-block; } .con .right ol.lists .slide_lists .swiper-pagination-switch { display: inline-block; width: 15px; height: 5px; background: #999; margin: 0 3px; cursor: pointer; } .con .right ol.lists .slide_lists .swiper-active-switch { background: #fff; } .con .right ol.lists .slide_lists .swiper-wrapper .swiper-slide img{ width: 100%; height: 100% } .con .right ol.lists .slide_lists .swiper-wrapper .swiper-slide{ position: relative; } .con .right ol.lists .slide_lists .swiper-wrapper .swiper-slide .title_bj{ width: 100%; height: 60px; position: absolute; left: 0; bottom: 0; z-index: 3; /*background: repeat;*/ } .con .right ol.lists .slide_lists .swiper-wrapper .swiper-slide .title{ width: 100%; height: 60px; line-height: 60px; position: absolute; left: 0; bottom: 0; z-index: 7; font-size: 18px; /*font-weight: 600;*/ color:#fff; padding-left: 20px; /*text-align: center;*/ margin-bottom: 0px; } .con .right ol.lists li{ width: 100%; } .h_furnishing .right ol.lists li{ display: none; } .con .right ol.lists li.style{ display: block; } .con .link{ width: 958px; height:110px; border:1px solid #cbcbcb; margin-top: 20px; } .con .link h2{ font-size: 14px; color: #333; font-weight: 600; padding-left: 20px; padding-top: 13px; } .con .link ul{ width: 875px; margin: 0 auto; padding-top: 5px; } .con .link ul li{ font-size: 14px; color:#333; height: 14px; border-left: 1px solid #333; padding: 0 5px; float: left; margin:4px 0; } .con .link ul li a{ color:#333; } .con .link ul li.style{ border-left: 0px solid #333; } .footer { width: 100%; overflow: hidden; border-top: 1px solid #ccc; } .footer .footcon { width: 1200px; height: 190px; margin: 0 auto; } .footer .footcon p { text-align: center; font-size: 14px; width: 100%; height: 14px; } .footer .footcon p a { color: #333; } .footer .footcon p.qualifications a { color: #333; padding: 0 10px; } .footer .footcon p.about a { color: #333; padding: 0 5px; } .footer .footcon p.about span { border-left: 1px solid #666; height: 12px; display: inline-block; } /* 2020.6.8 */ #pic_list_4 .box .list li a span{ bottom: -25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #pic_list_4 { position: relative; } #pic_list_4 .list{ width: 9999px; } #pic_list_4 .list li{ float: left; width:550px; } #pic_list_4 .list li a{ width:550px; } #pic_list_4 .box{margin-top: 20px;} #pic_list_4 .list li img{ width: 550px; height: 135px; } #pic_list_4 .plus, #pic_list_4 .minus{top:20px;} #pic_list_4 .plus{left:20px;} #pic_list_4 .minus{right:20px;} #pic_list_4 .box{overflow:hidden;position:relative;width:550px !important;height:100%;margin:0 auto;} #pic_list_4 .plus, #pic_list_4 .minus { position: absolute; top: 40px; width: 30px; height: 60px; background: #f90; cursor: pointer; } #pic_list_4 .minus { right: 0px; background: url(/uploads/image/rzisort/arrows_r.png) no-repeat center center; } #pic_list_4 .plus { left: 0px; z-index: 9; background: url(/uploads/image/rzisort/arrows_l.png) no-repeat center center; } /* end */