@charset "utf-8";
/* CSS Document */
@import "public.css";
body{margin:0;background:#fff;font:14px 'Microsoft YaHei',微软雅黑;color:#333;}

.x{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg, #fff, #a3d0f9);
    animation-name: main;
    animation-duration: 4s;}
@keyframes main{
    from {bottom:-70px;opacity:0;}
    to {bottom:0;opacity:1;}
}


.path{padding:15px 0;border-bottom:1px solid #eee;}
.path a{padding:0 15px 0 5px;}

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

    .header{max-width:1200px;margin:auto;padding:10px 0;display:flex;align-items:center;}
    .header img{width:250px;margin:10px 0;}

    .menu{margin-left:100px;flex:0 1 99%;}
    .menu a{font-size:16px;padding:0 20px;}
    .menu a:hover{font-weight:bold;color:#e60000;}

    .header div:nth-child(3){flex:0 0 199px;font-size:16px;text-align:right;}
    .header div:nth-child(3) i{padding-right:5px;font-size:18px;}

    main{margin:auto;max-width:1200px;}


    footer{background:#f6f6f6;line-height:200%;text-align:center;}
    footer h3{margin:0;padding:20px 0 0 0;color:#000;}

    .m-foot{display:none;}
    .m-menu{display:none;}
}
/*当屏幕最大768时，执行下面css*/
@media screen and (max-width: 768px) {
    header{display:none;}
    footer{display:none;}

    .path{padding:15px;}

    .m-foot-h{height:50px;}
    .m-foot{position:fixed;left:0;bottom:0;width:100%;background:#fff;box-shadow:0 0 9px rgba(0,0,0,0.1);z-index:5;}
    .m-foot{display:flex;justify-content:space-around;align-items:center;}
    .m-foot a{padding:10px 0;flex:0 1 25%;text-align:center;color:#999;font-size:10px;}
    .m-foot a i{display:block;font-size:22px;}
    .m-foot .h{color:#f60;}

    .m-menu{position:fixed;top:0;left:0;width:100%;z-index:5;}
    .m-menu-btn{position:fixed;top:10px;right:15px;width:45px;height:45px;background:rgba(0,0,0,0.25);border:1px solid rgba(0,0,0,0.1);border-radius:50%;z-index:5;
        color:#fff;font-size:30px;line-height:28px;text-align:center;
    }
    .m-menu-list{display:none;position:relative;padding:45px 45px 60px;background:#fff;
        box-shadow:0 0 15px rgba(0,0,0,0.5);
    }
    .m-menu-list a{display:block;padding:20px 0;border-top:1px solid #eee;}
    .m-menu-list a i{font-size:16px;color:#ccc;padding-right:9px;}

    .m-menu-list span{position:absolute;top:10px;right:15px;color:#ccc;font-size:50px;}
    .m-menu-list div{padding:30px 0;border-top:1px solid #eee;font-size:10px;color:#ccc;}
}