.body-m {
    width: 100%;
    overflow: hidden;
    font-size: 0;
    background-color: #592f18;
}

/*2021-01-06*/
.m-body {
    position: relative;
    background-size: cover;
    padding-bottom: .5rem;
    background-position: center bottom;
}

.m-body {
    position: relative;
    background: url(../images/back.jpg) no-repeat;
    background-size: 100% auto;
    padding-bottom: 1rem;
    background-position: center bottom;
}
.m-container {
    width: 95%;
    margin: 0 auto;
    position: relative;
}

.m-header {
    height: 44.270833vw;
    background: url(../images/banner.jpg) no-repeat;
    background-position: top center;
    background-size:contain;
}

.m-part01{
    margin-top: -.1rem;
    position: relative;
}
.m-public_header{
    position: relative;
    display: flex;
    justify-content: center;
}
.m-public_title{
    width: 5rem;
    height:1.13rem;
    background:url(../images/title_bak.png) no-repeat;
    background-size: contain;
    line-height: 1;
    text-align: center;
    padding-top: .6rem;
}
.m-public_title span{
    color: #ffd696;
    font-weight: bold;
    font-size: .3rem;
    letter-spacing: 1px;
}
.m-public_more{
    position: absolute;
    right: 0;
    top: .6rem;
    line-height: 1;    
}
.m-public_more a{
    color: #f4bf7c;
    font-size: .22rem;
}
.m-public_more a:hover{
    color: #f2dca5;
}
.m-part01-swiper{   
    margin-top: 1rem;
    padding: 0 .5rem;
}
.m-part01-swiper .swiper{
    overflow: visible;
}
.m-part01-slide{
    position: relative;
   -ms-transform: scale(.8);
    transform: scale(.8);
    -ms-transition: 300ms all ease;
    transition: 300ms all ease;
    display: block;
}

.m-part01-slide .m-photo{
    height: 4.9rem;
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
    position: relative;
}
.m-part01-slide .m-photo::after{
    content: '\20';
    width: .8rem;
    height: .8rem;
    background: url(../images/play.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0;
}
.m-part01-slide .m-photo::before{
    content: '\20';
    bottom: 0;
    right: 0;
    left:0;
    top: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, .3);
}
.m-part01-slide .m-title{
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #ffc983;
    width: 100%;
    text-align: center;
    padding: 0 .2rem;
}
.m-part01-slide .m-title span{
    font-size: .24rem;
}
.m-part01-swiper .swiper-slide-active{
    z-index: 1;
    position: relative;
}
.m-part01-swiper .swiper-slide-active .m-part01-slide{
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-transition: 300ms all ease;
    transition: 300ms all ease;
}

