body,p,ul,h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0;
}
body{
    font-size: 15px;
}
@media screen and (max-width:998px){
    body{
        font-size: 14px !important;
    }
    .text_left{
        width: 100% !important;
    }
    .text_right{
        width: 100% !important;
    }
    .jpg3{
        width: 100% !important;
    }
    .jpg3_text{
        width: 99% !important;
        margin-left: 1%;
    }
}
@media screen and (max-width:680px){
    .hongkong h1{
        font-size: 18px;
    }
    .hongkong h4{
        font-size: 16px !important;

    }
}
@media screen and (max-width:768px){
    body{
        font-size: 13px !important;
    }
}
@media screen and (max-width:468px){
    body{
        font-size: 12px !important;
    }
    h1,h2{
        font-size: 13px;
    }
    .jpg41{
        display: none;
    }
}


@media screen and (max-width:415px) {
    .text_left{
        width: 100% !important;
    }
    .hongkong h1{
        font-size: 12px;
        margin-top: -6% !important;
        letter-spacing: 0px !important;
    }
    .hongkong h4{
        font-size: 12px !important;

    }
    .content1 .text_right .span1{
        margin:10px 0!important;
        display: inline-block;
    }
    .jpg49{
        float: left !important;
    }
    .w3{
        width: 100% !important;
    }
    .w7{
        width: 100% !important; 
        padding: 1%;
        box-sizing: border-box;
        /* border: 2px solid #A0857A; */
        position: relative;
    }
    .jpg3_text{
        margin-top: 10px;
    }
    .content3{
        height: 100% !important;
        overflow: hidden;
        margin-bottom: 15px;
    }
    
    .content5 .box1{
        width: 100% !important;
        float: left;
    }
    .none{
        display: none !important;
    }
    .content5 .box2{
        width: 57% !important;
        float: left;
        margin-top:5%;
    }
    .content5 .box3{
        width: 42% !important;
        float: left;
        /* margin-right: 1%; */
        margin-top:5%;
    
    }
    .content5 .box4{
        width: 100% !important;
        float: left;
        margin-top:10%;
    
    }
    .text_left1{
        margin:10px 0 ;
    }
    .content8>div{
        width: 100% !important;
    }
    .jpg13{
        width: 95% !important  ;
    }
    .r1{
        float: none !important;
        display: inline !important;
    }
    .content7>div:last-child{
        float: left !important;
        margin-top: 10px;
    }
    .jpg15{
        width: 43% !important;
    }
    .text8{
        display: inline-block;
        border: 1px solid #A0857A;
        padding: 3%;
        font-size: 14px;
    }
    .text33{
        width: 100% !important; 
        height: 163px !important;
        overflow: auto !important;
        margin: 10px 0 !important;
    }
    .jpg33{
    width: 90% !important;
    }
    .text31{
        margin-top: 3%;
        float: left;
        width: 100% !important;
        
    }
    
    .item>div:nth-child(2){
        margin-bottom: 15px !important; 
    }
    .jpg37{
        margin-top: 20px !important;
    }
    .jpg50{
        display: none;
    }
    .jpg36{
        display: none;
    }
    .text38{
        display: block;
        margin-top: 20px !important;
    }
    .content14{
        margin:  20px 0 !important;
    }
    .content12>.l{
        position: relative !important;
    }
    .jpg31{
        display: none;
    }
    .jpg51{
        display: none;
    }
    .item>div{
        width: 100% !important;
    }
    .last_item>div:nth-child(2){
        width: 100% !important;
    }
    .text4>div:first-child{
        width: 100% !important;
        margin-right: 0 !important;
    }
    .text4>div:last-child{
        margin-right: 0 !important;
        width:100% !important;
    }
    .content14>.l:last-child{
        width: 50% !important;
        margin-left: 5%;   
    }
    .jpg39{
        right: 5% !important;
        top: 20px !important;
    }
    .footer>p{
        margin: 5% 0 !important;
    }
}


