.estate-content{ width:100%; height:auto; } .estate-content .estate-kv{ width:100%; height:680px; background:url('../img/estate/estate_kv.jpg') no-repeat bottom center; background-size:cover; position:relative; } .estate-content .estate-kv .txt{ width: 296px; height: 88px; background: url('../img/estate/estate_kv_txt.png') no-repeat top center; position: absolute; left: 50%; margin-left: -39px; bottom: 100px; } .english-edition .estate-content .estate-kv .txt{ width: 567px; height: 87px; background: url('../img/estate/en_estate_kv_txt.png') no-repeat top center; position: absolute; left: 50%; margin-left: -39px; bottom: 100px; } .estate-content .estate-info-content{ padding:80px 90px; display:flex; justify-content:center; } .estate-content .estate-info-content ul{ padding:0; margin:0; } .estate-content .estate-info-content ul li{ list-style:none; float:left; } .estate-content .estate-info-content .info-content1{ width:200px; height:91px; background:url('../img/estate/estate_info_img1.png'); } .english-edition .estate-content .estate-info-content .info-content1{ width:153px; height:126px; background:url('../img/estate/en_estate_info_img1.png'); } .estate-content .estate-info-content .info-content2{ width:250px; height:91px; background:url('../img/estate/estate_info_img2.png'); margin:0 10px; } .english-edition .estate-content .estate-info-content .info-content2{ width:179px; height:151px; background:url('../img/estate/en_estate_info_img2.png'); } .estate-content .estate-info-content .info-content3{ width:330px; height:91px; background:url('../img/estate/estate_info_img3.png'); } .english-edition .estate-content .estate-info-content .info-content3{ width:261px; height:151px; background:url('../img/estate/en_estate_info_img3.png'); } .estate-content .estate-info-txt{ padding:0 90px 100px 90px; display:flex; } .estate-content .estate-info-txt .left{ width:47.7%; height:auto; margin-right:4.3%; line-height:30px; } .estate-content .estate-info-txt .left h3{ display:inline-block; } .estate-content .estate-info-txt .right{ width:48%; height:auto; line-height:30px; } .estate-content .estate-main-content{ width:100%; height:250px; background:url('../img/estate/estake_main_img.png') no-repeat bottom center; position:relative; background-size:cover; } .estate-content .estate-main-content ul{ padding: 0; width: 1000px; margin: 0 auto; display: flex; justify-content: space-between; position: absolute; left: 50%; margin-left: -500px; top: -36%; } .estate-content .estate-main-content ul li{ list-style:none; width:18.5%; height:auto; float:left; } .estate-content .estate-main-content ul li img{ width:100%; } .estate-main-info{ padding:0 90px; } .estate-main-info ul{ padding:0; margin:0; } .estate-main-info>ul>li{ list-style:none; overflow:hidden; margin-top:120px; } .estate-main-info>ul>li>.left{ width:28%; height:auto; margin-right:3.6%; line-height:30px; float:left; } .estate-main-info>ul>li>.right{ width:68.4%; height:auto; float:right; } .estate-main-info>ul>li>.right>img{ width:100%; height:auto; } .estate-main-info ul li img{ display:block; width:100%; height:auto; } .estate-bottom{ width: 100%; height: 293px; background: url('../img/estate/estate_bottom_bg.jpg') no-repeat top center; background-size: cover; margin-top: 100px; } .estate-main-info ul li .left .more{ margin: 50px 0 20px 0; cursor: pointer; } .estate-main-info ul li .left .text-gold { margin-bottom:20px; } .estate-main-info>ul>li>.right>ul{ width:100%; /*height:100%;*/ } .estate-main-info>ul>li>.right>ul>li{ width:49.6%; height:auto; } .estate-main-info>ul>li.one>.right>ul{ overflow:hidden; } .estate-main-info>ul>li.three>.right>ul{ overflow:hidden; } .estate-main-info>ul>li.one>.right>ul>li.left{ margin-right:0.8%; float:left; } .estate-main-info>ul>li.one>.right>ul>li.right{ float:right; } .estate-main-info>ul>li.three>.right>ul>li.left{ margin-right:0.8%; float:left; } .estate-main-info>ul>li.three>.right>ul>li.right{ float:right; } .estate-content .estate-main-content>ul.pc{ display:flex !important; justify-content: space-around; } .estate-content .estate-main-content>ul.mobile{ display:none !important; } @media screen and (max-width: 1440px) { .estate-bottom { width: 100%; height: 213px; background: url('../img/estate/estate_bottom_bg.jpg') no-repeat top center; background-size: cover; margin-top: 100px; } } @media screen and (max-width: 1024px) { .estate-main-info>ul>li.three>.left{ /*margin-top:120px;*/ } .estate-bottom { width: 100%; height: 160px; background: url('../img/estate/estate_bottom_bg.jpg') no-repeat top center; background-size: cover; margin-top: 100px; } .estate-content .estate-main-content { width: 100%; height: 160px; background: url('../img/estate/estake_main_img.png') no-repeat bottom center; position: relative; background-size: cover; } .estate-content .estate-main-content ul { padding: 0 !important; width: 100% !important; margin: 0 auto !important; display: flex !important; justify-content: space-between !important; position: absolute !important; left: 50% !important; margin-left: -50% !important; top: -60% !important; } .estate-main-info ul li .left .more { margin: 18px 0 20px 0; cursor: pointer; } .estate-content .estate-info-content { padding: 42px 90px; height:62px !important; display: flex; justify-content: center; } .estate-content .estate-info-content .info-content1{ width:142px !important; } .estate-main-info>ul>li>.left{ width:100%; height:auto; } .estate-main-info>ul>li>.right{ width:100%; height:auto; margin-bottom:30px; } .estate-main-info>ul>li{ display:block; margin-top:60px; padding-bottom:60px; border-bottom:1px solid #9b9b9b; } .estate-main-info>ul>li:last-child{ border:0; padding-bottom:0; } .estate-content .estate-main-content ul { padding: 0; width: 100%; margin: 0 auto; display: flex; justify-content: space-between; position: absolute; left: 50%; margin-left:-50%; top: -36%; } .estate-content .estate-info-content { padding: 42px 90px; display: flex; justify-content: center; } .estate-content .estate-info-content .info-content1 { width: 125px; height: 91px; background: url('../img/estate/estate_info_img1.png') no-repeat top center; background-size:100%; } .english-edition .estate-content .estate-info-content .info-content1{ width:153px; height:126px; background:url('../img/estate/en_estate_info_img1.png') no-repeat top center; background-size:70%; } .estate-content .estate-info-content .info-content2 { width: 175px; height: 91px; background: url('../img/estate/estate_info_img2.png') no-repeat top center; background-size:100%; } .english-edition .estate-content .estate-info-content .info-content2{ width:179px; height:151px; background:url('../img/estate/en_estate_info_img2.png') no-repeat top center; background-size:70%; } .english-edition .estate-content .estate-kv .txt{ width: 567px; height: 87px; background: url('../img/estate/en_estate_kv_txt.png') no-repeat top center; background-size: 50%; position: absolute; left: 50%; margin-left: -164px; bottom: 38px; } .estate-content .estate-info-content .info-content3 { width: 225px; height: 91px; background: url('../img/estate/estate_info_img3.png') no-repeat top center; background-size:100%; } .english-edition .estate-content .estate-info-content .info-content3{ width:261px; height:151px; background:url('../img/estate/en_estate_info_img3.png') no-repeat top center; background-size:70%; } } @media screen and (max-width: 768px) { .estate-bottom { width: 100% !important; height: 144px !important; background: url('../img/estate/estate_bottom_bg.jpg') no-repeat bottom center !important; background-size: cover !important; margin-top: 54px !important; } .estate-content .estate-main-content ul { padding: 0 !important; width: 100% !important; margin: 0 auto !important; display: flex !important; justify-content: space-between !important; position: absolute !important; left: 50% !important; margin-left: -50% !important; top: -54% !important; } .estate-content .estate-main-content ul li { list-style: none; width: 23.5%; height: auto; float: left; } .estate-main-info ul li .left .more{ margin-bottom:0 !important; } .estate-main-info>ul>li{ display:block; margin-top:60px; padding-bottom:60px; border-bottom:1px solid #9b9b9b; } .estate-main-info>ul>li:last-child{ border-bottom:0; padding-bottom:0; } .estate-main-info>ul>li:first-child{ margin-top:60px; } .estate-content .estate-info-content { padding: 42px 20px; display: flex; justify-content: center; } .estate-content .estate-info-txt { padding: 0 20px 100px 20px; display: flex; } .estate-main-info { padding: 0 20px; } .estate-bottom { width: 100%; height: 474px; background: url('../img/estate/estate_bottom_bg.jpg') no-repeat bottom center; background-size: cover; margin-top: 140px; } } @media screen and (max-width: 768px){ .estate-main-info>ul>li.one>.right>ul{ min-height: inherit; } .estate-main-info>ul>li.three>.left{ margin-top:0; } .estate-main-info>ul>li.three>.right>ul{ display:none !important; } .estate-main-info>ul>li.three>.right{ background:url('../img/estate/estate_main_tebie.jpg') no-repeat; } .estate-content .estate-main-content>ul.pc{ display:none !important; } .estate-content .estate-main-content>ul.mobile{ display:flex !important; justify-content: space-around; } .estate-main-info>ul>li.three>.right{ height:136px; background-size:100%; } .estate-bottom { width: 100% !important; height: 78px !important; background: url('../img/estate/estate_bottom_bg.jpg') no-repeat bottom center !important; background-size: cover !important; margin-top: 0 !important; } .estate-content .estate-kv .txt{ width: 296px; height: 88px; background: url('../img/estate/estate_kv_txt.png') no-repeat top center; position: absolute; left: 50%; margin-left: -77px; bottom: 17px; background-size: 62%; } .english-edition .estate-content .estate-kv .txt{ width: 567px; height: 87px; background: url('../img/estate/en_estate_kv_txt.png') no-repeat top center; position: absolute; left: 50%; margin-left: -210px; bottom: -11px; background-size: 32%; } .estate-content .estate-info-txt{ padding:0 150px 40px 15px; display:block !important; } .estate-main-info>ul>li>.right{ margin-bottom:20px; height:auto; } .estate-content .estate-info-content{ display:flex; justify-content: space-between; } .estate-content .estate-info-content { padding: 40px 15px 0px 15px; display: flex; justify-content: center; } .estate-content .estate-info-txt{ display:block; } .estate-content .estate-info-txt .left { width: 100%; height: auto; margin-right:0; margin-bottom:20px; line-height:22.5px; } .estate-content .estate-info-txt .right { width: 100%; height: auto; line-height:22.5px; } .estate-content .estate-main-content ul { padding: 0; width: 100%; margin: 0 auto; display: flex; justify-content: space-between; position: absolute; left: 50%; margin-left: -50%; top: -30%; } .estate-content .estate-main-content ul li { list-style: none; width: 23.5%; height: auto; float: left; } .estate-content .estate-main-content ul li:nth-child(2) { margin-top: -5%; width: 30%; } .estate-content .estate-main-content { width: 100%; height:78px; background: url('../img/estate/estake_main_img.png') no-repeat bottom center; position: relative; background-size: cover; } .estate-main-info { padding: 40px 15px 15px 15px; } .estate-main-info>ul{ display:block; } .estate-main-info>ul>li { list-style: none; display: block; margin-top: 40px; } .estate-main-info>ul>li:first-child{ margin-top:0; } .estate-main-info>ul>li>div{ width:100% !important; } .estate-main-info>ul>li>.right>ul>li { width: 49.6%; height:190px; } .estate-main-info>ul>li.two>.right { height:190px; background: url('../img/estate/estate_main3.png') no-repeat center center; background-size: cover; } .estate-main-info>ul>li.one>.right>ul>li.right { margin-right: 0; background: url('../img/estate/estate_main2.png') no-repeat center center; background-size: cover; } .estate-main-info>ul>li.three>.right>ul>li.right { margin-right: 0; background: url('../img/estate/estate_main5.png') no-repeat center center; background-size: cover; } .estate-content .estate-info-txt { padding: 0 15px 60px 15px !important; display: flex; } .estate-main-info ul li .left .more { margin: 20px 0 20px 0; cursor: pointer; } .estate-main-info>ul>li{ padding-bottom:40px; border-bottom:1px solid #9b9b9b; } .estate-main-info>ul>li:last-child{ border-bottom:0; } .estate-main-info>ul>li>.left p{ line-height:22.5px; } .estate-main-info ul li .left .text-blue{ margin-bottom:5px; } .estate-main-info>ul>li>.left{ line-height:normal; } .estate-content .estate-info-content .info-content1 { width: 93px !important; height: 70px; background: url('../img/estate/estate_info_img1.png') no-repeat top center; background-size: 100%; } .english-edition .estate-content .estate-info-content .info-content1{ width:153px; height:126px; background:url('../img/estate/en_estate_info_img1.png') no-repeat top center; background-size:70%; } .estate-content .estate-info-content .info-content2 { width: 116px !important; height: 70px; background: url('../img/estate/estate_info_img2.png') no-repeat top center; background-size: 100%; margin:0 2px; } .english-edition .estate-content .estate-info-content .info-content2{ width:179px; height:151px; background:url('../img/estate/en_estate_info_img2.png') no-repeat top center; background-size:70%; } .estate-content .estate-info-content .info-content3 { width: 151px !important; height: 70px; background: url('../img/estate/estate_info_img3.png') no-repeat top center; background-size: 100%; } .english-edition .estate-content .estate-info-content .info-content3{ width:261px; height:151px; background:url('../img/estate/en_estate_info_img3.png') no-repeat top center; background-size:70%; } @media screen and (max-width: 320px) { .estate-content .estate-info-content .info-content1 { width: 70px !important; height: 70px; background: url('../img/estate/estate_info_img1.png') no-repeat top center; background-size:100%; } .english-edition .estate-content .estate-info-content .info-content1{ width:153px; height:126px; background:url('../img/estate/en_estate_info_img1.png') no-repeat top center; background-size:60%; } .estate-content .estate-info-content .info-content2 { width: 83px !important; height: 70px; background: url('../img/estate/estate_info_img2.png') no-repeat top center; background-size:100%; } .english-edition .estate-content .estate-info-content .info-content2{ width:179px; height:151px; background:url('../img/estate/en_estate_info_img2.png') no-repeat top center; background-size:60%; } .estate-content .estate-info-content .info-content3 { width: 112px !important; height: 70px; background: url('../img/estate/estate_info_img3.png') no-repeat top center; background-size:100%; } .english-edition .estate-content .estate-info-content .info-content3{ width:261px; height:151px; background:url('../img/estate/en_estate_info_img3.png') no-repeat top center; background-size:60%; } } } @media screen and (max-width: 320px){ .estate-content .estate-kv .txt { width: 296px; height: 88px; background: url('../img/estate/estate_kv_txt.png') no-repeat top center; position: absolute; left: 50%; margin-left: -221px; bottom: -33px; background-size: 27%; } .english-edition .estate-content .estate-kv .txt{ width: 567px; height: 87px; background: url('../img/estate/en_estate_kv_txt.png') no-repeat top center; position: absolute; left: 50%; margin-left: -219px; bottom: -30px; background-size: 27%; } }