#section01{ width: 100%; }
#section01 .all-wrap{ width: 100%; height: 100vh!important;}
#section01 .left{ width: 50%; height: 100%; position: relative;}
#section01 .right{ width: 50%; padding: 80px 0 30px; position: absolute; top: 0; right: 0;}
#section01 .right::-webkit-scrollbar{ display: none;}
#section01 .right .con-wrap{ width: 574px; left: 0; right: 0; margin: 0 auto;}
#section01 .right .top{ padding-bottom: 40px; border-bottom: 1px solid #6C4D38; margin-bottom: 60px;}
#section01 .right .top h3.tit{ padding-bottom: 20px;}
#section01 .right .top p{ width: 100%;}
#section01 .right .top .flex-wrap{ justify-content: flex-start;}
#section01 .right .top a{ margin-right: 20px; transition: .3s; position: relative;}
#section01 .right .top a:after{ content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 5px; background-color: #CFB59E; transform-origin: left; transition: .3s; transform: scaleX(0);}
#section01 .right .top a:hover{ color: #CFB59E;}
#section01 .right .top a.active{ color: #CFB59E;}
#section01 .right .top a:hover:after{ transform: scaleX(1);}
#section01 .right .top a.active:after{ transform: scaleX(1);}
#section01 .right .btm.flex-wrap{ align-items: flex-start;}
#section01 .right .btm.flex-wrap .con{ width: 100%; display: block; margin-bottom: 60px; }
#section01 .right .btm.flex-wrap .con .img-wrap{ width: 100%; height: 323px; position: relative; overflow: hidden; margin-bottom: 20px; background-color: #000;}
#section01 .right .btm.flex-wrap .con .text-wrap{ padding: 0 20px;}
#section01 .right .btm.flex-wrap .con .text-wrap h3{ padding-bottom: 6px;}
#section01 .right .btm.flex-wrap .con .text-wrap p{ padding-bottom: 20px;}
#section01 .right .btm.flex-wrap .con .text-wrap div.op6{ padding-bottom: 0;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section01{ width: 100%; height: auto;}
    #section01 .all-wrap{ height: auto!important;}
    #section01 .left{ display: none;}
    #section01 .right{ width: 100%; height: 100%; padding: 40px 0 20px; position: relative;}
    #section01 .right .con-wrap{ width: 100%; padding: 0 15px;}
    #section01 .right .top{ border-bottom: none; margin-bottom: 0;}
    #section01 .right .top p{ width: 100%;}
    #section01 .right .btm.flex-wrap .con{ width: 100%; display: block; margin-bottom: 40px; }
    #section01 .right .btm.flex-wrap .con .img-wrap{ height: 52.00vw; margin-bottom: 30px; }
    #section01 .right .btm.flex-wrap .con .text-wrap{ padding: 0 10px;}
    #section01 .right .btm.flex-wrap .con .text-wrap p{ padding-bottom: 10px;}
}