/*头部*/ /*$$ {"color":[{"val":"#555555","title":"文字"}, {"val":"#ff7011","title":"移动端导航文字颜色"}, {"val":"#ffffff","title":"二级导航鼠标滑过文字颜色"}, {"val":"#000","title":"移动端导航关闭按钮"}, {"val":"#26334c","title":"移动端电话文字颜色"}, {"val":"#999999","title":"二级导航文字颜色"}], "background":[{"val":"#848484","title":"横线"}, {"val":"#f08519","title":"导航鼠标滑过边框颜色"}, {"val":"#cecece","title":"导航右侧边框线"}, {"val":"#ffffff","title":"底色"}],"border":[{"val":"#cecece","title":"二级导航边框线"}]} $$*/ #header_144 { width: 100%; background: url(/static/images/HD00012_01.png) no-repeat center bottom; background-size: cover; position: relative; z-index: 999; } #header_144 .headerNav { width: 1200px; margin: 0 auto; } #header_144 #headerWap { display: none; position: fixed; top: 0; z-index: 9999; background: #ffffff; } #header_144 #headerPc { display: flex; justify-content: space-between; } #header_144 .headerNav ul { width: 41.7%; padding: 18px 30px 63px; display: flex; justify-content: space-between; align-items: center; } #header_144 .headerNav ul li { font-size: 14px; flex: 1; line-height: 60px; text-align: center; position: relative; } #header_144 .headerNav ul li a { color: #555555; width: 100%; display: block; cursor: pointer; position: relative; } #header_144 .headerNav ul li a::after{ position: absolute; bottom: 5px; left:10%; width: 0; height: 1px; content: ''; background: #f08519; transition: width .3s ease; } #header_144 .headerNav ul li:hover a::after{ width:80%; } #header_144 .headerNav ul li:after { content: ""; width: 2px; height: 20px; position: absolute; top: 50%; margin-top: -10px; background: #cecece; right:0; } #header_144 .headerNav ul li:hover .headerList { display: block; } #header_144 .headerNav ul li .headerList { width: 100%; display: none; background: #ffffff; position: absolute; top:60px; left:0; } #header_144 .headerNav ul li .headerList a{ padding: 0 6px; border-bottom: #cecece dashed 1px; text-align: center; line-height: 50px; font-size: 14px; color: #999999; position: relative; height: 50px; } #header_144 .headerNav ul li .headerList a i{ position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 10; } #header_144 .headerNav ul li .headerList a::after{ position: absolute; content: ''; left:0; top:0; width: 100%; height: 0; background:#f08519; transition: height .8s ease; } #header_144 .headerNav ul li .headerList a:hover::after{ height: 100%; } #header_144 .headerNav ul li .headerList a:hover i{ color: #ffffff; } #header_144 .headerNav ul li .headerList a:last-child{ border-bottom: none; } #header_144 .headerNav ul li:nth-child(4n):after { display: none; } #header_144 .headerNav .headerLogo { width: auto; margin: 0 auto; margin-top: 20px; height: 60px; display: flex; align-items: center; justify-content: center; } #header_144 .headerNav .headerLogo img{ width: auto; height: auto; max-width: 100%; max-height: 70%; } #header_144 .navBtn { width: 70px; height: 60px; float: right; cursor: pointer; position: relative; margin-right: 3%; } #header_144 .navBtn .span_0 { position: absolute; width: 30px; right: 0; background: #262626; height: 3px; top: 50%; -webkit-transition: all .25s ease; transition: all .25s ease; } #header_144.cur .navBtn .span_0 { background: #26334c; } #header_144 .navBtn.cur .span_0 { top: 46%; } #header_144 .navBtn.cur .span_0.span_1 { -webkit-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); } #header_144 .navBtn.cur .span_0.span_2 { opacity: 0; } #header_144 .navBtn.cur .span_0.span_3 { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #header_144 .navBtn .span_0.span_1 { top: 35%; } #header_144 .navBtn .span_0.span_2 { top: 50%; width: 30px; } #header_144 .navBtn .span_0.span_3 { top: 65%; } /* 右侧菜单 */ #header_144 #menuClosed{ color: #000; } #header_144 .menu-item{ border-bottom:#dfe0e1 1px solid; } #header_144 .menu-list li .dropdown_menu a{ color: #ff7011; } #header_144 .menu-title{ color: #ff7011; } #header_144 .menu-title a{ color: #ff7011; } #header_144 .menu-item.up .itemClick{ background: url(/static/images/HD00012_02.png) no-repeat right center; background-size: auto 10px; } #header_144 .menu-item.active .itemClick{ color: #ff7011; background: url(/static/images/HD00012_03.png) no-repeat right center; background-size: auto 10px; } #header_144 .menu-c-d{ background: url(/static/images/HD00012_04.png) no-repeat; color: #26334c; } #header_144 .headerImg { max-width: 60%; float: left; height: 100%; display: flex; align-items: center; justify-content: center; } #header_144 .headerImg img { width: auto; height: auto; max-width: 100%; max-height: 70%; margin-left: 15px; align-items: center; } /*banner*/ #banner_144 { width: 100%; overflow: hidden; margin-top: -55px; position: relative; z-index: 9; } #banner_144 .swiper { width: 100%; } #banner_144 #wapBanner { display: none; } #banner_144 .swiper-slide { width: 100%; } #banner_144 .swiper-slide img { width: 100%; object-fit: cover; } #banner_144 #wapBana{ display:none; } #banner_144 #pcBana{ display:block; } @media screen and (max-width:1200px) { #header_144 .headerNav { display: block; width: 90%; } } /* ipad */ @media screen and (max-width:992px) { #header_144 .headerNav { display: block; width:100%; } } /* 手机 */ #banner_144 .silderImg{ width:100%; height:100%; position:relative; } #banner_144 .silderImg .project{ width:100%; height:100%; display:block; background-size:cover; } @media screen and (max-width: 767px) { #header_144 { width: 100%; background: none; } #header_144 #headerPc { display: none; } #header_144 #headerWap { display: block; width: 100%; height: 60px; } #banner_144 { margin-top: 60px; } #banner_144 #pcBanner { display: none; } #banner_144 #wapBanner { display: block; } #banner_144 #wapBana{ display:block; } #banner_144 #pcBana{ display:none; } }