@font-face {
    font-family: Caslon;
    font-weight: 400;
    font-style: normal
;}

.fontsp {
    font-family: Caslon
;}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
;}

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, theader, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 100%
;}

body, button, input, select, textarea {
    color: #222;
    font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, Lantinghei SC, Helvetica Neue, Arial, Open Sans, Hiragino Sans GB, sans-serif
;}

code, kbd, pre, samp, tt {
    font-family: Courier New, Courier, monospace
;}

address, cite, dfn, em, var {
    font-style: normal
;}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0
;}

ol, ul {
    list-style: none
;}

a {
    color: #222;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
;}

a, a:hover {
    text-decoration: none;
    cursor: pointer
;}

a:hover {
    color: #005996
;}

img {
    padding: 0;
    border: none;
    -ms-interpolation-mode: bicubic;
    max-width: 100%
;}

blockquote, q {
    quotes: none
;}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
;}

:focus {
    outline: 0
;}

ins {
    text-decoration: none
;}

del {
    text-decoration: line-through
;}

table {
    border-collapse: collapse;
    border-spacing: 0
;}

hr {
    height: 1px;
    border: none;
    background: #ddd
;}

button, input {
    overflow: visible
;}

button, select {
    text-transform: none
;}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
;}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0;
    border-style: none
;}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
;}

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid silver
;}

legend {
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    max-width: 100%;
    color: inherit;
    white-space: normal
;}

textarea {
    overflow: auto
;}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
;}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
;}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
;}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
;}

::-webkit-input-placeholder {
    color: 999;
    opacity: .54
;}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
;}

.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    content: "."
;}

body, html {
    overflow-x: hidden
;}

.l {
    float: left
;}

.r {
    float: right
;}

.fl {
    float: left !important
;}

.fr {
    float: right !important
;}

.bor {
    border: 1px dashed #999
;}

.poab {
    position: absolute
;}

.pore {
    position: relative
;}

.ani {
    -webkit-transition: all .3s;
    transition: all .3s
;}

.min {
    min-width: 1100px
;}

.texto {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

::selection {
    background: #991515;
    color: #fff
;}

::-moz-selection {
    background: #991515;
    color: #fff
;}

::-webkit-selection {
    background: #991515;
    color: #fff
;}

.font12 {
    font-size: 9pt
;}

.font13 {
    font-size: 13px
;}

.font14 {
    font-size: 14px
;}

.font15 {
    font-size: 15px
;}

.font16 {
    font-size: 1pc
;}

.font17 {
    font-size: 17px
;}

.font18 {
    font-size: 18px
;}

.font19 {
    font-size: 19px
;}

.font20 {
    font-size: 20px
;}

.font22 {
    font-size: 22px
;}

.font23 {
    font-size: 23px
;}

.font24 {
    font-size: 24px
;}

.font25 {
    font-size: 25px
;}

.font26 {
    font-size: 26px
;}

.font27 {
    font-size: 27px
;}

.font28 {
    font-size: 28px
;}

.font29 {
    font-size: 29px
;}

.font30 {
    font-size: 30px
;}

.imgin {
    display: inline-block !important;
    vertical-align: middle
;}

.imgmr {
    margin: 0 auto
;}

.h10, .imgmax {
    width: 100%
;}

.h10 {
    height: 10px
;}

.h20 {
    height: 20px
;}

.h20, .h30 {
    width: 100%
;}

.h30 {
    height: 30px
;}

.h40 {
    height: 40px
;}

.h40, .h50 {
    width: 100%
;}

.h50 {
    height: 50px
;}

.h60 {
    height: 60px
;}

.h60, .h70 {
    width: 100%
;}

.h70 {
    height: 70px
;}

.h80 {
    height: 5pc
;}

.h80, .h90 {
    width: 100%
;}

.h90 {
    height: 90px
;}

.h100 {
    width: 100%;
    height: 75pt
;}

.h120 {
    width: 100%;
    height: 90pt
;}

.h140 {
    width: 100%;
    height: 140px
;}

.h160 {
    width: 100%;
    height: 10pc
;}

.mr5 {
    margin: 5px auto
;}

.mr10 {
    margin: 10px auto
;}

.mr15 {
    margin: 15px auto
;}

.mr20 {
    margin: 20px auto
;}

.mr25 {
    margin: 25px auto
;}

.mr30 {
    margin: 30px auto
;}

.mr35 {
    margin: 35px auto
;}

.mr40 {
    margin: 40px auto
;}

.mr45 {
    margin: 45px auto
;}

.mr50 {
    margin: 50px auto
;}

.mr55 {
    margin: 55px auto
;}

.mr60 {
    margin: 60px auto
;}

.mr80 {
    margin: 5pc auto
;}

.pa5 {
    padding: 5px 0
;}

.pa10 {
    padding: 10px 0
;}

.pa15 {
    padding: 15px 0
;}

.pa20 {
    padding: 20px 0
;}

.pa25 {
    padding: 25px 0
;}

.pa30 {
    padding: 30px 0
;}

.pa35 {
    padding: 35px 0
;}

.pa40 {
    padding: 40px 0
;}

.pa45 {
    padding: 45px 0
;}

.pa50 {
    padding: 50px 0
;}

.pa55 {
    padding: 55px 0
;}

.pa60 {
    padding: 60px 0
;}

.pa65 {
    padding: 65px 0
;}

.pa70 {
    padding: 70px 0
;}

.text-l {
    text-align: left
;}

.text-r {
    text-align: right
;}

.text-m {
    text-align: center
;}

.m-show .rowe-list .text-m {
    width: 33.3%;
    margin-bottom: 40px
;}

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
;}

.flex-row-center {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
;}

.flex-row-center, .v-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
;}

.v-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
;}

.flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
;}

.flex, .flex-center, .flex-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
;}

.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
;}

.flex-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
;}

.flex-v-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
;}

.flex-v-bottom, .flex-v-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
;}

.flex-v-bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
;}

.none {
    display: none
;}

.trans {
    -webkit-transition: all .3s;
    transition: all .3s
;}

.ani-mask {
    display: block;
    overflow: hidden;
    width: 100%;
    cursor: pointer
;}

.ani-mask img {
    -webkit-transition: all .3s;
    transition: all .3s
;}

