/* clear default set */
* { margin: 0; padding: 0; }
html { -webkit-text-size-adjust: none; }
a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition: all .3s linear; -webkit-transition: all .3s linear; }
a:link, a:visited { text-decoration: none; color: #000; }
a:hover, a:active { color: #156cc3; }
img, input, textarea { border: 0; margin: 0; }
textarea { resize: none; }
input, textarea { width: 100%; outline: none; -webkit-appearance: none; -moz-box-shadow: none }
button { outline: none; -webkit-appearance: none; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #a9a9a9; }
form { margin: 0; }
ul { list-style: none; }
td, th { padding: 0; }
body { width: 100%; height: 100%; font-size: 12px; font-family: "Helvetica Neue", "Microsoft Yahei UI", "Microsoft Yahei", 微软雅黑, "Segoe UI", Tahoma, SimSun, sans-serif; }
.block { width: 1200px; margin-left: auto; margin-right: auto; }
.block h2.title { font-size: 30px; font-weight: 500; line-height: 30px; color: #3a3f42; text-align: center; padding-top: 35px; letter-spacing: .1em; }
.block h3.title { font-weight: normal; font-size: 15px; line-height: 15px; color: #8e908f; text-align: center; padding-top: 20px; letter-spacing: .05em; }
.float_left { float: left; }
.float_right { float: right; }
.clear:before, .clear:after { display: block; width: 100%; clear: both; height: 0; }
.center { text-align: center; }
.red { color: #ff0101; }
/* outside width set */
.home_banner, .zhuanJia, .jiaYuan, .short_rent, .team, .footer, .rent_top_bar, .rent_list_page { min-width: 1200px; }
/* header */
.header { padding: 18px 20px 0; width: 1160px; height: 66px; }
.header h1 { float: left; background-image: url("../images/logo_new.png"); background-image: -webkit-image-set(url("../images/logo_new.png") 1x, url("../images/logo_new@2x.png") 2x); background-repeat: no-repeat; width: 242px; height: 67px; }
.header h1 span { visibility: hidden; }
.header .header_nav { float: right; font-size: 18px; }
.header_nav > li { display: inline-block; padding: 0 15px; position: relative; cursor: pointer; }
.header_nav .header_nav_child { display: none; position: absolute; z-index: 1; top: 0; left: 0; }
.header_nav_child ul { position: relative; margin-top: 35px; margin-left: 15px; padding: 5px 10px; background: #fff; border: 1px solid #f5f5f5; font-size: 14px; font-weight: 200; }
.header_nav_child ul:before, .header_nav_child ul:after { content: ''; position: absolute; border: 8px solid transparent; }
.header_nav_child ul:before { top: -16px; left: 14px; border-bottom-color: #f5f5f5; }
.header_nav_child ul:after { top: -15px; left: 15px; border-bottom-color: #fff; }
.header_nav_child li { margin: 5px 0; padding: 10px 5px 5px; white-space: nowrap; border-top: 1px solid #eeeeee; }
.header_nav_child li:first-child { border-top: 0; padding-top: 0; }
.header_out { padding-bottom: 20px; }
.header_out .header .header_nav { margin-top: 34px; }
.header_out .header_nav li a { display: inline-block; }
.header_out .header_nav li a.active, .header_out .header_nav li a:hover { color: #156cc3; border-bottom: 3px solid #156cc3; }
.header_nav li + li + li + li + li + li + li { padding-right: 5px; }
.header_nav li + li + li + li + li + li + li + li{ border-left: 1px solid #000; padding-left: 5px; }
/* home header */
.home_banner { color: #fff; overflow: hidden; width: 100%; height: 640px; background: url("../images/main_banner.jpg") no-repeat fixed center 0; }
.home_banner .header h1 { background-image: url("../images/logo_white_new.png"); background-image: -webkit-image-set(url("../images/logo_white_new.png") 1x, url("../images/logo_white_new@2x.png") 2x); }
.home_banner a:link, .home_banner a:visited { color: #fff; }
.home_banner .header_nav { margin-top: 47px; }
.home_banner .header_nav li + li + li + li + li + li + li { border-left-color: #fff; }
/* home set */
.banner_h1 { margin: 143px auto 0; text-align: center; background-image: url("../images/main_banner_text.png"); background-image: -webkit-image-set(url("../images/main_banner_text.png") 1x, url("../images/main_banner_text@2x.png") 2x); background-repeat: no-repeat; width: 403px; height: 48px; }
.banner_txt { text-align: center; font-size: 16px; margin-top: 10px; }
.search_box { margin: 30px auto 0; width: 773px; font-size: 14px; }
.search_menu { position: relative; height: 32px; }
.search_menu a { display: block; float: left; margin-left: 8px; margin-right: 17px; height: 32px; cursor: pointer; color: #fff; }
.js_menu_tab_arrow {
    border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff;
    width: 0; height: 0;
    -webkit-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s;
    position: absolute; top: 25px; left: 22px;
    z-index: 9
}
.box { height: 55px; background-color: #fff; border-radius: 2px; }
.search_con { width: 100%; }
.search_con .box { width: 100%; height: 55px; }
.search_con .search .text { padding-left: 20px; font-size: 15px; color: #000000; float: left; border-radius: 2px 0 0 2px; font-family: '黑体', 'simHei'; }
.search_con .search .long_text { width: 626px; height: 55px; line-height: 55px; }
.search_con .search .text::-webkit-input-placeholder { color: #989898; }
.search_con .search .btn { width: 127px; height: 55px; font-size: 18px; color: #fff; background-color: #156cc3; float: right; border-radius: 0 2px 2px 0; }
.search_tip { font-size: 14px; color: #fff; padding-left: 16px; margin-top: 12px; }
.search_tip a:hover { color: #156cc3; }
/* zhuan jia */
.zhuanJia { width: 100%; height: 734px; background: url("../images/home_bg1.jpg") center 0; }
.zhuanJia_con { margin: 40px auto 0 auto; width: 1160px; position: relative; }
.zhuanJia_con .con_block { float: left; width: 242px; height: 522px; margin: 0 20px; /*box-shadow: 0 0 3px #cacaca;*/ position: relative; background: #fff; }
.zhuanJia_con .con_block:before { position: absolute; z-index: 1; right: 24px; bottom: 18px; content: ''; display: block; border-top: 2px solid #0c0c0c; width: 13px; height: 0; }
.zhuanJia_con .con_block:after { position: absolute; z-index: 1; right: 12px; bottom: 13px; content: ''; display: block; width: 0; height: 0; border: 6px solid transparent; border-left-color: #0c0c0c; }
.zhuanJia_con .con_block:first-child { width: 482px; }
.zhuanJia_con .con_block:first-child a { width: 440px; }
.zhuanJia_con .con_block > a { display: block; width: 200px; height: 480px; padding: 20px; border: 1px solid #e4e4e4; }
.zhuanJia_con .con_block > a:hover { border-color: #cccccc; box-shadow: 0 0 3px #cacaca; }
.zhuanJia_img { margin: -20px -20px 0 -20px; overflow: hidden; background: #000; }
.zhuanJia_txt h4 { font-size: 20px; line-height: 44px; font-family: '黑体', 'simHei'; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; border-bottom: 1px solid #f5f5f5; }
.zhuanJia_txt p { font-size: 16px; line-height: 30px; margin-top: 10px; }
/* jia yuan */
.jiaYuan { width: 100%; height: 626px; background: url("../images/home_bg2.jpg") center 0; }
.jiaYuanBox { height: 379px; margin: 50px 0; position: relative; }
.jiaYuanBox a.arrow { display: none; width: 46px; position: absolute; top: 0; }
.jiaYuanBox a.arrow.a_l { left: -61px; }
.jiaYuanBox a.arrow.a_r { right: -61px; }
.jiaYuanBox .arrow_l, .teamBox .arrow_l { display: block; width: 46px; height: 379px; background-image: url("../images/arrow_c_l.png"); background-image: -webkit-image-set(url("../images/arrow_c_l.png") 1x, url("../images/arrow_c_l@2x.png") 2x); background-repeat: no-repeat; background-position: center; }
.jiaYuanBox .arrow_r, .teamBox .arrow_r { display: block; width: 46px; height: 379px; background-image: url("../images/arrow_c_r.png"); background-image: -webkit-image-set(url("../images/arrow_c_r.png") 1x, url("../images/arrow_c_r@2x.png") 2x); background-repeat: no-repeat; background-position: center; }
.jiaYuan_con { float: left; width: 100%; height: 379px; overflow: hidden; }
.jiaYuan_con > ul > li { position: relative; float: left; width: 270px; height: 379px; margin: 0 15px; background-color: #fff; text-align: center; overflow: hidden; }
.jiaYuan_con .title_top { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; padding-top: 30px; text-align: center; }
.price_des { position: absolute; top: 336px; left: 0; z-index: 3; width: 100%; text-align: center; }
.price_des h4 { color: #d4a637; font-size: 16px; padding-bottom: 24px; margin-bottom: 18px; background: url("../images/line_linear.png") no-repeat center bottom; }
.jiaYuan_des span { font-size: 12px; color: #fff; display: inline-block; margin-left: 3px; margin-right: 3px; }
.jiaYuan_des .icon { margin-left: 5px; }
.jiaYuan_pic_con { width: 100%; height: 100%; position: relative; }
.jiaYuan_pic_con > ul > li { position: relative; }
.jiaYuan_pic_con > ul > li > a { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }
.jiaYuan_pic_con .pic_nav { position: absolute; z-index: 4; top: 314px; left: 0; width: 100%; text-align: center; }
.jiaYuan_pic_con .pic_nav a { display: inline-block; width: 6px; height: 6px; margin-left: 3px; margin-right: 3px; cursor: pointer; background-color: #fff; border: 1px solid #cbcbcb; border-radius: 6px; }
.jiaYuan_pic_con .pic_nav a.active, .jiaYuan_pic_con .pic_nav a:hover { background-color: #47669f; border-color: #47669f; }
.jiaYuan_pic_con > ul { width: 810px; }
.jiaYuan_pic_con > ul > li { position: relative; float: left; width: 270px; height: 379px; overflow: hidden; }
.jiaYuan_pic_con > ul > li span { position: absolute; z-index: 2; display: block; background-color: #fff; width: 100%; }
.jiaYuan_pic_con > ul > li img { position: relative; z-index: 1; }
.jiaYuan_pic_con > ul > li span:first-child { height: 95px; top: 0; left: 0; }
.jiaYuan_pic_con > ul > li span + img + span { height: 84px; bottom: 0; left: 0; }
/* -- jia yuan li active -- */
.jiaYuan_con > ul > li.active { background-color: #000; }
.jiaYuan_con > ul > li.active .title_top { pointer-events: none; /* top: 95px;*/ }
.jiaYuan_con > ul > li.active .title_top h4 { font-size: 16px; color: #fff; }
/*.jiaYuan_con > ul > li.active .price_des { top: 157px; }*/
.jiaYuan_con > ul > li.active .title_top span, .jiaYuan_con > ul > li.active .jiaYuan_pic_con .pic_nav { display: none; }
.jiaYuan_con > ul > li.active .jiaYuan_pic_con > ul > li img { opacity: .6; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }
.jiaYuan_con > ul > li.active .jiaYuan_pic_con > ul > li span { height: 0; }
/* 短租 */
.short_rent { width: 100%; height: 402px; background: url("../images/home_bg3.jpg") center 0; }
.short_rent h2.title, .short_rent h3.title { color: #fff; }
.short_rent .search_box { width: 1148px; margin-top: 49px; }
.short_rent .search_box .box { width: 1108px; padding: 20px; height: 48px; }
.short_rent .text { border: 1px solid #aec2d8; box-shadow: inset 0 2px 2px #ececec; border-radius: 2px; font-size: 14px; height: 46px; }
.short_rent .search_con { background: url("../images/home_bg3_shadow.jpg") repeat-x; padding-bottom: 20px; }
.search_con .search label { position: relative; }
.search_con .search label i.icon { position: absolute; z-index: 1; right: 5px; top: 13px; font-size: 24px; color: #95b2d4; }
.short_rent .search_con .search .text { color: #013c78 }
.short_rent .search_con .search .text_274 { padding-left: 10px; width: 262px; line-height: 48px; }
.short_rent .search_con .search .text_228 { padding-left: 10px; width: 228px; line-height: 48px; }
.short_rent .search_con .search .text::-webkit-input-placeholder { color: #013d78; }
.short_rent .search_con .search .btn { width: 150px; height: 48px; }
.short_rent .search label { display: block; float: left; margin-left: 25px; }
.short_rent .search label > span { display: block; float: left; margin-right: 10px; margin-top: 18px; color: #225285; }
/* short rent list */
.short_rent_list { width: 100%; padding: 50px 0 44px 0; }
.short_rent_list .block { position: relative; cursor: pointer; }
.short_rent_list .arrow { display: none; position: absolute; top: 0; font-size: 42px; color: #156cc3; height: 170px; padding-top: 100px; }
.short_rent_list .arrow:first-child { left: -50px; }
.short_rent_list .arrow + div + .arrow { right: -50px; }
.short_rent_list_con { width: 1200px; overflow: hidden; }
.short_rent_list_con li { float: left; width: 268px; margin: 0 17px; line-height: 20px; }
.short_rent_list_con .short_rent_list_img { width: 268px; height: 200px; overflow: hidden; margin-bottom: 10px; overflow: hidden; }
.short_rent_list_txt .float_left { width: 156px; }
.short_rent_list_txt .float_right { text-align: right; }
.short_rent_list_txt h4 { font-size: 12px; }
.short_rent_list .float_right .price { font-size: 14px; font-weight: 400; color: #d4a637; }
.btn_more { display: inline-block; width: 226px; height: 46px; border: 1px solid #8f8d8e; border-radius: 2px; margin: 42px auto 0; font-size: 16px; line-height: 46px; }
/* team */
.team { width: 100%; background: url("../images/home_bg4.jpg") no-repeat top center; height: 506px; padding-top: 18px; }
.team h3.title { color: #000; font-size: 14px; }
.teamBox .arrow { display: block; width: 46px; float: left; }
.team .arrow, .team .arrow_l, .team .arrow_r { height: 287px; }
.team .teamBox { margin-top: 28px; }
.team_con { float: left; width: 1028px; height: 287px; overflow: hidden; }
.team_con li { float: left; width: 235px; position: relative; margin: 0 11px; }
.team_con li .avatar { position: absolute; z-index: 1; left: 64px; top: 0; width: 91px; height: 91px; border: 5px solid #fff; border-radius: 91px; overflow: hidden; }
.team_con .team_txt { width: 235px; height: 177px; margin-top: 53px; padding-top: 57px; background-color: #fff; text-align: center; }
.team_con .team_txt h2, .agent_block .team_txt h2 { font-size: 24px; margin: 10px 0; font-weight: normal; }
.team_con .team_txt p, .agent_block .team_txt p { font-size: 12px; }
.team_con .team_txt .contact, .agent_block .team_txt .contact { position: relative; display: inline-block; width: 124px; height: 31px; line-height: 31px; margin: 20px 0; background-color: #6ba8d8; color: #fff; }
.team_con .team_txt .contact span, .agent_block .team_txt .contact span { display: none; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: #6ba8d8; }
.team_con .team_txt .contact:hover span, .agent_block .team_txt .contact:hover span { display: block; }
/* fixed nav */
.fixed { display: none; position: fixed; z-index: 999; top: 50%; right: 5px; margin-top: -180px; }
.fixed_nav { position: relative; background-color: #fff; width: 58px; border: 1px solid #d9d9d9; border-radius: 2px; box-shadow: 0 2px 6px rgba(0, 0, 0, .3); font-size: 28px; text-align: center; }
.fixed_nav:before { content: ''; position: absolute; top: -10px; left: 20px; display: block; width: 17px; height: 10px; background: url("../images/fixed_arrow.png") no-repeat; }
.fixed_nav ul { margin-top: 50px; border-top: 1px solid #f7f7f7; }
.fixed_nav ul li { border-bottom: 1px solid #f7f7f7; position: relative; }
.fixed_nav ul li a { display: inline-block; width: 58px; height: 68px; color: #8c92af; cursor: pointer; }
.fixed_nav ul li a i { line-height: 68px; }
.fixed_nav ul li a:hover, .fixed_nav ul li a.active { background: url("../images/fixed_active_bg.jpg") center; color: #2f85c8; }
.fixed_nav ul li > div { display: none; position: absolute; z-index: 2; top: 0; right: 59px; width: 259px; height: 95px; padding: 20px; background-color: #fff; border: 1px solid #c1bbb4; border-right: 4px solid #156cc3; font-size: 12px; font-weight: 200; text-align: left; }
.fixed_nav ul li > div:after { content: ''; position: absolute; right: -14px; top: 28px; z-index: 2; border: 5px solid transparent; border-left-color: #156CC3; }
.fixed_nav .phone_box { line-height: 25px; color: #747c8a; }
.fixed_nav .phone_box .icon { margin-right: 13px; }
.fixed_nav .phone_box .strong { font-weight: bold; font-size: 16px; color: #156cc3; }
.fixed_nav .weixin_box { line-height: 15px; color: #5e5e5e; }
.fixed_nav .weixin_box strong { font-size: 22px; font-weight: 400; color: #156cc3; line-height: 25px; }
.fixed_nav .weixin_box .left { float: left; width: 95px; overflow: hidden; }
.fixed_nav .weixin_box .left img { width: 95px; }
.fixed_nav .weixin_box .right { float: right; width: 156px; }
.fixed_nav .weixin_box p { margin: 5px 0; }
.fixed_nav ul li a.active + div { display: block; }
/* home choice num */
#choiceNum1 { cursor: pointer; }
.choiceNum { position: absolute; display: none; width: 250px; padding: 5px; background: #fff; }
.choiceNum:before, .choiceNum:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }
.choiceNum:before { left: 9px; top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; }
.choiceNum:after { left: 10px; top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; }
.choice_line { margin: 10px; font-size: 14px; }
.choice_line i.icon { font-size: 20px; margin: 0 5px; vertical-align: middle; cursor: pointer; }
.choice_line .t_txt { display: inline-block; width: 100px; vertical-align: middle; }
.choice_line input[type="text"] { width: 50px; display: inline-block; border: 0; color: #555; height: 28px; line-height: 28px; vertical-align: middle; text-align: center; margin: 0 5px; padding: 0 6px; box-sizing: border-box; font-size: 14px; }
/* rent_top_bar */
.rent_top_bar { background-color: #f2f4f7; border-top: 1px solid #aec3d8; border-bottom: 1px solid #aec3d8; }
.rent_top_bar .float_left { width: 218px; padding-left: 20px; }
.rent_top_bar .rent_info_top { background-color: #e7ecf1; font-size: 14px; line-height: 52px; overflow: hidden; }
.rent_top_bar .rent_info_top i.icon { font-size: 20px; padding-right: 5px; }
.rent_top_bar .rent_info_top a { display: inline-block; margin-right: 10px; color: #575a60; }
.rent_top_bar .rent_info_top a + a { margin-right: 26px; }
.rent_top_bar .rent_info_top i, .rent_top_bar .rent_info_top span { vertical-align: middle; }
.rent_bar_search { padding: 24px 0; overflow: hidden; }
.rent_bar_search .float_left h2, .short_agent .logo_txt h2 { font-size: 30px; font-weight: normal; line-height: 30px; margin-top: 3px; }
.rent_bar_search .float_left p, .short_agent .logo_txt p { letter-spacing: .05em; }
.rent_bar_search .float_right { padding: 0 36px; width: 888px; }
.rent_bar_search .search_con .box, .rent_bar_search .search_con .search .btn { height: 48px; }
.rent_bar_search .search_con .box { background-color: transparent; }
.rent_bar_search .search_con .search .long_text.text { border: 1px solid #aec2d8; box-shadow: inset 0 2px 2px #ececec; border-radius: 2px; font-size: 14px; height: 46px; width: 685px; padding-right: 20px; color: #0d71bf; }
.rent_bar_search .search_con .search .btn { width: 150px; }
/* rent list page */
.rent_list_page { background-color: #fafafa; overflow: hidden; }
.rent_list_page .block > .float_left { width: 237px; border: 1px solid #f0f0f0; border-top-width: 0; }
.rent_list_page .block > .float_right { width: 925px; }
.rent_list_page .float_left h3 { padding: 19px 15px 15px; font-size: 18px; line-height: 30px; font-weight: normal; background-color: #fff; }
.rent_list_page .float_left h3 .icon { font-size: 30px; color: #156cc3; margin-right: 10px; vertical-align: middle; }
.rent_slideBar_title { background-color: #f7f9fb; font-size: 14px; border-top: 1px solid #f0f0f0; padding: 15px; }
.rent_slideBar_title span:after { content: ''; display: inline-block; margin-bottom: -2px; margin-left: 10px; border: 5px solid transparent; border-top-color: #7f7f7f; }
.rent_slideBar_con { padding: 20px 15px 5px; background-color: #fff; overflow: hidden; }
.rent_slideBar_con > .checkBox { position: relative; display: inline-block; margin-right: 20px; margin-bottom: 15px; color: #747c8a; }
.rent_slideBar_con > .checkBox input[type="checkbox"] { display: inline-block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
.rent_slideBar_con > .checkBox input:checked + span { color: #e82432; }
.rent_slideBar_input { display: inline-block; margin-bottom: 15px; position: relative; }
.rent_slideBar_input .text { width: 89px; font-size: 12px; text-indent: 8px; height: 36px; border: 1px solid #aec2d8; box-shadow: inset 0 2px 2px #ececec; border-radius: 2px; color: #747c8a; }
.rent_slideBar_input i.icon { position: absolute; z-index: 1; right: 5px; top: 8px; font-size: 24px; color: #95b2d4; }
.rent_list_page .rent_list { width: 100%; overflow: hidden; padding-top: 30px; }
.rent_list_page .rent_list li { float: left; width: 432px; height: 400px; margin-right: 23px; margin-bottom: 25px; overflow: hidden; }
.rent_list_page .rent_list li > a { display: block; }
.rent_list li .rent_list_img { width: 432px; height: 287px; overflow: hidden; }
.rent_list li .rent_list_info { width: 390px; height: 85px; padding: 15px 20px 10px; border: 1px solid #ebebeb; border-top-width: 0; border-bottom-width: 2px; }
.rent_list li .rent_list_info .list_line { overflow: hidden; margin-bottom: 8px; }
.rent_list li .rent_list_info .rent_title { float: left; font-weight: normal; color: #747c8a; font-size: 16px; }
.rent_list li .rent_list_info .rent_price { float: right; font-size: 18px; font-weight: 400; color: #263248; }
.rent_list li .rent_list_info .rent_icon { float: left; padding-top: 7px; line-height: 30px; }
.rent_icon.top_line { width: 211px; border-top: 1px solid #d6d6d6; }
.rent_icon.top_line .float_right { font-size: 14px; color: #676767; }
.rent_list li .rent_list_info .rent_icon span { display: inline-block; margin-right: 5px; vertical-align: middle; font-weight: 400; color: #263248; font-size: 16px; }
.rent_list li .rent_list_info .rent_icon .icon { margin-right: 10px; vertical-align: middle; font-size: 20px; color: #747c8a; }
.rent_list li .rent_list_info input[type="button"] { float: right; width: 119px; height: 39px; font-size: 14px; color: #fff; font-weight: 400; background-color: #156cc3; border-radius: 2px; letter-spacing: .5em; }
/* slide choice */
.slider-container { width: 100%; margin-top: 20px; margin-bottom: 30px; }
.slider-container .back-bar { position: relative; width: 100%; height: 5px; background-color: #ebebeb; border-radius: 5px; }
.slider-container .back-bar .selected-bar { position: absolute; height: 100%; }
.slider-container .back-bar .pointer.last-active { z-index: 3; }
.slider-container .back-bar .pointer { position: absolute; top: -6px; width: 18px; height: 19px; background: url("../images/sliderBar.png") no-repeat 0 0; cursor: pointer; z-index: 2; }
.slider-container .clickable-dummy { cursor: pointer; position: absolute; width: 100%; height: 100%; z-index: 1; }
/* page nav */
.page_nav { text-align: center; margin: 35px 0 57px 0; }
.page_nav a { display: inline-block; margin-left: -5px; border: 1px solid #e0e0e0; width: 48px; height: 24px; padding-top: 12px; padding-bottom: 12px; font-size: 24px; font-weight: 400; color: #a3a3a3; }
/* cover page */
.slider-pro { width: 1200px; height: 570px; overflow: hidden; }
.sp-slides { width: 974px; height: 570px; }
#cover_pic .sp-thumbnail-image-container {
    width: 218px;
    height: 110px;
    overflow: hidden;
    background: #000000;
    cursor: pointer;
}
#cover_pic .sp-thumbnail-image {
    width: 100%;
}
#cover_pic .sp-thumbnail-image-container span { position: absolute; z-index: 2; top: 50%; left: 0; width: 100%; margin-top: -7px; color: #fff; text-align: center; }
#cover_pic .sp-thumbnail-container img { opacity: .5; }
#cover_pic .sp-selected-thumbnail img { opacity: 1; }
#cover_pic .sp-selected-thumbnail span { display: none; }

.map_container_d { width: 1132px; margin-left: 28px; height: 600px; margin-top: 40px; position: relative; }
.map_container_d .marker_layer { position: absolute; z-index: 99; width: 50%; right: 0; top: 0; height: 100%; }
.fanyuan_title { font-weight: 400; font-size: 28px; margin: 0 0 30px; }
.short_rent_list.detail_page { padding: 0; margin: 40px 0; }
.short_rent_list.detail_page .block { width: 1132px; }
.short_rent_list.detail_page .short_rent_list_con { width: 1132px; }
.short_rent_list.detail_page li { width: 258px; margin: 0 30px 0 0; border: 1px solid #ebebeb; border-bottom-width: 2px; }
.short_rent_list.detail_page .short_rent_list_con .short_rent_list_img { width: 260px; }
.short_rent_list.detail_page li .short_rent_list_txt { margin: 10px; overflow: hidden; }
.detial_summary { width: 100%; overflow: visible; }
.detial_summary .slider_nav, .detial_summary .detail_container { float: left; margin-top: 5px; }
.detial_summary .slider_nav { padding-left: 28px; width: 163px; }
.detial_summary .detail_container { width: 688px; }
.detial_summary .slider_nav { position: relative; }
.detial_summary .slider_nav ul { position: absolute; left: 28px; top: 0; overflow: hidden; }
.slider_nav li { height: 25px; line-height: 25px; letter-spacing: .15em; color: #545454; margin-bottom: 10px; }
.slider_nav li:before { display: inline-block; vertical-align: middle; content: ''; width: 7px; height: 7px; background-color: #b7b7b7; border-radius: 7px; margin-right: 12px; }
.slider_nav li a { display: inline-block; padding: 0 10px; position: relative; }
.slider_nav li.active a, .slider_nav li a:hover { background-color: #156cc3; color: #fff; border-radius: 2px; }
.slider_nav li.active a:before, .slider_nav li a:hover:before { position: absolute; top: 8px; left: -8px; content: ''; width: 0; height: 0; border: 4px solid transparent; border-right-color: #156cc3; vertical-align: middle; }
.row { overflow: hidden; margin: 20px 0; border-top: 1px solid #eaebed; }
.row.noborder { margin-top: 0; margin-bottom: 10px; border-top: 0; padding-bottom: 0; }
.detail_container .room_title { font-size: 28px; line-height: 35px; font-weight: 400; }
.detail_container .price { font-size: 18px; line-height: 35px; color: #156cc3; }
.detail_container .place { line-height: 50px; color: #666666; }
.text_muted { display: block; float: left; padding: 0 23px; height: 50px; border-left: 1px solid #eaebed; text-align: center; }
.text_muted:first-child { border-left: 0; }
.text_muted .icon { font-size: 32px; color: #c1c4ca; }
.text_muted span { color: #747c8a; line-height: 25px; }
.text_muted span strong { color: #000; }
.summary_small_title { font-size: 18px; font-weight: normal; line-height: 34px; margin-top: 20px; margin-bottom: 15px; }
.summary_small_title > * { vertical-align: middle; }
.summary_small_title .icon { font-size: 34px; color: #156cc3; margin-right: 10px; }
.summary_small_title + p, ul.summary_list li, ul.summary_list2 li { line-height: 30px; color: #666666; }
ul.summary_list li { width: 50%; float: left; text-indent: 31px; position: relative; }
ul.summary_list2 li { display: inline-block; text-indent: 31px; position: relative; margin-right: 15px; }
ul.summary_list li:before, ul.summary_list2 li:before { content: ''; position: absolute; top: 12px; left: 10px; background-color: #156cc3; width: 7px; height: 7px; border-radius: 7px; }
.agent_block { float: right; width: 251px; height: 353px; background: url("../images/agent_bg.jpg") no-repeat 0 0; text-align: center; border: 1px solid #eaebed; box-shadow: 0 5px 5px rgba(0, 0, 0, .1); }
.agent_block .avatar { width: 91px; height: 91px; margin: 21px auto 30px; border-radius: 91px; overflow: hidden; }
.agent_block .team_txt h2 { margin-bottom: 10px; margin-top: 0; }
.agent_block .team_txt .contact { background-color: #0d71bf; border-radius: 2px; margin-top: 30px; }
.agent_block .team_txt .contact span { background-color: #0d71bf; border-radius: 2px; }
.agent_block .btn { width: 251px; height: 45px; background-color: #fff; font-size: 16px; color: #0d71bf; margin-top: 20px; }
.agent_block_short { float: right; width: 236px; padding: 0 10px; height: 500px; margin-right: 40px; background: url("../images/agent_bg2.jpg") no-repeat 0 bottom; }
.time_title { margin-top: 14px; margin-bottom: -10px; font-size: 14px; }
.time_title > span { display: inline-block; width: 50%; text-indent: 10px; }
.time_title > span:first-child { text-indent: 20px; }
.agent_block_short .l_text { border: 1px solid #aec2d8; box-shadow: inset 0 2px 2px #ececec; border-radius: 2px; font-size: 14px; width: 193px; height: 20px; padding: 8px 10px; color: #0d71bf; }
.rent_slideBar_con .agent_btn { width: 213px; height: 38px; background-color: #156cc3; border-radius: 2px; color: #fff; font-size: 18px; }
.short_agent { position: fixed; z-index: 161; left: 0; top: -165px; width: 100%; height: 164px; background-color: #fff; border: 1px solid #eaebed; }
.short_agent .block { height: 100%; border-left: 1px solid #eaebed; border-right: 1px solid #eaebed; overflow: hidden; }
.short_agent .logo_txt { width: 210px; height: 100%; float: left; border-right: 1px solid #eaebed; text-align: center; }
.logo_txt .logo { width: 78px; height: 44px; margin: 20px auto 15px; background-image: url("../images/logo_notxt.jpg"); background-image: -webkit-image-set(url("../images/logo_notxt.jpg") 1x, url("../images/logo_notxt@2x.jpg") 2x); background-repeat: no-repeat; }
.short_agent .agent_info { float: left; width: 280px; margin: 34px 0 0 35px; }
.agent_info .avatar { float: left; width: 91px; height: 91px; margin-right: 13px; overflow: hidden; border-radius: 90px; }
.agent_info .avatar img { width: 100%; height: 100%; border-radius: 90px; }
.agent_info .team_txt h2 { font-size: 24px; font-weight: 400; margin-bottom: 12px; }
.agent_info .team_txt p { font-size: 12px; margin-bottom: 12px; }
.short_agent .agent_button { margin-top: 59px; }
.short_agent .agent_button a { display: inline-block; overflow: hidden; width: 170px; height: 44px; margin-right: 13px; font-size: 18px; line-height: 44px; color: #0d71bf; text-align: center; border: 1px solid #0d71bf; border-radius: 2px; box-shadow: 0 5px 5px #e6e6e6; }
.short_agent .agent_button a .icon { margin-right: 7px; }
.short_agent .agent_button a.contact { position: relative; }
.short_agent .agent_button a.contact span { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; display: none; background-color: #0d71bf; color: #fff; }
.short_agent .agent_button a:hover { background-color: #0d71bf; color: #fff; }
.short_agent .agent_button a:hover span { display: block; }
.short_agent .agent_button a.mailTo:hover span { display: none; }
/* map_out */
.map_out { width: 100%; min-width: 1200px; border-top: 1px solid #acc2da; overflow: visible; position: relative; }
.map_slider { position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; width: 426px; height: 100%; padding-right: 13px; background: url("../images/map_nav_bg.png") top right repeat-y; overflow: hidden; }
.map_inner { background-color: #fff; }
.map_slider .slider_nav { height: 51px; }
.map_slider .slider_nav > * { display: block; width: 213px; float: left; height: 50px; line-height: 50px; border-bottom: 1px solid #ececec; font-size: 18px; font-weight: 400; text-align: center; color: #808793; background-color: #fbfbfb; cursor: pointer; }
.map_slider .slider_nav > *:first-child { width: 212px; border-right: 1px solid #ececec; }
.map_slider .slider_nav > *.active { color: #000; border-bottom-color: #fff; background-color: #fff; }
.map_content { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; }
.map_content #map_container { height: 100%; }
.map_list { overflow: hidden; }
.map_list .map_line { padding: 14px 0 14px 18px; border-bottom: 1px solid #ececec; }
.map_list .map_line .map_list_title { overflow: hidden; width: 100%; }
.map_list_title h2 { font-size: 18px; line-height: 25px; font-weight: 400; }
.map_list_title span.float_right { display: block; margin-right: 30px; width: 21px; height: 25px; background: url("../images/location.png") no-repeat; text-align: center; color: #fff; font-size: 14px; line-height: 25px; }
.map_list .map_line .row { margin-top: 15px; }
.map_line .row .place { font-size: 14px; color: #666666; line-height: 24px; }
.map_line .row .red { font-size: 18px; }
/* wei tuo */
.weituo_head { height: 400px; width: 100%; min-width: 1200px; background: url("../images/weito_banner.jpg") no-repeat top center; }
.weituo_head .about_txt { width: 100%; height: 200px; padding-top: 103px; background-image: url("../images/weituo_txt.png"); background-image: -webkit-image-set(url("../images/weituo_txt.png") 1x, url("../images/weituo_txt@2x.png") 2x); background-repeat: no-repeat; background-position: bottom center; }
.weituo_body .line_box { width: 725px; margin: 0 auto; padding: 40px 70px 50px; border-top: 1px solid #eaebed; }
.weituo_body .line_box:first-child { border-top-width: 0; }
.weituo_body .line_box h4 { font-size: 18px; line-height: 35px; }
.weituo_body .line_box h4 i { font-size: 35px; color: #156cc3; margin-left: -49px; margin-right: 18px; }
.weituo_body .line_box h4 i, .weituo_body .line_box h4 span { vertical-align: middle; }
.weituo_body .line_box h4 .tip { font-size: 14px; padding-left: 15px; color: #a9a9a9; font-weight: normal; }
.input_line { width: 100%; overflow: hidden; margin-top: 29px; }
.col-3 { width: 100%; height: 67px; }
.col-3 .input_line { width: 222px; float: left; margin-left: 29px; }
.col-3 .input_line:first-child { margin-left: 0; }
.input_line > span.tit { display: inline-block; width: 63px; text-align: right; padding-right: 17px; }
.input_line > .text { display: inline-block; border: 1px solid #aec2d8; box-shadow: inset 0 2px 2px #ececec; border-radius: 2px; font-size: 14px; width: 618px; height: 20px; padding: 8px 10px; color: #0d71bf; }
.col-3 .input_line > .text { width: 116px; }
.col-3 .input_line > select.text { width: 136px; }
.input_line > textarea { border: 1px solid #aec2d8; box-shadow: inset 0 2px 2px #ececec; border-radius: 2px; font-size: 14px; width: 670px; height: 94px; padding: 8px 10px; color: #0d71bf; }
.check_line { overflow: hidden; font-size: 14px; margin-top: 35px; padding-left: 25px; }
.check_line .tit:before { content: ''; display: inline-block; margin-left: -18px; margin-right: 10px; width: 7px; height: 7px; background-color: #156cc3; border-radius: 7px; }
.check_group label { display: inline-block; width: 163px; }
.check_group label span { vertical-align: middle; }
.check_group input[type='checkbox'] { width: 13px; height: 13px; margin: 23px 10px 23px 0; border: 1px solid #aec2d8; box-shadow: inset 0 2px 2px #ececec; border-radius: 2px; vertical-align: middle; }
.check_group input[type='checkbox']:checked { background-color: #156cc3; box-shadow: inset 0 2px 2px #156cc3; }
.upload_area { position: relative; width: 708px; height: 335px; background-color: #f9f9f9; }
.upload_area .ssi-button { border-color: #589fe7; border: 0; }
.upload_area .ssi-uploader { padding: 10px 20px; }
.upload_area #ssi-info { margin-bottom: 10px; }
.upload_area .ssi-previewBox { padding: 0; }
.upload_area .ssi-dropZonePreview { border: 0; }
.upload_area .ssi-button.success { background-color: #589fe7; border-color: #589fe7; }
.upload_area .ssi-button.success:hover { background-color: #589fe7; }
.upload_area .ssi-buttonWrapper { padding: 5px 10px 5px 0; }
.weituo_btn { margin: 37px 0 0 217px; width: 269px; height: 57px; background-color: #156cc3; color: #fff; font-size: 24px; font-weight: 400; }
/* about page */
.about_head { width: 100%; background: url("../images/about_banner_new.jpg") no-repeat top center; height: 547px; }
.about_head .about_txt { padding-top: 191px; width: 100%; height: 106px; background-image: url("../images/about_banner_txt.png"); background-image: -webkit-image-set(url("../images/about_banner_txt.png") 1x, url("../images/about_banner_txt@2x.png") 2x); background-repeat: no-repeat; background-position: bottom center; }
.about_body, .abd_body { padding-top: 60px; color: #4b4b4b; }
.about_body > .block, .abd_body > .block { width: 1128px; margin-bottom: 86px; overflow: hidden; }
.about_tro { float: left; width: 663px; }
.about_tro h2 { font-weight: 400; font-size: 36px; color: #4b4b4b; }
.about_tro h3 { font-weight: normal; font-size: 20px; color: #0d71bf; }
.about_tro p { margin-top: 25px; font-size: 14px; line-height: 24px; }
.ab_title { background: url("../images/ab_t_line.png") no-repeat center; text-align: center; font-size: 42px; margin-bottom: 20px; }
.ab_title .ab_title_inner { display: inline-block; background: #fff; padding: 0 35px; }
.ab_title .ab_title_inner span { display: inline-block; width: 71px; height: 71px; margin-right: 15px; font-size: 72px; line-height: 71px; font-style: italic; vertical-align: middle; color: #fff; background-image: url("../images/ab_c_sprite.png"); background-image: -webkit-image-set(url("../images/ab_c_sprite.png") 1x, url("../images/ab_c_sprite@2x.png") 2x); background-repeat: no-repeat; background-position: 0 0; }
.col-10 { width: 100%; overflow: hidden; }
.col-5 { width: 20%; }
.col-2 { width: 50%; float: left; }
.col-4 { width: 25%; float: left; }
.about_body .col-5 { float: left; text-align: center; line-height: 24px; font-size: 14px; font-weight: 200; }
.about_body .col-5 h4 { font-size: 18px; font-weight: 400; }
.ab_icon { width: 109px; height: 101px; margin: 0 auto 15px auto; background: no-repeat center; }
.ab_1 { background-image: url("../images/ab_price.png"); background-image: -webkit-image-set(url("../images/ab_price.png") 1x, url("../images/ab_price@2x.png") 2x); }
.ab_2 { background-image: url("../images/ab_source.png"); background-image: -webkit-image-set(url("../images/ab_source.png") 1x, url("../images/ab_source@2x.png") 2x); }
.ab_3 { background-image: url("../images/ab_agent.png"); background-image: -webkit-image-set(url("../images/ab_agent.png") 1x, url("../images/ab_agent@2x.png") 2x); }
.ab_4 { background-image: url("../images/ab_award.png"); background-image: -webkit-image-set(url("../images/ab_award.png") 1x, url("../images/ab_award@2x.png") 2x); }
.ab_5 { background-image: url("../images/ab_imp.png"); background-image: -webkit-image-set(url("../images/ab_imp.png") 1x, url("../images/ab_imp@2x.png") 2x); }
.ab_service, .ab_logo_list { overflow: hidden; }
.ab_service li { float: left; width: 114px; text-align: center; margin: 25px 0 25px 30px; font-size: 18px; font-weight: 200; }
.ab_service li span { display: inline-block; margin-top: 20px; }
.ab_service li:first-child { margin-left: 0; }
.ab_logo_list li { float: left; width: 106px; height: 98px; border: 1px solid #e2e2e2; margin: 10px 13px; overflow: hidden; }
.ab_logo_list li img { width: 100%; }
.ab_title2 { border-bottom: 1px solid #eeeeee; overflow: hidden; }
.ab_title2 .h4_t { display: block; float: left; font-size: 30px; font-weight: 400; color: #0d71bf; padding-bottom: 12px; border-bottom: 3px solid #0d71bf; }
.ab_title2 .float_right { display: block; font-size: 14px; line-height: 18px; }
.blue { color: #156cc3; }
.ab_title2 .float_right strong { font-weight: 400; }
/*jinyang-for join us left div*/
.ab_hr_box_left { height: 460px; border-left: 1px solid #b1b3b5; padding-left: 43px; margin: 40px 0 10px; font-size: 16px; line-height: 36px; }
.ab_hr_box_left h4 { font-size: 24px; font-weight: 400; }
.ab_hr_box_left strong { font-weight: 400; }

.ab_hr_box { height: 180px; border-left: 1px solid #b1b3b5; padding-left: 43px; margin: 40px 0 10px; font-size: 14px; line-height: 35px; }
.ab_hr_box h4 { font-size: 24px; font-weight: 400; }
.ab_hr_box strong { font-weight: 400; }
.ab_hr li span { display: inline-block; color: #fff; font-weight: 400; font-style: italic; width: 19px; height: 17px; margin-right: 10px; line-height: 16px; vertical-align: middle; text-align: center; background-position: 2px 50px; background-image: url("../images/ab_c_sprite.png"); background-image: -webkit-image-set(url("../images/ab_c_sprite.png") 1x, url("../images/ab_c_sprite@2x.png") 2x); }
.ab_fuLi { margin-top: 25px; padding-left: 45px; line-height: 24px; font-size: 14px; color: #0d71bf; }
.ab_fuLi li i { display: inline-block; color: #fff; font-weight: 400; font-style: italic; width: 19px; height: 17px; margin-right: 10px; line-height: 16px; vertical-align: middle; text-align: center; background-position: 2px 15px; background-image: url("../images/ab_c_sprite.png"); background-image: -webkit-image-set(url("../images/ab_c_sprite.png") 1x, url("../images/ab_c_sprite@2x.png") 2x); }
/* aboard page */
.abd_head { width: 100%; background: url("../images/abd_banner.jpg") no-repeat top center; height: 661px; }
.abd_head .about_txt { padding-top: 252px; width: 100%; height: 349px; background-image: url("../images/abd_banner_txt.png"); background-image: -webkit-image-set(url("../images/abd_banner_txt.png") 1x, url("../images/abd_banner_txt@2x.png") 2x); background-repeat: no-repeat; background-position: bottom center; }
.abd_body .ab_title2 .h4_t { border-bottom-color: #1bcdfa; color: #495054; }
.abd_body .ab_title2 .abd_t_nav { float: left; font-size: 18px; font-weight: 200; line-height: 38px; margin-left: 50px; }
.abd_t_nav li { float: left; margin-right: 40px; cursor: pointer; }
.abd_t_nav li.active { color: #1bcdfa; }
.tui_img { margin-top: 40px; width: 100%; overflow: hidden; }
.tui_img li { float: left; width: 360px; margin-right: 24px; margin-bottom: 24px; }
.tui_img li.noMargin { margin-right: 0; }
.abd_tro_box { display: none; width: 100%; overflow: hidden; margin-top: 28px; }
.abd_tro_box.active { display: block; }
.abd_tro_box .float_left { width: 360px; overflow: hidden; }
.abd_tro_box .float_left img { width: 100%; }
.abd_tro_box .abd_tro { float: right; width: 736px; font-size: 14px; font-weight: 200; line-height: 30px; letter-spacing: .05em; color: #666666; }
.abd_tro_box .abd_tro h2 { font-size: 24px; font-weight: 400; margin-bottom: 10px; }
.light_blue { color: #1bcdfa; }
.abd_tro_box .abd_tro p { text-indent: 2em; }
/* pop box */
.popBox { display: none; position: fixed; z-index: 1000; width: 100%; height: 100%; left: 0; top: 0; }
.popBox .popBg { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #000; opacity: .3; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); }
.popBox .popContent { position: absolute; left: 50%; z-index: 2; margin-left: -228px; width: 372px; padding: 52px 42px 61px; background-color: #fff; border-radius: 3px; }
.popTitle { width: 100%; }
.popOrderTitle { font-size: 18px; color: #fff; text-indent: 42px; margin: -52px -42px 27px; background-color: #146cc3; line-height: 54px; border-radius: 3px 3px 0 0; }
.popContent a.close { position: absolute; z-index: 3; font-size: 40px; color: #c4c4c4; top: 10px; right: 10px; }
.popContent a.close i:before { cursor: pointer; }
.popTitle h4 { font-size: 30px; color: #636363; font-weight: 200; text-align: center; margin-bottom: 40px; }
.popTitle h4 p { font-size: 14px; margin-top: 20px; }
.popBody p.red { margin-bottom: 27px; }
.popBody .line { margin-bottom: 18px; overflow: hidden; }
.popBody .line input[type=text], .popBody .line textarea { font-size: 14px; }
.popBody .line.last-child { margin-top: 37px; margin-bottom: 0; }
.popBody .line .long_text { display: block; padding: 10px; font-size: 14px; line-height: 25px; border: 1px solid #aec2d8; box-shadow: inset 0 2px 2px #ececec; border-radius: 2px; }
.popBody .line .rent_time { display: inline-block; width: 155px; }
.date_price, .total_price { float: left; width: 50%; line-height: 36px; }
.date_price { font-size: 18px; color: #5b5b5b;; }
.date_price .equal { display: inline-block; margin-left: 10px; }
.total_price { text-align: right; font-size: 36px; font-weight: bold; color: #e70012; }
.popBody .btn { padding: 0; height: 56px; line-height: 54px; font-size: 24px; background-color: #146cc3; color: #fff; }
/* footer */
.footer { background-color: #e7ecf1; }
.footer_nav { height: 54px; text-align: center; background-color: #f2f4f7; border-top: 1px solid #aec3d8; border-bottom: 1px solid #aec3d8; }
.footer_nav a { display: inline-block; margin: 20px 48px; color: #797979; }
.footer_nav a + a + a + a + a + a { margin-right: 0; }
.footer_nav a:last-child { margin-left: 0; padding-left: 5px; border-left: 1px solid #797979; }
.footer_middle { margin-top: 40px; width: 100%; overflow: hidden; clear: both; }
.footer_middle .title { height: 40px; line-height: 40px; margin-bottom: 20px; color: #156cc3; font-size: 22px; }
.footer_middle .title h2 { font-size: 22px; font-weight: 400; }
.footer_middle .title a { float: right; display: block; font-size: 14px; font-weight: normal; color: #747c8a; }
.footer_middle .float_left { padding: 0 45px; }
.float_left:first-child .title { text-align: center; }
.footer_middle .float_left:first-child > a { padding-left: 20px; color: #747c8a; font-size: 14px; line-height: 30px; }
.footer_middle .float_left:first-child > a:hover { color:#156cc3; }
.footer_middle .float_left + .float_left { width: 398px; }
.footer_middle .float_left + .float_left + .float_left { width: 383px; }
.footer_middle .float_left .logo_list li { float: left; width: 90px; height: 52px; overflow: hidden; border: 1px solid #e2e2e2; margin-right: 10px; margin-bottom: 10px; }
.footer_middle .float_left .logo_list li.margin0 { margin-right: 0; }
.footer_middle .float_left .logo_list li img { width: 90px; }
.code .code_img { float: left; }
.code .float_right { color: #747c8a; font-size: 12px; }
.code .float_right li { margin: 10px 0; }
.code .float_right li .icon { display: inline-block; margin-right: 5px; }
.code .float_right li:first-child { font-size: 16px; color: #263248; }
.code .float_right li:first-child .icon { font-size: 20px; }
.toTop { background: url("../images/top.png") no-repeat center; height: 19px; width: 100%; margin-top: 30px; margin-bottom: 10px; }
.toTop a { display: inline-block; width: 100%; height: 100%; }
.copyright { font-size: 12px; text-align: center; color: #828ea8; padding-bottom: 100px; }
/* hfh icon font set */
@font-face {
    font-family: 'hfh';
    src: url('fonts/hfh.eot?avzbqq');
    src: url('fonts/hfh.eot?avzbqq#iefix') format('embedded-opentype'),
    url('fonts/hfh.ttf?avzbqq') format('truetype'),
    url('fonts/hfh.woff?avzbqq') format('woff'),
    url('fonts/hfh.svg?avzbqq#hfh') format('svg');
    font-weight: normal;
    font-style: normal;
}
i.icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'hfh' !important; speak: none;
    font-style: normal; font-weight: normal; font-variant: normal;
    text-transform: none; line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-area:before { content: "\e900"; }
.icon-arrow-c-l:before { content: "\e901"; }
.icon-arrow-c-r:before { content: "\e902"; }
.icon-arrow-l:before { content: "\e903"; }
.icon-arrow-r:before { content: "\e904"; }
.icon-bath:before { content: "\e905"; }
.icon-bed:before { content: "\e906"; }
.icon-camera:before { content: "\e907"; }
.icon-chara:before { content: "\e908"; }
.icon-close:before { content: "\e909"; }
.icon-date:before { content: "\e90a"; }
.icon-list:before { content: "\e90b"; }
.icon-location:before { content: "\e90c"; }
.icon-mail:before { content: "\e90d"; }
.icon-map:before { content: "\e90e"; }
.icon-match:before { content: "\e90f"; }
.icon-phone:before { content: "\e910"; }
.icon-search:before { content: "\e911"; }
.icon-tel-c:before { content: "\e912"; }
.icon-tel:before { content: "\e913"; }
.icon-train:before { content: "\e914"; }
.icon-tro:before { content: "\e915"; }
.icon-arrow_top:before { content: "\e916"; }
.icon-weixin:before { content: "\e917"; }
.icon-up-down:before { content: "\e918"; }
.icon-minus:before { content: "\e919"; }
.icon-plus:before { content: "\e91a"; }
.icon-c-flower:before { content: "\e91b"; }
.icon-c-phone:before { content: "\e91c"; }
.icon-c-photo:before { content: "\e91d"; }
.icon-c-star:before { content: "\e91e"; }