﻿@charset "utf-8";
/*通用title*/
.indexTitle{height:30px;clear:both;padding-bottom:15px; border-bottom:2px solid #000000;}
.indexTitle .name{float:left;padding-right:15px;background:#fafafa;}
.indexTitle .name span{color:#000;padding:0 10px;font-size:22px;line-height:40px;display:block;position:relative;}
.indexTitle .name span .hot{top:0;right:10px}
.indexTitle .en{float:left;line-height:18px;font-style:italic;color:#ccc;font-size:12px}
.indexTitle .fr{background:#fafafa;line-height:40px;padding-left:15px;color:#777}
.indexTitle .fr em{font-size:24px;vertical-align:top;font-weight:bold;margin:0 3px;font-style: italic}
.indexTitle .fr .lp{border:1px solid #999; margin-left:10px;border-radius: 12px; padding:0 8px;}
.indexTitle .fr .lp:hover{ background:#6aa100;}
.indexTitle .fr .lp a{text-decoration:none;}
.indexTitle .fr .lp:hover a{color:#fff;}
.indexTitle .tcMore{float:right;font-weight:bold;background:url(../images/cs_ico.png) right -180px no-repeat;color:#000;padding:0 24px 0 15px}
.indexTitle .fr .menu{float:left}
.indexTitle .fr .menu a{margin:0 6px;color:#333}

/*楼*/
.indexTitle .floor1{float:left;padding-right:25px;background:#fafafa; background:rgba(0, 0, 0, 0) url("../images/cs_floor.png") no-repeat scroll 0 7px;}
.indexTitle .floor1 span{color:#000;font-size:22px;line-height:40px;display:block;position:relative;}
.indexTitle .floor2{float:left;padding-right:25px;background:#fafafa; background:rgba(0, 0, 0, 0) url("../images/cs_floor.png") no-repeat scroll 0 -36px;}
.indexTitle .floor2 span{color:#000;font-size:22px;line-height:40px;display:block;position:relative;}
.indexTitle .floor3{float:left;padding-right:25px;background:#fafafa; background:rgba(0, 0, 0, 0) url("../images/cs_floor.png") no-repeat scroll 0 -74px;}
.indexTitle .floor3 span{color:#000;font-size:22px;line-height:40px;display:block;position:relative;}
.indexTitle .floor4{float:left;padding-right:25px;background:#fafafa; background:rgba(0, 0, 0, 0) url("../images/cs_floor.png") no-repeat scroll 0 -113px;}
.indexTitle .floor4 span{color:#000;font-size:22px;line-height:40px;display:block;position:relative;}
.indexTitle .floor5{float:left;padding-right:25px;background:#fafafa; background:rgba(0, 0, 0, 0) url("../images/cs_floor.png") no-repeat scroll 0 -154px;}
.indexTitle .floor5 span{color:#000;font-size:22px;line-height:40px;display:block;position:relative;}
.indexTitle .floor6{float:left;padding-right:25px;background:#fafafa; background:rgba(0, 0, 0, 0) url("../images/cs_floor.png") no-repeat scroll 0 -192px;}
.indexTitle .floor6 span{color:#000;font-size:22px;line-height:40px;display:block;position:relative;}
.indexTitle .floor7{float:left;padding-right:25px;background:#fafafa; background:rgba(0, 0, 0, 0) url("../images/cs_floor.png") no-repeat scroll 0 7px;}
.indexTitle .floor7 span{color:#000;font-size:22px;line-height:40px;display:block;position:relative;}


/* 首页 */
.i_sever{position:relative;clear:both;margin-top:30px;padding:30px 0 10px;background:#fff;border-top:2px solid #e7e7e7;border-bottom:2px solid #e7e7e7;}
.i_sever h3{height:27px;line-height:27px;position:absolute;top:-44px;left:0;padding:0 15px;border:2px solid #93c31f;border-radius:12px;color:#93c31f;background:#fff;}
.i_sever dl{position:relative;float:left;width:20%;-moz-user-select:none;-webkit-user-select:none;}
.i_sever dl span{font-size:18px;line-height:36px;font-weight:normal}
.i_sever dl p{padding-top:5px;}
.i_sever dd{width:100%;float:left;text-align:center;font-size:14px;color:#4a4a4a;}
.i_sever dt{position:relative;width:108px;height:70px;margin:0 62px;padding-top:50px;float:left;text-align:center;font-family:黑体;font-size:22px;color:#3f3a37;z-index:10;}
.i_sever dl span{width:42px;height:42px;background:url(../images/i_sever_ico.png) no-repeat;position:absolute;top:0;left:50%;margin-left:-21px;z-index:11;}
.i_sever dl span.i1{}
.i_sever dl span.i3{background-position:0 -42px;}
.i_sever dl span.i4{background-position:0 -84px;}
.i_sever dl span.i5{background-position:0 -126px;}

.i_sever dl div{width:108px;height:108px;margin:0 62px;background:url(../images/i_sever.png) no-repeat;position:absolute;top:12px;	-webkit-transition: -webkit-transform .8s ease-out;-moz-transition:-moz-transform .8s ease-out;-o-transition: -o-transform .8s ease-out;-ms-transition: -ms-transform .8s ease-out;}
.i_sever dl div.n1{}
.i_sever dl div.n2{transform:rotate(72deg);-ms-transform:rotate(72deg);/* IE 9 */-moz-transform:rotate(72deg);/* Firefox */-webkit-transform:rotate(72deg);/* Safari 和 Chrome */-o-transform:rotate(72deg);/* Opera */}
.i_sever dl div.n3{transform:rotate(144deg);-ms-transform:rotate(144deg);/* IE 9 */-moz-transform:rotate(144deg);/* Firefox */-webkit-transform:rotate(144deg);/* Safari 和 Chrome */-o-transform:rotate(144deg);/* Opera */}
.i_sever dl div.n4{transform:rotate(-72deg);-ms-transform:rotate(-72deg);/* IE 9 */-moz-transform:rotate(-72deg);/* Firefox */-webkit-transform:rotate(-72deg);/* Safari 和 Chrome */-o-transform:rotate(-72deg);/* Opera */}
.i_sever dl div.n5{transform:rotate(-144deg);-ms-transform:rotate(-144deg);/* IE 9 */-moz-transform:rotate(-144deg);/* Firefox */-webkit-transform:rotate(-144deg);/* Safari 和 Chrome */-o-transform:rotate(-144deg);/* Opera */}
.i_sever dl:hover div{	-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

/* 轮播 */
.slide-wrap,.slide-wrap .slide{width:100%;height:480px;position:relative;overflow:hidden;}
.slide-wrap .slide{position:absolute;top:0;left:0;text-align:center;display:none;}
.slide-wrap .slide a{display:block;height:480px;cursor:pointer;background:center 0 no-repeat;}
.slide-wrap .btnitem{display:block;width:100%;height:30px;position:absolute;z-index:9;left:0;bottom:10px;text-align:center;}
.slide-wrap .btnitem span{display:inline-block;color:#fff;text-align:center;width:20px;height:20px;margin:0 4px;background:#000;border-radius:100%;overflow:hidden;cursor:pointer;font:14px/20px arial}
.slide-wrap .btnitem span.curr{background:#c00;}
.slide-wrap .slide.curr{animation:myslide 0.6s ease 0;-webkit-animation:myslide 0.6s ease 0;}
@keyframes myslide{0%{top:-60%}80%{top:0}95%{top:-1%}100% {top:0}}
@-webkit-keyframes myslide{0%{top:-60%}80%{top:0}95%{top:-1%}100% {top:0}}
.i_myhome{background:rgba(235,235,235,.9);height:470px;width:190px;position:absolute;top:10px;left:50%;margin-left:390px;}
.i_myhome h3{background:url(../images/i_myhome.png) no-repeat 15px center #fff;padding-left:38px;width:152px;line-height:37px;font-size:14px;font-weight:normal;display:block;}
.i_myhomeSearch{position:relative;margin:8px 4px;height:39px;}
#myhomeInput{border:1px solid #ddd;height:27px;padding:5px;width:134px;font-size:14px}
#myhomebtn{background:url(../images/myhomebtn.jpg) no-repeat;height:39px;width:39px;position:absolute;top:0;right:0;}
.i_myhome .myhomeHot {margin:4px;height:146px;overflow:hidden;}
.i_myhome .myhomeHot a{white-space:nowrap;padding:1px 2px;margin-right:5px;line-height:22px;color:#fff;background:#9e9e9e;font-size:12px}
.i_myhome .myhomeHot a:hover{background:#888;text-decoration:none;}
.i_myhome .newspecial{background:#fff;margin-top:5px;height:227px;overflow:hidden;}
.i_myhome .newspecial h3{background:url(../images/newspecial.png) no-repeat 10px center #fff;padding-left:38px;width:152px;line-height:37px;font-size:14px;font-weight:normal;display:block;}

/* 搜我家 */
.i_smy{margin-top: 25px;clear:both;position:relative; border:1px solid #ddd; background:#fff;}
.i_smy .bg{display:block;background:#000;height:300px;position:absolute;z-index:1;width:100%;left:0;top:0}
.i_smy .box{position:relative;z-index:2;float:left;}
.i_smyList{width:890px; }
.i_smyList li{padding:0px 10px 10px 10px;float:left; border-right:1px solid #ddd;}
.i_smyList li .i_bottom1{margin-top:10px;}
.i_smyList li .i_bottom_brief{margin-top:12px;}
.i_smyList .i_bottom{border-bottom:1px solid #ddd;}
.i_smyList li .i_bigfont{font-size:16px;}
.i_smyList li .i_brief{width:270px; color:#aaa; font-size:13px;}
.i_smyList li .i_botton{background:#5AAB28 no-repeat; border-radius: 3px; border:1px solid #299603; margin-left:10px;}
.i_smyList li .i_botton font{color:#fff; font-size:12px; padding:7px 8px;}
.i_smyList img,.i_smyList a,.i_smyList a b{width:273px;height:181px;position:relative;vertical-align:top;display:block;overflow:hidden}
.i_smyList a b{position:absolute;background:#000;opacity:.5;filter:alpha(opacity=50);top:104px;left:0;z-index:1;height:104px;}
.i_smyList a span{position:absolute;top:120px;z-index:5;color:#fff;font-size:16px;display:block;width:100px;left:28px;line-height:30px;}
.i_smyList a span i{display:block;line-height:20px;padding-right:16px;position:relative}
.i_smyList a span i em{background:url(../images/cs_ico.png) -30px -115px no-repeat;width:7px;height:13px;position:absolute;right:0;top:4px;}
.i_smyList a:hover b{opacity:.7;filter:alpha(opacity=70);}
.i_smyList a b{-webkit-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out}
.i_smyinfo{color:#868686;width:250px;padding-top:10px;}
.i_smyinfo .mfyy h2{text-align:center; color:#000; margin-top:10px; margin-bottom:5px; border-bottom:1px solid #000; line-height:40px;}
.i_smyinfo p{font-size:17px;line-height:30px;}
.i_smyinfo font{color:#8CC222;}
.i_smyinfo p em{padding:0 5px;font-size:30px;color:#8CC222;font-weight:bold}
.i_smyinfo .bmnum{font-size:12px;font-weight:bold;height:36px}
.i_smyinfo .bmnum em{margin:0 2px;background:#435b85;color:#fff;padding:2px 5px;font-size:16px;}
.i_smyinfo .lineScroll{color:#777;height:216px;margin-top:10px;}
.i_smyOrder h4{font-size:15px;color:#333;line-height:30px;height:33px;text-align:center;}
.i_smyOrder .inputCommon{margin-bottom:10px;padding:7px 10px;}
.i_smyOrder .btnStyle{width:252px;;border-radius:3px;background:#a4b605}
.i_smyOrder .btnStyle:hover{background:#899800}
.i_smyOrder .i_design{line-height:60px;}
.i_smyOrder .i_design input{margin-top:23px;}
/* 案例 */
.i_case{margin-top:25px; background:#fff;border:1px solid #ddd;padding-top:10px;}
.i_case .n1 .hover_se{width:768px;height:376px;}
.i_case .n32 .hover_se{width:376px;height:376px; margin-right:12px;}
.i_case .n2 .hover_se{width:376px;height:376px; margin-left:12px;}
.i_case .n31{width:376px;height:376px; float:left;}
.i_case .n31 .hover_bottom{margin-bottom:16px;}
.i_case .n31 .hover_se{width:349px;height:180px; margin-left:18px;}
.i_case .hover_se span,.i_hot .hover_se span{background:rgba(0,0,0,.6);position:absolute;display:block;width:100%;left:10%;bottom:0px;left:0;z-index:10;color:#fff;font-size:16px;padding:12px 15px;}
.i_case .hover_se:hover span,.i_hot .hover_se:hover span{background:rgba(0,0,0,.8);}
.i_case i{display:block;text-align:right;color:#999;font-size:14px;line-height:18px;}
.i_case .n3{width:1176px;font-size:16px;}
.i_case .n3 .hover_se{width:334px;height:226px;margin-bottom:10px;}
.i_case .n3 .item{width:334px;padding:20px;float:left;border:1px solid #ddd;background:#fff;margin-right:16px;}
.i_case .n3 a.t{display:block;height:24px;overflow:hidden;clear:both;color:#000}
.i_house{margin-top:25px;}
.i_house .n1 .hover_se{width:280px;height:354px;}
.i_house .n1 .gd_tx{width:67px; height:100px; float:left; background:rgba(0, 0, 0, 0) url("../images/tx.png") no-repeat scroll right 12px; margin:3px 23px 0 20px;}
.i_house .n1 .gd_txn{width:67px; height:100px; float:left; background:rgba(0, 0, 0, 0) url("../images/tx.png") no-repeat 0 -90px; margin:3px 23px 0 20px;}
.i_house .n1 .gd_wz{width:160px; height:100px; float:left;}
.i_house .n1 .gd_wz p{font-size:15px;}
.i_house .n1 .gd_wz p em{font-size:26px; color:#fe540a;}
.i_house .n1 .gd_wz p em font{font-size:10px; position:absolute; margin-top:-5px;}
.i_house .n1 .gd_wz .gd_p_top{margin-top:26px;}
.cggd{width:280px; height:462px; background:#F2F2F4 no-repeat;}
.cggd_left{margin-left:13px;}
.i_house .n2 .hover_se{width:708px;height:370px;}
.i_house .hover_se span{left:auto;right:0;bottom:0;padding:20px;width:auto}
.i_house .hover_se span i{text-align:left;color:#fff;font-size:18px;line-height:24px;}
.i_house .hover_se span i em{font-weight:900;font-size:20px;}
.i_house .hover_se span strong{color:#c7b340;font-size:24px;font-weight:bold}
.i_house .hover_se span strong abbr{font-size:14px;vertical-align:text-bottom;color:#fff;padding-left:10px;top:3px;position:relative}
.i_house .n3 span{height:24px;overflow:hidden;display:block;clear:both}
.i_house .n3 span a{display:inline}
.i_house .n3 abbr{float:right;margin-left:15px;font-weight:bold;}
.i_hot .fl .hover_se{width:376px;height:500px;}
.i_hot .fl .hover_se span i{display:block;font-size:12px;line-height:18px;padding-top:5px;color:#999}
.i_hot .fr{padding-top:35px;}
.i_hot .fr .hover_se{width:310px;height:430px;}
.i_hot .fr .hover_se span{width:94%;text-align:center;bottom:0;left:0}
.i_hot .mid{float:left;margin-top:35px;height:400px;width:424px;background:#000;padding:30px 0 0 30px;color:#666;font-size:16px;}
.i_hot .mid h3{font-size:18px;height:36px;border-bottom:1px dashed #fff;margin-right:30px;}
.i_hot .mid h3,.i_hot .mid p a{color:#fff}
.i_hot .mid p{padding:10px 0 25px;margin-left:-8px;}
.i_hot .mid p a{margin:0 8px;white-space:nowrap;line-height:30px;}
.i_hot .mid  .hover_se{width:182px;height:240px;margin-right:30px;}
.i_buildingSearch{padding:20px;clear:both;border:1px solid #ccc;height:72px;position:relative;z-index:10}
.i_buildingSearch a{white-space:nowrap;}
.i_buildingSearch .fr{width:370px;border-left:1px solid #ccc;height:72px;}
.i_buildingSearch .fr a{margin-left:20px;position:relative}
.i_buildingSearch .fr a .hot{top:0;right:-19px;}
.i_buildingSearch .fl p{height:40px;line-height:30px;overflow:hidden}
.i_buildingSearch .fl p a{margin:0 8px;}
.i_buildingSearch .selectStyle{border:1px solid #ccc;border-radius:6px;margin-right:15px;width:185px;background:url(../images/cs_ico.png) right -225px no-repeat}
.i_buildingSearch .selectStyle dt{height:30px;line-height:30px;}
.i_buildingSearch .selectStyle dd{top:30px;width:200px;background:#fff}
.i_building .buildingItem{margin:0 1px 1px 0;}
.i_building .buildingItem,.i_building .buildingItem img{width:289px;height:218px;}
.i_building .buildingItem .layer{height:40px;}
.i_building .buildingItem .layer dl{text-align:center;padding:8px 0}
.i_building .buildingItem:hover .layer dl{bottom:-40px;}
.i_building .buildingItem:hover .layer{height:218px}
.i_guide{margin-top:25px;}
.i_guide .quick{padding:0px 0 40px 20px;width:200px;float:left;border:1px solid #ddd;margin-top:10px;}
.i_guide .quick h4{margin-top:10px;background:url(../images/cs_ico.png) right -260px no-repeat;padding-right:20px;float:left;line-height:30px;}
.i_guide .quick a{white-space:nowrap;margin-right:12px;word-wrap:break-word;word-break:normal;font-size:12px;}
.i_guide .quick p{clear:both}
.i_guide .rank{padding:15px;width:278px;border:1px solid #ddd;background:#fff;height:400px;float:right}
.i_guide .rank h3{font-size:18px;height:60px;border-bottom:1px solid #ccc;margin-bottom:10px;}
.i_guide .rank h3 em{font-weight:normal}
.i_guide .rank ul{background:url(../images/cs_myhome.png) 0 -310px no-repeat;padding-left:30px;height:320px;line-height:32px;}
.i_guide .rank ul li{height:32px;overflow:hidden}
.i_guide .mid{width:600px;padding-left:15px;float:left}
.i_guide .mid .picbar{width:600px;height:280px;}
.i_guide .mid .pic{margin-bottom:9px}
.i_guide .mid p{padding-top:15px;clear:both;font-size:12px;height:52px;overflow:hidden}
.i_guide .mid p a{font-size:24px;color:#000}
.kjan{height:488px; margin-top:25px;background:#fff;border-bottom: 1px solid #ddd;}
.kjan .kj_190{ height: 486px; width: 190px; float: left; border: 1px solid #ddd; border-left: none;border-bottom: none; }
.kjan .kj_190 .adbox img{width: 190px;height: 246px;}
.kjan .kj_190 .kj_ico{ width:191px; float:left;}
.kj_ico a{width:94px; height:29px; padding-top:50px; float:left;background:url(../images/kj_ico.png) no-repeat;border-left:1px solid #ddd;border-top:1px solid #ddd; display:block;color:#666; text-align:center; font-size:12px;}
.kj_ico a.kj_cf{ background-position:5px 0;}
.kj_ico a.kj_kc{ background-position:5px -79px;}
.kj_ico a.kj_ws{ background-position:5px -158px;}
.kj_ico a.kj_ym{ background-position:5px -237px;}
.kj_ico a.kj_sf{ background-position:5px -316px;}
.kj_ico a.kj_wy{ background-position:5px -395px;}
.kj_ico a:hover{color:#6aa100; text-decoration:none;background-position-x: -86px;}
.kjan .kj_middle{width:780px; height:488px; float:left;}
.kjan .kj_middle .kj_middle_pic{width:250px; height:240px; float:left; margin:0 0 10px 9px;}
.kjan .kj_middle .kj_middle_pic_top{width:508px; height:240px; float:left; margin:0 0 10px 9px;}
.kjan .kj_right{ width: 180px; height: 486px; float: right; border: 1px solid #ddd; }
.kjan .kj_right a{float:right;}
.kjan .kj_right a img{width: 180px;height: 486px;}
.kj_middle_pic .hover_bottom{width:250px; height:234px;}
.kj_middle_pic .hover_bottom span{background:rgba(0,0,0,.6);position:absolute;display:block;width:100%;left:10%;bottom:0px;left:0;z-index:10;color:#fff;font-size:16px;padding:12px 0; text-align:center;}
.kj_middle_pic_top .hover_bottom_top{width:508px; height:234px;}
.kj_middle_pic_top .hover_bottom_top span{background:rgba(0,0,0,.6);position:absolute;display:block;width:100%;left:10%;bottom:0px;left:0;z-index:10;color:#fff;font-size:16px;padding:12px 0; text-align:center;}
.designList{width:1184px;padding-bottom:5px;margin-top:25px;}
.designItem{width:270px;border:1px solid #ccc;margin-right:24px;float:left;height:396px;position:relative;background:#fff;margin-bottom:25px;}
.designItem .hover_se{width:270px;height:270px;}
.designItem .photo{display:block;border-radius:100%;border:2px solid #fff;overflow:hidden;position:absolute;top:240px;left:105px;z-index:10;}
.designItem .photo,.designItem .photo img{width:60px;height:60px;box-shadow:0 1px 2px rgba(0,0,0,.3);}
.designItem .photo b{opacity:.5;filter:alpha(opacity=50);display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
.designItem .photo:hover b{opacity:.1;filter:alpha(opacity=10);}
.designItem .zrj{width:50px; position:absolute; margin:-24px 0 0 155px ;}
.designItem h4{color:#333;text-align:center;padding-top:40px;clear:both;font-size:15px;}
.designItem h4 a{color:#333}
.designItem h4 font{14px/24px "Microsoft Yahei"}
.designItem p{height:28px;overflow:hidden;padding:0 15px;font-size:12px;color:#666;line-height:28px;}
.designItem p font{color:#F00;}

/* 首页 end */

