/* Media */

html, body { width:100%; height:100%; background-color:#F4F6F9; color:#1F1F1F; font:14px/1.5 "Open Sans","Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",sans-serif; }
a { -webkit-tap-highlight-color:transparent; }

/* 横屏 */

@media screen and (orientation:landscape){

}

/* 竖屏 */
@media screen and (orientation:portrait){
    .swiper-button-next:after { color:#42b983; }
    .swiper-button-prev:after { color:#42b983; }
    .m-focus { background:#000; height:200px; }
        .m-focus .swiper-container2 {
            width: 100%;
            height: 100%;
            margin-left: auto;
            margin-right: auto;
            position:relative;
        }
        .m-focus .swiper-slide {
            text-align: center;
            font-size: 1.2rem;
            background: #fff;
            height:13.3333rem;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        .m-focus .swiper-slide a { width:100%; height:100%; display:block; }
            .m-focus .swiper-slide a img { width:100%; height:100%; object-fit:cover; }
        .m-focus > .bg { width:100%; height:100%; object-fit:cover; opacity:0.35; }
        .m-focus > .logo { width:12rem; position:absolute; left:50%; top:4rem; margin-left:-6rem; }
    .m-nav { background-color:#FFF; text-align:center; padding:18px 0 15px; }
        .m-nav .tit { font-size:1.2rem; font-weight:normal; line-height:1.6rem; margin-bottom:0.2667rem; }
        .m-nav .en { font-size:0.8rem; color:#CCC; line-height:1.0667rem; }
    .m-swiper { background:#FFF; padding:0.5333rem; }
        .m-swiper .swiper-container { width:100%; height:100%; }
            .m-swiper .swiper-slide {  background:#FFF; width:9.3333rem!important; height:12rem !important;
                /* Center slide text vertically */
                display: -webkit-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
            }
            .m-swiper .swiper-slide a { width:100%; height:100%; display:block; border-radius:0.2667rem; position:relative; background:#000; }
                .m-swiper .swiper-slide a .tit { position:absolute; left:0; bottom:0; right:0;  background-image: linear-gradient(#00000000, #00000077); border-radius:0 0 0.2667rem 0.2667rem; line-height:3.2rem; text-align:center; color:#FFF; font-size:0.8667rem; }
                .m-swiper .swiper-slide a img { width:100%; height:100%; object-fit:cover; border-radius:0.2667rem; opacity:0.65; }
    .m-case { background:#FFF; padding:0.5333rem; }
        .m-case  ul li { height:9.3333rem; margin-bottom:0.5333rem; }
        .m-case  ul li:last-of-type { margin-bottom:0; }
            .m-case  ul li a { width:100%; height:100%; display:block; border-radius:0.2667rem; position:relative; background:#000; }
                .m-case  ul li a img { width:100%; height:100%; object-fit:cover; border-radius:0.2667rem; opacity:0.5; }
                .m-case  ul li a h3 { position:absolute; left:1rem; bottom:2.9333rem; font-size:1.2rem; color:#FFF; font-weight:normal; line-height:1.6rem; }
                .m-case  ul li a p { position:absolute; left:1rem; bottom:4.5333rem; font-size:0.8rem; color:#FFF; font-weight:normal; line-height:1.0667rem; }
                .m-case  ul li a em { position:absolute; left:1rem; bottom:1rem; font-size:0.8rem; color:#333; font-weight:normal; line-height:1.6rem; display:inline-block; border-radius:0.8rem; background:#FFF; padding:0 1rem; }
        .m-case .btn { text-align:center; padding:1.3333rem 0; }
            .m-case .btn a { font-size:0.9333rem; color:#666; border:0.0667rem solid #EEE; line-height:2.1333rem; height:2.1333rem; border-radius:1.3333rem; display:inline-block; padding:0 1.3333rem; }
    .m-tabbar { position:relative; height:4rem; }
        .m-tabbar .tabbar-ct { position:fixed; left:0; right:0; bottom:0; background:#FFF; height:4rem; display:flex; box-shadow:0 -0.0667rem 0 rgba(0,0,0,0.1); }
            .m-tabbar .tabbar-item { display:block; flex:1; padding:0.5333rem 0; text-align:center; }
            .m-tabbar .tabbar-item .tabbar-icon { height:1.7333rem; width:1.7333rem; border:0; font-size:0; vertical-align:middle; margin-bottom:0.1333rem; opacity:0.65;}
            .m-tabbar .tabbar-item .tabbar-label { line-height:1.0667rem; font-size:0.6667rem; color:#999; }
            .m-tabbar .tabbar-item.current .tabbar-icon { opacity:1; }
            .m-tabbar .tabbar-item.current .tabbar-label { color:#333; }

    .m-qcode { padding:3rem; }
        .m-qcode .qcode { box-shadow:0 0.0667rem 0 rgba(0,0,0,0.1); text-align:center; padding:1rem; margin-top:-5.3333rem; background:#FFF; position:relative; z-index:1; border-radius:0.2667rem; }
        .m-qcode .qcode h3 { font-size:1.3333rem; font-weight:normal; }
        .m-qcode .qcode p { font-size:0.8rem; color:#999; }
        .m-qcode .qcode img { margin-top:1rem; margin-bottom:1rem; width:10.6667rem; }
}
/* 窗口宽度<960,设计宽度=768 */
@media screen and (max-width:959px){
}
/* 窗口宽度<768,设计宽度=640 */
@media screen and (max-width:767px){
}
/* 窗口宽度<640,设计宽度=480 */
@media screen and (max-width:639px){
}
/* 窗口宽度<480,设计宽度=320 */
@media screen and (max-width:479px){
}
/* windows UI 贴靠 */
@media screen and (-ms-view-state:snapped){
}
/* 打印 */
@media print{
}