@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    line-height: 1;
    font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    /* 解决安卓手机按钮点击出现蓝色背景*/
    /* 适配齐刘海*/
    padding-top: constant(safe-area-inset-top);
    /* 适配底部黑条*/
    padding-bottom: constant(safe-area-inset-bottom);
}

body,
html {
    -webkit-overflow-scrolling: touch;
}

::-webkit-scrollbar {
    display: none;
    /* 隐藏微信浏览器滚动条 */
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
}

fieldset,
img {
    border: 0;
}

ul,
ol,
li {
    list-style: none;
    font-family: 'Microsoft YaHei';
}

/* remember to define focus styles! */
input:focus,
textarea:focus {
    outline: none;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
    font-style: normal;
    /*font-weight: normal;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    background-color: #fff;
    border: none;
}

code,
kbd,
samp,
tt {
    font-size: 100%;
}

a {
    text-decoration: none;
    color: unset;
}

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

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea {
    *font-size: 100%;
    background: #ffffff;
    border-radius: .04rem;
}

ol,
ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table,
tr,
td {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
}

caption,
th {
    text-align: left;
}

sup,
sub {
    font-size: 100%;
    vertical-align: baseline;
}

/* remember to highlight anchors and inserts somehow! */
blockquote,
q {
    quotes: none;
}

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

iframe {
    border: 0;
}

.lineText,
.lineText1 {
    flex-direction: row;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.lineText2 {
    flex-direction: row;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.lineText3 {
    flex-direction: row;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.lineText4 {
    flex-direction: row;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.commonInput {
    border: .01rem solid #dddddd;
}

.commonInput:focus {
    border: .01rem solid #EE4646;
}

.w1200 {
    width: 12.00rem;
    margin: 0 auto;
}

.iframeLeftMenu {
    width: 2.85rem;
}

.navBar {
    position: fixed;
    z-index: 19;
    top: 40vh;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: .65rem;
    height: 2.61rem;
    box-sizing: border-box;
}

.barItem {
    display: flex;
    white-space: nowrap;
    width: 100%;
    background: #2a314f;
    height: .65rem;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: .12rem;
    color: #999;
    position: relative;
}

.barItem:hover {
    background: #002caa;
}

.barItem:hover .barItemShowTips {
    display: flex !important;
    animation: barItemShow .5s ease-in-out forwards;
}

.barItem > img {
    width: 100%;
    height: 100%;
}


.comIframe {
    width: 100vw;
}

.commonHead {
    height: 2.22rem;
}

.footer {
    height: 3.46rem;
}


.pageContent {
    background: #f4f4f4;
}

.contentContainer {
    padding-top: .7rem;
    display: flex;
    flex-direction: column;
}

.innerContent {
    display: flex;
    flex-direction: column;
}

.w1600 {
    width: 16rem;
}

.w1800 {
    width: 18rem;
}

/* 脚布局样式 */

.footBox {
    width: 100%;
}

.footNavWrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background: #2A314F;
}

.footNav {
    width: 12.00rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: .20rem 0 .20rem 0;
}

.footNavItem {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.footNavItem .footNavIcon {
    width: .48rem;
    height: .48rem;
}

.footNavItem .footNavTxt {
    font-size: .16rem;
    margin-left: .15rem;
    color: white;
}

.footLinkBoxWrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #3F4661;
}

.footLinkBox {
    width: 16.00rem;
    display: flex;
    flex-direction: row;
    position: relative;
    padding: .20rem 0 .40rem 0;
}

.footLinkBox .footRight {
    display: flex;
    margin-top: .58rem;
    margin-left: .23rem;
    flex-direction: row;
}

.footLinkBox .footLeft {
    width: 5.5rem;
    margin-top: .40rem;
    display: flex;
    flex-shrink: 0;
    flex-direction: row;
}

.footLinkBoxWrapper .footRightItem {
    /* margin-top: .20rem; */
    /* white-space: nowrap; */
    /* line-height: .3rem; */
    padding-right: .2rem;
    padding: .1rem .2rem 0 0;
    min-width: 50%;
    color: #ffffff;
    font-size: .16rem;
}

.footLinkBoxWrapper .fontcopyBox {
    display: flex;
    flex-direction: row;
    width: 16.00rem;
    color: #777777;
    padding: .2rem 0;
    font-size: .16rem;
}

.fontcopyBox > a {
    margin-left: .2rem;
    margin-right: .1rem;
}

.footLinkBox .footLine {
    width: 100%;
    height: .01rem;
    padding: .2rem 0;
    background: #777777;
    opacity: .2;

}

.footLinkBox .footLeft {
    display: flex;
    flex-direction: column;
}

.footLeft .footitemBox {
    margin-top: .36rem;
    display: flex;
    flex-direction: column;
}

.footLeft .footLogo {
    width: 2.31rem;
    height: .56rem;
}

.footRight .footRightItemBox {
    width: 2.4rem;
    display: flex;
    flex-direction: column;
}

.footRight .footRightItemTitle {
    font-size: .18rem;
    color: #FFFFFF;
    padding-right: .1rem;
    margin-bottom: .24rem;
}

.qrCodeBox {
    display: flex;
    margin-top: .56rem;
    align-items: flex-end;
    flex-direction: row;
}

.qrCodeBox .qrCodeTitle {
    font-size: .14rem;
    display: inline-flex;
    margin-left: .12rem;
    color: #ffffff;
}

.qrCodeBox .footCode {
    width: 1.02rem;
    height: 1.02rem;
}

/* 脚布局样式end */


/* 模板样式 */
.innerContent {
    background: #FBFBFB;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}


/* 顶部导航栏 */
.navItemBar {
    position: fixed;
    padding-right: 1.45rem;
    left: 0;
    height: .7rem !important;
    width: 100%;
    z-index: 10001;
    top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    background: linear-gradient(90deg, #0258BB 0%, rgba(0, 44, 170, 0.9) 100%);
}

.navItemBar .pageLogo {
    width: 2.31rem;
    height: .56rem;
    top: 50%;
    left: 1.6rem;
    transform: translateY(-50%);
    position: absolute;

}

.pageLogo > img {
    width: 100%;
    display: flex;
    height: 100%;
}

.navItemItem {
    padding: 0 .2rem;
    text-align: center;
    font-weight: bold;
    height: 100%;
    font-size: .18rem;
    display: flex;
    align-items: center;
    color: #ffffff;
}

.navItemItemContent {

    cursor: pointer;
}

.navItemItemAct {
    color: #FFA911;
}

.navItemItem:hover {

    color: #FFA911 !important;
}

/* 二级菜单样式 */

/* 二级菜单 */
.subSecondList {
    position: fixed;
    left: 0px;
    width: 100vw;
    height: 1.8rem;
    background: rgba(0, 44, 170, 0.7);
    z-index: 99;
    top: 0.7rem;
    display: none;
}

.listGroup {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: none;
    justify-content: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.listGroupLeft {
    cursor: default;
    width: 50%;
    position: relative;
    height: 0.6rem;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    font-size: 0.2rem;
    color: white;
    font-weight: bold;
}

.line {
    margin-left: 1rem;
    width: 1px;
    background: #ffffff;
    height: 0.6rem;
}

.listGroupRight {
    /* width: 676px; */
    width: 8.1rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.listGroupRightWrapper {

    align-items: center;
    justify-content: flex-start;
    width: 50%;
    display: flex;
    height: 100%;
}

.sublistItem {
    /* margin: 0 60px; */
    margin-left: 1rem;
    width: 1.7rem;
    cursor: pointer;
    color: #ffffff;
    display: inline-flex;
    font-size: 0.16rem;
    /* margin-top: 40px; */
    white-space: nowrap;
}

.sublistItem:hover {

    color: #FFB632;
}

.listGroupRight .sublistItem:nth-child(n+4) {
    margin-top: 0.4rem;
}

/* 二级菜单展开动画 */
.subSecondListFramesClass {
    animation-name: subSecondListFrames;
    animation-duration: .5s;
}

.disNone {
    display: none !important;
}

@keyframes subSecondListFrames {
    from {
        /* height: 0px; */
        opacity: 0;
    }

    to {
        opacity: 1;
        /* height: 208px; */
    }
}


/* 页面顶部banner */

.bannerContent {
    overflow: hidden;
    width: 100%;
    /*margin-top: .70rem;*/
    height: 6.9rem;
}

.bannerContent .bannerImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bannerContent .swiper-pagination-banner {
    width: 100%;
    position: relative;
}

.bannerContent .bannerPagenation {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, .09rem));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, .09rem));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #697f90);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .8);
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, .04rem);
}

.page-swiper-pagination {
    height: .04rem;
    bottom: 2rem !important;
    color: green !important;
    position: absolute;
    text-align: center;
    z-index: 9;
    cursor: pointer;
}

.bannerContent .swiper-pagination-bullet-active {
    background-color: white !important;
}

.pageTitle {
    font-weight: bold;
    font-size: .34rem;
    color: #2A314F;
}


.common_swiper-button-pre,
.common_swiper-button-next {
    top: 50%;
    position: absolute;
    margin-top: .65rem;
    z-index: 2;
    transform: translateY(-50%);
    width: .5rem;
    height: .5rem;
}

.common_swiper-button-pre {
    left: -.86rem;
}

.common_swiper-button-next {
    right: -.86rem;
}

.pageHeadBg {
    width: 100%;
    height: 6rem;
}

.pageHeadBg > img {
    width: 100%;
    height: 100%;
    display: flex;
    object-fit: cover;
    /*background: pink;*/
}

.topBarBox {
    width: 100%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.topBarBox .topbarInner {
    display: flex;
    background: white;
    flex-direction: row;
    width: 100%;
    overflow: scroll;
}

/* .topbarInner::-webkit-scrollbar{
  height: .2rem;
  display: block;
}
.topbarInner::-webkit-scrollbar-thumb{
  border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.03);
    background: #FFA911;
} */

.topBarBox .topBarItem {
    padding: .3rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: .64rem;
    margin-left: 1.21rem;
    white-space: nowrap;
    font-size: .2rem;
    color: #2A314F;
}

.topBarBox .topBarItemAct {
    position: relative;
    font-weight: bold;
}

.topBarBox .topBarItem:first-child {
    margin-left: 0;
}

.topBarBox .topBarItemAct::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: .8rem;
    height: .03rem;
    background: #FFB632;
}

.richContent {
    overflow: hidden;
    font-size: .18rem;
    color: #2A314F;
    line-height: .35rem;
    width: 100%;
    /*height: 2rem;*/
    /*background: pink;*/
    margin-top: .33rem;

}

.richFont {

    line-height: .35rem;
    font-size: .18rem;
}

.marginTop45 {
    margin-top: .45rem;
}

.marginTop3 {
    margin-top: .3rem;
}

.marginTop1 {
    margin-top: .1rem;
}


.floatImg {
    position: absolute;
    left: -1.3rem;
    width: 1.32rem;
    flex-direction: column;
    top: 0;
    display: flex;
    align-items: center;
    padding: .12rem 0;
    background: #002CAA;
}

@keyframes barItemShow {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.floatImg > img {
    width: 1.16rem;
    height: 1.16rem;
}

.floatTips {
    font-size: .16rem;
    color: #ffffff;
    text-align: center;
    margin-top: .1rem;
}

.floatClose {
    font-size: .12rem;
    color: #999;
    margin-top: .05rem;
    cursor: pointer;
}

.positionImg {
    position: absolute;
    top: 40%;
    right: -.14rem;
    width: 0;
    height: 0;
    border-top: .1rem solid transparent;
    border-bottom: .1rem solid transparent;
    border-left: .14rem solid #fff;
}

.richImg img {
    width: 100%;
}

.barItemTips {
    height: .65rem;
    padding: 0 .2rem;
    font-size: .18rem;
    color: #FFFFFF;
    position: absolute;
    right: .65rem;
    top: 0;
    background: #002CAA;
    display: flex;
    align-items: center;
    justify-content: center;
}

.transitionItem {
    overflow: hidden;
    position: relative;
}

.transitionItemSub {
    /* overflow: hidden; */
    position: relative;
}

.transitionItemLine, .transitionItemLineSub {
    width: 0;
    height: .02rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #002CAA;
    transition: .5s linear;
}

.transitionItemLineSub {

    height: .03rem;
    background: #FFB632;
}

.transitionItem:hover .transitionItemLine {
    width: 100%;
}

.topBarItem:hover .transitionItemLineSub {
    width: 100%;
}

.transitionItem:hover .transitionPic {
    scale: 1.1;
}