/*椤甸潰鎬诲搴?/ #wrap{ width: 100%; /* max-width: 1440px; */ min-width: 1280px; margin: 0 auto; font-family:'寰蒋闆呴粦'; } /*涓讳綋鍐呭瀹藉害*/ .inner{ /* width: 1000px; */ width: 1000px; margin: 0 auto; } /*澶撮儴鍖哄煙*/ /* .header{ position: relative; } */ .top{ /* position: absolute; z-index: 9; top: 0; */ width: auto; box-sizing: border-box; position: relative; } .top .inner{ /* width: 1134px; */ margin: 0 auto; height: auto; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; padding: 10px 0; } .top .nav1{ width: 70%; margin-left: 50px; } .top .nav1>li{ float: left; margin-right:2%; padding:0 16px; height: 40px; line-height: 40px; position: relative; } .top .nav1>li>a{ /* display: block; */ padding-bottom: 5px; font-size: 18px; color: #333333; text-align: center; } .top .nav1>li>a>span{ display: none; width: 14px; height: 2px; background: #0FA2F0; margin: 0 auto; } .top .nav1>li>a.on, .top .nav1>li>a:hover{ /* background: #888; */ color: #0FA2F0 ; /* border-bottom: 1px solid #0FA2F0; */ } .top .nav1>li>a.on span, .top .nav1>li>a:hover>span{ display: block; } /* .top .nav1>li:hover .fnav,.top .nav1>li:hover+.fnavBg{ display: block; } */ /* .top .rxian{ width: 97px; } */ .top .rxian>p{ font-size: 14px ; color: #0FA2F0 ; } /*banner*/ .banner{ position: relative; } .banner img{ width: 100%; } /* .banner .swiper-pagination{ text-align: center; left: 0; right: 0; margin: 0 auto; } */ .banner .swiper-pagination .swiper-pagination-bullet{ width: 30px; height: 3px; border-radius: 0; background: #fff; } .banner .bannerInfo{ width: 800px; text-align: center; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); color:#fff; } .bannerInfo>h1{ font-size: 36px; font-weight: normal; } .bannerInfo>p{ font-size: 18px; line-height: 30px; margin-top: 25px; } .bannerInfo>span{ text-transform:uppercase; font-size: 20px; color: rgba(255, 255, 255, 0.7); } /*nav2*/ .nav2{ background: #777; } .nav2 li{ float: left; } .nav2 li a{ display: block; width: 200px; height: 50px; line-height: 50px; font-size: 22px; color: #fff; text-align: center; background: #999; } .nav2 li a.on, .nav2 li a:hover{ background: #888; } .fnavBg{ background: #F0F6FA ; position: absolute; width: 100%; left: 0; top: 100%; z-index: 3; height: 60px; display: none; } .fnav{ display: none; min-width: 472px; width: 100%; height: 60px; line-height: 60px; position: absolute; box-sizing: border-box; top: 52px; left: 50%; padding-left: 0; white-space: nowrap; background: transparent; z-index: 99; transform: translateX(-27%); } .fnav ul{ width: 100%; font-size: 16px; box-sizing: border-box; } .fnav ul li{ text-align: center; float: left; } .fnav ul li a{ margin-right: 30px; cursor: pointer; color: #333333; } .fnav ul li a:hover,.fnav ul li a.on{ font-weight: bold; }