.ani-mask .pic a {
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    -webkit-transition: all .6s;
    transition: all .6s
;}

.ani-mask:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
;}

.wp {
    width: 90%;
    min-width: 300px;
    margin: 0 auto;
    position: relative;
    max-width: 1300px
;}

.logoWhite {
    height: 60px
;}

.imgMargin {
    margin: 0 auto
;}

.imgInline {
    vertical-align: -3px;
    margin-right: 5px
;}

.imgIcon, .imgInline {
    display: inline-block
;}

.imgIcon {
    vertical-align: middle
;}

.imgW100 {
    width: 100%
;}

.line2 {
    -webkit-line-clamp: 2
;}

.line2, .line3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
;}

.line3 {
    -webkit-line-clamp: 3
;}

.line8 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical
;}

.more_btn {
    border-radius: 50px;
    border: 1px solid #de1e19;
    color: #de1e19;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    transition: all .3s
;}

.more_btn:hover {
    background: #de1e19;
    color: #fff
;}

.greybg {
    background: #f2f2f2
;}

.textup {
    text-transform: uppercase
;}

.co {
    color: #224e9c
;}

.co33 {
    color: #383636
;}

.co92 {
    color: #920505
;}

.co73 {
    color: #005996
;}

.co-fff {
    color: #fff !important
;}

.bl {
    font-weight: 700 !important
;}

.fixdbody {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
;}

.m-show {
    display: none
;}

@media screen and (max-width:980px) {
    .pc-show {
        display: none
    ;}

    .m-show {
        display: block
    ;}
}

.navmob-btn {
    display: none
;}

.navmob-btn .toSearch {
    font-size: 25px;
    margin-right: 20px;
    line-height: 38px
;}

.head-menu-btn {
    z-index: 999;
    overflow: hidden;
    width: 36px;
    height: 36px;
    text-indent: -5260px;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
;}

.head-menu-btn .line-1, .head-menu-btn .line-2, .head-menu-btn .line-3 {
    position: absolute;
    top: 50%;
    right: 50%;
    display: block;
    margin-right: -20px;
    width: 36px;
    height: 2px;
    background: #fff;
    -webkit-transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s;
    transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s;
    -webkit-transition-property: width, margin, background-color, -webkit-transform;
    transition-property: width, margin, background-color, -webkit-transform;
    transition-property: transform, width, margin, background-color;
    transition-property: transform, width, margin, background-color, -webkit-transform
;}

.head-menu-btn .line-1 {
    margin-top: -11px;
    width: 30px
;}

.head-menu-btn .line-3 {
    margin-top: 11px;
    width: 30px
;}

html.drawerMenu-open .head-menu-btn .line-1 {
    visibility: hidden
;}

html.drawerMenu-open .head-menu-btn .line-2 {
    margin-top: 0 !important;
    width: 36px !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
;}

html.drawerMenu-open .head-menu-btn .line-3 {
    margin-top: 0 !important;
    width: 36px !important;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
;}

.mobNav {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    background: hsla(0, 0%, 100%, .95);
    z-index: 889;
    padding-top: 53px;
    bottom: 0;
    padding: 20px 5% 30px;
    display: none
;}

.mobNav .links {
    font-size: 13px;
    text-align: center;
    padding: 5px 0;
    opacity: .7
;}

.mobNav .links a {
    margin: 0 3px
;}

.mobNav ul {
    height: 75vh;
    overflow: auto
;}

.mobNav ul li {
    padding: 15px 0;
    border-bottom: 1px solid #ddd
;}

.mobNav ul li:last-child {
    border-bottom: 0
;}

.mobNav ul li .navp a {
    font-size: 15px;
    color: #005a99;
    font-weight: 700
;}

.mobNav ul li .navp i {
    display: block;
    width: 16px;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform-origin: center;
    transform-origin: center;
    color: #005a99;
    margin-right: 5px
;}

.mobNav ul li.on .navp i {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
;}

.mobNav ul li .subNavm {
    margin-top: 10px;
    display: none
;}

.mobNav ul li .subNavm a {
    line-height: 35px;
    font-size: 14px;
    width: 33.333%
;}

.logo {
    position: relative;
    z-index: 999
;}

.logoBlue {
    display: none;
    height: 56px
;}

.fast-link {
    font-size: 14px
;}

.fast-link a {
    margin: 0 3px
;}

.fast-link .l1, .fast-link .l1 a {
    color: #9db0cb
;}

.fast-link .l2, .fast-link .l2 a {
    color: #fff
;}

.fast-link .l2 {
    margin: 0 20px
;}

.fast-link .l3 .inp {
    border: 0;
    border-bottom: 1px solid #fff;
    background: transparent;
    color: #fff;
    width: 122px
;}

.fast-link .l3 .but {
    border: 0;
    background: transparent;
    color: #fff;
    margin-left: -20px;
    cursor: pointer
;}

.header-r-top {
    margin-bottom: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
;}

.header-nav ul>li {
    position: relative;
    margin-left: 30px;
    -webkit-transition: all .3s;
    transition: all .3s
;}

.header-nav ul>li:hover>.nav-parent a {
    color: #e3c14a
;}

.header-nav .nav-parent a {
    font-size: 16px
;}

.header-nav .sub-nav {
    position: absolute;
    top: 50px;
    padding-top: 17px;
    opacity: 0;
    visibility: hidden
;}

.header-nav ul>li:hover .sub-nav {
    top: 100%;
    visibility: inherit;
    opacity: 1
;}

.header-nav .sub-nav .sub-nav-wp {
    padding: 20px 20px;
    margin-top: 10px;
    position: relative;
    padding-right: 100px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
;}

.header-nav .sub-nav .sub-nav-wp:before {
    position: absolute;
    content: "";
    border: 10px solid #fff;
    border-color: transparent transparent #fff transparent;
    top: -20px;
    z-index: 5
;}

.header-nav .sub-nav .sub-nav-wp a {
    color: #000;
    font-size: 16px
;}

.header-nav .sub-nav .sub-nav-wp a:hover {
    color: #043491
;}

.header-nav .sub-nav .sub-nav-wp .nav-pic {
    position: relative;
    width: 230px
;}

