/* gywil 头部底部独立样式 - 可独立部署 */

/* 页面布局 - Sticky Footer */
html { height: 100%; }
body { min-height: 100%; display: flex; flex-direction: column; }

/* 通用容器 */
.gywil-wrap { width: 1200px; margin: 0 auto; flex: 1; }

/* 顶部导航栏 */
.gywil-header {
    background: #2f373d;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #838383;
    flex-shrink: 0;
}
.gywil-header-welcome a { color: #cbd1d6; margin-left: 10px; }
.gywil-header-welcome a:hover { color: #41a0ea; text-decoration: none; }
.gywil-header-menu a { color: #ccd2d7; border-left: 1px solid #595f64; padding-left: 15px; margin-left: 15px; }
.gywil-header-menu a.first { border-left: 0; }
.gywil-header-menu a:hover { color: #41a0ea; text-decoration: none; }

/* 主导航区域 */
.gywil-info-header {
    background: #41a0ea;
    height: 102px;
    overflow: hidden;
    flex-shrink: 0;
}
.gywil-logo { width: 600px; }
.gywil-logo h1 { margin-top: 10px; }
.gywil-search { width: 350px; margin-top: 34px; }
.gywil-search input { background: #fff; border: none; padding: 0; }
.gywil-search input.text { width: 290px; height: 32px; line-height: 32px; padding-left: 5px; color: #b6b6b6; }
.gywil-search input.text:focus { color: #3a3a3a; }
.gywil-search input.submit { background: url(images/info_icon.png) no-repeat; width: 50px; height: 32px; vertical-align: top; cursor: pointer; }
.gywil-search-label { margin-top: 5px; }
.gywil-search-label a { color: #a2d1f6; margin-right: 10px; }
.gywil-search-label a:hover { color: #f90; text-decoration: none; }

/* 导航栏 */
.gywil-nav {
    background: #1d86d8;
    height: 43px;
    padding-top: 2px;
    flex-shrink: 0;
}
.gywil-nav-list { display: flex; align-items: center; height: 43px; }
.gywil-nav-list li { width: 105px; height: 43px; float: left; }
.gywil-nav-list li a { display: flex; align-items: center; justify-content: center; width: 105px; height: 28px; color: #fff; font: 16px/43px Microsoft YaHei; text-align: center; padding-top: 15px; }
.gywil-nav-list li a span { border-left: 1px solid #4a9ee0; display: block; width: 103px; height: 14px; line-height: 14px; cursor: pointer; }
.gywil-nav-list li a:hover, .gywil-nav-list li a.curr { color: #1d86d8; text-decoration: none; background: #fff; line-height: 43px; }
.gywil-nav-list li a:hover span, .gywil-nav-list li a.curr span { border-left: 0; }
.gywil-nav-btn { padding-top: 7px; }
.gywil-nav-btn a { margin-left: 10px; }
.gywil-nav-btn a i { display: inline-block; width: 83px; height: 26px; background: url(images/info_icon.png) no-repeat; }
.gywil-nav-btn a i.i1 { background-position: -1px -507px; }
.gywil-nav-btn a i.i2 { background-position: -93px -507px; }
.gywil-nav-btn a:hover i.i1 { background-position: -1px -542px; }
.gywil-nav-btn a:hover i.i2 { background-position: -93px -542px; }

/* 底部区域 */
.gywil-footer-wrap { background: #f4f4f4; flex-shrink: 0; }
.gywil-footer { border-top: 1px solid #dfdfdf; color: #666666; min-height: 172px; line-height: 26px; padding: 10px 0; text-align: center; }
.gywil-footer-nav a { margin: 0 10px; color: #666666; }
.gywil-footer-nav span { color: #999; }
.gywil-footer-nav a:hover { text-decoration: underline; }
.gywil-footer-touch { color: #666; margin: 5px 0; }
.gywil-footer-touch span { color: #f00; font-weight: bold; margin-right: 10px; }
.gywil-footer-icon { margin-top: 10px; }
.gywil-footer-icon a { margin: 0 10px; }

/* 回到顶部 */
.gywil-backToTop {
    background: url(images/hui_icon.gif) no-repeat scroll transparent;
    bottom: 30px;
    cursor: pointer;
    height: 40px;
    position: fixed;
    right: 30px;
    width: 41px;
    display: none;
    z-index: 9999;
}
.gywil-backToTop:hover { background: url(images/hui_icon.gif) 0 -40px no-repeat transparent; }

/* 响应式 */
@media (max-width: 1024px) {
    .gywil-wrap { width: 96%; }
    .gywil-logo { width: 400px; }
    .gywil-search { width: 280px; }
}
@media (max-width: 768px) {
    .gywil-wrap { width: 100%; }
    .gywil-info-header { height: auto; padding: 10px 0; }
    .gywil-logo { width: 100%; text-align: center; }
    .gywil-search { width: 100%; margin-top: 10px; }
    .gywil-nav-list { flex-wrap: wrap; height: auto; }
    .gywil-nav-list li { width: 25%; height: 40px; }
    .gywil-nav-list li a { width: 100%; padding: 0; line-height: 40px; }
    .gywil-nav-list li a span { width: 100%; border-left: 0; }
    .gywil-footer { min-height: auto; padding: 15px 0; }
}