body {overflow-x:hidden;}
.menuBack{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    z-index: 10;
    display: none;
}
.headerWrap{
    width:100%;
    height:120px;
    background-color:#fff;
}

.header{
    width:1080px;
    height:120px;
    margin: 0 auto;
}

.header>.logo {
    float:left;
}
.header>.logo>a{
    display: block;
    width:340px;
    height:120px;
    line-height: 120px;
    font-size:36px;
    font-weight:bold;
}
.header>.logo>a>img{
    margin:20px 15px 0 0;
}
.header>.nav {
    height:50px;
    float:right;
    padding:60px 0 0 0;
    position: relative;
}
div.header>.nav>.gnb{
    width:120px;
    height:40px;
    font-size:1.125em;
    color:#464646;
    font-weight:bold;
    float:left;
    text-align: center;
    line-height: 40px;
}

div.header>.nav>.gnb>li{
    width:120px;
    position: absolute;
    top:80;
    display: none;
    z-index: 30;
    background-color: rgba(255, 255, 255, 0.5);
}
div.header>.nav>.gnb>li>a{
    display: block;
    color:#464646;
    font-size:0.875em;
    font-weight:bold;
}
div.headerWrap>.header>.mobileMenu, .Mlnb{
    display: none;
}
/*footer*/

div.footerWarp {
    width:100%;
    background-color:#333131;
    float:left;
    padding-bottom:40px;

}
div.footerWarp>.footer {
    width:600px;
    margin: 40px auto;
}
div.footerUnderWrap{
    width:100%;

    padding:10px 0;
    background-color: #151515;
    float:left;
}
div.footerUnderWrap>.footerUnder{
    width:100%;

}
div.footerUnderWrap>.footerUnder>p{
    font-size:1em;
    color:#999999;
    text-align: center;
}
div.footerUnderWrap>.footerUnder>p>span{
    color:#0c44c4;
}
div.footerWarp>.footer>div{
    float:left;
}
div.footerWarp>.footer>.info1{
    float:left;
}
div.footerWarp>.footer>.Flogo{
    width:80px;
    height:80px;
    background-image: url(../img/logo.png);
    background-size: cover;
    margin:0 30px 0 30px;
}
div.footerWarp>.footer>.info1>ul>li{
    float:left;
}
div.footerWarp>.footer>.info1>ul>li>h1{
    font-size:2.500em;
    color:#999999;
    height:45px;
    line-height: 45px;
}
div.footerWarp>.footer>.info1>ul>li>p{
    font-size:0.875em;
    color:#999999;
    height:40px;
    line-height: 40px;
}
div.footerWarp>.footer.info1>ul>li.icon{
    width:200px;
    height:50px;
}
div.footerWarp>.footer>.info1>ul>li.icon>.fa-stack{
    background-color: #3d78d8;
    border-radius: 50px
}
div.footerWarp>.footer>.info2{
    float:left;
}
div.footerWarp>.footer>.info2>ul>li{
    color:#999999;
    font-size:1.125em;
    height:30px;
}
div.footerWarp>.footer>.info2>ul>li>i{
    width:15px;
    margin-right:5px;
    text-align: center;
}
@media all and (max-width:1080px){
    div.header{width:100%;}
    div.header>.nav{
        display: none;
    }
}
@media all and (max-width:885px){
    div.headerWrap{
        width: 100%;
        height:120px;
    }
    div.headerWrap>.header{
        width:100%;
    }
    div.headerWrap>.header>.logo{
        float:none;
    }
    div.headerWrap>.header>.logo>a{
        margin:0 auto;
    }
    div.headerWrap>.header>.nav{
        width:610px;
        margin:0 auto;
        float:none;
        display: none;
    }
    div.footerWarp>.footer{
        width:100%;
    }
    div.footerWarp>.footer>.info1{
        padding:0 20px 0 20px;
    }
    div.footerWarp>.footer>.info2{
        padding:0 20px 0 20px;
    }
    div.footerWarp>.footerUnder>p{
        text-align: left;
    }
    div.footerWarp>.footer>.Flogo{
        display: none;
    }
    div.headerWrap>.header>.nav{
        width:600px;
        margin:0 auto;
        float:none;
        display: none;
    }
    div.headerWrap>.header>.mobileMenu{
        width:40px;
        height:40px;
        display: block;
        color:#464646;
        position: absolute;
        top:0;
        left:0;
        z-index: 10;
        line-height: 40px;
        text-align: center;
        cursor:pointer;
    }
    div.headerWrap>.header>.Mlnb{
    	display:block;
        position: absolute;
        top:40px;
        z-index: 20;
    	background-color:#464646;
    	color:#fff;
    	font-size:14px;
        height:auto;
        max-height:100%;
        overflow:auto;
    }
    div.headerWrap>.header>.Mlnb ul li a{
        display: block;
        padding:10px 0;
        text-indent:20px;
    }
    div.headerWrap>.header>.Mlnb ul li ul li a{
    	display:block;
        background-color:#6c6c6c;
    	font-size:0.750em;
    	color:#fff;
        padding:10px 30px;
    }
}
@media all and (max-width:480px){
div.footerWarp>.footer{
    width:100%;
}

div.footerWarp>.footer>.info1{
    float:left;
}
div.footerUnderWrap>.footerUnder>p>span{
    display: block;
    letter-spacing: -1px;
}
}