topnav.min.css 7.2 KB

1
  1. .header-nav{width:100%;font-size:12px;height:195px}.header-nav .header-nav-content-box{width:100%;z-index:999;position:fixed}.header-nav .header-nav-content-box .ad_top{width:100%;height:80px;position:relative}.header-nav .header-nav-content-box .ad_top a{width:100%;height:100%}.header-nav .header-nav-content-box .ad_top a img{position:absolute;top:0;left:50%;margin-left:-966px}.header-nav .header-nav-content-box .header-first-box{width:100%;line-height:35px;background:#f5f5f5;overflow:hidden}.header-nav .header-nav-content-box .header-first-box .header-nav-first{width:1220px;margin:0 auto;height:35px}.header-nav .header-nav-content-box .header-first-box .header-nav-first .nav-first-left{float:left;height:35px;font-size:12px}.header-nav .header-nav-content-box .header-first-box .header-nav-first .nav-first-left .city-menu{height:35px;padding:0 11px 0 24px;position:relative}.header-nav .header-nav-content-box .header-first-box .header-nav-first .nav-first-left .city-menu a{color:#0cb46a}.header-nav .header-nav-content-box .header-first-box .header-nav-first .nav-first-left .city-menu i{position:absolute;left:5px;color:#0cb46a}.header-nav .header-nav-content-box .header-first-box .header-nav-first .nav-first-right{font-size:12px;float:right;height:35px}.header-nav .header-nav-content-box .header-first-box .header-nav-first .nav-first-right li{position:relative;float:right;padding:0 14px 0 14px}.header-nav .header-nav-content-box .header-first-box .header-nav-first .nav-first-right li .phone-number{margin-left:15px;color:#ff5a00}.header-nav .header-nav-content-box .header-first-box .header-nav-first .nav-first-right li .phone-number span{display:inline-block;text-decoration:underline;position:inherit;border-left:none}.header-nav .header-nav-content-box .header-first-box .header-nav-first .nav-first-right li .phone-number:hover{color:#ff5a00}.header-nav .header-nav-content-box .header-first-box .header-nav-first .nav-first-right li a{color:#999}.header-nav .header-nav-content-box .header-first-box .header-nav-first .nav-first-right li a .icon-phone{padding:0;margin:0;position:absolute;top:0;left:10px;border:none}.header-nav .header-nav-content-box .header-first-box .header-nav-first .nav-first-right li span{display:block;position:absolute;top:10px;right:0;height:12px;border-left:1px solid #ddd}.header-nav .header-nav-content-box .header-first-box .header-nav-first .nav-first-right li i{display:inline-block;margin:14px 0 0 3px;border-top:5px solid #999;border-left:3px solid transparent;border-right:3px solid transparent}.header-nav .header-nav-content-box .header-first-box .header-nav-first .nav-first-right li:hover a{color:#0cb46a}.header-nav .header-nav-content-box .header-first-box .header-nav-first .nav-first-right li:hover .jiantou{border-top:5px solid #0cb46a}.header-nav .header-nav-content-box .header-last-box{width:100%;height:80px;background:#fff}.header-nav .header-nav-content-box .header-last-box .header-nav-content{width:1220px;height:100%;margin:0 auto;position:relative}.header-nav .header-nav-content-box .header-last-box .header-nav-content .header-logo{display:inline-block;position:absolute;width:157px;height:100%}.header-nav .header-nav-content-box .header-last-box .header-nav-content .header-logo a{position:absolute;top:50%;left:0;margin-top:-22px}.header-nav .header-nav-content-box .header-last-box .header-nav-content .header-content-center{width:70%;height:100%;margin:0 auto}.header-nav .header-nav-content-box .header-last-box .header-nav-content .header-content-center ul:after{content:"";display:block;height:0;clear:both}.header-nav .header-nav-content-box .header-last-box .header-nav-content .header-content-center ul{height:100%}.header-nav .header-nav-content-box .header-last-box .header-nav-content .header-content-center ul li{float:left;height:100%;padding:0 25px;position:relative}.header-nav .header-nav-content-box .header-last-box .header-nav-content .header-content-center ul li a{display:block;color:#333;font-size:16px;position:relative;top:50%;margin-top:-11px}.header-nav .header-nav-content-box .header-last-box .header-nav-content .header-content-center ul li a span{display:none;width:100%;height:0;border-top:1px solid #0cb46a;position:absolute;top:50%;margin-top:12px}.header-nav .header-nav-content-box .header-last-box .header-nav-content .header-content-center ul li a i{display:block;position:absolute;top:9px;right:-13px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #999}.header-nav .header-nav-content-box .header-last-box .header-nav-content .header-content-center ul li:hover a{color:#0cb46a}.header-nav .header-nav-content-box .header-last-box .header-nav-content .header-content-center ul li:hover a span{display:block}.header-nav .header-nav-content-box .header-last-box .header-nav-content .header-content-center ul li:hover a i{border-left:4px solid transparent;border-right:4px solid transparent;border-top:none;border-bottom:5px solid #0cb46a;top:8px}.header-nav .header-nav-content-box .header-last-box .header-nav-content .header-content-search{position:absolute;right:0;top:0;height:100%}.header-nav .header-nav-content-box .header-last-box .header-nav-content .header-content-search form{position:relative;top:50%;margin-top:-17px}.header-nav .header-nav-content-box .header-last-box .header-nav-content .header-content-search form div{height:34px;border:1px solid #ccc}.header-nav .header-nav-content-box .header-last-box .header-nav-content .header-content-search form div input{float:left;font-size:14px;border:none;padding:8px 0 9px 9px;outline:0}.header-nav .header-nav-content-box .header-last-box .header-nav-content .header-content-search form div i{display:inline-block;width:20px;height:20px;font-size:18px;border:none;margin:7px 10px 0 10px;cursor:pointer}.header-nav .header-nav-content-box .drop-down-menu{display:none;position:absolute;width:100%;height:114px;background:#fff;border-top:1px solid #ddd;padding-top:36px;box-shadow:0 5px 20px rgba(0,0,0,.2)}.header-nav .header-nav-content-box .drop-down-menu div{display:none;width:929px;height:100%;position:absolute;top:0;left:50%;margin-left:-464.5px}.header-nav .header-nav-content-box .drop-down-menu div ul:after{content:'';display:block;clear:both}.header-nav .header-nav-content-box .drop-down-menu div ul{width:100%;height:100%;box-sizing:border-box;padding:0 60px}.header-nav .header-nav-content-box .drop-down-menu div ul li{float:left;height:100%}.header-nav .header-nav-content-box .drop-down-menu div ul li a{display:block;width:100%;height:100%}.header-nav .header-nav-content-box .drop-down-menu div ul li a img{height:80px;width:80px;margin:0 auto;margin-top:20px}.header-nav .header-nav-content-box .drop-down-menu div ul li a i{display:block;text-align:center;margin-top:10px;font-size:16px}.header-nav .header-nav-content-box .drop-down-menu div ul li a:hover{color:#fb752c}.header-nav .header-nav-content-box .drop-down-menu .zbxx ul li{width:33.33333%}.header-nav .header-nav-content-box .drop-down-menu .download ul li{width:25%}@media screen and (min-width:1460px){.header-nav .header-nav-content-box .header-first-box .header-nav-first{width:1460px}.header-nav .header-nav-content-box .header-last-box .header-nav-content{width:1460px}.header-nav .header-nav-content-box .header-last-box .header-nav-content .header-content-center{width:70%}}