.auto-img{
    width: 100%;
    display: block;
}
.l{
    float: left;
}
.r{
    float: right;
}
.r1{
    float: right;
}
.hidden{
    overflow: hidden;
}
.box{
    max-width: 1350px;
    
    margin:0 auto;
}
.contents{
    padding: 0 20px;

}
.auto-img{
    width: 100%;
    display: block;
}
.first_word{
    color: #BDA392;
    font-size: 20px;
}
.active_bg{
    /* background: rgba(201, 166, 144, 0.692); */
    color: #9D7963;
}
.nav{
    width: 100%;
}
.content1{
    margin: 20px 0;
}
 .text_left{
    width: 35%;
    float: left;
    /* word-wrap: break-word; */
}
.content1 .text_right{
    /* height:300px;  */
    overflow: hidden;
    width:65%;
    float: right;
    
}
.content1 .text_right .hongkong{
    width: 50%;
    margin: auto;
    text-align: center;
    margin-top: 5%;
    margin-right: 1%;
}
.hkjpg{
    margin-top: 2%;
}
.hongkong h1{
    margin-bottom: 2%;
    margin-top: -2%;
    letter-spacing: 2px;
}
.hongkong h4{
    color: #9E8674;
    font-size: 20px;
}
.content1 .text_right .span1{
    margin:40px 0 0 20px;
    display: inline-block;
}

.jpg2{
    width: 49%;
}

.content2{
    margin: 3% 0;
}
.jpg3{
    width: 50%;
}
.jpg3_text{
    width: 49%;  
    margin-left: 1%;
}
.jpg17{
    width: 15%;
}
.jpg17_text{
    width: 84%;
    margin-left: 1%;
}
.pale_color{
    color: #DACCC3;
}
.dark_color{
    color: #605249;
    margin:2% 0;
    letter-spacing: 5px;
}
.bg_block{
    margin-top: 5%;
    background: #A0857A;
    line-height: 25px;
    padding: 10px;
}
.white{
    color: rgb(236, 236, 236);
}
.jpg49{
    width: 72%;
    float: right;
}

.content3{
    height: 430px;
}
.w3{
    width: 37%;
    margin-right: 5%;
}
.w7{
    width: 58%; 
    padding: 1%;
    box-sizing: border-box;
    border: 2px solid #A0857A;
    position: relative;
}
.jpg41{
    width: 18%;
    position: absolute;
    left: -8%;
    top: -18%;
}
.bg_lights{
    width: 100%;
    margin: 3% 0% 3% 0;
    text-align: right;
  
}
.bg_light{
    /* margin-left: 20%; */
    background: #D6C3B4;
    padding: 1%;
}
.img3_boxs{
    margin: 2% 0;
    
}
.img3_box{
    width: 32.6%;
    position: relative;
    float: left;
}
.bot img{
    margin-top: 13.2%;
}

.margin5{
    margin: 0 1%;
}
.m0{
    margin: 0;
}
.jpg43{
    width: 90%;
    margin: auto;
}
.text4>div:first-child{
    width: 30%;
    float: right;
    margin-right: 3%;

}
.text4>div:last-child{
    width: 60%;
    float: right;
    margin-right: 3%;

}
.text4{
    width: 100%;
    margin: 2% auto;
}

.content5 .box1{
    width: 25%;
    float: left;
    margin-right: 1%;
}
.content5 .box2{
    width: 20%;
    float: left;
    margin-top:5%;
}
.content5 .box3{
    width: 20%;
    float: left;
    margin-right: 1%;
    margin-top:5%;

}
.content5 .box4{
    width: 33%;
    float: left;
    margin-top:10%;

}
.jpg8{
    width: 100%;
    position: relative;
}
.text8{
    position: absolute;
    width: 83%;
    left: 12%;
    bottom: 4%;
   
    font-size: 14px;
}
.jpg42{
    width: 20%;
    float: left;
}
.text42{
    padding-left: 8px;
    margin-top: 5px;
    float: left;
}
.text42>p:first-child{
    color:#7B5E50;
    font-size: 20px;
    font-weight: 700;
}
.jpg9{
    width: 65%;
}
.jpg10{
    width: 90%;
}
.jpg11{
    width: 100%;
}
.content6{
    margin: 2% 0;
}
.jpg12{
    width: 90%;
    margin: auto;
}
.content7{
    width: 90%;
    margin: 0 auto;
}
.content7>div{
    float: left;
    /* width: 23%; */
    /* margin-right: 1%; */
}

