@charset "utf-8";

#homeBanner{width:100%; height:480px; margin-top:80px; overflow:hidden; position:relative;}
#homeBanner .box{width:1920px; height:480px; margin-left:-960px; overflow:hidden; position:absolute; top:0; left:50%;}
#homeBanner .box .swiper-slide img{width:auto; height:480px;}
#homeBanner .box .swiper-button{width:1100px; height:680px; margin-top:-340px; margin-left:-550px; overflow:hidden; position:absolute; top:50%; left:50%; z-index:9;}
#homeBanner .box .swiper-button div{width:20px; height:80px; margin-top:-40px; background:url(/Public/Website/assets/index/banner_button_icon.png) no-repeat; background-size:auto 100%; overflow:hidden; position:absolute; top:50%; cursor:pointer;}
#homeBanner .box .swiper-button div.prev{background-position:left top; left:0;}
#homeBanner .box .swiper-button div.next{background-position:right top; right:0;}
#homeBanner .box .menu{width:1000px; height:100px; margin-left:-500px; overflow:hidden; position:absolute; left:50%; bottom:0; z-index:9;}
#homeBanner .box .menu a{width:460px; height:100px; line-height:80px; color:#fff; font-size:24px; text-align:left; margin-top:20px; margin-right:20px; padding-left:30px; float:left; overflow:hidden;}
#homeBanner .box .menu a.estate{background:#a68d6a url(/Public/Website/assets/index/banner_menu_icon_01.png) no-repeat right top; background-size:auto 80px;}
#homeBanner .box .menu a.business{margin-right:0; background:#d4a93e url(/Public/Website/assets/index/banner_menu_icon_02.png) no-repeat right top; background-size:auto 80px;}
#homeBanner .box .menu a.property{margin-right:0; background:#005f8c url(/Public/Website/assets/index/banner_menu_icon_03.png) no-repeat right top; background-size:auto 80px;}

#homeNews{width:100%; height:300px; background:#CCC2B4; overflow:hidden; position:relative;}
#homeNews .title{width:1000px; margin-left:-500px; overflow:hidden; position:absolute; left:50%; top:25px; z-index:9;}
#homeNews .title .name{height:60px; line-height:60px; color:#fff; font-size:32px; text-align:left; overflow:hidden;}
#homeNews .title .menu{width:660px; height:19px; padding:8px 0; border-top:1px solid #A68D6A; border-bottom:1px solid #A68D6A; overflow:hidden;}
#homeNews .title .menu li{width:90px; height:19px; line-height:19px; text-align:center; border-right:1px solid #fff; float:left; overflow:hidden;}
#homeNews .title .menu li.last{border-right:0;}
#homeNews .title .menu li a{color:#A68D6A;}
#homeNews .title .menu li a:hover{color:#fff;}
#homeNews .title .menu li.on a{color:#fff;}
#homeNews .box{width:1000px; height:300px; margin:0 auto; overflow:hidden;}
#homeNews .box .swiper-wrapper{height:252px; margin-top:30px; overflow:hidden;}
#homeNews .box .swiper-wrapper .swiper-slide{background:#CCC2B4;}
#homeNews .box .swiper-wrapper .cont{width:660px; text-align:left; margin-right:20px; padding-top:96px; float:left; overflow:hidden;}
#homeNews .box .swiper-wrapper .cont .name{height:45px; line-height:45px; font-size:16px; overflow:hidden;}
#homeNews .box .swiper-wrapper .cont .name a{color:#fff;}
#homeNews .box .swiper-wrapper .cont .name a:hover{text-decoration:underline;}
#homeNews .box .swiper-wrapper .cont .text{line-height:20px; color:#fff; overflow:hidden;}
#homeNews .box .swiper-wrapper .photo{width:318px; height:238px; border:1px solid #D4A93E; float:left; overflow:hidden;}
#homeNews .box .swiper-wrapper .photo img{width:100%; height:100%;}
#homeNews .box .swiper-botton{width:940px; height:16px; overflow:hidden; margin-left:-470px; position:absolute; left:50%; bottom:52px;}
#homeNews .box .swiper-botton .swiper-pagination{width:100%; height:16px; text-align:right;}
#homeNews .box .swiper-botton .swiper-pagination span{display:inline-block; width:16px; height:16px; line-height:16px; color:#fff; font-size:11px; text-align:center; margin-left:1px; padding:0;
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity=50);

    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
#homeNews .box .swiper-botton  .swiper-pagination span.swiper-pagination-bullet-active{background:#d4a93e;}

