html{font-size: 20px;}
a{color: #333;}
*{box-sizing: border-box;}
img{max-width: 100%;}
body,html{min-height:100%;max-width: 1024px;margin: 0 auto;}
body{font:14px Arial,"SourceHanSansCN-Regular","microsoft yahei","microsoft JhengHei", Helvetica, sans-serif;*font:14px "SourceHanSansCN-Regular","microsoft JhengHei",Arial, Helvetica, sans-serif; color:#212121;-webkit-tap-highlight-color:rgba(255,255,255,0);background-color: #fff;overflow-x: hidden;}
pre{font-family:'SourceHanSansCN-Regular',"microsoft JhengHei"; white-space:pre-wrap;word-wrap: break-word;}
a{font-size:14px;text-decoration:none; color:#000; outline:none; transition:cubic-bezier(0.215,.61,.355,1);}
a:focus{outline: none;}
.clearfix:after{content:"\200B"; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
/*h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}*/
input{outline: none;-webkit-appearance: none;border-radius: 0; font-size:14px;}
input[type="text"],input[type="password"],input[type="search"],textarea,select,input[type="date"]{outline: none; font-family:"SourceHanSansCN-Regular","microsoft JhengHei";-webkit-appearance: none;border-radius: 0; font-size:14px; display:block; width:100%; border:none; background:none; border:1px solid #dbdbdb; padding:6px 12px; transition:ease .45s;}
input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {　color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
select{background: url(/static/modules/cms/wap/images/icon_xiala_light.png) right 12px center no-repeat;
    background-size: 14px;
    padding-left: 25px;
    padding-right: 26px!important;}
i,em{font-style:normal;}
.wow{visibility: hidden;}
.left{float:left;}
.right{float:right;}
.flex{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;}
.flex-text-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;}
.flex-align-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;align-items: center;-webkit-align-items: center;-ms-align-items: center;}
.flex-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;align-items: center;-webkit-align-items: center;-ms-align-items: center;justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;}

.flex-space-between{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;}
.flex-space-between-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;align-items: center;-webkit-align-items: center;-ms-align-items: center;}

.flex1{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:column; -webkit-flex-direction:column;-ms-flex-direction:column;}

.flex-wrap{flex-wrap:wrap; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.flex-auto{flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;}

.tran03{-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;}
.tran1{-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;}
.tran06{
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}

.container{ margin:auto; position:relative;}
.container1400{max-width:1420px; margin:auto; position:relative; padding:0 10px;}
.blue{color:#1e4fdb;}
.l-grid-2>li{width:50%; float:left;}
.l-grid-3>li{width:33.333333333333336%; float:left;}
.l-grid-4>li{width:25%; float:left;}
.l-grid-5>li{width:20%; float:left;}
.l-grid-6>li{width:16.666666666666668%; float:left;}
/*分享*/
#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

.preload{width: 100vw;height: 100vh;background-color: #fff;position: fixed;top: 0;left: 0;z-index: 9999;display: none;}
.pace-done .preload{visibility: hidden;opacity: 0;}
.pace{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 10000;display: none;}
/*首页有加载条*/
/*.index_page .preload{display: block;}
.index_page .pace{display: block;}*/

.container{margin-left: auto;margin-right: auto;padding: 0 20px;width: 100%;}


.l-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 60px;
    -webkit-transition: all 500ms ease!important;
    transition: all 500ms ease!important;
    z-index: 100;
    background-color: transparent;
}
.l-header__gnav__toggler{background-color: transparent;}
.l-header__gnav__toggler>span{background-color: #fff;}
.l-header.scroll .l-header__gnav__toggler>span{background-color: #333;}
.l-header.scroll{background-color: #fff;}

@media (min-width:0px) {
    .l-header {
        height: 60px
    }
}
.l-header__gnav,.l-header__logo {
    left: 0
}

.l-header__contact {
    right: 0
}

.l-header__contact,.l-header__gnav,.l-header__logo {
    position: absolute;
    -webkit-transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease,-webkit-transform 500ms ease
}

.l-header__contact,.l-header__gnav {
    top: 0
}


.l-header__logo {
    top: 0;
    left: 0;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    /*background: #fff;*/
    /*border-left: 1px solid #000*/
}

.l-header__logo {
        left: 0;
        height: 60px;
        padding: 0 15px
    }

.l-header__logo a{
        display: block;
        height: auto;
        width: 135px;height: 48px;
        background: url(/static/modules/cms/wap/images/logo_w.png) center no-repeat;background-size: 100%;
    }
.l-header.scroll .l-header__logo a{background-image: url(/static/modules/cms/wap/images/logo.png);}

.l-header__gnav__toggler[aria-expanded=true] .l-header__logo{}

html.is-scrolled.is-header-top .l-header__logo .txt1 {
    fill: #333
}

html.is-scrolled.is-header-top .l-header__logo .txt2 {
    fill: #24325c
}

.l-header__logo a {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.l-header .l-header__helpnav {
    position: absolute;
    top: 0;
    right: 218px;
    height: 120px
}

@media (min-width:0px) {
    .l-header .l-header__helpnav {
        display: none
    }
}

.l-header__contact,.l-header__contact a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.l-header__contact {
    padding: 28px;
    width: 218px;
    height: 120px
}

@media (min-width:0px) {
    .l-header__contact {
        display: none
    }
}

.l-header__contact a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff;
    background: #1b244a;
    text-decoration: none;
    -webkit-transition: background 300ms ease;
    transition: background 300ms ease
}

.l-header__contact a:hover {
    background: #050d33
}

.l-header__contact__ja {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .02em
}

.l-header__contact__en {
    font-size: 10px;
    font-family: 'Microsoft YaHei','PingFang SC',sans-serif;
    letter-spacing: .08em
}
.langen{width: 60px;height:40px;position: absolute;right: 55px;top: 10px;display: block;}
.langen .img{background: url(/static/modules/cms/wap/images/icon_global.png) center no-repeat;width: 20px; height: 20px;display: block; margin: 0 auto;background-size: 20px;}
.langen .text{text-align: center;font-size: 12px;line-height: 1.5;}
.l-header__gnav{position: relative;}
.l-header__gnav__toggler {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    border: 0;
    color: inherit;
    background: 0 0;
    font: inherit;
    line-height: inherit;
    padding: 0;
    position: relative;
    height: 120px;
    width: calc(120px - 1px);
    cursor: pointer;
    outline: 0;
    z-index: 1;
    vertical-align: bottom;
    right: 0;
    position: absolute;
    transition: all 0.5s ease;
}
.l-header__gnav__toggler .text{margin-top: 18px;}
.l-header__gnav__toggler {
        height: 60px;
        width: 50px
    }
@media (min-width:0px) {
    .l-header__gnav__toggler {
        height: 60px;
        width: 50px
    }
}

.l-header__gnav__toggler>span {
    position: absolute;
    right: 39px;
    height: 1px;
    /*background: #aaa;*/
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

@media (min-width:0px) {
    .l-header__gnav__toggler>span {
        right: 12px
    }
}

html.is-scrolled.is-header-top .l-header__gnav__toggler>span {
    background: #aaa
}

.l-header__gnav__toggler>span:nth-child(1) {
    top: 46px;
    width: 42px
}

@media (min-width:0px) {
    .l-header__gnav__toggler>span:nth-child(1) {
        top: 20px;
        width: 25px
    }
}

.l-header__gnav__toggler>span:nth-child(2) {
    top: 59px;
    width: 30px
}

@media (min-width:0px) {
    .l-header__gnav__toggler>span:nth-child(2) {
        top: 28px;
        width: 20px
    }
}

.l-header__gnav__toggler>span:nth-child(3) {
    top: 72px;
    width: 22px
}

@media (min-width:0px) {
    .l-header__gnav__toggler>span:nth-child(3) {
        top: 36px;
        width: 15px
    }
}

.l-header__gnav__toggler:hover>span:nth-child(1) {
    -webkit-animation: 500ms ease-in-out -500ms infinite alternate both gnav-toggler-hover;
    animation: 500ms ease-in-out -500ms infinite alternate both gnav-toggler-hover
}

.l-header__gnav__toggler:hover>span:nth-child(2) {
    -webkit-animation: 500ms ease-in-out -250ms infinite alternate both gnav-toggler-hover;
    animation: 500ms ease-in-out -250ms infinite alternate both gnav-toggler-hover
}

.l-header__gnav__toggler:hover>span:nth-child(3) {
    -webkit-animation: 500ms ease-in-out 0ms infinite alternate both gnav-toggler-hover;
    animation: 500ms ease-in-out 0ms infinite alternate both gnav-toggler-hover
}

@media (min-width:0px) {
    .l-header__gnav__toggler:hover>span:nth-child(1) {
        -webkit-animation: 500ms ease-in-out -500ms infinite alternate both gnav-toggler-hover-sp;
        animation: 500ms ease-in-out -500ms infinite alternate both gnav-toggler-hover-sp
    }

    .l-header__gnav__toggler:hover>span:nth-child(2) {
        -webkit-animation: 500ms ease-in-out -250ms infinite alternate both gnav-toggler-hover-sp;
        animation: 500ms ease-in-out -250ms infinite alternate both gnav-toggler-hover-sp
    }

    .l-header__gnav__toggler:hover>span:nth-child(3) {
        -webkit-animation: 500ms ease-in-out 0ms infinite alternate both gnav-toggler-hover-sp;
        animation: 500ms ease-in-out 0ms infinite alternate both gnav-toggler-hover-sp
    }
}

.l-header__gnav__toggler[aria-expanded=true],.l-header__gnav__toggler[aria-expanded=true]:hover {
    background: 0 0!important
}

.l-header__gnav__toggler[aria-expanded=true]:hover>span,.l-header__gnav__toggler[aria-expanded=true]>span {
    -webkit-animation: none;
    animation: none;
    background: #fff!important
}

.l-header__gnav__toggler[aria-expanded=true]:hover>span:nth-child(1),.l-header__gnav__toggler[aria-expanded=true]>span:nth-child(1) {
    width: 40px;
    -webkit-transform: translate(1px,8px) rotate(45deg);
    transform: translate(1px,8px) rotate(45deg)
}

@media (min-width:0px) {
    .l-header__gnav__toggler[aria-expanded=true]:hover>span:nth-child(1),.l-header__gnav__toggler[aria-expanded=true]>span:nth-child(1) {
        width: 25px;
        -webkit-transform: translate(3px,10px) rotate(45deg);
        transform: translate(3px,10px) rotate(45deg)
    }
}

.l-header__gnav__toggler[aria-expanded=true]:hover>span:nth-child(2),.l-header__gnav__toggler[aria-expanded=true]>span:nth-child(2) {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.l-header__gnav__toggler[aria-expanded=true]:hover>span:nth-child(3),.l-header__gnav__toggler[aria-expanded=true]>span:nth-child(3) {
    width: 40px;
    -webkit-transform: translate(1px,-18px) rotate(-45deg);
    transform: translate(1px,-18px) rotate(-45deg)
}

@media (min-width:0px) {
    .l-header__gnav__toggler[aria-expanded=true]:hover>span:nth-child(3),.l-header__gnav__toggler[aria-expanded=true]>span:nth-child(3) {
        width: 25px;
        -webkit-transform: translate(3px,-6px) rotate(-45deg);
        transform: translate(3px,-6px) rotate(-45deg)
    }
}

.l-gnav {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    /*-webkit-transition: all 200ms ease;
    transition: all 200ms ease;*/
    pointer-events: auto;
    visibility: visible;
}
.open+.l-gnav{
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

html.is-unloading .l-gnav {
    opacity: 0;
    left: -40px;
    pointer-events: none
}

.l-gnav[aria-hidden] {
    opacity: 0;
    /*-webkit-transform: scale(1.05);
    transform: scale(1.05);*/
    pointer-events: none;
    visibility: hidden;
    
}

.l-gnav,.l-gnav__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}

.l-gnav__content {
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    background: rgb(37 112 224 / 95%);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.l-gnav__content__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 40px 20px 50px
}



.l-gnav__content__col {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

@media (min-width:0px) {
    .l-gnav__content__col {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.l-gnav__content__col--1 {
    padding-right: 6.25vw;
    border-right: 1px solid rgba(255,255,255,.3)
}

@media (min-width:0px) {
    .l-gnav__content__col--1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 0;
        border-right: none
    }
}

.l-gnav__content__col--2 {
    padding-left: 0
}

@media (min-width:0px) {
    .l-gnav__content__col--2 {
        padding-left: 0
    }
}

.l-gnav__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1.1;
    font-family: 'Microsoft YaHei','PingFang SC',sans-serif;
    color: #fff;
    padding-top: 3.125vw
}

.l-gnav__title {
        display: none;
        margin: 0 -20px 30px
    }
.l-gnav__title--sp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }



.l-gnav__title__1 {
    font-size: 64px;
    font-weight: 300;
    line-height: 1.03125
}
.l-gnav__title__1 {
        font-size: 24px;
        line-height: 1.07143
    }

@media (min-width:0px) {
    
}


.l-gnav__title__2 {
        margin-top: .5em;
        font-size: 5.66667vw;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }


.l-gnav__helpnav {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 35px;
        padding-top: 25px;
        border-top: 1px solid rgba(255,255,255,.3)
    }
.l-gnav__helpnav [class*=" icon-"],.l-gnav__helpnav [class^=icon-] {
    opacity: .6
}

.l-gnav__concept-movie {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-top: 30px
    }



.l-gnav__concept-movie a {
    position: relative;
    display: inline-block
}

.l-gnav__concept-movie__img img {
    vertical-align: bottom
}

.l-gnav__concept-movie__text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 75px 10px 40px;
    color: #fff;
    background: rgba(27,36,74,.4);
    -webkit-transition: background 300ms ease;
    transition: background 300ms ease
}

.l-gnav__concept-movie__text__ja {
    font-size: 18px;
    letter-spacing: .1em
}

.l-gnav__concept-movie__text__en {
    font-family: 'Microsoft YaHei','PingFang SC',sans-serif;
    font-size: 10px;
    opacity: .6
}

.l-gnav__concept-movie__text:after {
    font-family: 'icomoon'!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e903';
    position: absolute;
    top: calc(50% - 13px);
    right: 25px;
    font-size: 25px
}

a:hover .l-gnav__concept-movie__text {
    background: rgba(0,0,0,.2)
}

.l-gnav__contact {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 40px
    }

.l-gnav__contact a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 40px;
    color: #fff;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,.3);
    line-height: 1.8;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.l-gnav__contact a {
        padding: 18px 30px
    }

.l-gnav__contact a:after,.l-gnav__contact__ja,.l-gnav__tauacjp a {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.l-gnav__contact a:after {
    content: '';
    position: absolute;
    top: calc(50% - 3px);
    right: 40px;
    width: 16px;
    height: 5px;
    -webkit-transform: skew(45deg);
    transform: skew(45deg);
    opacity: .6;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.l-gnav__contact a:hover {
    border-color: rgba(255,255,255,.6)
}

.l-gnav__contact a:hover:after,a:hover .l-gnav__contact__ja {
    opacity: 1
}

.l-gnav__contact__ja {
    margin-bottom: .5em;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .1em;
    opacity: .8
}

@media (min-width:0px) {
    .l-gnav__contact__ja {
        margin-bottom: 0
    }
}

.l-gnav__contact__en {
    font-family: 'Microsoft YaHei','PingFang SC',sans-serif;
    font-size: 10px;
    letter-spacing: .08em;
    opacity: .6
}

.l-gnav__tauacjp {
    -webkit-box-ordinal-group: 98;
    -ms-flex-order: 97;
    order: 97;
    margin-top: 25px
}

.l-gnav__tauacjp a {
    color: rgba(255,255,255,.8);
    font-size: 12px;
    text-decoration: none
}

.l-gnav__tauacjp a:hover {
    color: #fff;
    text-decoration: underline
}

.l-gnav__tauacjp .icon-blank {
    display: inline-block
}

.l-gnav__copyright {
    position: absolute;
    bottom: 18px;
    left: 40px;
    font-size: 12px;
    letter-spacing: .06em;
    color: rgba(255,255,255,.4);
    line-height: 2
}

@media (min-width:0px) {
    .l-gnav__copyright {
        position: static;
        -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
        order: 99;
        margin-top: 25px;
        font-size: 10px
    }
}

.l-gnav__sns {
    margin-top: 25px
}

@media (min-width:0px) {
    .l-gnav__sns {
        -webkit-box-ordinal-group: 99;
        -ms-flex-order: 98;
        order: 98
    }
}

.l-gnav__items {
        display: block;
        padding: 0;
        max-width: 324px;
    }

@media (min-width:0px) {
    .l-gnav__items {
        display: block;
        padding: 0
    }
}

.l-gnav__items a {
    color: inherit;
    text-decoration: none
}

.l-gnav__items a:hover {
    color: #6ccff6
}

.l-gnav__items__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 13vh;
    flex: 1 1 13vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.35;
    position: relative;
}
.l-gnav__items__item .subnavbtn{position: absolute;right: 0;top: 0;width: 60px;height: 45px;background: url(/static/modules/cms/wap/images/icon_jia_w.png) center top 4px no-repeat;background-size: 22px;z-index: 2;}
.l-gnav__items__item.open .subnavbtn{background-image: url(/static/modules/cms/wap/images/icon_jian_w.png);background-position: center top 14px;}


.l-gnav__items__item:not(:last-child) {
    margin-bottom: 3vh
}

.l-gnav__items__item:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

@media (min-width:0px) {
    .l-gnav__items__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .l-gnav__items__item:not(:last-child) {
        margin-bottom: 15px
    }
}

.l-gnav__items__item>a {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    position: relative;
    z-index: 1;
}

.l-gnav__items__item__ja {
    display: block;
    font-size: 18px;
    letter-spacing: .1em;
    font-weight: 300;
    line-height: 1.4;margin-bottom: 4px;
}

.l-gnav__items__item__ja>span {
    font-size: 12px
}

@media (min-width:0px) {
    .l-gnav__items__item__ja {
        font-size: 18px
    }

    .l-gnav__items__item__ja>span {
        font-size: 10px
    }
}

.l-gnav__items__item__en {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 12px;
    font-family: 'Microsoft YaHei','PingFang SC',sans-serif;
    letter-spacing: .06em;
    opacity: .6;
    text-transform: uppercase;
}

@media (min-width:0px) {
    .l-gnav__items__item__en {
        font-size: 12px;
        margin-bottom: 0;
        color: #fff;
    }
}

.l-gnav__items__item__sub {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 200px;
    flex: 1 0 200px;
    position: relative;
    padding-top: 5px;
    padding-left: 45px;
    font-size: 14px;
    letter-spacing: .1em;
    height: 0;
    overflow: hidden;
    transition: all ease-in-out 0.3s;
}

@media (min-width:0px) {
    .l-gnav__items__item__sub {
        
        padding-top: 0
    }
}
.l-gnav__items__item.open .l-gnav__items__item__sub{margin-top: 15px;margin-bottom: 10px;}

.l-gnav__items__item__sub:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 32px;
    height: 1px;
    background: rgba(193,193,193,.4)
}

@media (min-width:0px) {
    .l-gnav__items__item__sub:before {
        top: 8px
    }
}

.l-gnav__items__item__sub__item {
    margin-bottom: 20px
}

.l-gnav__items__item__sub__item:last-child {
    margin-bottom: 0
}

@media (min-width:0px) {
    .l-gnav__items__item__sub__item {
        margin-bottom: 10px
    }

    .l-gnav__items__item__sub__item:last-child {
        margin-bottom: 0
    }
}

.footer{background-color: #212121;color: #ccc;position: relative;z-index: 1;}
.foot_top{border-bottom: 1px solid #999;padding: 20px;margin-left: -20px;margin-right: -20px;}
.foot_top .foot_logo{width: 104px;height: 30px;background: url(/static/modules/cms/wap/images/foot_logo.png) center no-repeat;background-size: 100%;}
.foot_flnk{width: 140px;height: 30px;line-height: 28px;padding: 0 10px; border: 1px solid #ccc;position: relative;background: url(/static/modules/cms/wap/images/icon_xia_l.png) right 12px center no-repeat;
    background-size: 14px;
    padding-left: 15px;
    padding-right: 26px!important;}
.foot_flnk .flinks{position: absolute;z-index: 2; top: 100%;left: 0; width: 100%;max-height: 200px;overflow-y: auto; padding: 10px;background-color: #ccc;display: none;}
.foot_flnk .flinks a{color: #333;}
.foot_info{padding: 15px 0px;}
.foot_info .linksa{margin-bottom: 15px;}
.foot_info a{width: 37px;height: 37px;margin: 0 10px;position: relative;cursor: pointer;}
.foot_info .weixinpic{}
.foot_info .weixinpic.on .foot_ewm{top: -120px;opacity: 1;}
.foot_info .weixinpic .foot_ewm{position: absolute; width: 110px;height: 110px;top: 0;left: 0;max-width: 110px;transition: all 0.5s ease;opacity: 0;}
.foot_info .con{}
.foot_info .con p{margin: 0 10px;margin-bottom: 5px;}
.powerby{background-color: #1b1b1b;padding: 10px 10px;text-align: center;font-size: 12px;line-height: 1.5;}
.footer a{color: #ccc; }

@media(min-width: 1024px){
    .l-header{width: 1024px;left: 50%;margin-left: -512px;}
}

/*分享二维码*/
#lhCode{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:3px; background:#fff; border:4px solid #7F7F7F; z-index:3000;}
#lhCode>h2{height:36px; line-height:36px; background:#F2F2F2; overflow:hidden; position:relative; padding:0 0 0 20px; font-size:14px; color:#666666;}
#lhCode>h2>i{cursor:pointer; float:right; width:35px; height:35px; text-align:center;}
#lhCode>.ewm{width:220px; height:220px; padding:20px;}
#lhCode>.ewm canvas{width:100%; height:100%;}<!--0.00011801719665527-->