@charset "utf-8";
/*css document*/

@import "fontawesome/font-awesome.css";
body{margin:0;background:#fff;font:14px 'microsoft yahei',微软雅黑;color:#333;}
a   {text-decoration:none;}

input,select	{padding:4px 6px; border:1px solid #ccc; color:#555; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;outline:none;}
input:hover		{border:1px solid #2be;}
select	{margin-right:2px;}
textarea		{padding:6px; border:1px solid #ccc; font:12px/25px 微软雅黑; color:#555; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
input[type=checkbox]	{border:1px solid #2be;}


/*当屏幕最小768时，执行下面css*/
@media screen and (min-width: 768px) {
    .is_mobile{display:none;}
    .is_pc{display:block;}

    header{border-top:6px solid #0068b9;}
    .header{margin:auto;padding:15px 0;max-width:1200px;background: center right no-repeat;
        display:flex;justify-content:space-between;align-items:center;
    }
    .header div{background:#00adef;line-height:30px;overflow:hidden;}
    .header div input{margin:0;padding:0 10px;overflow:hidden;height:32px;}
    .header div span{padding:0 10px 0 5px;color:#fff;font-size:16px;cursor:pointer}

    .menu{margin:0 auto 15px;max-width:1200px;background:#0068b9;display:flex;align-items:center;}
    .menu-item{flex:0 1 11%;font-size:16px;text-align:center;line-height:55px;border-right:1px solid rgba(255,255,255,0.1);position:relative;}
    .menu-item div a{color:#fff;display:block;height:55px;}
    .menu-item div a i{padding-left:10px;}
    .menu-item div a:hover{background:rgba(255,255,255,0.25);}
    .menu-item .h{background:rgba(255,255,255,0.25);}
    .menu-item p{display:none;margin:0;padding:0;position:absolute;top:55px;left:0;width:100%;white-space:nowrap;line-height:50px;z-index:9;border:1px solid #eee;}
    .menu-item p a{display:block;color:#333;font-size:14px;margin:0;padding:0 15px;background:#fff;border-bottom:1px dotted rgba(0,0,0,0.1);}
    .menu-item p a:hover{background:#76a1c3;color:#fff;}
    .menu-item:hover p{display:block;box-shadow:0 0 9px rgba(0,0,0,.25)}

    @keyframes animation-menu{from {height:0px;}to {height:30px;}}
    @-webkit-keyframes animation-menu{from {height:0px;}to {height:30px;}}/*safari and chrome*/

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

    footer{padding:30px;background:#6f6f6f;color:#d9dbde;}
    .footer{margin:auto;max-width:1200px;display:flex;justify-content:space-between;}
    .footer div:nth-child(2){display:flex;justify-content: center;flex-direction:column;align-items:center;}
    footer a{color:#d9dbde;}
    footer a:hover{color:#fff;text-decoration:underline;}
    footer span{color:rgba(255,255,255,0.25);padding:0 20px;font-size:12px;}
    footer img{display:block;width:105px;}
}

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

    body    {margin:65px 0 0;}

    .is_mobile_menu{position:fixed;left:15px;top:15px;z-index:7;font-size:22px;}

    header{position:fixed;left:0;top:0;width:100%;height:65px;background:#fff  center right no-repeat;border-bottom:1px solid #eee;z-index:6;}
    .header div{display:none;}
    .header{text-align:center;}
    .header a{margin:5px;display:block;}
    .header a img{display:block;margin:auto;height:45px;}

    .menu{display:none;}

    footer{padding:15px;background:#6f6f6f;color:#d9dbde;}
    .footer{margin:auto;}
    .footer div:nth-child(2){display:flex;justify-content: center;flex-direction:column;align-items:center;}
    footer a{color:#d9dbde;}
    footer a:hover{color:#fff;text-decoration:underline;}
    footer span{color:rgba(255,255,255,0.25);padding:0 20px;font-size:12px;}
    footer p{line-height:200%;}
    footer img{display:block;width:105px;}


}