body{ user-select:none; } .nav-bar{ background:rgba(255,255,255,0.6); height:98px; position:absolute; left:0; right:0; top:0; z-index:1; } .nav-box{ width:1000px; margin:0 auto; height:98px; min-width:1000px; } .logo-box{ padding:33px 0 22px 0; height:43px; } .logo-box img{ height:43px; } .section{ position:relative; } .index-content-box{ width:1000px; margin:0 auto; } .bn-box{ padding:106px 0 0 29px; } .info-box{ padding-top:106px; } .icon-list{ width:220px; text-align:center; color:#004e97; } .icon-s:before{ font-size:45px; line-height:105px; } .icon-title{ font-size:14px; line-height:30px; } .icon-total{ font-size:22px; line-height:38px; } .more,.more:hover,.more:active{ width:80px; height:30px; border-radius:5px; border:1px solid #004e97; box-sizing:border-box; font-size:12px; line-height:28px; text-align:center; color:#004e97; text-decoration:none; } .more-1{ margin-left:135px; margin-top:20px; } .index-news-box{ width:1000px; height:328px; background:white; position:absolute; left:50%; top:50%; margin-left:-500px; margin-top:-104px; } .news-img-box{ width:360px; height:328px; position:relative; overflow:hidden; } .news-img-window{ width:3600px; height:328px; position:relative; overflow:hidden; } .news-img{ width:360px; height:328px; } .news-tick{ position:absolute; top:44px; left:360px; border-left:18px solid #f39800; border-top:11px solid white; border-bottom:11px solid white; } .news-info{ width:640px; padding:30px 40px 30px 60px; box-sizing:border-box; height:245px; overflow:hidden; } .news-info-desc{ height:147px; overflow:hidden; } .news-list-window{ width:540px; height:2450px; } .news-list{ height:245px; width:540px; overflow:hidden; } .news-list img{ display:none; } .new-info-title,.new-info-title:hover,.new-info-title:active,.new-info-title:link{ font-size:16px; font-weight:bold; color:#004e97; line-height:48px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; text-decoration:none; width:540px; display:block; } .new-info-desc{ font-size:12px; line-height:24px; color:#5a5a5a; text-align: justify; } .news-more{ position:absolute; right:30px; bottom:30px; } .bn-box-4{ width:1000px; margin:0 auto; position:relative; /* padding-top:160px; */ height:258px; } .more-4{ position:absolute; bottom:20px; right:200px; } .bn-box-3{ width:1000px; height:260px; margin:0 auto; /* margin-top:160px; */ position:relative; } .index-tip-3{ width:170px; height:260px; } .index-desc-3{ width:440px; height:200px; text-align:justify; color:#004e97; font-size:14px; line-height:28px; padding:20px 0; box-sizing:border-box; } .more-3{ position:absolute; bottom:30px; left:170px; } .cp-img{ position:absolute; bottom:-10%; left:50%; margin-left:150px; } .menu-box{ width:770px; float:right; padding:0; margin:0; margin-top:21px; } .menu-box .menus{ list-style:none; width:128px; height:56px; /* background:#525250; */ color:white; font-size:16px; line-height:56px; font-weight:bold; text-align:center; float:left; position:relative; } .menu-box .menus a,.menu-box .menus a:hover,.menu-box .menus a:visited,.menu-box .menus a:visited,.menu-box .menus a:link{ text-decoration:none; color:#004e97; } .menu-box .active-menu{ color:#da251e; } .menu-box .menus-son{ width:128px; padding:10px 24px; position:absolute; left:0; top:56px; background:#f5f5f5; display:none; box-sizing:border-box; } .menu-box .menus-son .menus-son-list{ margin:0; padding:0; list-style:none; border-bottom:1px solid #d4d4d4; height:42px; line-height:41px; font-size:14px; text-align:center; color:#444; position:relative; } .menu-box .menus-son .menus-son-list .lines-menu-zg{ display:block; position:absolute; border-bottom:2px solid #da251e; left:10px; bottom:5px; width:0; } .menu-box .menus-son a,.menu-box .menus-son a:hover,.menu-box .menus-son a:visited,.menu-box .menus-son a:visited,.menu-box .menus-son a:link{ text-decoration:none; color:#444; } .fp-tablecell{ position:relative; top:-10%; } #fp-nav.right{ transform:scale(1.2); right:50px; } #fp-nav ul li a span, .fp-slidesnav ul li a span{ background:#2064a5; border: 2px solid rgba(255,255,255,0.9); width:6px; height:6px; } #fp-nav ul li a.active span, .fp-slidesnav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesnav ul li:hover a.active span{ border: 3px solid rgba(255,255,255,0.9); margin-left:-6px; } #fp-nav ul li, .fp-slidesnav ul li{ margin-top:15px; } .footer-index{ position:fixed; bottom:0; height:40px; line-height:40px; text-align:center; background:rgba(255,255,255,0.6); left:0; right:0; z-index:999; display: flex; justify-content: center; align-items: center; } .footer-index a,.footer-index span{ font-size:14px; color:#5a5a5a; line-height:40px; height:40px; } .footer-index img{ height:40px; margin:0px 0 0 30px ; }