body{
    margin: 0;
    padding: 0;
}
.ggb_man_give ul,li,p,h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
    list-style: none;
}

@media screen and (max-width:1000px){
    h1{
        font-size: 26px !important;
    }
    .ggb_nav_pr{
        font-size: 20px !important;
    }
    .ggb_man_nav .ggb_nav_right{
        font-size: 20px !important; 
        top: 10% !important;  
    }
    .ggb_img7>img{
        width: 100% !important;
    }
    .ggb_img8{
        width: 100% !important;
        margin:10px auto;
        
        float: initial !important;
    }
    .ggb_text8{
        width: 90% !important;
        margin:auto;
        float: initial !important;
    }
    .ggb_text8>p{
        writing-mode: inherit !important;
    }
    .ggb_text8>h1{
        writing-mode: inherit !important;

    }
}
@media screen and (max-width:768px){
    .ggb_pline{
        height: 30px !important;
    }
    h1{
        font-size: 20px !important;
    }
    h2{
        font-size: 20px !important;
    }
    .ggb_nav_pr{
        margin: 10px 0 5px 0 !important;
    }
    .ggb_img7>img{
        width: 122% !important;
        float: initial !important;
    }
    .none11{
        display: none;
    }
    .ggb_sign1{
        width: 100% !important;
    }
    .ggb_text12{
        width: 100% !important;
    }
    .ggb_img12{
        width: 100% !important;
       
    }
    
    .ggb_last_block_left{
        width: 100% !important;
        margin-left: 2%;
    }
    .ggb_last_block_right {
        width: 85% !important;
        margin: auto;
        float: initial !important;
    }
    .ggb_sign2{
        display: none;
    }
}
@media screen and (min-width: 10px) and (max-width: 599px){
    h1{
        font-size: 16px !important;
    }
    h2{
        font-size: 16px !important;
    }
    .ggb_nav_pr{
        letter-spacing:2px !important;
        font-size: 16px !important;
    }
    .ggb_title{
        font-size: 16px !important;
    }
    .ggb_pline{
        height: 15px !important;
    }
    .ggb_img7{
        display: none !important;
    }
    .ggb_text7{
        width: 100% !important;
    }
    .ggb_number_line1{
        display: none;
    }
    .ggb_number_line2{
        display: none;
    }
    .ggb_number_line3{
        display: none;
    }
    .ggb_number_line4{
        display: none;
    }
    .ggb_mobile_style{
        width: 160%;
        margin-left: -60%;
    }
}

.ggb_man_give{
    max-width: 1280px;
    margin: 0 auto; 
}
.ggb_auto_img{
    width: 100%;
    display: block;
}
.ggb_man_nav{
    width: 100%;
    position: relative;
    color:#C19466;
}
.ggb_man_nav .ggb_nav_pl{
    position: absolute;
    left: 3%;
    top: 11%;
    writing-mode: tb-rl;
    font-size: 60px;
}
.ggb_man_nav .ggb_nav_right{
    position: absolute;
    right: 3%;
    top: 18%; 
}
.ggb_nav_pr{
        width:30px;    
    font-size: 30px;
    }
.ggb_pline{
    display: block;
    margin: auto;
    width: 2px;
    height: 80px;
    background: #C19466;
}

.ggb_man_2{
    max-width: 935px;
    margin: 20px auto;
    padding: 0 15px;
    text-align: center;
}

.ggb_banner_box{
    width: 100%;
}

.ggb_banner_box{
    width: 80%;
    padding: 20px;
    margin: auto;
    border: 4px solid #C19466;
    margin-bottom: 50px;
}

.ggb_img2{
    width: 100%;
}
.ggb_img2>img{
    margin-left: -30%;
    width: 130%;
    position: relative;
    z-index: -1;
}

