@charset "utf-8";
/*css rest*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, a, img {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body, html {
    height: 100%;
    -moz-user-select: auto;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    -khtml-user-select: auto;
    user-select: auto;
    background: #fff;
}

body {
    font-family: "微软雅黑";
    color: rgb(30, 30, 30);
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    width: 7.5rem;
    margin: auto;
}

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

fieldset {
    border: 0;
    -webkit-touch-callout: none;
    pointer-events: none;
}

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

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

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

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

abbr, acronym {
    border: 0;
}

a {
    color: #000;
    text-decoration: none;
    border: 0;
    outline: none;
    -webkit-touch-callout: none;
}

textarea {
    outline: none;
    resize: none;
    overflow: hidden;
    border: 0;
}

html {
    -webkit-text-size-adjust: 100%;
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
}

a, input[type="text"], input[type="number"], button, textarea, select {
    -webkit-appearance: none;
    outline: 0;
    border: 0;
    color: rgb(30, 30, 30);
    font-size: .28rem;
}

input::-webkit-input-placeholder {
    color: rgb(199, 199, 199);
}

/*css rest end*/
/*clear float*/
.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

/*predefined style start*/
.f12 {
    font-size: 12px;
}

.f13 {
    font-size: 13px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.fb {
    font-weight: bold
}

.fn {
    font-weight: normal
}

.unl {
    text-decoration: underline;
}

.no_unl {
    text-decoration: none;
}

.first_title {
    color: #333;
}

.second_title {
    color: #3e3e3e;
}

.artical {
    color: #666;
}

.time {
    color: #999;
}

.bto {
    border-bottom: 2px solid #0056a5;
}

.indent_2 {
    text-indent: 2em;
}

/*predefined style end*/
/*clear float end*/

#menu {
    width: 100%;
    height: 6.6%;
}

#content {
    width: 100%;
    height: 93.4%;
    overflow: hidden;
}

/* 顶部条 */
#menu {
    position: relative;
    z-index: 9999;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 2px 0px rgba(107, 111, 117, 0.27);
}

#menu .top_content {
    position: relative;
    width: 100%;
    height: 100%;
    padding-left: .33rem;
    padding-right: .33rem;
}

.top_content .logo {
    display: inline-block;
    position: absolute;
    width: 2rem;
    height: .41rem;
    top: 50%;
    margin-top: -.205rem;
}

.top_content .logo > a {
    display: block;
    width: 100%;
    height: 100%;
}

.top_content .logo img {
    display: block;
    width: 100%;
    height: 100%;
}

.top_content .page-title {
    display: inline-block;
    position: absolute;
    right: 1.11rem;
    top: 50%;
    transform: translate(0, -50%);
    font-size: .3rem;
    color: #153b67;
}

.top_content .nav_btn {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.11rem;
    height: 100%;
}

.nav_btn img {
    position: absolute;
    display: block;
    top: 50%;
    right: .33rem;
    width: .44rem;
    height: .36rem;
    margin-top: -.18rem;
}

/* 导航 */
.mask {
    display: none;
    position: fixed;
    top: 6.6%;
    left: 0;
    bottom: 0;
    z-index: 99;
    width: 100%;
    background: rgba(255, 255, 255, 0.6);
}

.nav_container {
    display: none;
}

.nav_content {
    position: absolute;
    top: 0;
    padding-top: .24rem;
    padding-bottom: .24rem;
    width: 100%;
    height: auto;
    background: rgba(4, 14, 25, 0.85);
    z-index: 999;
}

.nav_content > li {
    height: auto;
    margin-left: .2rem;
    border-bottom: 1px solid #fff;
}

.nav_content > li > a {
    position: relative;
    display: block;
    width: 100%;
    height: .88rem;
    line-height: .88rem;
    font-size: .28rem;
    color: #fff;
}

.nav_content > li .banner_arrow {
    display: block;
    position: absolute;
    right: .23rem;
    width: .24rem;
    height: .13rem;
    top: 50%;
    margin-top: -.065rem;
}

.nav_content > li .banner_arrow img {
    display: block;
    width: 100%;
    height: 100%;
    /* transition: all .3s; */
}

.nav_container > li {
    width: auto;
    height: .44rem;;
    margin-bottom: .3rem;
}

.nav_container > li > a {
    display: block;
    width: 100%;
    height: 100%;
}

.nav_container > li > a > span {
    display: inline-block;
    width: auto;
    height: .44rem;
    line-height: .44rem;
    font-size: .24rem;
    color: #333;
    padding-left: .4rem;
    padding-right: .4rem;
    background: #ddd;
    border-radius: 22px;
}

.nav_content .c_footer {
    position: relative;
    font-size: .2rem;
    color: rgba(255, 255, 255, 0.5);
    margin-top: .31rem;
    margin-left: .2rem;
}

.nav_content .c_footer .address,
.nav_content .c_footer .operation {
    margin-bottom: .15rem;
}

.nav_content .c_footer .contact {
    margin-bottom: .33rem;
}

.nav_content .c_footer .record {
    color: rgba(255, 255, 255, 0.3);
}

.nav_content .c_footer a {
    position: absolute;
    right: .23rem;
    top: 0;
    display: inline-block;
    font-size: .2rem;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: underline;
}

/* 右侧滚动点 */
.swiper-container-vertical > .swiper-pagination-bullets {
    right: 4px;
    padding: 0 .04rem;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
}

.swiper-pagination-bullet {
    width: .08rem;
    height: .08rem;
    border: 1px solid #ffffff;
    border-radius: 100%;
    background: none;
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: .15rem 0;
}

.swiper-pagination-bullet-active {
    background: #21bc15;
    border: 1px solid #21bc15;
}

.flex,
#Layer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex_column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: column;
    -ms-flex-pack: column;
}

.flex_hor_center,
#Layer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex_ver_center,
#Layer {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-grid-row-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex_center,
.layer-title-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

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

.flex_start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

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

.flex_end,
.layer-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

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

.flex_column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    -ms-flex-negative: 2;
    flex-shrink: 2;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    -ms-flex-negative: 3;
    flex-shrink: 3;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    -ms-flex-negative: 4;
    flex-shrink: 4;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
    -ms-flex-negative: 5;
    flex-shrink: 5;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.flex-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6;
    -ms-flex-negative: 6;
    flex-shrink: 6;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.flex-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7;
    -ms-flex-negative: 7;
    flex-shrink: 7;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.flex-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8;
    -ms-flex-negative: 8;
    flex-shrink: 8;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.flex-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9;
    -ms-flex-negative: 9;
    flex-shrink: 9;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.flex-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10;
    -ms-flex-negative: 10;
    flex-shrink: 10;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.flex-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    flex: 11;
    -ms-flex-negative: 11;
    flex-shrink: 11;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.flex-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    flex: 12;
    -ms-flex-negative: 12;
    flex-shrink: 12;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}
.nav_container-success > li {
    width: 50%;
    float: left;
}

.nav_container-success > li > a {
    display: flex;
    justify-content: left;
    align-items: center;
}
.head_ico_rig{
    width:.11rem;
    height:.2rem;
}
.text_2em{
    text-indent: 2em;
}