.page-m{
    overflow: hidden;
    position: relative;
    font-size: 1.8rem;
    background:url(../images/back.jpg);
    background-position:center top;
    background-size:auto 100%;
}
.m-body {
    margin-top: .3rem;
}
.m-header {
    padding-top: .8rem;
    height: 4.5rem;
    text-align: center;
}
.m-header_logo{
    width: 6.5rem;
    height: 2.68rem;
    margin: 0px auto;
    background: url(../images/banner_logo.png) no-repeat;
    background-size:contain;
} 
.m-header_info{
    margin: .1rem auto;
    width: 6.5rem;
    height: .94rem;
    background: url(../images/banner_text.png) no-repeat;
    background-size:contain;
}

.m-container {
    width: 95%;
    margin: 0 auto;
    position: relative
}
.m-intro{
    position: relative;
}
.m-intro_head{
    text-align: center;
    height:.52rem;
    display: flex;
    justify-content: center;
}
.m-intro_head img{
    width: auto;
    height: 100%;
}
.m-intro_main{
    height: auto;
    background-color:#fff;
    border-radius: .2rem; 
    margin-top: .1rem;
    padding:.2rem;
    line-height: 1.8;
    box-shadow: 0 0 .2rem rgba(3, 17, 204, .35);
}
.m-intro_main p{
    text-indent: 2em;
    font-size: .28rem;
}
.m-mian{
    margin-top: .5rem;
}
.m-video_header{
    position: relative;
    text-align: center;
    color: #00468b;
    font-size: .36rem;
    text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0 , 0 .15rem .13rem rgba(3, 17, 204, .35); ;
    letter-spacing: .05rem;
}
.m-video_back{
    margin: .3rem -2.5%;
    height: 4.56rem;
    background: url(../images/video_back.png) no-repeat;
    background-size:100% 100%;
    padding: .35rem .35rem;
}
.m-video_wind{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.m-video_items{
    margin-top: .6rem;
}
.m-video_items .m-video_back{
    height: auto;

}
.m-video_item{
    margin:.45rem 0;    
}
.m-video_text{
    font-size: .24rem;
    text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0 , 0 10px 20px rgba(3, 17, 204, .45); ;
    letter-spacing: .02rem;
    color: #00468b;
}
.m-video_text .m-title{
    margin-top: .05rem;
}
.m-video_text .m-infos{ 
    display: flex;
    flex-wrap: wrap;
}
.m-video_text .m-infos p{
    width: 45%;    
    margin-top: .15rem;   
}
.m-video_photo{
    margin-top: .2rem;
}
.page-m .video-js .vjs-big-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.4rem;
    margin-left: -.4rem;
    width: .8rem;
    height: .8rem;
    border-radius: 100%;
    line-height: .8rem;
    font-size: .38rem;
    color: #fff;
    background-color: #88cfde;
    cursor: pointer;
}

.m-footer {
    margin-top: 1rem;
    padding: .25rem 0;
    text-align: center;
    padding-bottom: .8rem;
}

.m-footer-container {
    margin: 0 auto;
    position: relative;
    padding: .2rem 0;
    color: #fff;
    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: #fff;
    margin: 0px .05rem;
}

.m-footer_info_menu a:hover {
    color: #f5dd99;
}

.m-footer_info_copy {
    margin-top: .1rem;
    font-size: .24rem;
}

.m-footer_info_filing {
    margin-top: .1rem;
}

.m-footer_info_filing span {
    font-size: .2rem;
}

.m-footer_info_right {
    font-size: .2rem;
    margin-top: 5px;
    color: #fff;
    text-align: center;
    margin-top: .1rem;
    border-top: 1px solid rgba(255, 255, 255, .5);
    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;
}