﻿/****************************************** 导航333333333 ****************************************/


/*新增*/

#banner #index_top{padding-bottom: 11px;position: static; border: none; background: url(http://www.huiworld.com/uploadfile/upload/2017120111585338.jpg) no-repeat;}
#banner #index_top.spec{background: transparent;}
#banner .index_logo {}

#banner .city_name{margin: 10px 0 0 20px;float: right; color: #ffffff;}
#banner .city_sel{margin: 39px 0 0 5px;float: left;color: #ffffff;}
#banner .city_sel:hover{color: #ff8a00;}
#banner .info_show{ margin-left: 21px; position: absolute;float: left;color: #ffffff; margin-right: 10px;}
#banner .info_show:hover{color: #ff8a00;}
#banner #index_ri *{color: #615d5d;}
#banner .index_ri_top *{line-height: 50px;}
#banner .nav_sub{padding-top: 5px !important;}
#banner .index_lo{background: url(../images/0top_ico1.png) no-repeat left center;}
#banner .index_phone{background: url(../images/0top_ico2.png) no-repeat left center;}
#banner .nav_other .nava{background: url(../images/0top_ico3.png) no-repeat right center;}
#banner .nav_wx_hover{background: url(../images/0top_ico4.png) no-repeat left center;}
#banner .nav_wx_line{background: url(../images/icon/white5.png);}
#index_top{width: 100%; background: #ffffff; border-bottom: 1px solid #eee; margin-bottom: 50px; top: 0px; left: 0px; z-index: 999; position: fixed}
.index_logo{display: block; float: left; line-height: 0px; margin: 7px 0;}
#index_ri{float: right; margin-top: 4px;}

.index_ri_top *{display: inline-block; vertical-align: middle; line-height: 35px;}
.index_ri_top b{width: 1px; height: 20px; background: url(../images/icon/white5.png); margin: 0 15px;}
.index_lo{background: url(../images/0top_ico1_ny.png) no-repeat left center; padding-left: 30px; font-size: 16px;}
.index_lo1{ padding-right: 30px; font-size: 16px;}
#banner .index_ri .index_lo1:hover{ color: #ff8a00;}


/*城市切换*/