.header-nav .sub-nav .sub-nav-wp .nav-pic p {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 65px 5px 5px;
    z-index: 10;
    color: #fff;
    font-size: 13px;
    text-align: center;
    background: -webkit-gradient(linear, left bottom, left top, from(#3c75a6), to(rgba(60, 117, 166, 0)));
    background: linear-gradient(0deg, #3c75a6, rgba(60, 117, 166, 0))
;}

.header-nav .sub-nav .sub-nav-wp .sub-nav-a {
    width: calc(100% - 270px)
;}

.header-nav .sub-nav .sub-nav-wp .sub-nav-a a {
    margin-left: 0;
    padding: 5px 0;
    line-height: 1.3em;
    display: inline-block
;}

.nav-a {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr)
;}

.header-nav .sub-nav1 {
    width: 800px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
;}

.header-nav .sub-nav1 .sub-nav-wp:before {
    left: 50%;
    margin-left: -10px
;}

.header-nav .sub-nav2 {
    width: 800px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
;}

.header-nav .sub-nav2 .sub-nav-wp:before {
    left: 50%;
    margin-left: -10px
;}

.header-nav .sub-nav3 {
    width: 927px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
;}

.header-nav .sub-nav3 .sub-nav-wp:before {
    left: 50%;
    margin-left: -10px
;}

.header-nav .sub-nav4 {
    width: 800px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
;}

.header-nav .sub-nav4 .sub-nav-wp:before {
    left: 50%;
    margin-left: -10px
;}

.header-nav .sub-nav5 {
    width: 800px;
    right: -290px
;}

.header-nav .sub-nav5 .sub-nav-wp:before {
    right: 316px
;}

.header-nav .sub-nav6 {
    width: 800px;
    right: -195px
;}

.header-nav .sub-nav6 .sub-nav-wp:before {
    right: 216px
;}

.header-nav .sub-nav7 {
    width: 880px;
    right: -95px
;}

.header-nav .sub-nav7 .sub-nav-wp:before {
    right: 120px
;}

.header-nav .sub-nav8 {
    width: 800px;
    right: 0
;}

.header-nav .sub-nav8 .sub-nav-wp:before {
    right: 20px
;}

.scrolling .header-nav ul>li:hover>.nav-parent a {
    color: #043491
;}

.scrolling .head-menu-btn .line-1, .scrolling .head-menu-btn .line-2, .scrolling .head-menu-btn .line-3 {
    background: #991515
;}

.scrolling .header {
    padding: 10px 0;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .15);
    opacity: 1
;}

.scrolling .logoBlue {
    display: block
;}

.scrolling .header-r-top, .scrolling .logoWhite {
    display: none
;}

.scrolling .header a {
    color: #555
;}

.scrolling .navmob-btn .toSearch {
    color: #005a99
;}

@media screen and (max-width:1200px) {
    .logoWhite {
        height: 40px
    ;}

    .header {
        padding: 10px 0
    ;}

    .logoBlue {
        height: 40px
    ;}

    .header-r, .logoBlue {
        display: none
    ;}

    .navmob-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    ;}
}

.footer {
    background: #ffffff
;}

.footer a {
    margin: 0 10px 0 0;
    color: #d6d5d5;
    line-height: 28px
;}

.footer .footInfo {
    padding: 60px 0 50px;
    color: #d6d5d5
;}

.foot-top {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px
;}

.top-left {
    float: left;
    width: 66%
;}

.top-right-box {
    float: right;
    width: 33%
;}

.top-right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
;}

.top-right img {
    background: #fff;
    border-radius: 10px
;}

.top-right p {
    font-size: 12px;
    color: #9d9898;
    margin-top: 10px;
    text-align: center
;}

.top-logo {
    margin-bottom: 40px
;}

.codebox {
    width: 111px;
    height: 138px
;}

.codebox:not(:first-child) p {
    padding-top: 8px
;}

.span-menu {
    margin-bottom: 10px
;}

.span-menu span {
    padding: 0 8px;
    position: relative
;}

.span-menu span:not(:last-child):after {
    content: "";
    position: absolute;
    height: 17px;
    width: 2px;
    background: #d6d5d5;
    top: 3px;
    right: -3px
;}

.lianxi {
    line-height: 30px
;}

@media screen and (max-width:700px) {
    .top-right {
        float: right;
        width: auto;
        display: block
    ;}

    .top-right .codebox {
        margin-bottom: 16px
    ;}
}

.hidden_search .text {
    width: 100%;
    height: 40px;
    padding: 0;
    font-size: 14px;
    color: #444;
    background: none;
    border: none
;}

.hidden_search .btn {
    display: block;
    cursor: pointer;
    font-size: 26px;
    background: transparent;
    position: absolute;
    right: 10px;
    top: 5px;
    height: 30px;
    width: 30px;
    border: none;
    border-radius: 50%;
    overflow: hidden;
    color: #005a99
;}

.hidden_search .search_wrap {
    border: 1px solid #e4eaec;
    border-radius: 20px;
    position: relative;
    padding-right: 45px;
    padding-left: 20px;
    width: 98%
;}

.hidden_search .cd-popup-close {
    position: absolute;
    right: 20px;
    top: 35%;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 25px
;}

.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    z-index: 9999;
    opacity: 0
;}

.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s
;}

.cd-popup-container {
    position: relative;
    padding: 30px 40px 30px 30px;
    width: 90%;
    margin: 0 auto;
    top: 50%;
    margin-top: -58px;
    background: #fff;
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
;}

.is-visible .cd-popup-container {
    -webkit-transform: scale(1);
    transform: scale(1);
    max-width: 800px
;}

.cd-popup0, .cd-popup1, .cd-popup2, .cd-popup3 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .3);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    z-index: 9999
;}

.cd-popup0.is-visible, .cd-popup1.is-visible, .cd-popup2.is-visible, .cd-popup3.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s
;}

.cd-popup-container0, .cd-popup-container1, .cd-popup-container2, .cd-popup-container3 {
    position: relative;
    padding: 40px;
    width: 60%;
    margin: 0 auto;
    top: 20%;
    background: #fff;
    border-radius: .4rem .4rem .4rem .4rem;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
;}

.cd-popup-container1 {
    top: 10%
;}

.is-visible .cd-popup-container0, .is-visible .cd-popup-container1, .is-visible .cd-popup-container2, .is-visible .cd-popup-container3 {
    -webkit-transform: scale(1);
    transform: scale(1)
;}

