@charset "utf-8"; /** 小屏 **/ @media screen and (max-width: 1199px) { .rk{display: none;} .head-nav-box-mobi { float: left; width: 100%; min-height: 60px; height: auto; background-color: #0d46a2; } .head-nav-box-mobi .logo { float: left; width: 200px; } .head-nav-box-mobi .logo img { padding-top: 6px; padding-left: 10px; width: 85%; } .head-nav-box-mobi .nav-more { float: right; width: 80px; height: auto; padding-top: 12px; } .head-nav-box-mobi .small-nav { display: block; float: left; width: 100%; height: auto; } .head-nav-box-mobi .small-nav .small-nav-wapper { display: block; float: left; width: 100%; height: auto; padding: 0; margin: 0; border-top: 1px solid #205fa6; } .head-nav-box-mobi .small-nav .small-nav-wapper li { display: block; float: left; width: 92%; height: auto; border-bottom: 1px #fff dashed; margin: 0 4%; padding: 10px 0; } .head-nav-box-mobi .small-nav .small-nav-wapper li a { display: block; color: #fff; text-decoration: none; font-size: 12px; } .head-nav-box-mobi .small-nav .small-nav-wapper li a .ico { display: block; float: right; margin-right: 5px; } .head-nav-box-mobi .small-nav .small-nav-wapper li .drop-menu { display: block; float: left; width: 100%; height: auto; padding: 0; margin: 0; position: static!important; background: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; border: 0; } .head-nav-box-mobi .small-nav .small-nav-wapper li .drop-menu li { display: block; float: left; width: 100%; height: auto; border-bottom: 1px #fff dashed; margin: 0; padding: 5px 0; background-color: #0d46a2; } .head-nav-box-mobi .small-nav .small-nav-wapper li .drop-menu li a { background: none!important; } .head-nav-box-mobi .small-nav .small-nav-wapper li .drop-menu .last { border-bottom: 0; } .head-nav-box-mobi .small-nav .small-nav-wapper .last { border-bottom: 0; } .head-nav-box { width: 100%; height: 100px; position: absolute; top: 20px; z-index: 9999; } .head-nav-box .nav-box { width: 1125px; height: 87px; margin: 0 auto; } .head-nav-box .nav-box .logo-box { float: left; width: 270px; height: auto; text-align: center; } .head-nav-box .nav-box .logo-box a { display: block; width: 100%; height: 81px; padding: 3px 0; margin: 0; background-color: #0d46a2; } .head-nav-box .nav-box .logo-box a .log-img { width: 94%; margin-top: 5px; } .head-nav-box .nav-box .menu { position: relative; width: 1125; height: 60px; } .head-nav-box .nav-box .menu .menu-nav-top { display: block; float: left; width: 100%; height: 42px; background-color: #82acdd; padding: 0; margin: 0; } .head-nav-box .nav-box .menu .menu-nav-top li { display: block; float: left; width: 99px; height: 42; border-right: 1px solid #7491b8; } .head-nav-box .nav-box .menu .menu-nav-top li a { display: block; color: #fff; text-decoration: none; text-align: center; line-height: 42px; } .head-nav-box .nav-box .menu .menu-nav-top li a:hover { background-color: #7ca3d2; } .head-nav-box .nav-box .menu .menu-nav-top .last { display: block; float: left; width: 55px; height: 42; border: 0; } .head-nav-box .nav-box .menu .menu-nav-top .last a img { border: 0; } .head-nav-box .nav-box .menu .menu-nav { display: block; float: left; width: 100%; height: 45px; background-color: #386ec2; padding: 0; margin: 0; position: relative; z-index: 1; } .head-nav-box .nav-box .menu .menu-nav .nLi { display: block; float: left; width: 95px; height: 45px; } .head-nav-box .nav-box .menu .menu-nav .nLi a { display: block; line-height: 45px; color: #fff; font-size: 16px; text-decoration: none; text-align: center; } .head-nav-box .nav-box .menu .menu-nav .nLi a:hover { background-color: #0d46a2; } .head-nav-box .nav-box .menu .menu-nav .nLi .sub { display: none; } .head-nav-box .nav-box .menu .menu-nav .sub { display: none; width: 95px; top: 45px; position: absolute; /* background: rgba(52, 105, 191, 0.9); */ /* background: rgba(52, 105, 191,1); */ background: rgba(13,70,162,1); line-height: 40px; padding: 0; margin: 0; z-index:99999999; } .head-nav-box .nav-box .menu .menu-nav .sub li { display: block; float: left; width: 100%; zoom: 1; border-bottom: 1px solid #4078b6; } .head-nav-box .nav-box .menu .menu-nav .sub li:last-child { border-bottom: 0; } .head-nav-box .nav-box .menu .menu-nav .sub a { display: block; padding: 0 10px; } .head-nav-box .nav-box .menu .menu-nav .sub a:hover { background-color: #e08e3a; color: #fff; } } @media screen and (min-width: 1200px) { .search-header-box { float: left; width: 100%; height: auto; padding: 15px; } .head-nav-box-mobi { display: none; } .head-nav-box { width: 100%; height: auto; position: absolute; /* top: 20px; */ top:0; background:#0D46A2; background:rgba(0,0,0,0.2); } .head-nav-box .nav-box { width: 1125px; /* height: 87px; */ height:60px; margin: 0 auto; } .head-nav-box .nav-box .logo-box { float: left; width: 270px; height: auto; text-align: center; } .head-nav-box .nav-box .logo-box a { display: block; width: 100%; height: 87px; padding: 3px 0; margin: 0; } .head-nav-box .nav-box .logo-box a .log-img { width: 90%; margin-top: 5px; } .head-nav-box .nav-box .menu { position: relative; width:100%; height:60px; } .header-box-dh .menu1 { float: right; /* width: 855px; height: 87px; */ width:auto; } .header-box-dh .menu1 *{ /* font-family: 黑体; */ font-size:14px; } .header-box-dh .menu1 .menu1-nav-top{ display: block; float: right; width: auto; height: 85px; padding: 0; margin: 0; } .header-box-dh .menu1 .menu1-nav-top .s{ display: block; float: left; width: 1px; height: 20px; margin-top: 32px; background-color: #000000; } .header-box-dh .menu1 .menu1-nav-top li{ display: block; float: left; width: auto; height: 85px; line-height:85px; margin: 0 10px; } .header-box-dh .menu1 .menu1-nav-top li a:hover{color:#be0f00;} .head-nav-box .nav-box .menu .menu-nav-top { display: block; float: right; width: auto; height: 42px; padding: 0; margin: 0; } .head-nav-box .nav-box .menu .menu-nav-top li { display: block; float: left; width: auto; height: 42px; margin: 0 5px; } .head-nav-box .nav-box .menu .menu-nav-top li a { display: block; color: #fff; text-decoration: none; text-align: center; line-height: 42px; padding: 0 5px; } .head-nav-box .nav-box .menu .menu-nav-top li a img { vertical-align: middle; margin: 0 5px 0 0; } .head-nav-box .nav-box .menu .menu-nav-top li a:hover { color: #efefef; } .head-nav-box .nav-box .menu .menu-nav-top .s { display: block; float: left; width: 1px; height: 20px; margin-top: 12px; background-color: #fff; } .head-nav-box .nav-box .menu .menu-nav-top .last { display: block; float: left; width: 56px; height: 42px; border: 0; } .head-nav-box .nav-box .menu .menu-nav-top .last a { display: block; width: 100%; text-align: center; } .head-nav-box .nav-box .menu .menu-nav-top .last a img { border: 0; margin: 0 5px; } .head-nav-box .nav-box .menu .menu-nav { display: block; width: 100%; height:60px; background-image: none; padding: 0; margin: 0; position: relative; z-index: 1; } .head-nav-box .nav-box .menu .menu-nav .nLi { display: block; float: left; /* width: 95px; */ width:120px; /* height: 45px; */ height:60px; } /*20190410-rk添加 begin*/ .head-nav-box .nav-box .menu .menu-nav .on{ background-color: #0d46a2; } .head-nav-box .nav-box .menu .menu-nav .on a{ color:#FFFFFF !important; } /*20190410-rk添加 end*/ .head-nav-box .nav-box .menu .menu-nav .nLi a { display: block; line-height: 60px; /* line-height: 45px; */ /* color: #333; */ /* color:#000000; */ color:#FFFFFF; font-size: 16px; text-decoration: none; text-align: center; } .head-nav-box .nav-box .menu .menu-nav .nLi a:hover { color: #fff; background-color: #0d46a2; } .head-nav-box .nav-box .menu .menu-nav .nLi .sub { display: none; } .head-nav-box .nav-box .menu .menu-nav .sub { display: none; width: 120px; /* top: 45px; */ top:60px; position: absolute; /* background: rgba(52, 105, 191, 0.7); */ /* background: rgba(52, 105, 191,1); */ /* background: rgba(13,70,162,1); */ background:#0D46A2; line-height: 35px; padding: 0; margin: 0; z-index:9999999999999999; } .head-nav-box .nav-box .menu .menu-nav .sub li { display: block; float: left; width: 100%; zoom: 1; border-bottom: 1px solid #4078b6; } .head-nav-box .nav-box .menu .menu-nav .sub li:last-child { border-bottom: 0; } .head-nav-box .nav-box .menu .menu-nav .sub a { color: #fff; display: block; padding: 0 10px; line-height:45px; } .head-nav-box .nav-box .menu .menu-nav .sub a:hover { background-color: #e08e3a; color: #fff; } .search-info { display: block; position: relative; top: 0; } } @media screen and (min-width: 1200px) { .header-box { width: 100%; height: auto; position: relative; } /* 20190408 */ .header-box .header-box-dh{ width:1125px; height:85px; position: relative; margin:0 auto; } .header-box .img { width: 100%; height: auto; } .fixed-top { position: fixed!important; top: 0px!important; background-color: #336bc1; } .fixed-top .nav-box .menu .menu-nav-top { display: none; } .fixed-top .nav-box .menu .menu-nav { height:60px; background-image: none; } .fixed-top .nav-box .menu .menu-nav .nLi { height: 60px; } .fixed-top .nav-box .menu .menu-nav .nLi a { color: #fff; line-height: 60px; } .fixed-top .nav-box .menu .menu-nav .nLi .sub { top:60px; background: rgba(52, 105, 191, 0.9); } .fixed-top .nav-box .menu .menu-nav .nLi .sub li { border: none; } .fixed-top .nav-box .menu .menu-nav .nLi .sub li a { line-height: 45px; } .notify-ul li{ height:45px; } }