@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu { margin: 0; padding: 0 }
body { margin: 0; background-color: #1f2124; font-family: "Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial; font-size: 14px; color: #fff }
li { list-style: none }
a,a:hover { text-decoration: none }
img { border: 0 }
.container {max-width: 1200px;}
.g-wrap { width: 100%; position: relative; overflow: hidden; min-width: 1200px }
.g-main { width: 100% }
.g-topbar { position: relative; width: 100%; height: 68px; background: url('../images/header-bg.png') top center no-repeat #292727; z-index: 10; background-size: 100% 100% !important; }
.g-topbar .g-nav { position: relative; width: 90%; height: 68px; margin: 0 auto; display: flex;}
.g-topbar .g-nav__link {width: 160px; height: 68px; font-size: 17px; color: #ffe2ab; text-align: center; line-height: 68px; display: inline-block; margin-right:10px ;}
.g-topbar .g-nav__link.is-on,.g-topbar .g-nav__link:hover { font-size: 16px; color: #322208; text-align: center; height: 85px; background: url('../images/nav-active.png') no-repeat;  background-size: 100%  100%;}
.g-topbar .g-nav__link.g-brand {width: 438px !important; height: 190px; margin-top: -27px;}
.g-topbar .g-nav__link.g-brand:hover {background: none;}
.g-age { position: fixed; left: 6px; top: 50%; z-index: 100; transform: translateY(-50%); width: 100px }
.g-age img { width: 100%; height: auto }
.g-section { position: relative; width: 100% }
.g-hero { width: 100vw; height: calc(50vw + 0vh); background-size: 100%; }
.g-hero .g-download-panel { width: 530px; position: absolute; top: 60%; left: 55%; background-color: #221c11; transform: translateX(-50%); display: grid; grid-template-columns: 130px 120px 120px 125px; grid-template-rows: 1fr 1fr; gap: 5px; padding: 10px; box-sizing: border-box; place-items: stretch }
.g-hero .g-download-panel .a1 { display: flex; width: 100%; height: 100%; align-items: stretch; justify-content: center; gap: 4px; overflow: hidden }
.g-hero .g-download-panel .a1_title { font-size: 12.5px; color: #ffe2ab; text-align: center; writing-mode: vertical-rl; text-orientation: upright }
.g-hero .g-download-panel .a1_title { flex: 0 0 14px }
.g-hero .g-download-panel .a1_img { flex: 1 1 auto; height: 100%; margin: 0 }
.g-hero .g-download-panel .a1_img img { width: 100%; height: 100%; display: block; object-fit: contain }
.g-hero .g-download-panel>a { display: block; width: 100%; height: 100%; min-width: 0 }
.g-hero .g-download-panel>a:nth-child(1) { grid-column: 1; grid-row: 1 / span 2 }
.g-hero .g-download-panel>a:nth-child(2) { grid-column: 2; grid-row: 1 }
.g-hero .g-download-panel>a:nth-child(3) { grid-column: 2; grid-row: 2 }
.g-hero .g-download-panel>a:nth-child(4) { grid-column: 3; grid-row: 1 }
.g-hero .g-download-panel>a:nth-child(5) { grid-column: 3; grid-row: 2 }
.g-hero .g-download-panel>a:nth-child(6) { grid-column: 4; grid-row: 1 / span 2 }
.g-hero .g-download-panel>a img { width: 100%; height: 100%; display: block; object-fit: cover }

.g-info { padding-bottom: 150px;}
.g-info .g-section__icon { position: relative; display: block; margin: 0 auto; top: -37.5px; z-index: 10 }
.g-info .g-info__layout { position: relative; width: 1200px; height: 350px; margin: 40px auto 0 }
.g-info .g-banner { float: left; position: relative; width: 458px; height: 347px; border: 1px solid #fffcbf }
.g-info .g-banner .g-banner__stage { width: 458px; height: 347px; position: relative; top: 0; left: 0 }
.g-info .g-banner .g-banner__dots { z-index: 2; position: absolute; right: 20px; bottom: 20px; margin: 0; justify-content: end;}
.g-info .g-banner .g-banner__dots [data-bs-target] { width: 19px; height: 19px; margin: 0 5px; border: 0; opacity: 1; background: url("../images/dot.png") no-repeat; background-size: 19px 19px }
.g-info .g-banner .g-banner__dots [data-bs-target].active { background: url("../images/dot-on.png") no-repeat; background-size: 19px 19px }
.g-info .g-banner .g-banner__slides,.g-info .g-banner .g-banner__slides .carousel-item { width: 458px; height: 347px }
.g-info .g-banner .g-banner__slides img { width: 458px; height: 347px; display: block }
.g-info .g-newsbox { float: left; width: 459px; height: 347px; background: url("../images/newbg.jpg") no-repeat; margin-left: 12px }
.g-info .g-newsbox .g-newsbox__tabs { width: 100%; height: 57px }
.g-info .g-newsbox .g-newsbox__tabs .g-newsbox__nav { float: left; margin: 0; padding: 0 }
.g-info .g-newsbox .g-newsbox__tabs .g-newsbox__nav .nav-item { float: left }
.g-info .g-newsbox .g-newsbox__tabs .g-newsbox__tab { width: 77px; height: 57px; padding: 0; border: 0; background: transparent; border-radius: 0; text-align: center; line-height: 59px; color: #fff; font-size: 16px; cursor: pointer }
.g-info .g-newsbox .g-newsbox__tabs .g-newsbox__tab.active { background: url("../images/newtabbg.jpg") no-repeat }
.g-info .g-newsbox .g-newsbox__tabs .g-newsbox__tab:focus { box-shadow: none }
.g-info .g-newsbox .g-newsbox__tabs .g-newsbox__more { width: 22px; height: 22px; float: right; background: url("../images/more.png") no-repeat; margin: 17px }
.g-info .g-newsbox .g-newsbox__list { margin: 0; padding: 0 }
.g-info .g-newsbox .g-newsbox__panels li { padding: 0 30px 0 20px; height: 40px; line-height: 45px }
.g-info .g-newsbox .g-newsbox__panels li .g-newsbox__title { float: left; font-size: 14px; color: #bfd4f3; width: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.g-info .g-newsbox .g-newsbox__panels li .g-newsbox__date { float: right; font-size: 12px; color: #839bbd }
.g-info .g-newsbox .g-newsbox__panels li:hover .g-newsbox__title { color: #6898da }
.g-info .g-openlist { width: 252px; height: 347px; background: url("../images/actbg.jpg") no-repeat; float: left; margin-left: 12px }
.g-info .g-openlist .g-openlist__title { width: 206px; height: 32px; margin: 26px auto 0; color: #fff; font-size: 14px; text-align: center; line-height: 32px; background: #1a2d4b; border: 1px solid #36527a }
.g-info .g-openlist .g-openlist__list { position: relative }
.g-info .g-openlist .g-openlist__list li { width: 100%; padding: 0 20px; height: 40px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 14px }
.g-info .g-openlist .g-openlist__list li span { font-size: 14px; height: 40px; line-height: 40px; display: inline-block; color: #fff }
.g-info .g-openlist .g-openlist__list li span:last-child { float: right; color: #fff }
.g-feature { height: 730px; background-size: 100% 100% }
.g-feature .g-section__icon { position: relative; display: block; top: -47.5px; z-index: 10 }
.g-feature .g-section__title {margin-top: -25px;}
.g-feature .g-feature__strip {width: 989px; margin: 0 auto;}
.g-feature .g-feature__item { float: left; display: block; height: 390px; margin-top: 6.25px; background-size: cover !important;}
.g-feature .g-feature__item .g-feature__overlay { display: block; width: 115px; height: 100%; opacity: 1; transition: opacity .35s ease }
.g-feature .g-feature__item .g-feature__overlay img {width: 100%;}
.g-feature .g-feature__item.is-on {width: 520px;}
.g-feature .g-feature__item.is-on .g-feature__overlay { opacity: 0 }


.g-footer { width: 100%; padding: 25px 0 30px; background: #333333; text-align: center }
.g-footer .g-footer__links { color: #fff; font-size: 14px; line-height: 24px; text-align: left;}
.g-footer .g-footer__links span { display: inline-block; margin: 0 10px; color: #fff }
.g-footer .g-footer__links a { color: #999 }
.g-footer .g-footer__copy { margin-top: 10px; color: #999; font-size: 12px; line-height: 20px; text-align: left;}
.g-footer .g-footer__copy a { color: #999 }
.g-footer .container {display: flex; width: 1000px;}
.g-footer .container .r {padding-left: 30px;}

.g-newscon { font-size: 14px; width: 100%; height: auto; overflow: hidden; background-size: auto !important }
.g-newscon .g-newscon__inner { position: relative; top: 95px; width: 1200px; margin: 0 auto }
.g-newscon .g-newscon__side { float: left; width: 270px; height: 500px; background: #eadac0 }
.g-newscon .g-newscon__side h2 { color: #432c07; font-weight: 400; text-align: center; margin-top: 32px }
.g-newscon .g-newscon__side .g-download { width: 181px; height: 315px; margin: 10px auto 0 }
.g-newscon .g-newscon__side .g-download .g-qrcode { width: 181px; height: 181px }
.g-newscon .g-newscon__side .g-download .g-qrcode img { width: 100%; height: 100% }
.g-newscon .g-newscon__side .g-download .g-download__buttons { width: 181px }
.g-newscon .g-newscon__side .g-download .g-download__buttons a { display: block; margin: 5px auto }
.g-newscon .g-newscon__side .g-download .g-download__buttons a.g-btn--ios { width: 172px; height: 52px; background: url("../images/ios_dl.png") no-repeat }
.g-newscon .g-newscon__side .g-download .g-download__buttons a.g-btn--android { width: 174px; height: 54px; background: url("../images/and_dl2.png") no-repeat }
.g-newscon .g-newscon__main { float: left; width: 930px; background: #292727; min-height: 900px }
.g-newscon .g-newscon__main .g-newscon__title { width: 760px; height: 70px; margin: 40px 0 0 70px; line-height: 70px; border-bottom: 2px solid #fffcbf; font-size: 35px; color: #fff; font-weight: 700 }
.g-newscon .g-newscon__main .g-newscon__title ul { float: right; margin-top: 14px }
.g-newscon .g-newscon__main .g-newscon__title ul li { float: left; width: 92px; height: 38px; font-size: 14px; color: #fff; line-height: 38px; text-align: center; border: 0 }
.g-newscon .g-newscon__main .g-newscon__title ul li a { display: block; color: #fff }
.g-newscon .g-newscon__main .g-newscon__title ul li.is-on { border: 2px solid #ffd6a3 }
.g-newscon .g-newscon__main .g-newscon__title ul li.is-on a { color: #ffd6a3 }
.g-newscon .g-newscon__main .g-newscon__title span { color: #f8f8f8; font-size: 12px; float: right; line-height: 12px; margin-top: 43px; font-weight: 400 }
.g-newscon .g-newscon__main .g-newscon__title span a { font-size: 12px; color: #f8f8f8 }
.g-newscon .g-newscon__main .g-newscon__list { width: 760px; height: auto; margin: 8px 0 30px 70px }
.g-newscon .g-newscon__main .g-newscon__list li { width: 760px; height: 43px; line-height: 43px; border-bottom: 1px dashed #fffcbf; cursor: pointer }
.g-newscon .g-newscon__main .g-newscon__list li a { color: #f8f8f8; font-size: 14px }
.g-newscon .g-newscon__main .g-newscon__list li time { float: right; font-size: 12px; margin-right: 12px }
.g-newscon .g-newscon__main .g-newscon__pager {display: flex; justify-content: center; align-items: center;}
.g-newscon .g-newscon__main .g-newscon__pager ul li a {display: inline-block; border: solid 1px #fff; color: #fff; font-size: 14px; cursor: pointer; margin: 0 5px; padding: 4px 15px;}
.g-newscon .g-newscon__main .g-newscon__pager ul li.active a { border: solid 1px #ffd6a3; color: #ffd6a3;}

.g-newscon .g-newscon__main #g-article { position: relative; width: 100%; height: 710px; margin: 10px auto; padding: 0 100px 10px 100px; overflow: auto; outline: none }
.g-newscon .g-newscon__main #g-article .g-article__title { font-family: "microsoft yahei"; font-size: 24px; color: #fff; font-weight: 400; margin-top: 25px; text-align: center }
.g-newscon .g-newscon__main #g-article .g-article__meta { width: 100%; text-align: center; margin: 10px auto 5px; color: #f8f8f8 }
.g-newscon .g-newscon__main #g-article .g-article__meta span { font-size: 12px; text-align: center; margin: 13px 5px 10px }
.g-newscon .g-newscon__main #g-article .g-article__body { margin: 5px auto 0 }
.g-newscon .g-newscon__main #g-article .g-article__body p { color: #f8f8f8; font-size: 14px; line-height: 24px; margin-bottom: 25px }
.g-newscon .g-newscon__main #g-article .g-article__body p a { color: #eadac0 }
.g-newscon .g-newscon__main #g-article .g-article__body h2 { color: #fff; font-size: 18px; line-height: 24px; margin-bottom: 20px }
.g-article__body img { max-width: 100% }


.wap-page {display: none;}
@media screen and (max-width: 768px) {
    .g-wrap {min-width: 100%; display: none;}
    .wap-page {display: block; background-color: #0a101e;}
    .wap-page .top {background: url(../images/top-bg.jpg) no-repeat center top; background-size: cover; display: flex; align-items: center; justify-content: space-between; padding: 10px;}
    .wap-page .top .icon img {width: 48px; height: 48px;}
    .wap-page .top .name {margin-right: auto; padding-left: 10px; color: #fbe3b2;}
    .wap-page .top .down {background-color: #ae711b; color: #fff; padding: 14px 30px; border-radius: 5px; font-size: 14px;}
    .wap-page .wap-nav {}
    .wap-page .wap-nav ul {display: flex; justify-content: center; align-items: center;}
    .wap-page .wap-nav ul li a {display: block; padding: 15px 20px; color: #fff; font-size: 14px; cursor: pointer;}
    .wap-page .wap-nav ul li.is-on a { color: #ffd6a3; border-bottom: 1px solid #ffd6a3;}
    .wap-page .wap-banner {position: relative;}
    .wap-page .wap-banner .down {background-color: #ae711b; color: #fff; padding: 14px 30px; border-radius: 5px; font-size: 14px; position: absolute; right: 40px; bottom: 50px;}
    .wap-page .wap-banner .g-age {position: absolute; left: 10px; top: 150px; width: 50px;}
    .wap-page .wap-banner .down i {border: solid 1px #FFF; color: #fff; display: inline-block;
        width: 26px;
        height: 26px;
        border-radius: 100px;
        line-height: 26px;
        text-align: center;}
    .wap-page .wap-g-newsbox {width: 100%; background: #403835; }
    .wap-page .wap-g-newsbox .wap-g-newsbox__tabs { width: 100%; height: 57px; background: url('../images/wap-news-title-bg.jpg') no-repeat center top; }
    .wap-page .wap-g-newsbox .wap-g-newsbox__tabs .wap-g-newsbox__nav {display: flex; flex-wrap: nowrap;}
    .wap-page .wap-g-newsbox .wap-g-newsbox__tabs .wap-g-newsbox__nav .nav-item {flex: 1;}
    .wap-page .wap-g-newsbox .wap-g-newsbox__tabs .wap-g-newsbox__tab { width: 77px; height: 57px; padding: 0; border: 0; background: transparent; border-radius: 0; text-align: center; line-height: 59px; color: #fff; font-size: 16px; cursor: pointer }
    .wap-page .wap-g-newsbox .wap-g-newsbox__tabs .wap-g-newsbox__tab.active { background: url("../images/newtabbg.jpg") no-repeat }
    .wap-page .wap-g-newsbox .wap-g-newsbox__tabs .wap-g-newsbox__tab:focus { box-shadow: none }
    .wap-page .wap-g-newsbox .wap-g-newsbox__tabs .wap-g-newsbox__more { width: 22px; height: 22px; float: right; background: url("../images/more.png") no-repeat; margin: 17px }
    .wap-page .wap-g-newsbox .wap-g-newsbox__list { margin: 0; padding: 0 }
    .wap-page .wap-g-newsbox .wap-g-newsbox__more {text-align: center; font-size: 14x; color: #87a3c5; border: solid 1px #87a3c5; padding: 15px 0; display: block; margin: 20px;}
    .wap-page .wap-g-newsbox .wap-g-newsbox__panels li { padding: 0 20px 0 20px; height: 40px; line-height: 45px; border-bottom: 1px solid #38414c;}
    .wap-page .wap-g-newsbox .wap-g-newsbox__panels li a {display: flex; align-items: center; justify-content: space-between;}
    .wap-page .wap-g-newsbox .wap-g-newsbox__panels li .wap-g-newsbox__title { float: left; font-size: 14px; color: #bfd4f3; width: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
    .wap-page .wap-g-newsbox .wap-g-newsbox__panels li .wap-g-newsbox__date {font-size: 12px; color: #839bbd; flex-shrink: 0; }
    .wap-page .wap-g-newsbox .wap-g-newsbox__panels li:hover .wap-g-newsbox__title { color: #6898da }

    #wap-news-banner {position: relative;}
    .wap-news-banner-title {width: 100%; text-align: center; margin-bottom: 20px; background: url('../images/title-bg1.png') no-repeat center center; background-size: 100% 100%;}
    .wap-news-banner-title img {width: 78px;}
    #wap-news-banner .carousel-inner {margin: 30px; width: auto;}
    #wap-news-banner .carousel-control-next,#wap-news-banner .carousel-control-prev {width: 30px;}

    .wap-page-news {background-color: #1a293e;}
    .wap-page-news .wap-header {background-color: #233450; height: 60px; line-height: 60px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px;}
    .wap-page-news .wap-header .title {font-size: 20px; color: #fff; font-weight: 400; text-align: center; width: 100%; text-align: center;}
    .wap-page-news .wap-header .back {font-size: 14px; color: #fff; cursor: pointer; width: 30px; flex-shrink: 0; text-align: right;}
    .wap-page-news .wap-container .g-article {padding: 20px;}
    .wap-page-news .wap-container .g-article .g-article__title {font-size: 26px; font-weight: bold; text-align: center;}
    .wap-page-news .wap-container .g-article .g-article__meta {font-size: 16px; color: #ffe0b9; text-align: center; margin: 10px 0 20px;}
    .wap-page-news .wap-container .g-article .g-article__body {font-size: 16px; color: #fff; line-height: 1.8;}

    
    .wap-page-news .wap-newscon-main .wap-newscon-title ul {display: flex; align-items: center; border-bottom: 1px solid #38414c;}
    .wap-page-news .wap-newscon-main .wap-newscon-title ul li {flex: 1; text-align: center;}
    .wap-page-news .wap-newscon-main .wap-newscon-title ul li a {display: block; padding: 10px 0; color: #fff;}
    .wap-page-news .wap-newscon-main .wap-newscon-title ul li.is-on a {color: #ffe3bb; border-bottom: .03rem solid #ffe3bb;}

    .wap-page-news .wap-newscon-main .wap-newscon-list li { padding: 0 20px 0 20px; height: 40px; line-height: 45px; border-bottom: 1px solid #38414c; }
    .wap-page-news .wap-newscon-main .wap-newscon-list li a {display: flex; align-items: center; justify-content: space-between; color: #bbc3c5; }
    .wap-page-news .wap-newscon-main .wap-newscon-list li a span {overflow: hidden;  text-overflow: ellipsis; white-space: nowrap}
    .wap-page-news .wap-newscon-main .wap-newscon-list li time {font-size: 12px; color: #839bbd; flex-shrink: 0; padding-left: 20px;}

    .wap-page-news .wap-newscon-main .g-newscon__pager {display: flex; justify-content: center; align-items: center;}
    .wap-page-news .wap-newscon-main .g-newscon__pager ul li a {display: inline-block; border: solid 1px #fff; color: #fff; font-size: 14px; cursor: pointer; margin: 0 5px; padding: 4px 15px;}
    .wap-page-news .wap-newscon-main .g-newscon__pager ul li.active a { border: solid 1px #ffd6a3; color: #ffd6a3;}
    

}