.sear_p {
    float: left;
    margin: 20px 0 0 5%;
    width: 90%;
    border-radius: 5px;
    background: #fff
;}

.sear_txt {
    float: left;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    font-family: microsoft yahei;
    border: none;
    width: calc(100% - 35px);
    background: none;
    color: #666;
    text-indent: 5px
;}

@media screen and (max-width:600px) {
    .cd-popup-container {
        width: 90%
    ;}

    .hidden_search .text {
        font-size: 14px
    ;}

    .cd-popup-container {
        padding: 20px 50px 20px 10px
    ;}

    .footer .copyright {
        text-align: center
    ;}
}

#browser-modal {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    color: #303233;
    position: fixed;
    z-index: 9999
;}

#browser-modal .browser-modal-cover {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #111;
    opacity: .9;
    z-index: -1
;}

#browser-modal .browser-content {
    width: 700px;
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80px;
    padding-top: 50px;
    background-color: #fff;
    border-radius: 5px
;}

#browser-modal .browser-content .browser-dpc-logo img {
    height: 42px;
    margin: 45px auto 40px
;}

#browser-modal .browser-content .browser-text-title {
    text-transform: uppercase;
    font-size: 24px
;}

#browser-modal .browser-content .browser-text-desc {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 14px
;}

#browser-modal .browser-content .browser-list {
    width: 600px;
    margin: 20px auto;
    height: 130px
;}

#browser-modal .browser-content .browser-item {
    float: left;
    width: 150px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto
;}

#browser-modal .browser-content .browser-item .iconfont {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 10px
;}

#browser-modal .browser-content .browser-item a {
    cursor: pointer;
    display: block
;}

#browser-modal .browser-content .browser-item a img {
    display: block;
    margin: 0 auto;
    max-width: 100px;
    width: 100px;
    height: 100px
;}

#browser-modal .browser-content .browser-item a h4 {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700
;}

.fslink {
    display: inline-block;
    position: relative;
    z-index: 9
;}

.fslink .ksljcon {
    display: none;
    overflow: hidden;
    position: absolute;
    left: -25px;
    top: 19px;
    width: 120px;
    background: #00274c;
    padding: 0 5px;
    text-align: center
;}

.fslink .ksljcon a {
    color: #fff;
    display: block;
    border-bottom: 1px solid #003b74;
    font-size: 12px;
    margin-bottom: -1px;
    padding: 6px 0
;}

.fslink:hover .ksljcon {
    display: block
;}

.text-center {
    text-align: center
;}

.mt10 {
    margin-top: 10px
;}

.mt20 {
    margin-top: 20px
;}

.mt30 {
    margin-top: 30px
;}

.mb60 {
    margin-bottom: 60px
;}

.ml20 {
    margin-left: 20px
;}

.mb30 {
    margin-bottom: 30px
;}

.mb20 {
    margin-bottom: 20px
;}

.bs-menu {
    font-size: 14px;
    text-align: center;
    padding: 0 10px
;}

.bs-menu a {
    color: #a1a1a3
;}

.bs-menu .footer-bs-txt a {
    color: #fff
;}

.m-show .bs-menu {
    margin-bottom: 30px
;}

.bs-menu>div {
    margin-bottom: 8px
;}

.bs-menu .footer-bs-txt {
    font-size: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    color: #fff
;}

.bs-menu-detail {
    margin-bottom: 40px
;}

.bq-info {
    padding: 10px
;}

.m-show .bq-info p {
    margin-bottom: 20px
;}

.bq-info p {
    margin-bottom: 10px
;}

.footer .right-con {
    padding: 10px
;}

.footer .phone-box>div {
    margin-bottom: 10px;
    text-indent: 20px
;}

.footer .icon-txt {
    position: relative
;}

.footer .icon-txt img {
    position: absolute;
    left: -7px;
    top: 2px
;}

.footer .m-show .phone-box {
    -ms-flex-pack: distribute;
    justify-content: space-around
;}

.wrap {
    width: 1200px;
    margin: 0 auto
;}

.nybody {
    padding-top: 76px;
    position: relative
;}

time {
    display: inline-block !important
;}

.banner img.baimg, .swiper-button-next:after, .swiper-button-prev:after {
    display: none
;}

.bamask {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5
;}

.banner .swiper-pagination {
    right: 16%;
    bottom: 6% !important;
    left: inherit !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 20
;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px
;}

.banner .swiper-slide {
    height: 720px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
;}

.banner .swiper-slide .wp {
    height: 100%;
    position: relative;
    z-index: 30px
;}

.banner .swiper-slide .wp .txt {
    position: absolute;
    left: 0;
    bottom: 5%;
    z-index: 990;
    font-weight: 400;
    right: 30%
;}

.banner .swiper-slide .wp .txt a {
    color: #fff;
    font-size: 25px
;}

.banner .swiper-pagination-bullet {
    position: relative;
    z-index: 99;
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: .5;
    -webkit-transition: width .3s;
    transition: width .3s
;}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 60px;
    opacity: 1
;}

.banner .swiper-button-next {
    right: 16%
;}

.banner .swiper-button-next, .banner .swiper-button-prev {
    opacity: 0;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .4);
    text-align: center;
    line-height: 65px
;}

.banner .swiper-button-prev {
    left: 16%
;}

.banner .swiper-button-next i, .banner .swiper-button-prev i {
    color: #fff;
    font-size: 25px
;}

.banner:hover .swiper-button-next, .banner:hover .swiper-button-prev {
    opacity: 1
;}

@media screen and (max-width:1440px) {
    .banner .swiper-button-next {
        right: 5%
    ;}

    .banner .swiper-button-prev {
        left: 5%
    ;}

    .banner .swiper-pagination {
        right: 5%
    ;}
}

@media screen and (max-width:1366px) {
    .banner .swiper-slide {
        height: 620px
    ;}
}

@media screen and (max-width:1200px) {
    .banner .swiper-button-next, .banner .swiper-button-prev {
        display: none
    ;}

    .banner .swiper-slide {
        height: 420px
    ;}

    .banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 20px
    ;}
}