.content7>div:last-child{
    float: right;
}
.content8{
    margin: 2% 0;
}
.jpg45{
    width: 13%;

    margin-top: 2%;
    float: left;
}
.top1{
    width: 100%;
    height: 50%;
    overflow: hidden;
}
.bottom1{
    border-top: 4px solid rgba(160, 133, 122, 0.795);
    width: 100%;
    height: 50%;
    margin-top: 2%;
}
.content8{
    /* width: 90%; */
    /* margin:0 auto; */
}
.content8>div{
    width: 50%;
}
.jpg13{
    width: 40%;
    float: right;
}
.jpg14{
    width: 50%;
    float: left;
}
.jpg46{
    float: left;
    width: 15%;
}
.jpg15{
    width: 39%;
}

.content9>.r{
    width: 80%;
    text-align: right;
}
.content9>.r>h1{
    color: #7B5E50;
    letter-spacing: 35px;
    border-bottom: 5px solid rgb(192, 155, 137);
    padding-bottom: 10px;
    margin-right: -3.1%;
}
.content9>.r>p{
    font-size: 18px;
    letter-spacing: 2px;
    color: rgb(185, 154, 131);
    padding-top: 10px;
}
.content10{
    margin:1% 0;
   
}
.content10>div:first-child{
    margin-right: 1%;
}
.content10>div{
    width: 47%;
    padding: 1%;
}

.content12{
    margin: 1% 0;
    position: relative;

}
.content12>.l{
    position: absolute;
    bottom: 0;
    left: 0;
}
.content12 h3{
    color: #7B5E50;
    margin-top: 6px;
   
}
.text48{
    padding-left: 10px;
}
.text48 p{
    color: rgb(185, 154, 131);
}
.jpg26{
    width: 100%;
    margin: auto;

}
.contnet13{
    position: relative

}

.contnet13 p:nth-child(2){
    position: absolute;
    bottom: 10%;
    left: 1.5%;
    width: 16%;
    overflow: auto;
    max-height: 30%;
}
.contnet13 p:nth-child(3){
    position: absolute;
    bottom: 5%;
    left: 35%;
    overflow: auto;
    height: 35%;
    width: 14%;
}
.contnet13 p:nth-child(4){
    position: absolute;
    bottom: 6%;
    right: 14%;
    width: 18%;
    overflow: auto;
    height: 35%;
}
.content14>.l{
    width: 35%;
}
.content14>.l:last-child{
    width: 48%;
}
.jpg30{
    width: 70%;
    float: right;
    margin-right: 2.5%;
}
.jpg31{
    width: 25%;
    float: right;

}
.jpg32{
    width: 90%;
    margin-bottom: 2%;
}
.color-t{
    color:#7B5E50;
    /* font-size: 30px; */
}
.color-b{
    color:rgb(185, 154, 131);
}
.text31{
    margin-top: 3%;
    float: left;
    width: 75%;
}
.content14{
    margin: 2% 0;
}
.jpg33{
    width: 44%;
    margin-right: 1%;
}
.text33{
    width: 55%;
    height: 165px;
    overflow: auto;
}
.border1{
    padding: 2%;
    border: 2px solid #A0857A;
    margin-top: 2%;
}
.item>div{
    width: 32%;
    float: left;
}
.item>div:nth-child(2){
    margin: 0 2%
}
.jpg34{
    margin-top: 10%;
}
.jpg35{
    width: 30%;
}
.text35{
    letter-spacing: 15px;
    margin-bottom: 10px;
}
.jpg36{
    width: 60%;
    margin-top: 10%;
}
.jpg37{
    margin-top: 15%;
}  
.jpg38{
    width: 65%;
    margin-bottom: 5%;
}
.text38{
    
    display: inline;
}
.jpg50{
    margin-top: 20%;
    width: 70%;
}

.last_item{
    margin: 2% 0;
}
.last_item>div:nth-child(1){
    width: 25%;
    margin-top: 45px;
}
.last_item>div:nth-child(2){
    width: 74%;
    margin-left: 1%;
    margin-top: 2%;
}
.jpg39{
    width: 16%;
    position: absolute;
    right: 20%;
    top: 0;
}
.footer{
    text-align: center;
    font-size: 18px;
    margin: 15% 0 5% 0;
}
.footer>p{
    margin: 2% 0;
}
.footer span{
    font-weight: 700;
    border-bottom: 1px solid #000;
    padding: 10px;
}
.jpg47{
    width: 70%;
    position: relative;
}
.text47{
    text-align: center;
    width: 140%;
    margin: 10px 0;
}
.jpg22{
    width: 25%;
    margin-top: 6%;
    margin-right: 3%;
}