.body-m{
    background: url(../images/back.jpg);
}
.m-header {
    background: url(../images/head_back.jpg) no-repeat center top;
    height: 0;
    background-size:cover;
    padding-bottom: 135%;
    margin-bottom: -30px;
}
.m-header_text{
    width: 90%;
    max-width: 100%;
    margin: 0 auto;
    background: url(../images/head_text.png) no-repeat center bottom;
    background-size:contain;
    height: 0;
    padding-top: 20px;
    box-sizing: content-box;
    padding-bottom: 27.909968%;
}
.m-banner{
    padding-top: 30px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.m-banner_swiper{
    position: relative;
    padding: 25px;
}
.m-banner_swiper::after{
    content: '\20'; 
    background: url(../images/banner_back.png) no-repeat;
    background-size:100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
}

.m-banner_photo{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    height: 0;
    position: relative;   
    padding-bottom: 64%; 
}
.m-banner_title{
    background-color: rgba(0, 0, 0, .5);
    min-height: 40px;
    color: #fff;
    line-height: 1.6;
    font-size: 13px;
    padding-left: 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 10px;  
    padding-right: 10px;    
}
.m-banner-swiper_prev,
.m-banner-swiper_next{
    width:23px;
    height: 33px;  
    background: url(../images/icon_arrow.png) no-repeat; 
    position: absolute;
    background-size: contain;
    top: 50%;
    margin-top: -17px;
    left: 0px;
    cursor: pointer;
    z-index: 3;
}
.m-banner-swiper_next{
    left: auto;
    right: -5px;
    background: url(../images/icon_arrow2.png) no-repeat;
    background-size: contain;
}

.m-body {
    width: 97%;      
    border-left: 3px solid #f4bd8e;  
    border-right: 3px solid #f4bd8e;  
    background-color: #c80b10;    
    position: relative;
    padding-top: 30px;  
    margin: 0px auto; 
    padding-bottom: 50px;
}

.m-body::before{
    content: '\20';
    width: 125%;
    background: url(../images/bg_xy.png) no-repeat center;
    background-size:contain;
    height: 0;
    padding-bottom: 23.115578%;
    position: absolute;
    top: -2.3%;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.m-body::after{
    content: '\20';
    width: 125%;
    background: url(../images/bg_xys.png) no-repeat center;
    background-size:contain;
    height: 0;
    padding-bottom: 23.115578%;
    position: absolute;
    bottom: -2.2%;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.m-container {
    width: 95%;
    margin: 0 auto;
    position: relative;
}
.m-news{
    margin-top: 10px;
}
.m-news_top{
    line-height: 1.4;   
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.m-news_top a{
    color: #fff;
}
.m-news_top a:hover{
    color: #f4bd8e;
}
.m-news_main{
    margin-top: 10px;
    font-size: 0;
}
.m-news_main-box{
    margin-top: 10px;
}

.m-news_main-photo{
    background-size:cover;
    background-position:center;
    background-repeat: no-repeat;
    padding-bottom: 60%;
    height: 0;
    position: relative;
}

.m-news_main-info{
    background: url(../images/jiemu_back.jpg) no-repeat;
    background-size:cover;
    height: auto;
    padding: 10px;
    color: #000;
    font-size: 14px;
    line-height: 2;
}
.m-news_main-title{
    margin-top: 10px;
    background: url(../images/jiemu_title.jpg) no-repeat;
    background-size:contain;
    height: 0;
    padding-bottom: 24.567574%;
}
.m-live{
    margin-top: 50px;
}
.m-public_head{
    height: 40px;
    background: url(../images/back.jpg);
    line-height: 40px;
    padding-left: 65px;
    position: relative;
    font-size: 18px;
    font-weight: bold;     
}
.m-public_head::before{
    content: '\20';
    width: 55px;
    height: 73px;
    background: url(../images/icon_ww.png) no-repeat;
    background-size:contain;
    position: absolute;
    top: -35px;
    left: 5px; 
}
.m-public_head_name{
    content: '\20';
    width: 80px;
    height: 0;
    padding-bottom: 36.329588%;
    background-repeat:no-repeat;
    position: absolute;
    background-size: contain;
    top: 5px;
    right: 10px;
}
.m-live_main{
    margin-top: 20px;    
}
.m-live_main_left{    
     
}
.m-live_main_right{  
  
}
.m-live_head{
    text-align: center;
    height: 35px;
}
.m-live_head_title{
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    height: 33px;
    width: 100%;
}
.m-live_weibo{
    height: 300px;
}
.m-douyin{
    margin-top: 20px;
}
.m-douyin_slide{
    margin: 0px;   
    text-align: center;  
    
}  
.m-douyin_item{
    width: 250px;
    padding:0 5px; 
    display: inline-block;
    background: url(../images/iphone_yy.png) no-repeat center bottom;
    padding-bottom: 20px;
    background-size:80% auto;
}
.m-douyin_box{
    position: relative;  
    height: 380px;  
    padding-top: 5px;
    padding-left: 1px;
}
.m-douyin_box::after{
    content: '\20';
    left: 0;
    top:0;
    width: 246px;
    height: 380px;
    background:url(../images/iphone.png) no-repeat;
    background-size:100% auto;
    z-index: 1;
    pointer-events: none;
    position: absolute;
}
.m-douyin_photo{
    background-size:cover;
    height:370px;
    background-repeat:no-repeat;
    background-position:center top;
    border-radius: 20px;
    cursor: pointer;
}
.m-douyin_title{
    background: rgba(0, 0, 0, .5);
    min-height:40px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    font-size: 13px;
    padding-top: 5px;
}
.m-swiper-pagination{
    text-align: center;
    left: 0;
    right: 0;    
}
.m-swiper-pagination .swiper-pagination-switch{
    background-color: #eeeade;
    width: 5px;
    height: 5px;    
}
.m-swiper-pagination .swiper-active-switch{
    background-color: #e9b569;
}

.m-popup-video {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

.m-popup-video .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
}

.m-popup-video .video {
    position: absolute;
    background-color: #000;
    max-width: 80%;
    max-height: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: table;
    z-index: 1;
}

.m-popup-video .video .cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.m-popup-video .video .cell video {
    max-height: 600px;
    max-width: 90%;
}
.m-liveBottom{
    margin-top: 10px;
    font-size: 0;
}
.m-wechat{    
    margin-top: 15px;
}
.m-wechat_main{
    background:url(../images/jm_back.jpg);
    padding: 10px 15px;
}
.m-wechat_items{
    height: 400px;
}
.m-wechat_item{
    padding:5px;
}
.m-wechat_item_photo{
    height: 100px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.m-wechat_item_title{
    margin-top: 10px;
    color: #000;
    font-size: 16px;     
    line-height: 1.6;
    font-weight: bold;  
}
.m-wechat_item_title a{
    color: #000;
}
.m-wechat_item_info{
    color: #666;
    font-size: 14px;
    text-indent: 28px;
    margin-top: 5px;
    line-height: 1.6;
}
.m-show{
    margin-top: 60px;
   
}
.m-show_main{
    margin-top: 20px;
    position: relative;
}
.m-show_slide {
    padding: 0x;
}

.m-show_slide-photo {
    padding-bottom: 56.2%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.m-show_slide-title {
    position: absolute;
    bottom: 0;
    min-height: 30px;
    color: #fff;
    font-size: 14px;    
    z-index: 2;
    display: none;
    left: 0;
    right:0;
    background-color:rgba(0, 0, 0, .5);
    padding: 5px 10px;
    
}

.m-show .swiper-slide {
    opacity: .8;
}

.m-show .swiper-slide-active {
    opacity: 1;
}

.m-show .swiper-slide-active .m-show_slide-title {
    display: block;
}

.m-show-swiper_prev,
.m-show-swiper_next {
    background: url(../images/icon_arrow.png) no-repeat;
    background-size: contain;
    width: 23px;
    height: 33px;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 10px;
    cursor: pointer;
    z-index: 2;
}

.m-show-swiper_next {
    left: auto;
    right: 5px;
    background: url(../images/icon_arrow2.png) no-repeat;
    background-size: contain;
}
.m-sequence{
    margin-top: 20px;
}
.m-sequence_head{
    height: 20px;
    text-align: center;
    background: url(../images/title_xu.png) no-repeat center;
    background-size:contain;
}
.m-sequence_head.m-lf{
    background: url(../images/title_lf.png) no-repeat center;
    background-size:contain;
}
.m-sequence_main{
    margin-top: 10px;
    font-size: 0;
}
.m-sequence_item{
    width: 50%;
    display: inline-block;
    padding: 5px;
    vertical-align: top;
}
.m-sequence_photo{
    height: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    padding-bottom: 71.428571%;
}
.m-sequence_title{
    background-color: #fff;
    line-height: 1.4;
    height: 40px;
    padding: 5px;
    font-size: 13px;
    color: #000;
    display: table;
    width: 100%;
}
.m-sequence_text{
    height:40px;
    display: table-cell;
    vertical-align: middle;
}
.m-mask {
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, .7);
    z-index: 9999;
    display: none;
}

.m-mask.show {
    display: block;
}

.m-mask_main {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 0;
}

.m-mask_pic {
    display: inline-block;
    max-height: 90%;
    max-width: 95.6666667%;
    position: relative;
}

.m-mask_pic img {
    max-width: 98%;
    max-height: 720px;
    display: inline-block;
}

.v-mask_pic .vr-mask_close,
.m-popup-video .vr-mask_close{    
    top:-50px;
    right: 5px;
}

/*2018-08-06*/
.m_picTitle{
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 13px;
    color: #fff;
    text-align: left;
    padding: 5px;    
    min-height: 35px;
    line-height: 1.4;    
    display: flex;
    align-items: center;
}

.m-mask_close {
    position: absolute;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, .4) url(../images/close.png) no-repeat center;
    background-size: 13px 13px;
    right: 0px;
    top: -35px;
    cursor: pointer;
    display: block;
    z-index: 99;
}
.m-mask_logo {
    position: absolute;
    width: 15%;
    height: 0;
    padding-bottom: 15%;
    background: url(../images/logobg.png) no-repeat center;  
    background-size:contain;  
    right: 0;
    bottom: 0;
    z-index: 33;
}
.m-blessing{
    margin-top: 50px;
}
.m-highlights{
    margin-top: 40px;
}
.m-highlights_main{
    margin-top:20px;
    position: relative;   
}
.m-highlights-swiper{
   
}
.m-highlights_slide{
    position: relative;
    font-size: 0;
    height: auto;
    width: 100%;
}

.m-highlights_slide::after{
    content: '\20';
    left:0px;
    right: 0px;
    bottom: 0px;   
    top: 0px;
    position: absolute;
    background: url(../images/highlights_back.png) no-repeat;  
    background-size:contain;  
    height: 0;
    z-index: 2;
    pointer-events: none;
    padding-bottom: 65%;
}
.m-highlights_item{
    width: 50%;   
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.m-highlights_item::after{
    content: '\20';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/pic_zhe.png) no-repeat;
    background-size:contain;
    z-index: 1;
    pointer-events: none;
}
.m-highlights_photo{
    height: 0;  
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;  
    padding-bottom: 63.3333333%;
}

.m-highlights_title{
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    min-height: 30px;
    padding-top: 10px;   
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 12px;
    padding-left: 10px;
    padding: 5px;
    display: none;
}
.m-highlights_item:nth-child(3) .m-highlights_title,
.m-highlights_item:nth-child(4) .m-highlights_title{
    min-height: 46px;
}
.m-highlights-swiper_prev,
.m-highlights-swiper_next {
    background: url(../images/icon_arrow.png) no-repeat;
    background-size:contain;   
    width: 23px;
    height: 33px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 10px;
    cursor: pointer;
    z-index: 2;
}

.m-highlights-swiper_next {
    left: auto;
    right: 5px; 
    background: url(../images/icon_arrow2.png) no-repeat;
    background-size:contain;
}

.m-footer {
    margin-top: 70px;
    padding: 20px 0;
    text-align: center;
}

.m-footer-container {
    margin: 0 auto;
    position: relative;
    padding: 20px 0;
    color: #fff;
    font-size: 0;
}

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

.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: 15px;
}

.m-footer_info_menu {
    font-size: 13px;
}

.m-footer_info_menu a {
    color: #fff;
    margin: 0px 5px;
}
.m-footer_info_menu a:hover {
    color: #f5dd99;
}
.m-footer_info_copy {
    margin-top: 10px;
    font-size: 11px;
}
.m-footer_info_filing {
    margin-top: 10px;
}
.m-footer_info_filing span {
    font-size: 10px;
}

.m-footer_info_right {
    font-size: 12px;
    margin-top: 5px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    border-top: 1px solid rgba(255,255,255,.5);
    padding: 10px 15px;
}

.m-footer_weach {
    margin-top: 15px;
    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;
}

@media screen and (max-width: 470px) {
    .m-body::before{
        top: -1.5%;
    }  
    .m-body::after{
        bottom: -1.4%;
    }
}
@media screen and (max-width: 400px) {
    .m-body::before{
        top: -1.4%;
    }
    .m-body::after{
        bottom: -1.4%;
    }
   
}
@media screen and (max-width: 360px) {
    .m-body::before{
        top: -1.3%;
    }
    .m-body::after{
        bottom: -1.3%;
    }
   
}