@media screen and (max-width:640px) {
    .banner .swiper-slide {
        height: 250px
    ;}

    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 4px
    ;}

    .banner .swiper-pagination-bullet {
        width: 6px;
        height: 6px
    ;}

    .banner .swiper-slide .wp .txt a {
        font-size: 18px
    ;}
}

.jy-banner {
    margin-top: 80px
;}

@media screen and (max-width:1200px) {
    .jy-banner {
        margin-top: 55px
    ;}
}

@media screen and (min-width:1600px) {
    .banner .swiper-slide {
        height: 660px
    ;}
}

@media screen and (min-width:1366px) {
    .banner .swiper-slide {
        height: 620px
    ;}
}

@media screen and (min-width:1440px) {
    .banner .swiper-slide {
        height: 660px
    ;}
}

.intit {
    font-size: 28px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 30px
;}

.rowa {
    padding: 48px 0 60px
;}

.innews.flex-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0;}

/* PC端新闻列表：每行4个 */
.innews li {
    width: 23%;
    border-bottom: 3px solid #005996;
    margin-bottom: 40px;
    margin-right: 0;
    float: left;}

/* 非4的倍数项：添加右边距 */
.innews li:not(:nth-child(4n)) {
    margin-right: 2.66%;}

/* 4的倍数项：无右边距（每行最后一个） */
.innews li:nth-child(4n) {
    margin-right: 0;}

/* 清除浮动 */
.innews:after {
    content: "";
    display: table;
    clear: both;}

/* PC端隐藏伪元素对齐 */
.innews.flex-left::after {
    display: none;}

.innews li .pic {
    height: 155px;
    overflow: hidden
;}

.innews li .info {
    padding: 15px 10px 10px
;}

.innews li .info a {
    font-size: 17px;
    max-height: 55px;
    display: block\0
;}

.innews li .info p {
    margin-top: 12px;
    font-size: 13px;
    color: #777;
    max-height: 60px;
    margin-bottom: 25px;
    line-height: 1.6em
;}

.innews li .info p.line8 {
    max-height: 160px;
    display: block\0
;}

.innews li .info time {
    font-size: 12px;
    color: #777
;}

.innews li .info time i {
    vertical-align: -1px;
    margin-right: 3px
;}

.rowa .more a {
    color: #920505 !important;
    display: inline-block;
    padding: 8px 34px;
    font-size: 12px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #920505
;}

.rowb {
    background-color: #ededed;
    /*background-image: url(../../assets/img/bg1.png);*/
    background-size: 260px;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    color: #858585
;}

.rowb a {
    color: #313131
;}

.rowb .tabNav {
    position: relative;
    z-index: 10
;}

.rowb .tabNav li {
    width: 20%;
    text-align: center;
    font-size: 17px;
    color: #474747;
    position: relative;
    cursor: pointer;
    background: #fff;
    padding: 15px 0
;}

/* PC端标签导航响应式优化 */
.tab-nav-responsive {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 0;}

.tab-nav-responsive .tab-nav-item {
    padding: 12px 20px;
    font-size: 17px;}

@media screen and (min-width: 1024px) {
    .tab-nav-responsive {
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 4px;}
    
    .tab-nav-responsive .tab-nav-item {
        padding: 15px 0;
        font-size: 17px;
        width: calc(20% - 3.2px);
        text-align: center;}
}

.rowb .tabNav li.cur {
    color: #fff;
    background: #005996
;}

.rowb .tabNav li.cur:after {
    opacity: 1
;}

.rowb .tabcons {
    display: none;
    position: relative;
    z-index: 3
;}

.rowb .tabcons, .rowb .tabcons .flex {
    min-height: 450px
;}

.rowb .tabcons .ani-mask {
    width: 40%;
    padding-top: 28px
;}

.rowb .tabcons .ani-mask .pic {
    height: 100%;
    padding: 30px 0;
    height: 420px
;}

.rowb .tabcons .list {
    width: 57%;
    padding-bottom: 40px;
    padding-top: 10px
;}

.rowb .tabcons .list h4 span {
    font-size: 25px;
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 10px
;}

.rowb .tabcons .list ul li {
    line-height: 40px;
    padding-right: 100px;
    position: relative;
    font-size: 15px
;}

.rowb .tabcons .list ul li span {
    position: absolute;
    right: 0;
    top: 0
;}

.rowb .tabcons .list .more {
    display: inline-block;
    margin-top: 15px;
    opacity: 1;
    font-size: 15px;
    color: #fff;
    background: #005996;
    padding: 10px 18px;
    border-radius: 30px;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 600;
    border: 1px solid #005996;}

.rowb .tabcons .list .more:hover {
    background: #004275;
    transform: translateY(-2px);
    color: #fff;
    border-color: #004275;
    box-shadow: 0 6px 16px rgba(0, 89, 150, 0.25);}

.rowb .tabcons .rowb-list-tile {
    font-size: 28px;
    color: #005996;
    line-height: 52px;
    border-bottom: 4px solid #005996;
    width: 130px;
    text-align: center;
    margin-bottom: 20px
;}

.rowb .tabNav li:after {
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #005996;
    position: absolute;
    left: 0;
    bottom: -20px;
    z-index: 15;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0
;}

.rowb .ani-mask .pic a {
    border: 10px solid #fff
;}

.rowc {
    padding: 40px 0
;}

.rowc .ctit {
    border-bottom: 3px solid #e5e5e5;
    padding-bottom: 10px;
    padding-top: 10px
;}

.rowc .ctit h3 {
    font-size: 26px;
    font-weight: 400
;}

.rowc .ctit h3 span {
    font-size: 18px;
    color: #b0b0b0;
    margin-left: 10px
;}

.rowc .ctit a {
    font-size: 14px;
    color: #b0b0b0;
    padding-top: 15px
;}

.rowc .sjmt {
    width: 62%
;}

.rowc .sjmt ul li {
    width: 22%;
    border: 1px solid #ededed;
    position: relative;
    height: 292px
;}

.rowc .sjmt ul .more-li {
    width: 24%;
    background: #f3f3f3
;}

.rowc .sjmt ul .more-li .ani-mask {
    border-top: 2px solid #231f20
;}

.rowc .sjmt .m-show ul li {
    width: 49%;
    border: 1px solid #ededed;
    position: relative;
    height: 292px;
    margin-bottom: 20px
;}

.rowc .wsp {
    width: 33%
;}

.rowc .wsp .pic {
    height: 310px
;}

.rowc .wsp .pic span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
    font-size: 60px
;}

