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

@media screen and (min-width: 768px) {
    .is-mobile{display:none;}
    header{position:relative;margin:0;padding:0;height:150px;background:url('/www/head_bg.jpg') center bottom;}
    .header-div{margin:0 auto;max-width:1200px;display:flex;justify-content:space-between;align-items:center;color:#fff;text-align:right;}
    .header-div p{padding-top:30px;font-size:20px;}
    .header-div p i{padding:0 10px 0 0;font-size:20px;}
    .header-div b{font-size:25px;}
    .header-div div{padding-top:20px;}
    .header-div div span{display:inline-block;padding:3px 15px;background:rgba(255,255,255,0.25);border:1px solid rgba(255,255,255,0.5);border-radius:15px;cursor:pointer;color:#fff;}
    .header-div div span:hover{background:rgba(255,255,255,0.75);color:#000;}

    .header-menu{background:#0c41a1;}
    .header-menu-div{margin:0 auto;max-width:1200px;display:flex;justify-content: center;text-align:center;}
    .header-menu-item{flex:0 1 11%;position:relative;}
    .header-menu-item a{display:block;padding:15px 0;color:#fff;font-size:18px;}
    .header-menu-item a i{display:none;}
    .header-menu-item:hover{background:#062f8f;}
    .header-menu-item div{display:none;position:absolute;left:0;top:50px;right:0;background:#062f8f;z-index:2;}
    .header-menu-item div a{font-size:16px;}
    .header-menu-item div a:hover{background:#0c41a1;}

    main{margin:0 auto;max-width:1200px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.05);}

    footer{padding:20px 0;background:#0c41a1;color:#fff;text-align:center;line-height:200%;}
    .footer{position:relative;margin:0 auto;max-width:1200px;}
    .footer div:first-child{padding-bottom:10px;font-size:12px;color:#999;}
    .footer div:first-child a{padding:0 15px;font-size:14px;color:#fff;}
    .footer span{padding:0 20px;}
    .footer a{color:#fff;}
    .footer-code-douying{position:absolute;top:0;right:100px;width:88px;border-radius:9px;cursor:pointer;}
    .footer-code-wechat{position:absolute;top:0;right:0;width:88px;border-radius:9px;cursor:pointer;}

    bg		{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:4;}
    /*登陆注册*/
    .login{display:none;position:fixed;top:50%;left:50%;margin:-200px 0 0 -175px;width:350px;height:400px;background:#fff;border-radius:5px;box-shadow:rgba(0,0,0,0.5);z-index:5;}
    .login h3{margin:30px 40px;color:#5AB74C;}
    .login .page_login_close{display: block;float:right;margin:-10px -70px;color:#ccc;background:#fff;padding:10px;border-radius:5px;}
    .login div{margin:20px 40px;position:relative;}
    .login div i{position:absolute;left:10px;top:7px;font-size:20px;}
    .login div input{background:#ddd;text-indent:30px;border-radius:3px;padding:10px;width:90%;}
    .login btn{display:block;margin:20px 40px;background:#5AB74C;border:1px solid #5AB74C;border-radius:3px;width:70%;text-align:center;box-shadow:0 3px 3px rgba(0,0,0,0.1);}
    .login p{margin:20px 40px;}


    .footer-bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:4;}
    .footer-img{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;}
    .footer-img img{display:block;border:5px solid #555;border-radius:9px;}

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

    header{
        position:fixed;left:0;top:0;width: 100%;height:50px;box-shadow: 0 0 5px rgba(0,0,0,0.25);z-index:5;
        background:#0c41a1 url('/www/head_bg.jpg') center bottom;
        text-align:center;z-index:7;font-size:12px;
    }
    header img{display:block;margin:5px auto;height:40px;}
    .header-div-phone{display:flex;justify-content:space-between;align-items:center;margin:0;padding:0;background:#fff;border-bottom:1px solid #eee;text-align:center;font-size:16px;overflow:hidden;}
    .header-div-phone i{padding-right:5px;}
    .btn-show-item{padding:10px 15px;font-size:20px;box-shadow:0 0 9px rgba(0,0,0,0);width:20px;text-align:center;border-left:1px solid #eee;}
    .header-div-phone-span{flex:0 1 99%;padding:0px;overflow-x:auto;white-space:nowrap;border-right:10px solid #fff;}
    .header-div-phone-span a{padding:10px;line-height:280%}

    .header-menu{display:none;position:fixed;left:0;top:90px;right:0;bottom:0;padding:15px;background:#fff;z-index:1;overflow:auto;}
    .header-menu-item{padding:15px;border-bottom:1px dotted #f6f6f6;font-size:20px;}
    .header-menu-item a{display:flex;justify-content:space-between;align-items:center;}
    .header-menu-item div{display:none;margin-top:10px;padding:0 15px;background:#f9f9f9;border:1px solid #eee;border-radius:5px;line-height:250%;}
    .header-menu-item div a{border-top:1px solid #fff;}
    .header-menu-item div a:first-child{border:0;}


    main{margin:100px 0 0 0;padding:0;background:#fff;}

    footer{padding:20px 0;background:#0c41a1;color:rgba(255,255,255,0.75);text-align:center;line-height:160%;}
    .footer{position:relative;margin:0 auto;max-width:1200px;}
    .footer div:first-child{padding-bottom:10px;font-size:12px;}
    .footer div:first-child a{padding:0 15px;font-size:14px;}
    .footer span{display:inline-block;padding:0 15px;}
    .footer a{color:rgba(255,255,255,0.75);}
    .footer-code-douying{display:none;}
    .footer-code-wechat{display:none;}

    .footer-bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:4;}
    .footer-img{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;}
    .footer-img img{display:block;border:5px solid #555;border-radius:9px;}

}