@charset "utf-8";

#estate .one{background:url(/Public/Website/assets/estate/one_bg.png) repeat-x; overflow:hidden;}
#estate .one .box{width:1000px; height:368px; padding-top:78px; text-align:left; margin:0 auto; overflow:hidden;}
#estate .one .box .cont{width:490px; height:368px; float:left; overflow:hidden; position:relative;}
#estate .one .box .cont .category{height:60px; line-height:60px; color:#A68D6A; font-size:24px; font-weight:bold; padding-top:35px; overflow:hidden;}
#estate .one .box .cont .name{height:30px; line-height:30px; color:#313131; font-size:16px; font-weight:bold; overflow:hidden;}
#estate .one .box .cont .text{line-height:30px; color:#313131; font-size:13px; padding-top:15px; overflow:hidden;}
#estate .one .box .cont .icon{width:64px; height:64px; overflow:hidden; position:absolute; top:50px; right:0;}
#estate .one .box .cont .icon img{width:100%; height:100%;}
#estate .one .box .photo{width:488px; height:366px; border:1px solid #D4A93E; float:right; overflow:hidden;}
#estate .one .box .photo img{width:100%; height:100%;}

#estate .two{margin-top:35px; background:url(/Public/Website/assets/estate/two_bg.png) repeat-x; overflow:hidden;}
#estate .two .box{width:1000px; height:415px; text-align:left; margin:0 auto; overflow:hidden;}
#estate .two .box .cont{width:490px; height:368px; float:right; overflow:hidden; position:relative;}
#estate .two .box .cont .category{height:60px; line-height:60px; color:#fff; font-size:24px; font-weight:bold; padding-top:100px; overflow:hidden;}
#estate .two .box .cont .name{height:30px; line-height:30px; color:#313131; font-size:16px; font-weight:bold; overflow:hidden;}
#estate .two .box .cont .text{line-height:28px; color:#313131; font-size:13px; padding-top:15px; overflow:hidden;}
#estate .two .box .cont .icon{width:64px; height:64px; overflow:hidden; position:absolute; top:115px; right:0;}
#estate .two .box .cont .icon img{width:100%; height:100%;}
#estate .two .box .photo{width:488px; height:366px; border:1px solid #D4A93E; float:left; overflow:hidden;}
#estate .two .box .photo img{width:100%; height:100%;}

#estate .three{width:1000px; text-align:left; margin:0 auto; overflow:hidden;}
#estate .three .category{height:60px; line-height:60px; color:#A68D6A; font-size:24px; font-weight:bold; padding-top:45px; overflow:hidden;}
#estate .three .list{height:470px; border-bottom:1px solid #313131; overflow:hidden;}
#estate .three .list ul{width:1020px; overflow:hidden;}
#estate .three .list ul li{width:320px; margin-right:20px; float:left; overflow:hidden;}
#estate .three .list ul li .name{height:30px; line-height:30px; color:#313131; font-size:16px; font-weight:bold; overflow:hidden;}
#estate .three .list ul li .photo{width:318px; height:238px; border:1px solid #D4A93E; margin-top:15px; overflow:hidden;}
#estate .three .list ul li .photo img{width:100%; height:100%;}
#estate .three .list ul li .text{line-height:25px; color:#313131; font-size:13px; padding-top:20px; overflow:hidden;}

#estate .four{width:1000px; text-align:left; margin:68px auto 40px auto; overflow:hidden;}
#estate .four .cont{width:320px; height:320px; float:left; overflow:hidden; position:relative;}
#estate .four .cont .category{height:45px; line-height:30px; color:#A68D6A; font-size:24px; font-weight:bold; overflow:hidden;}
#estate .four .cont .name{height:30px; line-height:30px; color:#313131; font-size:16px; font-weight:bold; overflow:hidden;}
#estate .four .cont .text{line-height:30px; color:#313131; font-size:13px; padding-top:15px; overflow:hidden;}
#estate .four .cont .icon{width:64px; height:64px; overflow:hidden; position:absolute; top:0; right:0;}
#estate .four .cont .icon img{width:100%; height:100%;}
#estate .four .photo{width:658px; height:318px; border:1px solid #D4A93E; float:right; overflow:hidden;}
#estate .four .photo img{width:100%; height:100%;}