.rowc .wsp .info {
    background: #005996;
    color: #fff;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    margin-top: -30px;
    z-index: 20;
    padding: 10px
;}

.rowc .wsp .info h4 {
    font-size: 16px
;}

.rowc .wsp .info p {
    font-size: 14px;
    margin-top: 5px
;}

.rowc .c-title {
    color: #4e4d4d;
    font-size: 14px;
    padding: 24px 10px
;}

.rowc .c-info {
    color: #4e4d4d;
    font-size: 14px;
    padding: 52px 10px 24px 10px
;}

.rowc .more-box {
    position: absolute;
    right: 20px;
    bottom: 20px
;}

.slide-title {
    font-size: 18px;
    color: #262626;
    margin: 16px 0;
    text-align: center
;}

.slide-img {
    height: 110px
;}

.slide-news {
    height: 290px !important;
    background: #f3f3f3
;}

.slide-left-txt {
    float: left;
    width: 30px;
    background: #005996;
    color: #fff;
    text-align: center;
    height: 100%
;}

.slide-txt {
    padding: 0 17px;
    font-size: 14px;
    color: #585858
;}

.picbord-con {
    background:#f3f3f300;
    padding: 16px 10px 10px 10px
;}

.pore-txt {
    font-size: 26px;
    color: #fff;
    background: #005996;
    height: 81px;
    line-height: 81px;
    text-align: center
;}

.sjcolor {
    cursor: pointer;
    font-size: 30px;
    color: #bfbfbf
;}

.rowc .newsbtn {
    color: #fff;
    background: #005996;
    height: 36px;
    font-size: 18px;
    width: 36px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,89,150,0.2);
    z-index: 10;
    line-height: 1;
    font-weight: 700;}

.rowc .newsbtn:hover {
    background: #004275;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0,89,150,0.3);}

.rowc .newsbtn:active {
    transform: scale(0.95);}

.rowc .more-btn {
    position: absolute;
    bottom: -24px;
    right: 0;
    color: #020202;
    font-weight: 700;
    font-size: 12px;
    cursor: pointer
;}

.card-icon {
    text-align: center;
    margin-bottom: 30px
;}

.card-icon img {
    display: inline-block
;}

.card-time {
    font-size: 12px;
    margin-bottom: 30px
;}

.card-time, .detail-btn {
    color: grey;
    text-align: center
;}

.detail-btn {
    width: 100px;
    height: 26px;
    background: #e8e8e8;
    border-radius: 30px;
    font-size: 13px;
    line-height: 26px;
    margin: 0 auto;
    cursor: pointer
;}

.detail-btn:hover {
    background: #b31b1b;
    color: #fff
;}

.rowd {
    padding: 20px 0
;}

.rowd .fold_wrap {
    height: 480px;
    margin: 40px auto 0 auto;
    overflow: hidden
;}

.rowd .fold_wrap li {
    float: left;
    width: 100px;
    height: 480px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: #fff;
    border-left: 1px solid #fff
;}

.rowd .fold_wrap li .mask {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px
;}

.rowd .fold_wrap li .mask img {
    height: 233px
;}

.rowd .fold_wrap li.active .mask_b {
    background: none
;}

.rowd .fold_wrap li .showt {
    position: absolute;
    left: 10%;
    bottom: 5%;
    z-index: 10;
    color: #fff;
    -webkit-writing-mode: tb-lr;
    writing-mode: tb-lr;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    max-height: 70%;
    font-size: 20px;
    padding: 5px;
    background: rgb(0 0 0/.2);
    border-radius: 2px
;}

.rowd .fold_wrap li .showt i {
    font-size: 25px;
    display: inline-block;
    margin-bottom: 5px
;}

.rowd .fold_wrap li .adv_intro {
    padding: 30px 5%;
    position: absolute;
    left: 10%;
    top: 15%;
    right: 10%;
    bottom: 15%;
    background: rgba(35, 80, 155, .8);
    color: #fff;
    z-index: 10;
    opacity: 0;
    visibility: hidden
;}

.rowd .fold_wrap li .adv_intro .tit {
    -webkit-writing-mode: tb-lr;
    writing-mode: tb-lr;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    width: 30px;
    font-size: 25px;
    letter-spacing: .1em
;}

.rowd .fold_wrap li .adv_intro .txt {
    width: calc(100% - 60px)
;}

.rowd .fold_wrap li .adv_intro .txt i {
    font-size: 30px;
    margin-bottom: 30px;
    display: inline-block
;}

.rowd .fold_wrap li .adv_intro .txt p {
    font-size: 14px;
    line-height: 1.8em;
    margin-bottom: 30px
;}

.rowd .fold_wrap li .adv_intro .txt span {
    font-size: 14px;
    opacity: .7
;}

.rowd .pic_auto {
    width: 100%;
    height: 100%
;}

.rowd .pic_auto1 {
    background: url(../../assets/img/sh1.jpg) no-repeat 50%;
    background-size: cover
;}

.rowd .pic_auto2 {
    background: url(../../assets/img/sh2.jpg) no-repeat 50%;
    background-size: cover
;}

.rowd .pic_auto3 {
    background: url(../../assets/img/sh3.jpg) no-repeat 50%;
    background-size: cover
;}

.rowd .pic_auto4 {
    background: url(../../assets/img/sh4.jpg) no-repeat 50%;
    background-size: cover
;}

.rowd .pic_auto5 {
    background: url(../../assets/img/sh5.jpg) no-repeat 50%;
    background-size: cover
;}

.rowd .fold_wrap li.active .pic_auto {
    opacity: .6
;}

.rowd .fold_wrap li.active .showt {
    opacity: 0;
    visibility: hidden
;}

.rowd .fold_wrap li.active .adv_intro {
    opacity: 1;
    visibility: inherit
;}

.rowe {
    background: url(../../assets/img/bg3.jpg) no-repeat 50%;
    background-size: cover;
    padding: 65px 0
;}

.rowe .rowe-list i {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
    border-radius: 50%;
    border: 1px dashed #d5d5d5;
    text-align: center;
    line-height: 80px;
    font-size: 45px;
    color: #ad2727
;}

.rowe .rowe-list span {
    font-size: 33px;
    color: #a00606
;}

.rowe .rowe-list-box {
    padding-bottom: 50px;
    padding-top: 20px
;}

.rowe-list .text-m {
    width: 16.5%
;}

.rowe-list .text-m img {
    margin: 0 auto
;}

.rowe-list .text-m:hover>.rowe-list-title {
    color: #005996
;}

.rowe-list .text-m:hover>img {
    background: #005996
;}

.rowe-list .text-m img {
    width: 100px;
    margin: 0 auto 20px auto;
    background: #005996
;}

.rowf ul {
    width: 100%
;}

.rowf ul li {
    width: 20%
;}

.rowf ul li, .rowf ul li .pic {
    height: 380px
;}

.rowf ul li .pic a {
    position: relative
;}

.rowf ul li .con {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding: 15px;
    color: #fff
;}

.rowf ul li .con i {
    font-size: 50px;
    display: inline-block;
    margin-bottom: 30px
;}

.rowf ul li .con h4 {
    font-size: 26px;
    margin-bottom: 15px
;}

.rowf ul li .con span {
    font-size: 16px;
    text-transform: uppercase
;}

.rowf .img-backicon {
    width: 70px;
    margin: 0 auto
;}

.rowg {
    background: transparent;
    color: #333;
    padding: 70px 0 85px
;}

.rowg .intit {
    margin-bottom: 55px
;}

.rowg .swiper-container-b {
    margin-left: 50px;
    margin-right: 50px
;}

.rowg .swiper-slide .con {
    position: absolute;
    left: 5%;
    top: 0;
    right: 45%;
    background: rgba(15, 10, 100, .7);
    z-index: 10;
    padding: 20px 15px 15px
;}

.rowg .swiper-slide .con span {
    background: #eed02d;
    color: #000;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 12px;
    padding: 2px 5px
;}

.rowg .swiper-slide .con h4 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.4em;
    min-height: 56px
;}