.h-1 .diqu{ float: left; margin-left: 3px; margin-top: 61px;}
.h-1 .diqu span{color: #000;font-size: 16px;padding-left: 18px;background: url(..//images/gb_sy_ico_23.png) no-repeat left center;}
.h-1 .diqu a{color: #ff6600;font-size: 12px;padding-left: 5px;}

/*! CSS Used from: http://sgoutong.baidu.com/embed/1543477248/asset/embed/css/pc/main.css */

.h-1::-webkit-input-placeholder{color: #ababab;opacity: 1;}
.h-1::-moz-placeholder{color: #ababab;opacity: 1;}
.h-1:-ms-input-placeholder{color: #ababab;opacity: 1;}
.index_phone{color: #ff8a00 !important; font-weight: bold; font-size: 20px; background: url(../images/0top_ico2_ny.png) no-repeat left center; padding-left: 25px;}
.index_nav dd{float: right; text-align: center; font-size: 16px;}
#banner .index_nav *{color: #fff;}
.nava{display: block; padding: 0 17px;}
#banner .nava{font-size: 18px;font-weight: bold;}
.nav_other .nava{background: url(../images/0top_ico3_ny.png) no-repeat right center;}
.nav_wx{margin-left: 60px; position: relative;}
.nav_wx_hover{background: url(../images/0top_ico4_ny.png) no-repeat left center; padding: 0 20px 0 25px; position: relative}
.nav_wx:hover:hover .nav_wx_hover{background: url(../images/0top_ico4_hover.png) no-repeat left center; color: #ff8a00 !important}
.nav_wx_line{position: absolute; width: 1px; height: 20px;background: #ddd; position: absolute; left: -30px; top: 50%; margin-top: -10px;}
.nav_sub{position: absolute; left: 0px; top: 100%;display: none}
.nav_sub p{font-size: 12px; font-weight: normal; text-align: center; color: #333 !important}
.nav_sub_div{position: relative; background: url(../images/icon/white5.png);}
.nav_wx .nav_sub_div{padding: 0;position: relative; margin-top: 15px;}
.nav_wx img{padding: 5px; padding-bottom: 0; background: #fff; position: relative; z-index: 20}
.nav_wx_ico{position: absolute; top: -12px; left: 15px; font-size: 26px;}
.nav_wx:hover .nav_sub{display: block}
.nav_other{position: relative}
.nav_other .nav_sub{width: 100%; padding-top: 5px;}
.nav_other .nav_sub a{color: #333 !important; font-weight: normal; font-size: 14px; display: block}
.nav_other .nav_sub a:hover{color: #ff8a00 !important}
.nav_other .nav_sub .nav_sub_div{padding: 5px;}
.nav_other .nav_sub .nav_wx_ico{left: auto; right: -2px;}
.nav_other:hover .nav_sub{display: block}
.nav_wx_ico1{color: #fff;}
.index_nav dd.on .nava{color: #ff8a00 !important}
.form_box_byt{border-bottom: 1px solid #dedede}
.search_form{ height: 47px; left: 50%; top: 300px; overflow: hidden; margin: 60px 0;}
.search_form p{height: 25px; line-height: 25px; width: 100%; position: absolute; left: 0px; top: 110%; overflow: hidden; z-index: 10}
.search_form p a{padding-right: 8px; color: #999; font-size: 12px; display: inline-block; vertical-align: middle}
.search_form p a:hover{color: #d8242b}
.search_form .text{border: 1px solid #fff; font-size: 16px;}
#index_search div{float: left;border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; position: relative; overflow: hidden;width: 1057px;}
#index_search .tj{width: 120px; height: 47px; background: #ff8a00; position: absolute; right: 0px; top: 0px; color: #fff; font-size: 18px; font-weight: bold}
#index_search .text{border: 1px solid #cccccc; display: block; width: 937px; text-indent: 10px; height: 47px; position: relative;}
.map_house{float: left; display: block; border: 1px solid #ccc; width: 135px; background: #fff; font-size: 18px; line-height: 45px; top: 0px; left: 710px; padding: 0 15px;}
.map_house span{display: block; background: url(../images/0top_ico5.png) no-repeat left center; padding-left: 25px;}

/** banner **/

#banner{position: relative}
.fullSlide{ position: relative; margin: 0 auto;}
.fullSlide .bd{ position: relative; z-index: 0;}
.fullSlide .bd li a{width: 100%; display: block; height: 460px;}
.fullSlide .hd{position: absolute; width: 100%; bottom: 20px; left: 0px;}
.fullSlide .hd ul{ text-align: center; width: 100%; line-height: 0px;}
.fullSlide .hd ul li{cursor: pointer;display: inline-block;*display: inline; zoom: 1;width: 15px;height: 15px;margin: 0 5px;background: url(../images/icon/white4.png); font-size: 0px; border-radius: 50%; -webkit-border-radius: 50%;}
.fullSlide .hd ul .on{background: #ffffff}

/**  首页赛选 **/

.main1{border-bottom: 1px solid #dedede}

/*搜索框*/


/*.main1 .form_box_byt .fb_inner{height: 100px;}*/

.m1_list{padding: 20px 0; overflow: hidden}
.m1_list h2{font-size: 16px; color: #333; font-weight: bold; margin-bottom: 10px;}
.m1_list h2 span{color: #999; font-size: 12px; font-weight: normal}
.m1_a1 a{color: #424242;font-size: 13px;margin-right: 15px; word-break: keep-all;display: inline-block;margin-bottom: 10px;}
.m1_a1 a:hover,.m1_a2 a:hover{color: #ff8a00}
.m1_list dd{ float: left;}
.m1_dd1{width: 250px;}
.m1_dd2{width: 220px; margin: 0 15px;}
.m1_dd3{width: 210px;}
.m1_dd4{width: 250px; margin: 0 15px;}
.m1_dd5{width: 200px;}
.m1_a{overflow: hidden}
.m1_a2 a{float: left; width: 30.333%; margin: 0 1.5%; text-align: center}
.m1_a2 a img{display: block; width: 28px; height: 28px; margin: 0 auto}
.m1_a2{ margin-top: 17px;}
.m1_a3{padding-bottom: 30px; margin-top: 26px;}
.m1_a3 a{float: left; position: relative; height: 16px; display: block; margin: 0 2px;}
.m1_a3 a span{display: block; width: 35px; height: 16px; background: #f5f5f5; line-height: 0px; overflow: hidden}
.m1_a3 a:hover span{background: #ff8a00}
.m1_a3 a i{position: absolute; top: 110%; left: 0px; font-size: 12px; color: #999}
.m1_last{margin-left: -2px !important;}

/** **/

.m2_list dd{float: left; width: 380px;}
.m2_dd1{height: 580}
.m2_dd2{height: 277; margin: 0 0 25px 30px;}
.img_hover,.img2_hover{display: block; position: relative; overflow: hidden}
.img_hover *,.img2_hover *{transition: all ease-in .3s; -webkit-transition: all ease-in .3s}
.img_div{overflow: hidden;}
.img_hover:hover .img_div img{transform: scale(1.1); -webkit-transform: scale(1.1)}
.m1_div{position: absolute; bottom: 0px; background: url(../images/headrpbg3.png) repeat-x bottom; color: #fff; padding: 10px 0; width: 100%; transform: translateY(50px); -webkit-transform: translateY(70px);}
.m1_div h2{height: 30px; line-height: 30px; margin-bottom: 10px !important; overflow: hidden}
.m2_dd1{width: 380px;}
.m1_p{line-height: 20px; overflow: hidden; height: 60px;}
.m1_div h2,.m1_p{width: 90%; margin: 0 auto}

/** 热门商圈 **/

.main2 {}

.m2_list dd:hover .m1_div{transform: translateY(0px); -webkit-transform: translateY(0px);}
.m2_tit{position: relative; margin: 40px auto 25px}
.m2_tit b{font-size: 22px; color: #333; margin-right: 10px;letter-spacing: 2px;}
.m2_tit span{font-size: 14px; color: #999; line-height: 14px;}
.m2_tit *{vertical-align: middle; display: inline-block}
.m2_more{position: absolute; right: 0px; bottom: 0px; height: 28px; width: 68px; display: block; color: #ff8a00; border: 1px solid #ff8a00; border-radius: 15px; -webkit-border-radius: 15px; font-size: 14px; text-align: center}
.m2_more:hover{color: #fff; background: #ff8a00;}
.m2_div{width: 100%; margin: 0 auto;border: 1px solid #ededed; padding-top: 5px;}
.m2_div h2,.m2_div .d1{width: 90%; margin: 0 auto}

/** 精选写字楼 **/

.main3 {}

.m3_list{width: 110%;}
.m3_list dd{float: left; margin: 0 30px 20px 0; width: 280px; transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -moz-transition: all ease-in .3s;}
.m2_div h2{font-size: 16px; height: 30px; line-height: 30px; color: #333; overflow: hidden}
.m2_div .d1{overflow: hidden; color: #999; line-height: 30px; height: 30px;}
.s1{float: left;background: url(../images/ico0.png) no-repeat left center; padding-left: 18px; font-size: 12px; width: 30%}
.s2{float: right; width: 65%; text-align: right}
.s1,.s2{height: 30px; line-height: 30px; overflow: hidden}
.s2 .i1{font-size: 18px; color: #ff8a00}
.m2_div1{position: absolute; background: url(../images/0bg.png) no-repeat center top; color: #fff; text-align: center; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0)}
.m2_div1_div{position: absolute; bottom: 30px; left: 0px; width: 100%;}
.m2_div1 h2{height: 40px; line-height: 20px; font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.m2_div1 p{position: relative; height: 1px; width: 80%; background: #ffc580; margin: 0 auto}
.m2_div1 p span{display: inline-block; width: 80px; height: 20px; line-height: 20px; position: absolute; left: 50%; margin-left: -40px; top: -10px; background: #ff8a00; font-size: 16px;}
.m3_list dd:hover{box-shadow: 0 5px 8px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, .1); -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, .1);}

/** 首页横屏 **/

.main4{padding: 70px 0; margin: 45px auto}
.m4_div_div{background: url(../images/m3_ico1.png) no-repeat left 0; padding-left: 50px; display: inline-block; text-align: left}
.m4_div{text-align: center; width: 50%; float: left}
.m4_div1{color: #333}
.m4_div2{color: #fff;}
.m4_div2 .m4_div_div{background: url(../images/m3_ico2.png) no-repeat left 0; padding-left: 70px; display: inline-block; text-align: left}
.m4_div_div h2{font-weight: bold; margin-bottom: 5px;}
.m4_div a{width: 105px; height: 30px; line-height: 30px;display: block; background: #ff8a00; color: #fff;margin-top: 30px;text-align: center;box-shadow: 0 5px 8px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, .5); -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, .5);}

/** 新闻资讯 **/

.main5{margin-bottom: 60px;}
.m5_div1{width: 670px; background: #eee; float: left;}
.m5_text{width: 300px; margin-right: 30px; float: right;}
.m5_text h3{color: #333; font-weight: bold; font-size: 20px; line-height: 30px; max-height: 60px; overflow: hidden; margin: 20px auto 10px}
.m5_p{font-size: 14px; line-height: 20px; height: 100px; overflow: hidden}
.m5_time{font-size: 14px; position: relative; height: 30px; line-height: 30px; margin-top: 20px;}
.m5_more{display: block; position: absolute; right: 0px; top: 0px; height: 30px; border: 1px solid #ff8a00; color: #ff8a00; padding: 0 5px;}
.m5_more:hover{color: #fff; background: #ff8a00}
.m5_div2{width: 500px; float: right; margin-top: -8px;}
.m5_a{display: block; line-height: 35px; font-size: 14px; color: #333; position: relative}
.m5_a p{overflow: hidden; white-space: nowrap; overflow: ellisp; height: 35px; margin: 0 100px 0 10px;}
.m5_a span{font-family: Arial, Helvetica, sans-serif; position: absolute; right: 0px; top: 0px;}
.m5_a b{font-weight: bold; position: absolute; left: 0px; top: 0px;}
.m5_a:hover{color: #ff8a00}

/** 底部 **/

#index_footer{background: #474747; font-size: 12px; padding: 20px 0;}
#index_footer *{color: #cccccc;}
#index_footer a:hover{color: #fff; text-decoration: underline}
.footer_le{width: 700px; float: left}
.footer_ri{width: 300px; float: right}
.footer_wx{width: 120px; text-align: center; float: right}
.footer_logo{display: block; margin-bottom: 10px;}
.footer_a b{margin: 0 5px;}
.footer_ph{color: #fff !important; font-size: 36px; margin: 16px auto}
.footer_share{background: url(../images/ftshare.png) no-repeat left center; height: 32px;}
.footer_share .bdsharebuttonbox a{margin: 0 27px 0 0; background: none}
.footer_link{padding-top: 10px; border-top: 1px solid #999; margin-top: 10px;}
.footer_link *{display: inline-block; vertical-align: middle}
.footer_link a{margin: 0 5px;}
.info-box>.price-box3 .s1,.info-box>.price-box3 .s2{width: auto; text-align: left;}
