/*初始样式*/
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
    margin: 0;
    padding: 0
}

body {
    /*font: 14px "微软雅黑", "Microsoft YaHei", HELVETICA;*/
    /*font-family: SimSun-ExtB,serif;*/
    background: #fff;
    -webkit-text-size-adjust: 100%;
}

a {
    color: #2d374b;
    text-decoration: none
}

a:hover {
    color: #cd0200;
    text-decoration: underline
}

em {
    font-style: normal
}

li {
    list-style: none
}

img {
    border: 0;
    vertical-align: middle
}

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

p {
    word-wrap: break-word
}

#app {
    width: 100%;
}

.font-title {
    width: 12.396vw;
    margin: 0 3.855vw;
}

.font-title-adorn {
    width: 2.396vw;
}

.font-title-arrow {
    width: 15.62vw;
}

.font-sub-title {
    margin: 1.198vw auto 0;
    display: block;
    font-size: 1.25vw;
    color: #053299;
    opacity: 0.4;
    letter-spacing: 0.16vw
}


::-webkit-scrollbar-track-piece {
    background-color: transparent;
}

::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

::-webkit-scrollbar-thumb {
    background-color: #286097;
    background-clip: padding-box;
    border-radius: 5px;
    min-height: 28px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #286097;
}

.m-back-top {
    height: 100%;
    width: 100%;
    background-color: #f2f5f6;
    box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    text-align: center;
    line-height: 40px;
    color: #1989fa;
}
.m-back-top img {
    height: 20px;
}

.show-pic-box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(10px);
    transition: .3s;
    text-align: center;
    color: #ffffff;
}

.show-pic-box h1 {
    line-height: 5vw;
}

.show-pic-box img {
    width: 75%;
}
.show-pic-box .close {
    width: 2vw;
    height: 2vw;
    position: absolute;
    top: 0.5vw;
    right: 0.5vw;
    cursor: pointer;
}

.hidden {
    display: none;
}

.gray-bg {
    background: url("../../assets/img/bg/bg-gray.png");
    background-size: 100% 100%;
}


/*菜单导航*/
.banner {
    min-height: 45vw;
    background: url("../../assets/img/bg/banner.png");
    background-size: 100% 100%;
    color: #FFFFFF;
}

.banner .menu-box {
    height: 4.16vw;
    text-align: center;
    background: rgba(1, 7, 38, 0.3);
}

.banner .menu-box span {
    margin: 0 1.3vw;
    padding: 1.25vw 1.56vw;
    font-size: 1.25vw;
    line-height: 4.16vw;
}

.banner .menu-box span:hover,
.banner .menu-box span.active {
    cursor: pointer;
    background: rgba(29, 162, 255, 0.3);
    transition: .3s;
}

/*标题*/
.banner .title-box {
    position: relative;
    text-align: center;
    animation: myfirst 1.9s;
}

@keyframes myfirst {
    from {
        bottom: -200px;
        opacity: 0;
    }
    to {
        bottom: 0;
        opacity: 1;
    }
}

.banner .title-box .left-logo {
    position: absolute;
    top: 2.34vw;
    left: 6.98vw;
    width: 6.979vw;
}

.banner .title-box .right-logo {
    width: 9.48vw;
    position: absolute;
    top: 2.34vw;
    right: 2.6vw;
}

.banner .title-box .sub-title {
    padding-top: 3.02vw;
}

.banner .title-box .sub-title .sub-title-img {
    position: relative;
    width: 23.85vw;
}

.banner .title-box .first-title {
    padding-top: 2.81vw;
    padding-bottom: 1.465vw;
}

.banner .title-box .first-title .first-title-img {
    position: relative;
    width: 41.04vw;
}

.banner .title-box .summary {
    font-size: 16px;
    line-height: 28px;
}

.banner .title-box .summary .summary-title {
    font-size: 1.56vw;
}

.banner .title-box .summary .content {
    margin: 6.406vw auto 0;
    width: 75.83vw;
    display: block;
}

.center {
    text-align: center !important;
    text-indent: 0 !important;
}

.banner .title-box .summary .summary-content {
    text-indent: 3.6vw;
    font-size: 1.8vw;
    font-family: "Microsoft YaHei", serif;
    font-weight: bold;
    line-height: 3vw;
    color: #5D1ED2;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
    margin: 0 10%;
    text-align: left;
}


/*页脚配置*/
.foot {
    height: 11.458vw;
    background: #001C86;
    color: #ffffff;
    padding: 2.083vw 6.25vw;
    font-size: 0.833vw;
}

.foot p {
    line-height: 2.083vw;
}

.foot p.contact-us {
    font-size: 1.0417vw;
    margin-bottom: 0.5208vw;
}

.foot .wechat-code {
    width: 10.625vw;
    height: 10.625vw;
}

.foot .left-icon {
    width: 1.0417vw;
    height: 1.0417vw;
    display: inline-block;
    margin-right: 0.5208vw;
}

.foot .left-icon img {
    width: 1.0417vw;
    height: 1.0417vw;
}


/*公共标题*/
.miss-title {
    text-align: center;
    padding-top: 4.167vw;
}

.left-arrow {
    transform: rotate(180deg);
}

.miss-title .left-icon {
}

.miss-title .right-icon {
}

.miss-title .right-arrow {
}

/*.miss-title .main-title {*/
/*    width: 208px;*/
/*    height: 46px;*/
/*    font-size: 48px;*/
/*    color: #053299;*/
/*    letter-spacing: 5px;*/
/*    padding: 0 88px;*/
/*}*/

/*.miss-title .sub-title {*/
/*    margin: 19px 0 38px;*/
/*    display: block;*/
/*    height: 19px;*/
/*    font-size: 24px;*/
/*    color: #053299;*/
/*    opacity: 0.4;*/
/*    letter-spacing: 3px*/
/*}*/

/*轮播图 样式覆盖*/
.el-carousel__indicator--horizontal {
    display: inline-block;
    padding: 12px 4px;
}

.el-carousel__indicator {
    background-color: transparent;
    cursor: pointer;
}

.el-carousel__indicator.is-active {

}

.el-carousel__indicator .el-carousel__button {
    display: block;
    opacity: 1 !important;
    width: 2.083vw !important;
    height: 1.0415vw !important;
    background: #4468E6 !important;
    border-radius: 0.417vw;
    border: none;
    outline: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}

.el-carousel__indicator.is-active .el-carousel__button {
    background: #CFB4FE !important;
}