.rowg .swiper-slide .con i {
    font-size: 20px;
    color: #fff
;}

.rowg .swiper-button-next {
    right: 0
;}

.rowg .swiper-button-next, .rowg .swiper-button-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .4);
    text-align: center;
    line-height: 40px
;}

.rowg .swiper-button-prev {
    left: 0
;}

.rowg .swiper-button-next i, .rowg .swiper-button-prev i {
    color: #fff;
    font-size: 20px
;}

.rowg:hover .swiper-button-next, .rowg:hover .swiper-button-prev {
    opacity: 1
;}

.inxywh-m {
    margin-bottom: 8px
;}

.inxywh-m dt {
    position: relative
;}

.inxywh-m dt .abcon {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding: 8%;
    color: #fff
;}

.inxywh-m dt span {
    font-size: 22px;
    font-weight: 700;
    text-shadow: 0 0 5px rgba(0, 0, 0, .2)
;}

.inxywh-m dt i {
    border-radius: 50%;
    border: 1px solid #fff;
    width: 35px;
    height: 35px;
    line-height: 32px;
    text-align: center
;}

.inxywh-m dd {
    padding: 5%;
    color: #fff;
    font-size: 15px;
    line-height: 1.8em;
    display: none
;}

.inxywh-m dd a {
    color: #fff;
    font-size: 14px;
    opacity: .7
;}

@media screen and (max-width:980px) {
    /* 平板端新闻列表：每行3个 */
    .innews li {
        width: 32% !important;
        margin: 0 0 40px 0 !important;
        float: left !important;}
    
    /* 非3的倍数项：添加右边距 */
    .innews li:not(:nth-child(3n)) {
        margin-right: 2% !important;}
    
    /* 3的倍数项：无右边距（每行最后一个） */
    .innews li:nth-child(3n) {
        margin-right: 0 !important;}
    
    /* 清除浮动 */
    .innews:after {
        content: "" !important;
        display: table !important;
        clear: both !important;}
    
    .innews.flex-left::after {
        display: none !important;}
    
    /* 确保容器使用块级布局 */
    .innews.flex-left {
        display: block !important;}

    .rowc .sjmt {
        width: 100%;
        margin-bottom: 30px
    ;}

    .rowc .wsp {
        width: 100%
    ;}

    .rowd .fold_wrap {
        height: auto;
        overflow: inherit
    ;}

    .rowd .fold_wrap li {
        float: inherit;
        width: 100%;
        height: 280px;
        border-left: 0
    ;}

    .rowd .fold_wrap li .showt {
        display: none
    ;}

    .rowd .fold_wrap li .adv_intro {
        opacity: 1;
        visibility: inherit
    ;}

    .rowd .fold_wrap li .adv_intro .txt i {
        display: none
    ;}

    .rowd .fold_wrap li .adv_intro .txt p {
        max-height: 95px;
        overflow: hidden;
        margin-bottom: 20px
    ;}
}

@media screen and (max-width:768px) {
    /* 标签导航平板端优化 */
    .tab-nav-responsive {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        padding: 0 15px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        margin: 0 -15px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;}
    
    .tab-nav-responsive::-webkit-scrollbar {
        display: none !important;}
    
    .tab-nav-item {
        padding: 12px 18px !important;
        font-size: 15px !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: fit-content !important;
        white-space: nowrap !important;}
    
    /* 隐藏平板端标签的小箭头 */
    .rowb .tabNav li:after {
        display: none !important;}
    
    .rowb .tabNav li.cur:after {
        display: none !important;}
    
    /* 优化平板端标签样式 */
    .rowb .tabNav li {
        width: auto !important;
        padding: 12px 18px !important;
        font-size: 15px !important;}
    
    /* 平板端标签容器优化 */
    .tzgg_phone .wp {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: hidden !important;}
    
    .rowb .tabcons .ani-mask {
        width: 100%
    ;}

    .rowb .tabcons .ani-mask .pic {
        height: 300px
    ;}

    .rowb .tabcons .list {
        width: 100%
    ;}

    .rowg .swiper-slide .con h4 {
        font-size: 16px;
        min-height: 44px
    ;}

    .rowf ul li {
        height: 240px;
        width: 33.3333%
    ;}

    .rowf ul li:last-child {
        width: 100%
    ;}

    .rowf ul li .pic {
        height: 240px
    ;}

    .rowf ul li .con i {
        font-size: 40px;
        display: inline-block;
        margin-bottom: 20px
    ;}

    .rowf ul li .con h4 {
        font-size: 22px;
        margin-bottom: 10px
    ;}

    .rowf ul li .con span {
        font-size: 14px;
        text-transform: uppercase
    ;}
}

