.estate-grogshop-content {
    width: 100%;
    height: auto;
}

.estate-grogshop-content .estate-grogshop-kv {
    width: 100%;
    height: 680px;
    background: url('../img/estate_grogshop/estate_grogshop_kv.jpg') no-repeat bottom center;
    background-size: cover;
    position: relative;
}

.estate-grogshop-content .estate-grogshop-kv .txt {
    width: 363px;
    height: 88px;
    background: url('../img/estate_grogshop/estate_grogshop_kv_txt.png') no-repeat top center;
    position: absolute;
    left: 87px;
    top: 50%;
    margin-top: -42px;
}

.english-edition .estate-grogshop-content .estate-grogshop-kv .txt {
    width: 666px;
    height: 162px;
    background: url('../img/estate_grogshop/en_estate_grogshop_kv_txt.png') no-repeat top center;
    position: absolute;
    left: 87px;
    top: 50%;
    margin-top: -42px;
}

.estate-grogshop-content .estate-grogshop-top {
    padding: 84px 90px 100px 90px;
    display: flex;
    justify-content: space-between;
}

.estate-grogshop-content .estate-grogshop-top .left {
    width: 32.6%;
    height: auto;
    line-height: 30px;
}

.estate-grogshop-content .estate-grogshop-top .right {
    width: 61.8%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

.estate-grogshop-content .estate-grogshop-top .right > div {
    width: 49.2%;
    height: auto;
}

.estate-grogshop-content .estate-grogshop-top .right > div .top {
    width: 100%;
    height: 52px;
    line-height: 52px;
    background: #BCA377;
    color: white;
    text-align: center;
    margin-bottom: 4px;
}

.estate-grogshop-content .estate-grogshop-top .right > div .center {
    width: 100%;
    height: 89px;
    background: #F4F3F2;
    text-align: center;
    line-height: 89px;
    margin-bottom: 4px;
}

.estate-grogshop-content .estate-grogshop-top .right .left-content .center .txt {
    padding-left: 193px;
    background: url('../img/estate_grogshop/left_logo.png') no-repeat center left;
    display: inline-block;
}

.estate-grogshop-content .estate-grogshop-top .right .right-content .center .txt {
    padding-left: 80px;
    background: url('../img/estate_grogshop/right_logo.png') no-repeat center left;
    display: inline-block;
}

.estate-grogshop-content .estate-grogshop-top .right > div .bottom {
    width: 100%;
    height: 89px;
    display: flex;
    justify-content: space-between;
}

.estate-grogshop-content .estate-grogshop-top .right > div .bottom div {
    width: 49.5%;
    height: 89px;
    line-height: 89px;
    text-align: center;
    background: #F4F3F2;
    display:block;
}

.estate-grogshop-content .estate-grogshop-title {
    width: 100%;
    height: 200px;
    background: #F4F3F2 url('../img/estate_grogshop/estate_grogshop_title_bg.png');
    border-top: 1px solid transparent;
}

.estate-grogshop-content .estate-grogshop-title .main {
    padding: 0 90px;
    display: block;
    height: 200px;
    border-top: 1px solid transparent;
}

.estate-grogshop-content .estate-grogshop-title .main .content {
    text-align: right;
    margin-top: 47px;
}

.estate-grogshop-content .estate-grogshop-title .main .content h2 {
    display: inline-block;
    color:#9b9b9b !important;
    font-weight:bold !important;
}

.estate-grogshop-content .estate-grogshop-title .main .content h1 {
    display: inline-block;
}

.estate-grogshop-content .estate-grogshop-title .main .content h3 {
    color: black;
}

.estate-grogshop-content > ul {
    margin-top: -88px;
    padding: 0 90px;
}

.estate-grogshop-content > ul > li {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}

.estate-grogshop-content > ul > li:last-child {
    margin-bottom: 120px;
}

.estate-grogshop-content > ul > li .left {
    width: 60%;
    height: 460px;
    overflow: hidden;
}

.estate-grogshop-content > ul > li .left .slick-item {
    width: 100%;
    height: 460px;
    background: no-repeat center;
}

.estate-grogshop-content > ul > li:first-child .right {
    padding-top: 120px;
}

.estate-grogshop-content > ul > li .right {
    width: 29.2%;
    height: auto;
}

.estate-grogshop-content > ul > li .right .text {
    margin-top: 15px;
    line-height: 30px;
}

.estate-grogshop-content > ul > li .right .text.teshu{
    text-align:left;
}

.estate-grogshop-content > ul.beijing > li:nth-child(even) .left {
    order: 2;
}

.estate-grogshop-content > ul.beijing > li:nth-child(even) .right {
    order: 1;
}

.estate-grogshop-content .estate-grogshop-title .main .content.chengdu {
    text-align: left;
    margin-top: 47px;
}

.estate-grogshop-content > ul.chengdu > li:nth-child(odd) .left {
    order: 2;
}

.estate-grogshop-content > ul.chengdu > li:nth-child(odd) .right {
    order: 1;
}

.estate-grogshop-content > ul.chengdu > li:nth-child(odd) .right h3 {
    text-align: right;
}

.estate-grogshop-content > ul.beijing > li:nth-child(even) .right h3 {
    text-align: right;
}

.text22{
    font-size:0.5rem;
}

@media screen and (min-width:1441px){
    .estate-grogshop-content > ul.beijing li .left{
        margin-left:-7%;
    }

    .estate-grogshop-content > ul.beijing li .right{
        width:40%;
    }

    .estate-grogshop-content > ul.beijing li:nth-child(even) .left{
        margin-right:-7%;
    }

    .estate-grogshop-content > ul.chengdu li .left{
        margin-right:-7%;
    }

    .estate-grogshop-content > ul.chengdu li:nth-child(even) .left{
        margin-left:-7%;
    }

    .estate-grogshop-content > ul.chengdu li .right{
        width:40%;
    }
}

@media screen and (max-width:1280px){
    .estate-grogshop-content .estate-grogshop-top .right .left-content .center .txt {
        padding-left: 150px;
        background: url('../img/estate_grogshop/left_logo.png') no-repeat center left/110px 34px;
        display: inline-block;
    }
    .text22{
        font-size:0.4rem;
    }
    .text22.zh{
        font-size:1.5rem;
    }
    .english-edition .estate-grogshop-content .estate-grogshop-kv .txt{
        position: absolute;
        left: 3px;
        top: 50%;
        margin-top: -42px;
        background-size: 80%;
    }

    .estate-grogshop-content .estate-grogshop-top .right .left-content .center .txt{
        font-size:12px;
    }

    .estate-grogshop-content .estate-grogshop-top .right .right-content .center .txt{
        font-size:12px;
    }

    .estate-grogshop-content .estate-grogshop-top .right > div .bottom div{
        font-size:12px;
    }
}

@media screen and (max-width:1200px){
    .english-edition .estate-grogshop-content .estate-grogshop-kv .txt {
        position: absolute;
        left: 3px;
        top: 50%;
        margin-top: -42px;
        background-size: 63%;
    }
}

@media screen and (max-width: 1024px) {
    .estate-grogshop-content .estate-grogshop-top .left {
        width: 100%;
        height: auto;
        margin-bottom: 40px;
        line-height:22.5px;
    }

    .estate-grogshop-content .estate-grogshop-top {
        padding: 25px 20px 45px 20px;
        display: block;
    }

    .estate-grogshop-content .estate-grogshop-top .right {
        width: 100%;
        height: auto;
        display: block;
    }

    .estate-grogshop-content .estate-grogshop-top .right > div {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

    .english-edition .estate-grogshop-content > ul > li .left .slick-item{
        margin-top:90px;
    }

    .estate-grogshop-content .estate-grogshop-kv .txt {
        width: 363px;
        height: 88px;
        background: url('../img/estate_grogshop/estate_grogshop_kv_txt.png') no-repeat top center;
        position: absolute;
        left: 2%;
        top: 50%;
        margin-top: -42px;
        background-size: 80%;
    }

    .english-edition .estate-grogshop-content .estate-grogshop-kv .txt {
        width: 666px;
        height: 162px;
        background: url('../img/estate_grogshop/en_estate_grogshop_kv_txt.png') no-repeat top center;
        position: absolute;
        left: -34px;
        top: 50%;
        margin-top: -42px;
        background-size: 55%;
    }

    .estate-grogshop-content > ul > li:first-child .right{
        padding-top:90px;
    }

    .estate-grogshop-content>ul{
        margin-top:-60px;
    }

}

.estate-grogshop-content .slick-dots {
    position: absolute;
    width: 100%;
    height: 20px;
    text-align: center;
    bottom: 20px;
    left: 0;
}

@media screen and (max-width: 768px) {
    .estate-grogshop-content .estate-grogshop-kv .txt {
        width: 363px;
        height: 88px;
        background: url('../img/estate_grogshop/estate_grogshop_kv_txt.png') no-repeat top center;
        position: absolute;
        left: -2%;
        top: 50%;
        margin-top: -25px;
        background-size: 74%;
    }

    .english-edition .estate-grogshop-content .estate-grogshop-kv .txt {
        width: 666px;
        height: 162px;
        background: url('../img/estate_grogshop/en_estate_grogshop_kv_txt.png') no-repeat top center;
        position: absolute;
        left: -100px;
        top: 50%;
        margin-top: -42px;
        background-size: 47%;
    }

    .estate-grogshop-content .estate-grogshop-title .main {
        padding: 0 20px;
        display: block;
        height: 200px;
        border-top: 1px solid transparent;
    }

    .estate-grogshop-content>ul {
        margin-top: -60px;
        padding: 0 20px;
    }

    .estate-grogshop-content>ul>li {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        margin-bottom: 60px;
    }

    .estate-grogshop-content > ul > li:last-child{
        margin-bottom:100px;
    }

}

@media screen and (max-width: 768px) {
    .estate-grogshop-content .estate-grogshop-kv .txt {
        width: 363px;
        height: 88px;
        background: url('../img/estate_grogshop/estate_grogshop_kv_txt.png') no-repeat top center;
        position: absolute;
        left: -11%;
        top: 50%;
        margin-top: -25px;
        background-size: 61%;
    }

    .english-edition .estate-grogshop-content .estate-grogshop-kv .txt {
        width: 666px;
        height: 162px;
        background: url('../img/estate_grogshop/en_estate_grogshop_kv_txt.png') no-repeat top center;
        position: absolute;
        left: -195px;
        top: 50%;
        margin-top: -42px;
        background-size: 35%;
    }

    .estate-grogshop-content .estate-grogshop-title {
        width: 100%;
        height: 200px;
        background: #F4F3F2 url('../img/estate_grogshop/estate_grogshop_title_bg.png');
        background-size: 20%;
        border-top: 1px solid transparent;
    }

    .estate-grogshop-content > ul > li {
        width: 100%;
        height: auto;
        display: block;
        justify-content: space-between;
        margin-bottom: 40px;
    }

    .estate-grogshop-content > ul > li .left {
        width: 100%;
        height: auto;
    }

    .estate-grogshop-content > ul {
        margin-top: -45px;
        padding: 0 20px;
    }

    .estate-grogshop-content > ul > li .left {
        width: 100%;
        height: 190px;
    }

    .estate-grogshop-content > ul > li .left .slick-item {
        height: 190px;
    }

    .estate-grogshop-content > ul > li .left img {
        width: 100%;
        height: auto;
        display: block;
    }

    .estate-grogshop-content > ul > li:first-child .right {
        padding-top: 0;
    }

    .estate-grogshop-content > ul > li .right {
        width: 100%;
        height: auto;
        margin-top: 20px;
    }

    .estate-grogshop-content > ul.beijing > li:nth-child(even) .right h3 {
        text-align: left;
    }

    .estate-grogshop-content > ul.chengdu > li:nth-child(odd) .right h3 {
        text-align: left;
    }

    .estate-grogshop-content > ul > li .right .text {
        margin-top: 20px;
        line-height: 22.5px;
        padding-bottom: 40px;
        margin-bottom:40px;
        border-bottom: 1px solid rgba(121, 121, 121, 0.33);
    }

    .estate-grogshop-content > ul > li:last-child .right .text {
        border: 0;
        margin-bottom:50px;
        padding-bottom:0px;
    }

    .estate-grogshop-content > ul > li:last-child{
        margin-bottom:0;
    }

    .estate-grogshop-content .estate-grogshop-top {
        padding: 40px 15px;
    }

    .estate-grogshop-content .estate-grogshop-title .main {
        padding: 0 15px;
    }

    .estate-grogshop-content > ul {
        margin-top: -45px;
        padding: 0 15px;
    }
}


@media screen and (max-width: 320px){
    .english-edition .estate-grogshop-content .estate-grogshop-kv .txt{
        position: absolute;
        left: -230px;
        top: 50%;
        margin-top: -20px;
        background-size: 21%;
    }
}