.ggb_banner_left{
    width: 35%;
    margin-right: 2%;
    float: left;
    text-align: right;
    position: relative;
}
.ggb_title{
    color: #C19466;
    font-size: 25px;
    margin: 15px 0;
}
.ggb_texts{
    font-size: 14px;
}
.ggb_banner_right{
    width: 63%;
    float: left;
}

.ggb_img15>img{
    margin-left: -15%;
    width: 120%;
    margin-top: 15px;
    position: relative;
    z-index: -1;
}
.ggb_img5{
    position: relative;
}
.ggb_img5>img{
    width: 100%;
    position: absolute;
    top: 30px;
}
.ggb_img3{
    width: 100%;
    position: relative;
}
.ggb_img3 .jpg3{
    width: 110%;
    margin: 10px 0  0 10px;
}
.ggb_img3 .jpg4{
    width: 100%;
}
.ggb_number_line1{
    width: 5px;
    height: 50px;
    background: #C19466;
    color: #C19466;
    position: absolute;
    top: 35.5%;
    left: -18%;
    writing-mode: vertical-rl;
}
.ggb_number_line1>h3{
    position: absolute;
    left: -10px;
    bottom: -35px;  
}
.ggb_number_line2{
    width: 5px;
    height: 50px;
    background: #C19466;
    color: #C19466;
    position: absolute;
    top: 6.3%;
    right: -10%;
    writing-mode: vertical-rl;
}
.ggb_number_line2>h3{
    position: absolute;
    left: -10px;
    top: -40px;  
}
.ggb_number_line3{
    width: 50px;
    height: 5px;
    background: #C19466;
    color: #C19466;
    position: absolute;
    bottom: 15%;
    right: -7.8%;
}
.ggb_number_line3>h3{
    position: absolute;
    left: 115%;
    width: 50px;
    top: -10px;
}
.ggb_number_line4{
    width: 50px;
    height: 5px;
    background: #C19466;
    color: #C19466;
    position: absolute;
    bottom: -25%;
    left: -14%;
}
.ggb_number_line4>h3{
    position: absolute;
    left: -110%;
    width: 50px;
    top: -10px;
}
.ggb_img6{
    width: 95%;
    margin: 40px auto;

}
.ggb_img7{
    width: 30%;
    float: left;
}
.ggb_img7>img{
    width:79%;
    float: right;
}
.ggb_text7{
    width: 68%;
    margin-left: 2%;
    float: right
}
.ggb_text7>h1{
    width: 13%;
    height: 400px;
    float: left;
    color: rgb(124, 90, 57);
    margin: 20px 3% 0 0;
    writing-mode: vertical-rl;
}
.ggb_text7>div{
    width: 80%;
    float: left;
}
.ggb_font_color{
    color: rgb(207, 158, 109);
}
.ggb_text7>div>p{
    margin-bottom: 10px;
    font-size: 14px;
}

.ggb_img8{
    width: 83%;
    float: left;
}
.ggb_text8{
    width: 13%;
    margin-left: 3%;
    float: left;
    font-size: 18px;
}
.ggb_text8>p{
    float: left;
    font-size: 22px;
    text-align: right;
     width:20px;
}
.ggb_text8>h1{
    float: right;
    color: rgb(124, 90, 57);
     width:20px;
    font-size: 35px;
    text-align: right;
}

.ggb_two_text{
    margin: 40px 0;
    padding: 0 10px;
       font-size:14px;
}

.ggb_img12{
    width: 45%;
    float: left;
}
.ggb_img12>img{
    margin-top: 4%;

}
.ggb_text12{
    width: 53%;
    margin-left: 2%;
    float: left;
    font-size: 14px;
}
.ggb_text12 .ggb_font_color{
    margin: 10px 0;
}

.ggb_last_block_left{
    width: 58%;
    margin-right: 2%;
    font-size: 14px;
    position: relative;
    float: left;
}
.ggb_last_block_left>div{
    overflow: hidden;
    margin-bottom: 10px;
}
.ggb_last_block_right{
    width: 40%;
    float: left;
}
.ggb_floor{
    text-align: center;
}