#estate .brand{background:#EEE4D6;}
#estate .brand .box{width:1000px; margin:0 auto; padding:65px 0 65px 0; overflow:hidden;}
#estate .brand .box .name{height:70px; line-height:70px; color:#A68D6A; font-size:24px; text-align:left; overflow:hidden;}
#estate .brand .box .name span{float:right;}
#estate .brand .box .list ul{width:1020px; overflow:hidden;}
#estate .brand .box .list ul li{width:150px; height:60px; margin:20px 20px 0 0; float:left; overflow:hidden;}
#estate .brand .box .list ul li img{width:100%; height:100%;}
/*pad*/
@media only screen and (min-width:768px) and (max-width:1219px){

}
/*mobile*/
@media only screen and (min-width:320px) and (max-width:767px){
    #estate .one{background:#fff; overflow:hidden;}
    #estate .one .box{width:auto; height:auto; padding:0 15px;}
    #estate .one .box .cont{width:auto; height:auto; float:inherit;}
    #estate .one .box .cont .category{height:50px; line-height:50px; font-size:16px; padding-top:20px;}
    #estate .one .box .cont .name{height:20px; line-height:20px; font-size:12px;}
    #estate .one .box .cont .text{line-height:20px; font-size:11px; padding-top:10px;}
    #estate .one .box .cont .icon{display:none;}
    #estate .one .box .photo{width:100%; height:auto; padding-top:20px; float:inherit;}
    #estate .one .box .photo img{width:100%; height:auto;}

    #estate .two{margin-top:20px; padding-bottom:20px; background:#a68d6a;}
    #estate .two .box{width:auto; height:auto; padding:0 15px;}
    #estate .two .box .cont{width:auto; height:auto; float:inherit;}
    #estate .two .box .cont .category{height:50px; line-height:50px; font-size:16px; padding-top:20px;}
    #estate .two .box .cont .name{height:20px; line-height:20px; font-size:12px;}
    #estate .two .box .cont .text{line-height:20px; font-size:11px; padding-top:10px;}
    #estate .two .box .cont .icon{display:none;}
    #estate .two .box .photo{width:100%; height:auto; padding-top:20px; float:inherit;}
    #estate .two .box .photo img{width:100%; height:auto;}

    #estate .three{width:auto; padding:0 15px;}
    #estate .three .category{height:50px; line-height:50px; font-size:16px; padding-top:20px;}
    #estate .three .list{height:auto;}
    #estate .three .list ul{width:auto;}
    #estate .three .list ul li{width:100%; margin-right:0; padding-bottom:20px; float:inherit;}
    #estate .three .list ul li .name{height:20px; line-height:20px; font-size:12px;}
    #estate .three .list ul li .photo{width:100%; height:auto; margin-top:10px;}
    #estate .three .list ul li .photo img{width:100%; height:auto;}
    #estate .three .list ul li .text{line-height:20px; font-size:11px; padding-top:10px;}

    #estate .four{width:auto; margin:0 auto 20px auto; padding:0 15px;}
    #estate .four .cont{width:100%; height:auto; float:inherit;}
    #estate .four .cont .category{height:50px; line-height:50px; font-size:16px; padding-top:20px;}
    #estate .four .cont .name{height:20px; line-height:20px; font-size:12px;}
    #estate .four .cont .text{line-height:20px; font-size:11px; padding-top:10px;}
    #estate .four .cont .icon{display:none;}
    #estate .four .photo{width:100%; height:auto; float:inherit;}
    #estate .four .photo img{width:100%; height:auto;}

    #estate .brand .box{width:auto; margin:0 auto; padding:30px 15px;}
    #estate .brand .box .name{height:40px; line-height:40px; font-size:16px; text-align:center;}
    #estate .brand .box .name span{display:none;}
    #estate .brand .box .list ul{width:105%;}
    #estate .brand .box .list ul li{width:30%; height:auto; margin:3% 3% 0 0;}
    #estate .brand .box .list ul li img{width:100%; height:auto;}
}