@media screen and (max-width:640px) {
    .intit {
        font-size: 24px
    ;}

    /* 手机端新闻列表：每行2个 */
    .innews li {
        width: 48% !important;
        margin: 0 0 30px 0 !important;
        float: left !important;}
    
    /* 奇数项：添加右边距 */
    .innews li:nth-child(odd) {
        margin-right: 4% !important;}
    
    /* 偶数项：无右边距 */
    .innews li:nth-child(even) {
        margin-right: 0 !important;}
    
    /* 清除浮动 */
    .innews:after {
        content: "" !important;
        display: table !important;
        clear: both !important;}
    
    /* 手机端隐藏伪元素，避免布局影响 */
    .innews.flex-left::after {
        display: none !important;}
    
    /* 确保容器使用块级布局 */
    .innews.flex-left {
        display: block !important;}

    .rowb .tabNav li {
        font-size: 16px;
        padding: 10px 15px
    ;}
    
    /* 标签导航手机端优化 */
    .tab-nav-responsive {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        padding: 0 10px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        margin: 0 -10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;}
    
    .tab-nav-responsive::-webkit-scrollbar {
        display: none !important;}
    
    .tab-nav-item {
        padding: 10px 14px !important;
        font-size: 13px !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: fit-content !important;
        white-space: nowrap !important;}
    
    /* 隐藏手机端标签的小箭头 */
    .rowb .tabNav li:after {
        display: none !important;}
    
    .rowb .tabNav li.cur:after {
        display: none !important;}
    
    /* 优化手机端标签样式 */
    .rowb .tabNav li {
        width: auto !important;
        padding: 10px 14px !important;
        font-size: 13px !important;}
    
    /* 手机端标签容器优化 */
    .tzgg_phone .wp {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: hidden !important;}

    .rowb .tabcons .ani-mask .pic {
        height: 220px
    ;}

    .tzgg_phone .pic {
        height: 300px !important
    ;}

    .tzgg_phone img {
        height: 100% !important
    ;}

    .rowg .swiper-slide .con {
        right: 35%
    ;}

    .rowg .swiper-slide .con h4 {
        font-size: 16px;
        min-height: 42px
    ;}

    .rowf ul li {
        height: 200px;
        width: 50%
    ;}

    .rowf ul li:last-child {
        width: 50%
    ;}

    .rowf ul li:nth-child(4) {
        border-bottom: 1px solid #3165c1
    ;}

    .rowf ul li .pic {
        height: 200px
    ;}

    .rowf ul li .con i {
        font-size: 30px;
        display: inline-block;
        margin-bottom: 20px
    ;}

    .rowf ul li .con h4 {
        font-size: 18px;
        margin-bottom: 10px
    ;}

    .rowf ul li .con span {
        font-size: 14px;
        text-transform: uppercase
    ;}

    .rowg .swiper-container-b {
        margin-left: 20px;
        margin-right: 20px
    ;}
}

@media screen and (max-width:700px) {
    .m-show .top-right[data-v-29d03065] {
        padding: 13px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    ;}

    .top-left[data-v-29d03065] {
        width: 100%
    ;}

    .codebox[data-v-29d03065] {
        width: 80px;
        height: 120px
    ;}

    .m-show .top-logo img[data-v-29d03065] {
        height: 60px
    ;}

    .m-show .top-logo[data-v-29d03065] {
        margin-bottom: 25px
    ;}

    .m-show .footInfo[data-v-29d03065] {
        padding-top: 35px;
        padding-bottom: 10px
    ;}

    .m-show .foot-top[data-v-29d03065] {
        margin-bottom: 0
    ;}

    .m-show .span-menu[data-v-29d03065] {
        margin-top: 20px
    ;}
}

.codebox:not(:first-child) p[data-v-29d03065] {
    padding: unset
;}

@font-face {
    font-family: iconfont;
src: url(../../../at.alicdn.com/t/font.eot?t=161054359.jpg);
src: url(../../../at.alicdn.com/t/font.eot?t=1610543591723#i.jpg) format("embedded-opentype"), url("data:application/x-font-woff2}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
;}

.iconjia:before {
    content: "\E65B"
;}

.iconjian:before {
    content: "\E621"
;}

.iconV:before {
    content: "\E6D7"
;}

.icondiandeng:before {
    content: "\E6B5"
;}

.iconfenxiang:before {
    content: "\E61C"
;}

.iconweizhi:before {
    content: "\E782"
;}

.iconplay:before {
    content: "\E643"
;}

.iconshijian:before {
    content: "\E6C6"
;}

.icondushu:before {
    content: "\F03D"
;}

.iconmaozi:before {
    content: "\E6AE"
;}

.iconjiantou:before {
    content: "\E83B"
;}

.iconjiantoul:before {
    content: "\F0BD"
;}

.icontoutiao:before {
    content: "\E622"
;}

.icondouyin:before {
    content: "\E8DB"
;}

.iconsina:before {
    content: "\E61F"
;}

.iconweixin:before {
    content: "\E615"
;}

.iconarrl:before {
    content: "\E609"
;}

.iconclose:before {
    content: "\E60B"
;}

.iconxiajiantou:before {
    content: "\E632"
;}

.iconarrr:before {
    content: "\E648"
;}

.iconsousuo:before {
    content: "\E628"
;}

.iconicon-test:before {
    content: "\F0B6"
;}

.iconicon-test1:before {
    content: "\F0B7"
;}

.iconicon-test2:before {
    content: "\F0B8"
;}

.iconicon-test3:before {
    content: "\F0B9"
;}

.iconicon-test4:before {
    content: "\F0BC"
;}

.iconshiyan:before {
    content: "\E6AF"
;}

.icontingli:before {
    content: "\E6B0"
;}

.iconbijiben:before {
    content: "\E6B2"
;}

.icondiqiu:before {
    content: "\E6B3"
;}

.iconzidian:before {
    content: "\E6B4"
;}

.iconzhengfangxing:before {
    content: "\E64B"
;}