logo和下面导航栏 空隙太大 [复制链接]

大家好，新手1个，做的Logo图片和下面导航栏 空隙太大了，style.css里面改了好几个margin-top 也没有变化，请大神帮忙看下，谢谢。



/*网站公共样式*/
.info-content{font-size:15px;line-height:1}
a{color333;text-decoration:none;}                                            
a:hover{color:brown}
aocus{color:brown}
a.btn-more{display:inline-block;width:140px;height:34px;line-height:34px;border:1px #CCC solid;color999;transition:all 0.5s ease;font-size:14px;transition:all 0.5s ease;text-align:center;margin:0px auto;margin-top:30px}
a.btn-more:hover{background40312f;border-color40312f;color:white;}
.banner{height:500px\9!important;overflow:hidden\9!important;overflow:hidden;} /*兼容ie低版*/

/*遮罩层*/
.mask-bg{positionixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .7);overflow:hidden;z-index:99;top: 0;left: 0;}
.mask-bg.active{display:block;}

/*首页模块样式*/
.module-box {position:relative;padding:40px 0px}
.module-box .module-title{clear:both;text-align:center;margin:0px 0px 30px 0px;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}
.module-box .module-title .cn-title{display:block;color333;font-size:28px;line-height:45px;}
.module-box .module-title .en-title{display:inline-block;*display:inline;*zoom:1;color999;font-size:16px;}
.module-box .module-title .en-title i{float:left;width:55px;backgroundCCC;height:1px;margin-top:15px; }
.module-box .module-title .en-title span{float:left;margin:0px 5px;}

/*底部*/
footer{text-align:left;width:100%;min-height:95px;background333;margin-top:5px;line-height:2.5}

/*顶部样式*/
.header{position:relative;}
.header .logo img{height9px;}

/*自定义导航动画，也可以用animater.css中的动画，需要在script.js中修改*/
.nav .animated,.sub-nav .animated{-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navSlide{-webkit-animation-name:navSlide;animation-name:navSlide}
@keyframes navSlide{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;visibility:visible}100%{-webkit-transform:translateY(0);opacity:1;transform:translateY(0)}}

/*主菜单*/
@media (min-width:1000px) /*pc端*/
{
.header .nav-toggle{display:none}
.nav{padding-top:20px}
.nav>ul>li{float:left;text-align:center;line-height:70px;}
.nav>ul>li>ul{position:absolute;}
.nav>ul>li>a{padding:0px 25px;color999;font-size:16px}
.nav >ul>li.current >a,.nav >ul>li> a:hover{color5a342b;}
.nav li:hover> ul{display:block;}
.nav> ul > li > ul::before {display:block;margin:0px auto;text-align: center;position:absolute;top:-8px;left: 45%;content: "";width: 0;height: 0;border-leftpx solid transparent;border-rightpx solid transparent;border-bottom: 8px solid #ad7669;}
.nav> ul > li > ul li ul::before{display:block;margin:0px auto;text-align: center;position:absolute;top:20px;left:-10px;content: "";width: 0;height: 0;border-bottom:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid #fff;}
.nav ul li ul li a{display:block;width:100%;text-align:center;colorfff;font-size:15px;line-height:50px}
.nav ul li ul li a:hover{text-decoration:none;colorfff;background89584B;}

.nav ul li{position:relative;}
.nav ul li .arrow{display:none}
.nav ul li ul{background-colorad7669;display:none;position:absolute;left:-18%;z-index:2;width:150px} /*二级ul样式*/
.nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/