@charset "utf-8";
/*CSS Document*/

@import "/static/public.css";

body{margin:0;padding:0;background:#f6f6f6;font:14px 'Microsoft YaHei',微软雅黑;color:#333;}

img{max-width:100%;}

/*当屏幕最小768时，执行下面css*/
@media screen and (min-width: 768px) {

    .is-mobile{display:none;}

    header  {background:#fff;}
    .header-top{background:#1f2c44;}
    .header-top div{margin:auto;max-width:1200px;line-height:50px;color:#fff;display:flex;justify-content:space-between;}
    .header-top div btn{margin:10px 0;}

    .header-menu{margin:auto;max-width:1200px;display:flex;align-items:center;}
    .header-menu img{display:block;width:350px;margin:10px 0;}
    .header-menu-div{flex:0 1 90%;padding:10px;text-align:center;}
    .header-menu-div a{display:inline-block;color:#666;padding:15px;}
    .header-menu-div a:hover{color:#285eb7;}
    .header-menu-div .h{color:#285eb7;font-weight:bold;}
    .header-menu-div span{display:inline-block;color:#666;padding:15px;position:relative;}
    .header-menu-div span div{display:none;position:absolute;left:-25px;top:40px;border:1px solid #eee;z-index:99;
        background:#fff;border-radius:5px;width:128px;box-shadow:0 3px 5px rgba(0,0,0,0.1);
    }
    .header-menu-div span:hover div{display:inline-block;;}
    .header-menu-div span div a{border-bottom:1px dotted #eee;padding:10px;}

    footer{margin:0;padding:10px 0 0;background:#152930;color:#c8c8c8;font-size:12px;}
    .footer-menu{margin:10px auto;padding:10px 0;max-width:1200px;text-align:center;font-size:16px;line-height:200%;}
    .footer-menu span{padding:5px 20px;}
    .footer-menu a{color:#c8c8c8;}
    .footer-bot{margin:0 auto;padding:15px;border-top:1px solid #445459;text-align:center;}
    .footer-bot span{padding:0 10px;}

    .sys-float{position:fixed;right:50px;bottom:20%;background:#fff;box-shadow:0 0 10px rgba(255,255,255,0.5);border-radius:9px;z-index:5;}
    .sys-float div{padding:15px;border-top:1px solid #eee;text-align:center;font-size:12px;color:#999;}
    .sys-float div i{display:block;font-size:30px;}
    .sys-float div:first-child{border:0;}
}

/*当屏幕最大768时，执行下面css*/
@media screen and (max-width: 768px) {

    body{margin-top:55px;}

    .is-pc{display:none;}



    header  {position:fixed;left:0;top:0;width:100%;height:55px;border-bottom:1px solid #eee;overflow:hidden;z-index:1;}

    .header-top{display:none;}



    .header-menu-mobile{display:flex;justify-content:space-between;align-items:start;background:#fff;}

    .header-menu-mobile div{flex:0 1 90%;}

    .header-menu-mobile img{height:60px;}

    .header-menu-mobile span,.header-menu-mobile a{flex:0 0 55px;font-size:25px;text-align:center;border-left:1px solid #eee;line-height:60px;}



    .header-menu-mobile-div{display:none;position:fixed;left:0;top:55px;width:100%;height:100%;background:#eee;padding:15px 30px;z-index:2;}

    .header-menu-mobile-div a{display:block;padding:10px 0;border-bottom:1px solid #ccc;font-size:18px;}



    footer{margin:0;padding:20px 0 0;background:#152930;color:#c8c8c8;font-size:12px;}

    .footer-menu{padding:0 10px;line-height:180%;}

    .footer-menu span{display:block;}

    .footer-menu a{color:#c8c8c8;}

    .footer-bot{margin:10px auto;max-width:1200px;padding:15px;border-top:2px solid #445459;text-align:center;}



    .sys-float{display:none;}

}