﻿body { padding: 0; margin: 0; background: #fff }
/*g_header*/
.g_header { clear: both; width: 100%; position: absolute; left: 0; top: 0;  z-index: 999999 }
.g_header .bar { display: none; }
.g_header .main { height: 80px; margin-top: 15px; }
.g_header .main .logo { float: left; line-height: 90px; width: 26.5%; display: block; }
.g_header .main .logo img { vertical-align: middle; height: 80px }
.g_header .main .nav { float: right; text-align: center; }
.g_header .main .nav > li { float: left; }
.g_header .main .nav > li > a { padding: 35px 20px 35px 20px; display: block; font-size: 20px; vertical-align: middle; cursor: pointer }
.g_header .main .nav > li:last-child > a { }
.g_header .main .nav > li > a > b { display: block; color: #282828; font-weight: normal; line-height: 1; transition: ease .3s; }
.g_header .main .nav > li > a.on > b { color: #0563C9; font-weight: bold }
.g_header .main .nav > li > a:hover > b { color: #0563C9; font-weight: bold }
.clearfix:after { display: block; clear: both; content: "\0020"; visibility: hidden; height: 0 }

.banner-nav { width:62.5%;margin:0 auto;height:70px; position:absolute;left:18.75%;bottom:4px}
.banner-nav a { text-indent:10% ;display: inline-block; line-height: 70px; background: url(../images/i-013.png) no-repeat left center; width: 330px; font-size: 31px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; }

div.mobile-nav {width:12vw;height:12vw; position:fixed;right:1vw;top:30vh;background:url(../images/i-014.png) center no-repeat;background-size:100%; z-index:999}
div.childs-class-box { width: 40vw; height: calc(100vh - 60px); position: fixed; top: 60px; right: -48vw; background: #0563C9; z-index: 999; } /** right:-48vw;**/
div.childs-class-box div.top-nav-class { position:absolute;left:0;top:0;height:8vh;width:100%;background:url(../images/i-013.png) left no-repeat;background-size:100% 8vh; text-align:center;line-height:8vh;font-size:5vw;font-weight:bold;color:#fff}
div.childs-class-box div.childs-class-scroll-box { height: calc(100vh - 60px); width: 100%; position: absolute; top: 8vh; left: 0; overflow-y: scroll }
div.childs-class-box ul li a { color: #fff; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  text-indent:7vw;display:block;line-height:5vh}
div.childs-class-box ul li a.hover { color: #fb8404; font-weight: bold; background: url(../images/i-016.png) 6vw center no-repeat; background-size: 4vw; text-indent:10vw; }
div.childs-class-box div.childs-class-box-close { width: 12vw; height: 12vw; box-shadow: 0 0 3px #000; border-radius: 12vw; margin-left: -6vw; margin-top: 40vh; position:relative;z-index:9999;background: url(../images/i-015.png) #0563C9 center no-repeat; background-size: 6vw }
/** 页脚 **/
.footer { width: 100%; background: #073476; overflow: hidden; color: #fff }
.footer .footer-main { width: 75%; margin: 0 auto; color: #fff; position: relative; margin-top: 40px }
.footer .footer-main p { padding: 0; margin: 0; font-size: 18px; font-family: PingFang SC; }
.footer .footer-main p.footer-title { font-size: 36px; font-family: Source Han Sans CN; font-weight: bold; color: #FFFFFF; line-height: 30px; margin-bottom: 20px; padding-top: 40px }
.footer .footer-main .map { width: 37.5%; position: absolute; right: 20%; top: 0 }
.footer .footer-main .map img { width:100%}
.footer .footer-main .wechat { width: 15%;  position: absolute; right: 0; top: 0; }
.footer .footer-main .wechat img { width: 100% }
.footer .footer-main .wechat p { text-align:center }
.footer .copy-right { width: 100%; height: 80px; background: #002152; margin-top: 90px; text-align: center; line-height: 80px }


/** header **/
div.header2 { width:100%;}
div.header2 div.header2-main { width: 75%; margin:0 auto;overflow:hidden}
div.header2 div.header2-main .logo2 { width:65.4861%;margin:25px 0;float:left}
div.header2 div.header2-main .logo2 img { max-width:100%}
div.header2 div.header2-main div.search-box { width: 30%; float: right; text-align: right;margin-top:5% }
div.header2 div.header2-main div.search-box input { height:35px}
div.header2 div.header2-main div.search-box input[type=button] { border: 1px solid #D2D2D2; border-left: 0; background: #004D8E;color:#fff;padding:0 10px; cursor:pointer }
div.header2 div.header2-main div.search-box input[type=text] { border: 1px solid #D2D2D2;border-right:0 }
/** nav2 **/
div.nav2 { width: 100%; height: 80px; background: #004d8d }
div.nav2 div.nav2-main { width:75%;height:80px;margin:0 auto}
div.nav2 div.nav2-main div { float: left;height:80px;margin:0 2%;padding:0 1.5%;line-height:80px;background-color:aqua}
div.nav2 div.nav2-main div:first-child {margin-left:0 }
div.nav2 div.nav2-main div:last-child { margin-right:0}
div.nav2 div.nav2-main table { width:100%; text-align:center;padding:0;margin:0;}
div.nav2 div.nav2-main table td { line-height:84px;cursor:pointer}
div.nav2 div.nav2-main table td a { color:#fff;font-size:1.2rem}
div.nav2 div.nav2-main table td:hover a{color:#6dc1ff }
div.nav2 div.nav2-main table td:hover {background: url(../images/i-017.png) no-repeat bottom center; background-size: 24px }
div.nav2 div.nav2-main table td.curr { background: url(../images/i-017.png) no-repeat bottom center; background-size: 24px }
div.nav2 div.nav2-main table td.curr a { color: #6dc1ff }



@media (max-width: 1024px) { .g_header { background: transparent; }
    .g_header .bar { position: relative; display: block; position: fixed; z-index: 99999; left: 0; top: 0; right: 0; height: 60px; background: #fff; color: #90704D; border-bottom: 1px solid #c2c0c0; }
    .g_header .bar .menu { position: absolute; right: 0; top: 0; display: inline-block; padding: 0 10px; line-height: 60px; }
    .g_header .bar .menu img { vertical-align: middle; height: 20px; }
    .g_header .bar .logo { font-size: 0; line-height: 60px; }
    .g_header .bar .logo img { padding: 0 10px; max-height: 100px; vertical-align: middle; }
    .g_header .main { height: auto; }
    .g_header .main .logo { display: none; }
    .g_header .main .nav { float: none; height: auto; padding: 10px 0; margin-top: 0; line-height: 1; visibility: hidden; opacity: 0; position: fixed; z-index: 9999; left: 0; top: -100%; bottom: 100%; right: 0; background: #fff; border-top: 0; transition: ease .4s; }
    .g_header .main .nav > li { margin: 0px 40px; float: none; text-align: left; }
    .g_header .main .nav > li > a { margin-left: 0; width: auto; padding: 15px 50px; border: none; }
    .g_header .main .nav > li > a > b { margin-bottom: 5px; }
    .g_header .main .nav > li > a { border-bottom: solid transparent 3px; }
    .g_header .main .nav > li > a:hover { border-top: none; border-bottom: solid #90704D 3px; }
    .g_header .main .nav.show { visibility: visible; opacity: 1; top: 60px; bottom: 0; }

    /** 页脚 **/
    .footer { width: 100%; background: #073476; overflow: hidden; color: #fff }
    .footer .footer-main { width:90vw; margin: 0 auto; color: #fff; position: relative; margin-top: 2vh;}
    .footer .footer-main p { padding: 0; margin: 0; font-size: 4vw; font-family: PingFang SC; }
    .footer .footer-main p.footer-title { font-size: 10vw; font-family: Source Han Sans CN; font-weight: bold; color: #FFFFFF; line-height: 30px; margin-bottom: 20px; padding-top: 2vh }
    .footer .footer-main .map { width: 90vw; height: auto; background: #fff; position:unset; right: 0; top: 0;margin-top:5vh }
    .footer .footer-main .map img { width:100%;}
    .footer .footer-main p.lxdh { background: url(../images/i-011.png) no-repeat left center; background-size: 4vw; text-indent: 5vw }
    .footer .footer-main p.lxdz { background:url(../images/i-010.png) no-repeat left center;background-size:4vw;text-indent:5vw}
    .footer .footer-main p.lxyx { background: url(../images/i-024.png) no-repeat left center; background-size: 4vw; text-indent: 5vw }
    .footer .copy-right { width: 100%; height: 80px; background: #002152; margin-top:2vh; text-align: center; line-height: 80px }
    .footer .footer-main .wechat { width: 90vw; position: unset; right: 0; top: 0; }
    .footer .footer-main .wechat img { width: 100% }
    .footer .footer-main .wechat p { text-align: center }

    .banner-nav { width:98vw; margin: 0 auto; height: 20vh; position: absolute; left: 18.75%; bottom: 4px }
    .banner-nav a { text-indent: 10%; display: inline-block; line-height: 70px; background: url(../images/i-013.png) no-repeat left center; width: 330px; font-size: 31px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; }
}

.g_cw_a { width: 80%; padding: 0 10px; margin: 0 auto; }
.g_cw_a::before,
.g_cw_a::after { content: ''; display: block; clear: both; }

@media (max-width: 1350px) {
    .g_cw_a { width: 100%; }
}

