body{ background: #F5F5F5;} /*轮播*/ .InvestBox_slide{ width: 100%; height: 208px; position: relative; overflow: hidden;} .slide_main{ width: 100%; height: 208px;} .slide_main ul li{ width: 100%; height: 100%;} .slide_main ul li img{ width: 100%; height: 100%;} .InvestBox_slide .hd{position: absolute; bottom: 11px;z-index: 2; text-align: center; width: 100%;} .InvestBox_slide .hd ul li{ display:inline-block; margin: 0 7px; width: 8px; height: 8px; color: #fff; background: #fff; border:4px solid #fff; border-radius: 100%;} .InvestBox_slide .hd ul li.on{ background: #FFAD56; color: #FFAD56;} /*专题展示区*/ .InvestBox_main{background: #fff; width: 1100px; margin: 0 auto; margin-top: 43px;} .InvestBox_cent{ padding: 80px 91px;} .center_title{ text-align: center; width: 100%; position: relative; } .center_title span{ display: inline-block; background: #fff; padding: 0 20px; position:relative; z-index: 2;} .center_title span span{ display: block; color: #525252; font-weight: bold; font-size: 32px;} .center_title span em{ display: block; color: #878787; margin-top: 16px; font-size: 13px;} .center_title i{ display: block; height: 1px; width: 100%; background: #B2B2B2; position: absolute; left: 0px; top: 50%; z-index: 1;} .InvestBox_list{margin-top: 27px;} .listTop_nav{ text-align: center;} .listTop_nav a{ display: inline-block; font-size: 19px; color: #000; padding: 9px 15px; border-radius: 4px;} .listTop_nav a.on{ color: #fff; background: #FE5A25; font-weight: bold;} .listTop_nav a:hover{ color: #fff; background: #FE5A25; font-weight: bold;} .listTop_nav a+a{ margin-left: 10px;} .listTop_nav_lst{ background:rgba(254,90,37,0.2); padding: 0 40px; overflow: hidden; border-radius: 4px; height: 38px; line-height: 38px; text-align: center;} .listTop_nav_lst a{ display: inline-block; font-size: 16px; color: #FF8862;/* padding: 0 20px;*/ width: 11.11%;} .listTop_nav_lst a.on{ font-size: 18px; color: #FE5A25; font-weight: bold;} .listTop_nav_lst a:hover{ font-size: 18px; color: #FE5A25; font-weight: bold;} .center_list{ margin-top: 32px;} .center_list ul li{ width: 276px; height: auto; float: left; margin-right: 45px; margin-bottom: 20px;} .center_list ul li p.img{ width: 100%; height: auto; position: relative; } .center_list ul li p.img i{ display: block; position: absolute; right: 0px; top:0px; width: 54px; height: 26px;} .center_list ul li p.img img{ width: 100%; height: auto;} .center_list ul li p.img i img{ width: 100%; height: 100%;} .center_list ul li div.text{ text-align: center; padding: 10px 15px;} .center_list ul li div.text p:nth-child(1){overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 16px; color: #1C1C1C; width: 100%;} .center_list ul li div.text p:nth-child(2){overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 13px; color: #5C5C5C; margin-top: 10px; width: 100%;} .center_list ul li:nth-child(3n){ margin-right: 0px;} .center_list ul li:hover p.img img{opacity: 0.8;} .more_zt{margin-top: 40px; width: 100%; text-align: center;} .more_zt a{display: block; width: 100%; height: 42px; line-height: 42px; text-align: center;background: #F5F5F5;} .more_zt a span{display: inline-block; font-size: 16px; color: #575757;} .more_zt a i{display: inline-block;width: 12px; height: 9px; line-height: 9px; margin-left: 10px;} .more_zt a i img{width: 100%; height: 100%;} .more_zt a.on i{ position: relative; top: -2px; transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg); /* Opera */ } /*买海外房子的朋友都在看*/ .recommend_list{ margin-top: 95px;} .listMain{margin-top: 85px;} .listMain ul li{ width: 222px; height: 324px; float: left; overflow: hidden;} .listMain ul li .listMain_d{ position: relative; width: 100%; height: 100%;} .listMain ul li .listMain_d .bgimg{ width: 100%; height: 100%;} .listMain ul li .listMain_d .bgimg img{width: 100%; height: 100%;} .listMain ul li .listMain_d .title_l{ z-index: 1; position: absolute; bottom: 0px; height: 100px; line-height: 100px; background: #588BC0; width: 100%; left: 0px; text-align: center;} .listMain ul li .listMain_d .title_l span{ display: block; font-size: 21px; color: #fff; padding: 0 10px;} .listMain ul li .listMain_d .shoue_in{text-align: center; position:absolute; left: 0px; bottom:-100%; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 1;} .listMain ul li .listMain_d .shoue_in p.title{ font-size: 27px; color: #fff; font-weight: bold; margin-top: 60px;} .listMain ul li .listMain_d .shoue_in p.xiagqing{ margin-top: 40px;} .listMain ul li .listMain_d .shoue_in p.zxzx{ margin-top: 25px;} .listMain ul li .listMain_d .shoue_in p.xiagqing a{ display: inline-block; font-size: 16px; color: #fff; border:2px solid #fff; padding: 10px 20px; border-radius: 50px;} .listMain ul li .listMain_d .shoue_in p.zxzx a{ display: inline-block; font-size: 16px; color: #fff; border:2px solid #fff; padding: 10px 20px; border-radius: 50px;} .listMain ul li .listMain_d .shoue_in p.xiagqing a:hover{ background: rgba(254,90,37,0.75)} .listMain ul li .listMain_d .shoue_in p.zxzx a:hover{ background: rgba(254,90,37,0.75)} .listMain ul li+li{ margin-left: 9px;} .listMain ul li:hover{ cursor: pointer;} /*推荐项目*/ .projectBox{ margin-top: 120px;} .projectBox_list{ margin-top: 46px;} .projectBox_list ul li{ float: left; background: #fff; width: 280px; height: 320px; box-shadow: 0px 4px 5px 0px rgba(87, 87, 87, 0.35);} .projectBox_list ul li .top_img{ width: 100%; height:200px; position: relative; } .projectBox_list ul li .top_img p.img img{ width: 100%; height:200px;} .projectBox_list ul li .top_img div.text{ text-align: center; position: absolute; left: 0px;bottom: 0px; height: 60px; background:rgba(0,0,0,0.4); width: 100%;} .projectBox_list ul li .top_img div.text p.pric{ font-size: 19px; color: #fff; font-weight: bold; margin-top:10px; } .projectBox_list ul li .top_img div.text p.shijian{ font-size: 11px; color: #fff; margin-top:3px; } .projectBox_list ul li .bottom_text{padding: 15px 10px; position: relative;} .projectBox_list ul li .bottom_text p.title{ padding-left:0px; } .projectBox_list ul li .bottom_text p.title a{ display:block; font-size: 16px;color:#1C1C1C; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .projectBox_list ul li .bottom_text p.text{ font-size: 15px; color: #5C5C5C; margin-top: 5px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .projectBox_list ul li .bottom_text p.nont{ margin-top: 19px; margin-bottom: 15px;} .projectBox_list ul li .bottom_text p.nont span{display: block; float: left; font-size: 13px; color: #FE5A25; font-weight: bold;} .projectBox_list ul li .bottom_text p.nont span em{font-size: 24px;} .projectBox_list ul li .bottom_text p.nont a{ position: relative; top: 2px; display: block; float: right;font-size: 13px; color: #5C5C5C; border: 2px solid #5C5C5C; padding:4px 15px; border-radius: 50px; } .projectBox_list ul li .bottom_text p.nont a:hover{color: #FE5A25; border-color: #FE5A25;} .projectBox_list ul li .bottom_text p.nont a.on{color: #FE5A25; border-color: #FE5A25;} .projectBox_list ul li .bottom_text .xianghis{ display: none; position: absolute; left: 50%; padding: 0 10px; margin-left: -130px; bottom: -25px; z-index: 1; background: #fff; width: 240px; height: 45px; line-height: 45px; text-align: center; border:1px solid #DFDFDF;} .projectBox_list ul li .bottom_text .xianghis span{ display: block; width: 100%;font-size: 13px; color: #5C5C5C; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .projectBox_list ul li+li{margin-left: 39px;} .projectBox_list ul li:hover .top_img p.img img{ opacity: 0.8;}