@charset "utf-8"; body { font-family: "microsoft yahei", "ËÎÌå"; background: #ededed; font-size: 14px; line-height: 32px; -webkit-tap-highlight-color: transparent; color: #404040; } body, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, span, textarea, ul { margin: 0; padding: 0; list-style: none; box-sizing: border-box; } input, select { vertical-align: middle; } input, select, textarea { font-size: 12px; margin: 0; } input[type="password"], input[type="text"], textarea { border: none; border-radius: 3px; outline-style: none; -webkit-appearance: none; } button { outline-style: none; } textarea { resize: none; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } td, th { font-size: 12px; padding: 0; } a img, img { border: 0; margin: 0; padding: 0; } img { border: none; vertical-align: middle; } .img-responsive { max-width: 100%; height: auto; } a { outline-style: none; color: #333; text-decoration: none; } a:hover { color: #bd1a2d; text-decoration: none; } .text-center { text-align: center; } .clearbox { line-height: 0; font-size: 0; } .clearbox > * { line-height: 32px; font-size: 16px; } .clearbox:after { content: ""; display: inline-block; width: 100%; } .mb30 { margin-bottom: 30px; } .fl { float: left; } .fr { float: right; } .bg-white { background: #fff; } .container { margin: auto; max-width: 1200px; width: 1200px; } @media screen and (max-width: 991px) { .container { width: 100%; padding: 0 2%; } } .btn { border: none; cursor: pointer; } @media screen and (max-width: 991px) { .m-hide { display: none !important; } .search { display: none !important; } } .header { background: #fff; } .header .grzx1, .header .w_header_nav_box { display: none; } .header .logo { padding-top: 2.3%; padding-bottom: 2.3%; } .header .tb { display: none; } .header a { color: #fff; } .header .topbar { padding-top: 3.5%; } .header .search { position: relative; width: 300px; margin-right: 20px; } .header .search .dropdown { position: absolute; top: 5px; left: 13px; color: #666; font-size: 14px; z-index: 22; } .header .search .dropdown span.btn { display: block; min-width: 75px; } .header .search .dropdown span.btn:after { content: ""; position: absolute; top: 13px; right: 2px; width: 11px; height: 6px; background: url(/zfcg/static/gboat2.index/index/i103.png) no-repeat; } .header .search .dropdown .dropdown-menu { left: -13px; width: 90px; } .header .search .dropdown .dropdown-menu li { display: block; padding-left: 13px; cursor: pointer; } .header .search .dropdown .dropdown-menu li:hover { background-color: #f5f5f5; } .header .search .form-control { display: block; line-height: 43px; height: 43px; padding: 0 5px 0 90px; width: 100%; border: 1px solid #b5b5b5; } .header .search button.btn { position: absolute; top: 10px; right: 9px; width: 22px; height: 22px; background: url(/zfcg/static/gboat2.index/index/i102.png) no-repeat; } .header .bjzc { margin: -2px 0 0 0; } .header .info { font-size: 12px; line-height: 26px; width: 330px; margin-top: -4px; } .header .info .grzx { width: 99%; overflow: hidden; } .header .info .grzx .znwd { margin-right: 10px; } .header .info a { display: inline-block; color: #d30b15; } .header .info p { display: block; text-align: right; } .header .info p a { color: #333; margin-left: 3px; } .header .nav { border-top: 1px solid #a60013; position: relative; } .header .nav ul { height: 58px; } .header .nav li { width: 20%; float: left; text-align: center; } .header .nav li > a { font-size: 24px; display: inline-block; line-height: 56px; } .header .nav li dl { position: absolute; top: 100%; left: 0; line-height: 26px; padding: 7px 0; width: 100%; background: #fff6e2; display: none; border-bottom: 1px solid #f7ce8c; text-align: center; } .header .nav li dl dd, .header .nav li dl dt { display: inline-block; } .header .nav li dl dt { display: none; } .header .nav li dl dd { padding: 0 2%; } .header .nav li dl a { color: #333; font-size: 16px; } .header .nav li dl a:hover { color: #f71501; } .header .nav li.active > a { border-bottom: 2px solid #f5d389; } .header .nav li.active dl { display: block; } .dropdown .dropdown-menu { display: none; position: absolute; top: 100%; width: 100%; background-color: #fff; } @media screen and (max-width: 1000px) { .header .logo { width: 40%; max-width: 472px; min-width: 200px; } .header .topbar { padding-top: 2.3%; } } @media screen and (max-width: 768px) { .header .bjzc { margin: -2px 0 0 5px; } .header .search { width: 250px; } .header .search .dropdown { top: 1px; } .header .search button.btn { top: 5px; } .header .search .form-control { line-height: 35px; } .header .nav ul { display: flex; justify-content: space-between; height: 38px; } .header .nav li { width: auto; float: none; display: block; } .header .nav li > a { font-size: 16px; line-height: 36px; } .header .nav li dl { padding: 7px 2%; text-align: left; } .header .nav li dl dt { display: block; font-weight: 700; line-height: 26px; } .header .nav li dl dd { padding: 0 8px 0 0; } } @media screen and (max-width: 560px) { .header .logo { width: 100%; min-width: 100px; float: none; padding-top: 6.3%; height: auto; } .header .logo .logo_1 { width: 80%; } .header .w_header_nav_box { display: block; height: 0; overflow: hidden; } .header .w_header_nav_box li { float: none; background: 0 0; font-size: 16px; border-bottom: 1px solid #e8e8e8; text-align: center; line-height: 40px; } .header .w_header_nav_box li a { color: #000; } .header .grzx1 { display: block; color: #d30b15 !important; position: absolute; right: 85px; font-size: 12px; } .header .topbar { padding-top: 1%; float: none; height: 60px; display: none; } .header .search { width: calc(100% - 56px); } .header .tb { display: block; margin-left: 6%; margin-top: 6px; } .header .bjzc { margin-top: -6px; } .header .nav ul { height: 38px; } .header .nav li dl { padding: 3px 2%; line-height: 18px; } .header .nav li dl a { font-size: 14px; } } @media screen and (max-width: 340px) { .header .topbar { height: 55px; } .header .nav li a { font-size: 14px; } .header .nav li dl a { font-size: 13px; } } .BreadcrumbNav { font-size: 14px; line-height: 50px; } .language5 { float: right; } .header-normal.header { background: #bd1a2d; } .header-normal.header .info { width: 150px; } .header-normal.header .info a { color: #fff; } .header-normal.header .search .form-control { border: none; } .header-normal.header .bjzc { margin: -2px 10px 0 5px; } .header-normal.header .language5 { float: none; } .clear { clear: both; } @media \0screen\, screen\9 { #StranLink { color: #fff; position: absolute; top: 61px; left: 50%; margin-left: 545px; } }