#homeMap{width:100%; background:#fff; overflow:hidden;}
#homeMap .box{width:1080px; height:665px; margin:0 auto; position:relative;}
#homeMap .box .title{width:1000px; height:90px; line-height:90px; color:#A68D6A; font-size:32px; text-align:left; margin:0 auto; padding-top:25px; overflow:hidden;}
#homeMap .box .list{width:1080px; height:550px; overflow:hidden; position:relative;}
#homeMap .box .list .swiper-wrapper{width:1000px; margin:0 auto;}
#homeMap .box .list .swiper-wrapper .swiper-slide{width:490px; height:550px; margin-right:20px; float:left; overflow:hidden;}
#homeMap .box .list .swiper-wrapper .swiper-slide .photo{width:488px; height:298px; border:1px solid #a68d6a; overflow:hidden; position:relative;}
#homeMap .box .list .swiper-wrapper .swiper-slide .photo img{width:100%; height:100%;}
#homeMap .box .list .swiper-wrapper .swiper-slide .photo .tips{width:123px; height:30px; line-height:30px; color:#fff; font-size:14px; text-align:left; padding-left:34px; background:#313131; overflow:hidden; position:absolute; left:0; bottom:19px;}
#homeMap .box .list .swiper-wrapper .swiper-slide .photo .tips img{width:30px; height:30px; position:absolute; right:12px; top:0;}
#homeMap .box .list .swiper-wrapper .swiper-slide .name{height:55px; line-height:55px; color:#A68D6A; font-size:24px; font-weight:500; text-align:left; overflow:hidden;}
#homeMap .box .list .swiper-wrapper .swiper-slide .text{height:60px; line-height:20px; color:#8C8C8C; font-size:13px; text-align:left; padding-top:5px; overflow:hidden;}
#homeMap .box .list .swiper-wrapper .swiper-slide .view{height:45px; line-height:45px; text-align:left; margin-top:18px; border-top:1px solid #a68d6a; background:url(/Public/Website/assets/index/map_view_icon.png) no-repeat right center; overflow:hidden;}
#homeMap .box .list .swiper-wrapper .swiper-slide .view a{font-size:14px;}
#homeMap .box .list .swiper-prev,
#homeMap .box .list .swiper-next{width:40px; height:550px; float:left; overflow:hidden; position:absolute; top:0; z-index:999; cursor:pointer;}
#homeMap .box .list .swiper-prev{background:#fff url(/Public/Website/assets/index/map_prev.png) no-repeat left 110px; left:0;}
#homeMap .box .list .swiper-next{background:#fff url(/Public/Website/assets/index/map_next.png) no-repeat right 110px; right:0;}
/*pad*/
@media only screen and (min-width:768px) and (max-width:1219px){
    #homeBanner{height:480px; margin-top:60px;}
    #homeBanner .box{width:1356px; height:480px; margin-left:-678px;}
    #homeBanner .box .swiper-button{display:none;}
    #homeBanner .box .menu{width:712px; height:56px; margin-left:-356px;}
    #homeBanner .box .menu a{width:316px; height:56px; line-height:56px; font-size:20px; margin-top:0; padding-left:20px;}
    #homeBanner .box .menu a.estate{background-size:auto 56px;}
    #homeBanner .box .menu a.business{margin-right:0; background-size:auto 56px;}
    #homeBanner .box .menu a.property{margin-right:0; background-size:auto 56px;}

    #homeNews{height:228px;}
    #homeNews .title{width:712px; margin-left:-356px; top:25px;}
    #homeNews .title .name{height:50px; line-height:50px; font-size:24px;}
    #homeNews .title .menu{width:468px;}
    #homeNews .box{width:712px; height:228px;}
    #homeNews .box .swiper-wrapper{height:190px; margin-top:30px;}
    #homeNews .box .swiper-wrapper .cont{width:468px; margin-right:20px; padding-top:100px;}
    #homeNews .box .swiper-wrapper .cont .name{height:27px; line-height:27px;}
    #homeNews .box .swiper-wrapper .cont .text{height:40px;}
    #homeNews .box .swiper-wrapper .photo{width:222px; height:166px;}
    #homeNews .box .swiper-botton{width:702px; height:16px; margin-left:-356px; bottom:40px;}

    #homeMap .box{width:768px; height:525px;}
    #homeMap .box .title{width:712px; height:90px; line-height:90px; font-size:24px; padding-top:10px;}
    #homeMap .box .list{width:768px; height:480px;}
    #homeMap .box .list .swiper-wrapper{width:712px;}
    #homeMap .box .list .swiper-wrapper .swiper-slide{width:346px; height:480px;}
    #homeMap .box .list .swiper-wrapper .swiper-slide .photo{width:344px; height:208px;}
    #homeMap .box .list .swiper-wrapper .swiper-slide .name{padding-top:10px;}
    #homeMap .box .list .swiper-wrapper .swiper-slide .text{padding-top:0;}
    #homeMap .box .list .swiper-wrapper .swiper-slide .view{height:40px; line-height:40px; margin-top:10px;}
    #homeMap .box .list .swiper-prev,
    #homeMap .box .list .swiper-next{width:16px; height:480px;}
    #homeMap .box .list .swiper-prev{background-position:left 78px; background-size:100% auto;}
    #homeMap .box .list .swiper-next{background-position:right 78px; background-size:100% auto;}
}
/*mobile*/
@media only screen and (min-width:320px) and (max-width:767px){
    #homeBanner{height:210px; margin-top:46px;}
    #homeBanner .box{width:100%; height:210px; margin-left:0; position:inherit; left:0;}
    #homeBanner .box .swiper-slide{width:100%; height:210px; overflow:hidden; position:relative;}
    #homeBanner .box .swiper-slide img{width:592px; height:100%; margin-left:-296px; position:absolute; left:50%; top:0;}
    #homeBanner .box .swiper-button{display:none;}
    #homeBanner .box .menu{width:100%; height:40px; margin-left:0; left:0;}
    #homeBanner .box .menu a{width:50%; height:40px; line-height:40px; font-size:14px; margin:0; padding:0;}
    #homeBanner .box .menu a.estate{background-size:auto 40px;}
    #homeBanner .box .menu a.business{background-size:auto 40px;}
    #homeBanner .box .menu a.property{background-size:auto 40px;}
    #homeBanner .box .menu a span{padding-left:15px;}

    #homeNews{height:190px;}
    #homeNews .title{width:auto; margin-left:0; padding:15px 15px 0 15px; position:inherit; left:0; top:0;}
    #homeNews .title .name{height:35px; line-height:35px; font-size:16px;}
    #homeNews .title .menu{width:auto; height:19px; padding:5px 0; border-top:1px solid #fff; border-bottom:1px solid #fff; overflow:hidden;}
    #homeNews .title .menu li{width:50%; border-right:0; background:url(/Public/Website/assets/index/news_line_bg.png) no-repeat right top;}
    #homeNews .title .menu li.last{background:none;}
    #homeNews .box{width:auto; height:110px; padding:0 15px;}
    #homeNews .box .swiper-wrapper{height:60px; margin-top:10px;}
    #homeNews .box .swiper-wrapper .cont{width:auto; margin-right:0; padding-top:0; float:inherit;}
    #homeNews .box .swiper-wrapper .cont .name{height:20px; line-height:20px; font-size:12px;}
    #homeNews .box .swiper-wrapper .photo{display:none;}
    #homeNews .box .swiper-botton{width:100%; height:8px; margin-left:0; position:absolute; left:0; bottom:13px;}
    #homeNews .box .swiper-botton .swiper-pagination{width:100%; height:8px; text-align:center;}
    #homeNews .box .swiper-botton .swiper-pagination span{width:8px; height:8px; font-size:0; margin-left:4px;}

    #homeMap{width:auto; padding:0 15px 15px 15px;}
    #homeMap .box{width:100%; height:auto; overflow:hidden;}
    #homeMap .box .title{width:100%; height:50px; line-height:50px; font-size:16px; padding-top:15px;}
    #homeMap .box .list{width:100%; height:auto;}
    #homeMap .box .list .swiper-wrapper{width:100%; height:auto;}
    #homeMap .box .list .swiper-wrapper .swiper-slide{width:100%; height:auto; margin-right:0;}
    #homeMap .box .list .swiper-wrapper .swiper-slide .photo{width:auto; height:auto;}
    #homeMap .box .list .swiper-wrapper .swiper-slide .photo img{width:100%; height:auto;}
    #homeMap .box .list .swiper-wrapper .swiper-slide .photo .tips{width:92px; height:20px; line-height:20px; font-size:12px; padding-left:17px; bottom:17px;}
    #homeMap .box .list .swiper-wrapper .swiper-slide .photo .tips img{width:20px; height:20px; right:6px;}
    #homeMap .box .list .swiper-wrapper .swiper-slide .name{height:40px; line-height:40px; font-size:16px; padding-top:8px;}
    #homeMap .box .list .swiper-wrapper .swiper-slide .text{font-size:11px; padding-top:0;}
    #homeMap .box .list .swiper-wrapper .swiper-slide .view{height:37px; line-height:37px; margin-top:11px;}
    #homeMap .box .list .swiper-wrapper .swiper-slide .view a{font-size:11px;}
    #homeMap .box .list .swiper-prev,
    #homeMap .box .list .swiper-next{display:none;}
}