.m-part01-swiper .swiper-slide-active .m-part01-slide .m-title{
    top: 90%;
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
    background: url(../images/part01_title.png) no-repeat;
    background-size:100% 100%;
    width: 100%;
    height: 1.2rem;
    display: table;
}
.m-part01-swiper .swiper-slide-active .m-part01-slide .m-title span{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.m-part01-swiper .swiper-slide-active .m-part01-slide .m-photo{
    box-shadow: 0 0 .2rem  rgba(0, 0, 0, .8);
}
.m-part01-swiper .swiper-slide-active .m-part01-slide .m-photo::after{
    opacity: 1;
}
.m-part01-swiper .swiper-slide-active .m-part01-slide .m-photo::before{
    opacity: 0;
}

.m-part01-swiper_prev,
.m-part01-swiper_next{
    position: absolute;
    left: .7rem;
    bottom: -.53rem;
    width: .39rem;
    height: .84rem;
    background-image: url(../images/arrow_left.png);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .2;
    z-index: 9;
    cursor: pointer;
}
.m-part01-swiper_next{
    left: auto;
    right: .7rem;
    background-image: url(../images/arrow_right.png);
}
.m-part01-swiper_prev:hover,
.m-part01-swiper_next:hover{
    opacity: 1;
}
.m-part02{
    margin-top: 1.4rem;
}
.m-part02_main{
    margin-top: .8rem;
}
.m-part02_left{       
    vertical-align: top;
}

.m-part02_swiper{
    position: relative;    
}
.m-part02-slide{
    position: relative;
}
.m-part02-slide .m-title{
    margin-bottom: .2rem;
    height: 1.2rem;
    display: flex;
    align-items: center;
}
.m-part02-slide .m-title span{
    font-size: .28rem;
    padding-left: 0;
    color: #ffc983;
    padding-right: 1rem;
}
.m-part02-slide .m-photo{
    height: 4.9rem;
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
    position: relative;
    box-shadow: 0 0 .3rem rgba(0, 0, 0, .8);
}
.m-part02-slide .m-photo::after{
    content: '\20';
    width: .8rem;
    height: .8rem;
    background: url(../images/play.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.m-part02-swiper_prev,
.m-part02-swiper_next{
    position: absolute;
    right: .2rem;
    top: 0rem;
    width: .69rem;
    height: .34rem;
    background-image: url(../images/arrow_up.png);
    background-repeat: no-repeat;
    background-size:contain;
    opacity: .2;
    z-index: 9;
    cursor: pointer;
}
.m-part02-swiper_next{
    top:.8rem;
    background-image: url(../images/arrow_down.png);
}
.m-part02-swiper_prev:hover,
.m-part02-swiper_next:hover{
    opacity: 1;
}
.m-part02_right{
    width: 100%;
    vertical-align: top;
    margin-top: .3rem;
}
.m-part02_right .swiper-container{    
    margin: 0px -.2rem;
}

.m-part02_tabs{
    overflow-x: scroll;
    white-space:nowrap;
    margin: 0px -.4rem;
}
.m-part02_tab{
    width: 2.3rem;
    position: relative;
    cursor: pointer;
    margin: 0px .2rem;
    display: inline-block;
}
.m-part02_tab::after{
    content: '\20';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
}
.m-part02_tab.active::after{
    opacity: 0;
}
.m-part02_tab .m-photo{
    height: 1.4rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.m-part02_tab .m-title{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;    
    display: table;
    width: 100%;
    height: 100%;
    z-index: 1;
    line-height: 1.8;
}
.m-part02_tab.active .m-title{
    opacity: 0;
}
.m-part02_tab .m-title span{
    display: table-cell;
    vertical-align: middle;
    color: #ffc983;
    font-size: .12rem;   
    text-align: left;
    padding: .1rem;
}


.m-footer {
    border-top: 1px solid #f2dca5;
    padding: .1rem 0;
    text-align: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #f2dca5;
}

.m-footer-container {
    margin: 0 auto;
    position: relative;
    font-size: 0;
}

.m-footer_logo {
    display: inline-block;
    width: 40%;
    vertical-align: bottom;
    padding-right: .2rem;
}

.m-footer_logo_img {
    height: 0;
    padding-bottom: 87.209302%;
    background: url(../images/foot_logo.png) no-repeat;
    background-size: contain;
}

.m-footer_info {  
    margin-top: .2rem;
}

.m-footer_info_menu {
    font-size: .26rem;
}

.m-footer_info_menu a {
    color: #f2dca5;
    margin: 0px .1rem;
}
.m-footer_info_menu a:hover {
    color: #fff;
}
.m-footer_info_copy {
    margin-top: .2rem;
    font-size: .24rem;
}
.m-footer_info_filing {
    margin-top: .2rem;
}
.m-footer_info_filing span {
    font-size: .24rem;
}

.m-footer_info_right {
    font-size: .24rem;
    color: #f2dca5;
    text-align: center;
    margin-top: .1rem;
    padding: .1rem .15rem;
}

.m-footer_weach {
    margin-top: .2rem;
    display: inline-block;
    width: 38.714286%;
    vertical-align: bottom;
}

.m-footer_weach_img {
    height: 0;
    padding-bottom: 55.454545%;
    background: url(../images/wx_ico.png) no-repeat;
    background-size: contain;
}
/*2021-0106*/
.m-contmain-video .vjs-poster{
    background-size: cover;
}
.m-contmain-video .video-js.vjs-16-9{
    padding-bottom: 56.25%;
}
.m-contmain-video .show_2-dimensions.vjs-fluid{
    padding-top: 52.5%;
}

.m-box-3.m-sub .m-sub_title{    
    margin-top: .5rem;
    font-size: .32rem;
    color: #f2dca5;
    font-weight: bold;
}


/*内容页面*/
.m-list_container{
    width: 95%;
    margin: 0px auto;
}
.m-list_crumbs{
    font-size: .24rem;
}
.m-items{
    margin-top: .3rem;
    font-size: 0;
}
.m-item{
    width: 50%;
    display: inline-block;
    padding: .1rem;
}
.m-item_box{
    position: relative;
    display: block;
}
.m-item_box .m-photo{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding-bottom: 56%;    
    position: relative;
}
.m-item_box .m-photo::before{
    content: '\20';
    width: .6rem;
    height: .6rem;
    background: url(../images/play.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.m-item_box .m-title{
    margin-top: .1rem;
    font-size: .2rem;
    color: #e0aa64;
}
.m-item_box .m-title span{
    display: block;    
    margin-top: .05rem;
}

.m-crumbs{
    margin-top: .5rem;
    color: #572b10;
    font-size: .24rem;
}
.m-crumbs a:link,
.m-crumbs a:visited,
.m-crumbs a:active{
    color: #572b10;
}
.m-crumbs a:hover{
    color: #b62d30;
}

.m-list_content{
    padding: .5rem 0 .3rem 0;
}
.m-list_content .m-title{
    color: #572b10;
    font-size: .36rem;
    text-align: center;
}

.m-list_content .m-main{
    margin-top:50px;
    font-size: .24rem;
}
.m-list_content .m-main p{
    text-indent: 2em;
    margin: .2rem 0;
}
.m-list_content .m-main img{
    max-width: 90%;
    height: auto;
}


.m-list_items {
    display: block;
}


.m-list_item {
    display: block;
    padding: .15rem 0;
    white-space: normal;
}

.m-list_item .m-box {
    position: relative;
    display: block;
}

.m-list_item .m-box_photo {
    height: 0;
    padding-bottom: 56.25%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.m-list_item .m-box_title {
    position: absolute;
    background-color: rgba(0, 0, 0, .6);
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    display: table;
    min-height: .5rem;
    padding: .1rem .2rem;
}

.m-list_item .m-box_title span {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: .2rem;
}
.m-video .m-list_item .m-box::after {
    content: '\20';
    width: .8rem;
    height: .8rem;
    background: url(../images/play.png) no-repeat;
    background-size:contain;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.4rem;
    margin-top: -.4rem;
}