@charset "utf-8";
/*校园风光文体活动招生资讯招生政策联系我们0123456789*/

@font-face {
    font-family: "思源宋体 Bold";
    font-weight: 700;
    src: url("../fonts/x_Z58AUCY9Bq0h6ixPmqJ.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: Impact;
    src: url(../fonts/impact.ttf);
}

@media screen and (min-width:1920px) {
    html {
        font-size: 100px !important;
    }
}

@media screen and (max-width:1920px) {
    html {
        font-size: 100px !important;
    }
}

@media screen and (max-width:1200px) {
    html {
        font-size: 90px !important;
    }
}

@media screen and (max-width:980px) {
    html {
        font-size: 85px !important;
    }
}

@media screen and (max-width:640px) {
    html {
        font-size: 80px !important;
    }
}

@media screen and (max-width:480px) {
    html {
        font-size: 80px !important;
    }
}

@media screen and (max-width:375px) {
    html {
        font-size: 80px !important;
    }
}

@media screen and (max-width:360px) {
    html {
        font-size: 70px !important;
    }
}


/*==========================================公共 开始=============================================*/
.ar_wap {
    display: none
}

.a_body {
    position: relative;
    z-index: 0;
}

.section {
    overflow: hidden;
}

.section .fp-tableCell {
    padding: .9rem 0 0
}

.section.container01 .fp-tableCell {
    padding: 0
}

.wp {
    width: 14rem;
    padding: 0;
    margin: 0 auto;
    max-width: 94%;
}

.header_box {
    transition: .5s;
}

.header_box_li {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 0;
    padding: 0;
}

.header_box .wp {
    display: flex;
    justify-content: space-between;
    width: 16rem;
    align-items: center;
    padding: .3rem 0;
}

.header_box .left {
    width: 3.36rem;
    padding: 0;
}

.header_box .left img {
    max-width: 100%
}

.header_box .right_box {
    width: calc(100% - 3.36rem);
    padding: 0 0 0 1rem;
    display: flex;
    justify-content: flex-end;
}

.header_box .right {
    width: 9.2rem;
    max-width: 100%;
    padding: .1rem 0 0;
}

.header_box {
    position: relative;
    z-index: 10000;
    height: 0;
}

#header {
    z-index: 999;
    width: 100%;
    transition: 0.36s;
    background-size: cover;
    text-align: right;
    margin-bottom: 0;
}

.header_box:before {
    content: "";
    position: absolute;
    height: 9.6rem;
    top: 0;
    left: 0;
    right: 0;
    transition: 0.5s;
    opacity: 1;
    visibility: visible;
    background: url(../images/head-bg.png) center top no-repeat;
    background-size: 100% 100% !important;
    pointer-events: none;
    z-index: -1;
}

.header_box_li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #004694;
    transition: .5s;
    z-index: -1;
    height: 4px;
}

.header_top {
    position: relative;
    padding: 0;
    z-index: 10000;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: .3rem;
}

.header_top .tianqi {
    display: inline-block;
    height: 4rem
}

.header_top .search_btn {
    display: inline-block;
    float: none;
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
}

.header_top .search {
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 20;
}

.header_top .search .input {
    position: absolute;
    z-index: 1;
    left: auto;
    right: -.5rem;
    top: -12px;
    bottom: auto;
    height: 40px;
    width: 0;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}

.header_top .search .input input {
    width: 100%;
    height: 100%;
    font-size: 13px;
    padding: 0 2rem 0 1rem;
    color: #333;
}

.header_top .search .btn {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}

.header_top .search .btn input {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.header_top .search .btn svg {
    width: 18px;
    height: 18px;
    fill: #fff;
}

.header_top .search:hover .btn svg {
    fill: #f39f37;
}

.header_top .search:hover .input {
    width: 16.25rem;
    opacity: 1;
    visibility: visible;
}

.list_box0 {
    display: flex;
    align-items: center;
}

.list_box0 .li {
    font-size: .14rem;
    color: #fff;
    display: inline-block;
    transition: .5s;
    margin-left: .2rem;
    position: relative;
}

.list_box0 .li img {
    width: .18rem;
    height: .18rem;
    margin: 0 .1rem 0 0;
}

.list_box0 .li>a {
    display: flex;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.35);
    align-items: center;
    justify-content: center;
}

.list_box0 .li a>img {}

.list_box0 .li a .ewm_box {
    display: inline-block;
    border: #d3d3d3 1px solid;
    background: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scaleY(1);
    top: 3.5rem;
    opacity: 1;
    visibility: visible;
    transform-origin: top;
    display: none;
}

.list_box0 .li a .ewm_box:before {
    content: "";
    position: absolute;
    border-left: transparent 6px solid;
    border-right: transparent 6px solid;
    border-bottom: #fff 6px solid;
    top: -6px;
    left: 50%;
    margin-left: -6px;
}

.list_box0 .li:hover {
    color: #fff;
    opacity: 0.7;
}

.list_box1 {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 0 0 .22rem;
}

.list_box1:before {
    content: "";
    position: absolute;
    top: .15rem;
    bottom: .15rem;
    border-left: rgba(255, 255, 255, .38) 1px solid
}

.list_box1 .li {
    margin-left: .2rem;
}

.list_box1 .li a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    transition: .5s;
    width: .45rem;
    height: .45rem;
    border: rgba(255, 255, 255, .38) 1px solid;
}

.list_box1 .li svg {
    width: .24rem;
    height: .24rem;
    fill: #fff;
    transition: .5s;
}

.list_box1 .li a:hover {
    border: #e60013 1px solid;
    background: #e60013
}

.list_box1 .li a:hover svg {
    fill: #fff;
}

#m_header .list_box0 {
    float: right
}

#m_header .list_box0 .li {
    line-height: 60px;
}

#m_header .list_box0 .li a .ewm_box {
    top: 60px
}

#m_header .list_box0 .li a>img {
    height: 12px;
}


.list_box_01 {
    font-size: 0;
    white-space: nowrap;
    padding: .625rem;
}

.list_box_01 li {
    display: block !important;
    margin: 0 15px !important;
    text-align: center;
}

.list_box_01 li h3 img {
    border: #ededed 1px solid;
    width: 85px;
    height: 85px;
}

.list_box_01 li h5 {
    font-size: .75rem;
    color: #666666;
    line-height: 20px;
    margin: 0;
}

.list_box0 .li:after {
    content: "";
    position: absolute;
    left: -1.625rem;
    width: 1px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    opacity: .8;
}

.list_box0 .li:first-child:after {
    display: none
}

.header_box header .wp {
    height: 112px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);}*/


#logo {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

#logo img {}

#logo img.img2 {
    display: none
}

#nav {
    z-index: 1;
    height: .5rem;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-right: 0;
}

#nav:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: rgba(255, 255, 255, .4);
    transition: 2s;
    transition-delay: .5s;
}

#nav.on:before {
    width: 100%;
}

#nav .wp {
    display: flex;
    align-items: center;
    height: 100%;
}

#nav .logos {
    width: 0;
    padding: 0;
    overflow: hidden;
    /* transition: .5s; */
    height: .58rem;
    display: flex;
    align-items: center;
}

#nav .logos img {
    max-width: 100%;
    max-height: .7rem;
}

#nav ul {
    width: 11.86rem;
    display: flex;
    justify-content: space-between;
    height: 100%;
    max-width: 100%;
}

#nav ul li {
    float: left;
    z-index: 0;
    margin-left: 0;
    position: relative;
    height: 100%;
}

#nav ul li a {
    display: block;
    padding: 0;
    position: relative;
    z-index: 2;
    height: 100%;
}

#nav ul li.xiala h3 {
    padding-right: .16rem;
}

#nav ul li h3 {
    font-size: .18rem;
    color: #fff;
    height: 100%;
    position: relative;
    transition: .5s;
    display: flex;
    align-items: center;
    padding: 0;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.35);
    font-weight: bold;
}

#nav ul li h3:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transition: .6s;
    width: 0;
    height: 3px;
    background: #004694;
    margin-left: 0;
    opacity: 0;
    visibility: hidden;
}

#nav ul li.on h3:after,
#nav ul li:hover h3:after {
    opacity: 1;
    visibility: visible;
    width: .34rem;
    margin-left: -.17rem;
}

#nav ul li.xiala:hover h3:after {
    opacity: 1;
    visibility: visible;
    width: 1.4rem;
    margin-left: -.7rem;
}

#nav ul li a i {
    margin: -3px 0 0 .625rem;
    display: inline-block;
    width: 10px;
    height: 5px;
    background: ;
    transition: .5s
}

#nav ul li.on a i,
#nav ul li:hover a i {
    background: ;
}

#nav ul li a i {
    display: inline-block;
    width: 9px;
    height: 6px;
    background-size: contain;
    vertical-align: middle;
    margin-left: 8px;
}

#nav ul li .sub {
    position: absolute;
    top: 100%;
    background: #fff;
    width: 1.4rem;
    left: 50%;
    z-index: 10000;
    transform: translateX(-50%) scaleY(0);
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: .5s;
    transform-origin: top;
    box-shadow: 0 0 60px rgba(0, 0, 0, .1);
}

#nav ul li .sub .box {
    padding: 0;
    text-align: center;
}

#nav ul li .sub a {
    padding: 8px 10px;
    line-height: 28px;
    transition: .6s;
    font-size: 14px;
    color: #666666;
    text-align: center;
    white-space: nowrap;
}

#nav ul li .sub a:hover {
    color: #fff;
    background: #004694;
}

#nav ul li:hover .sub {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) scaleY(1);
}

#nav>ul>li.on h3,
#nav ul li:hover h3,
#header.xg #nav ul li.on a h3,
#header.xg #nav ul li:hover a h3 {}

#nav>ul>li h3:before {
    content: "";
    display: block;
    position: absolute;
    width: .12rem;
    height: .12rem;
    right: 0;
    top: 50%;
    margin-top: -.08rem;
    transition: .3s;
    background: url(../images/xiala.svg) center no-repeat;
    background-size: 100% auto !important;
    display: none;
    opacity: .7;
}

#nav>ul>li.xiala h3:before {
    display: block
}

#nav>ul>li:hover h3:after,
#nav ul li.on h3:after {
    transform: scale(1);
}

#nav>ul>li.noSubMenu h3:before {
    display: none
}

.header_box1 #nav>ul>li h3:before {
    background: url(../images/xiala_on.svg) center no-repeat;
}

.miso_navs #nav .logos {
    width: 5rem;
    padding: 0 1rem 0 0;
    height: 100%;
}

.miso_navs {
    position: fixed;
    left: 0;
    width: 100%;
    background: #193f83;
    box-shadow: 0 0 60px rgba(0, 0, 0, .1);
    top: 0;
    z-index: 100000;
    height: .9rem;
    transform: translateY(-101%);
    transition: .5s;
}

.miso_navs #nav {
    height: 100%
}

.miso_navs #nav .wp {
    height: 100%;
    width: 18.2rem;
    justify-content: space-between;
}

.miso_navs #nav ul {
    width: 10.86rem;
}

.miso_navs #nav ul li h3 {
    color: #fff;
    padding: 0;
    text-shadow: none;
}

.miso_navs.xg1 {
    transform: translateY(0);
}

.search_btn {
    cursor: pointer;
    text-align: center;
    float: left;
    transition: .6s;
    margin: 0;
    position: relative;
    fill: #ffff;
}

.search_btn img {
    margin: 0;
}

#header .dw2 {
    float: left;
    height: 90px;
    width: 53px;
    cursor: pointer;
    position: relative;
    margin-right: 1.5rem;
    transition: .6s;
    margin-left: 1rem;
}

#header .dw2 .j_tab {}

#header .dw2:after {
    content: "";
    width: 1px;
    height: 16px;
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, .75);
    right: -1.5rem;
    top: 50%;
    margin-top: -8px;
}

#header .dw2.yuyan:before {
    content: "";
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

#header .dw2 .dh {
    height: 23px;
    line-height: 23px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    transition: .6s;
}

#header .dw2 .dh span {
    padding-right: 14px;
    width: 53px;
    height: 23px;
    display: inline-block;
    font-style: italic;
}

#header .dw2 .dd {
    padding-bottom: 10px;
    padding-top: 10px;
    position: absolute;
    top: 100%;
    width: 100%;
    text-align: center;
    background: #acce22;
    left: 0;
    border: 1px solid #acce22;
    opacity: 0;
    visibility: hidden;
    transition: 400ms;
    transform: translateY(15px);
}

#header .dw2 .dd:before {
    content: "";
    display: inline-block;
    border: 8px solid transparent;
    border-bottom: 8px solid #acce22;
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left: -8px;
}

#header .dw2 .dd a {
    display: block;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 13px;
    padding: 0 10px;
}

#header .dw2 .dd a:hover {
    font-weight: bold;
}

#header .dw2.on .dd {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
}


.header_box_li.xg:before {
    height: 0;
    opacity: 0;
    visibility: hidden;
}

.header_box_li.xg:after {
    height: 100%
}

.header_box_li.xg #logo img.img1 {
    display: none;
}

.header_box_li.xg #logo img.img2 {
    display: block;
}

.header_box_li.xg #nav {
    border-top: #e5e5e5 1px solid;
}

.header_box_li.xg #nav ul li h3 {
    color: #333;
}

.header_box_li.xg .list_box0 .li {
    color: #333333;
}

.header_box_li.xg .list_box1 .li a {
    border: #990000 1px solid;
    background: #fff;
    color: #990000;
}

.header_box_li.xg .list_box1 .li a svg {
    fill: #990000;
}

.header_box_li.xg .list_box0 .li:hover {
    color: #990000;
    opacity: 1
}

.header_box_li.xg .list_box1 .li a:hover {
    border: #990000 1px solid;
    background: #990000
}

.header_box_li.xg .list_box1 .li a:hover svg {
    fill: #fff;
}

.search_btn {
    cursor: pointer;
}

.list_box0 .li svg {
    fill: #cc0000;
    width: .18rem;
    height: .18rem;
}

.search-dialog-box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    opacity: 0;
    visibility: hidden;
    transition: .6s;
    /* overflow: hidden; */
}

.search-dialog-box:before {
    content: "";
    position: absolute;
    top: 0;
    height: 0;
    background: #27509a;
    transition: .6s;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: .8;
    background-image: -moz-linear-gradient(36deg, #27509a 0%, #004694 100%);
    background-image: -webkit-linear-gradient(36deg, #27509a 0%, #004694 100%);
    background-image: -ms-linear-gradient(36deg, #27509a 0%, #004694 100%);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

.search-dialog-box.on:before {
    height: 100%
}

.search-dialog-box .bubbles-bg {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.search-dialog-box .search-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    margin: 0;
    background: rgba(0, 0, 0, .7);
    background-size: cover;
    background-repeat: no-repeat;
    /* z-index: 1; */
    transform-origin: center center;
    transition: height .8s cubic-bezier(.77, 0, .175, 1);
}

.search-dialog-box .wrap-inner {
    transform: translateY(100%);
    transition: .6s;
}

.search-dialog {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}

.search-dialog .search-tit {
    font-size: 2.75rem;
    line-height: 3.5rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    display: none;
}

.search-dialog .search-inner {
    overflow: hidden;
    margin-top: 0;
}

.search-dialog .search-input {
    width: 8rem;
    margin: 0 auto;
    padding: 0;
    background-color: rgba(255, 255, 255, .1);
    box-sizing: border-box;
    transition: all .3s;
    max-width: 100%;
}

.search-dialog .search-input input[type=text] {
    float: left;
    height: .52rem;
    width: calc(100% - 1.86rem);
    background-color: transparent;
    font-size: .2rem;
    line-height: .08rem;
    color: #fff;
    transition: all .3s;
    margin: .1rem 0;
    padding-left: 25px;
}

.search-dialog .search-input input[type=text]::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=text]:-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=text]::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn {
    float: right;
    height: .72rem;
    width: .56rem;
}

.search-dialog .search-input input[type=submit] {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: .24rem;
    background-image: url('../images/search-btn.svg');
}

.search-dialog .search-input .clear-btn {
    background-color: rgba(0, 0, 0, .2);

    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../images/close-btn.svg');
    background-size: 3.5rem;
    border-radius: 100%;
    margin-right: 1rem;
    display: none;
}

.search-dialog .search-input.on {
    background-color: #fff;
}

.search-dialog .search-input.on input[type=submit] {}

.search-dialog .hot-search {
    font-size: 0;

    width: 19.5rem;
    margin: .6rem auto 0;
    box-sizing: border-box;
    padding: 0 .6rem;
    overflow: hidden;
}

.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.search-dialog .hot-search .hot-tit {
    font-size: .375rem;
    line-height: .5rem;

    color: #fff;
    font-weight: bold;
    padding-left: .6rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .5rem;
    background-image: ;
}

.search-dialog .hot-link {
    margin-left: 1rem;
}


.search-dialog .hot-link a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .375rem;
    line-height: .5rem;
    margin-right: .75rem;
    color: #fff;
    padding-bottom: 5px;
    position: relative;
}

.search-dialog .hot-link a:before {
    content: "";
    position: absolute;
    left: 0%;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .3s;
}

.search-dialog-box .bottom-box {
    position: absolute;
    left: 0;
    bottom: 5.1%;
    width: 100%;
}

.search-dialog-box .bottom-box .share-box {
    overflow: hidden;
}

.search-dialog-box .bottom-box .copy {
    font-size: .35rem;
    line-height: .5rem;
    color: #fff;
    font-family: "gilroy-regular";
    margin-top: .5rem;
    overflow: hidden;
}

.header-right.is-open .bubbles-bg {
    visibility: visible;
    opacity: 1;
}

.header-right.is-open .search-btn .con-box {
    display: none;
}

.header-right.is-open .close-btn {
    display: block;
}

.header-right.is-open .item .search-bg {
    transform: scale(1);
}

.search-dialog-box.on {
    opacity: 1;
    visibility: visible;
}

.search-dialog-box.on .search-bg {
    height: 100vh;
}

.search-dialog-box.on .bubbles-bg {
    opacity: 1;
    visibility: visible;
}

.search-dialog-box.on .wrap-inner {
    transform: translateY(0)
}

.f-cb h3 {
    font-size: .3rem;
    color: #fff;
    text-align: center;
    margin-bottom: .3rem
}

.pub-close {
    position: absolute;
    width: .48rem;
    height: .48rem;
    z-index: 10;
    right: .24rem;
    top: .24rem;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 100%;
}

.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}

.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: .12rem;
    background-repeat: no-repeat;
    background-image: url(../images/close-btn.svg);
    transition: .6s;
}

.pub-close i:hover {
    transform: rotate(180deg)
}

@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}

@keyframes spin2 {
    to {
        transform: rotate(-1turn);
    }
}

@keyframes spin-reverse {
    from {
        transform: rotate(1turn);
    }
}

@keyframes spin-reverse2 {
    from {
        transform: rotate(-1turn);
    }
}

/*顶部搜索*/
.tc_search {
    margin: 0 1.3rem;
    width: calc(100% - 2.6rem);
    position: absolute;
    bottom: 1rem;
}

.tc_search .header-search {
    height: 40px;
    border-radius: 0;
    background: rgba(255, 255, 255, .1);
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
}

.tc_search .focus_js {
    font-size: .875rem;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 1rem;
    box-shadow: none;
    -webkit-appearance: none;
    border-right: 0;
    background: none;
    width: 100%;
}

.tc_search .btn_blue {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 38px;
    line-height: 38px;
    border: 0;
}

.tc_search .btn_blue.fr {
    background: #e9edef;
    color: #4e4f53;
}

.tc_search input::-webkit-input-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .7);
}

.tc_search input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    color: rgba(255, 255, 255, .7);
}

.tc_search input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    c color: #fff;
    color: rgba(255, 255, 255, .7);
}

.tc_search input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
    color: rgba(255, 255, 255, .7);
}

/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {
    color: transparent;
    /* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}

/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {
    color: transparent;
}

/* Mozilla Firefox 19+ */
.tc_search input:focus::-moz-placeholder {
    color: transparent;

}

/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {
    color: transparent;
}

/* 点击搜索框获取焦点 placeholder消失-结束 */
/*导航按钮开始*/

video {
    margin: 0 auto;
}

/*手机端开始*/
.m_header_box {
    transition: .6s;
    display: none;
    height: .75rem;
    position: relative;
    z-index: 1000;
}

.m_header_box header {
    padding: 0 0 0 15px;
    height: .75rem;
    background: #004694;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.m_header_box header #logo img {
    height: .4rem;
}

.m_header_box header #logo {
    padding: 0;
    width: 100%;
}

.m_header_box .list_box1 {
    margin-right: .4rem;
}

.m_header_box .list_box1 .li a {
    border-radius: 0;
    width: 28px;
    height: 20px;
    font-size: 12px;
}

/*导航按钮开始*/
#nav_btn_box.on {
    background: none;
}




#nav_btn .point.on .navbtn::after,
#nav_btn .point.on .navbtn::before {
    /* background: #fff; */
}

#nav_btn_box {
    position: relative;
    width: .85rem;
    height: .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    min-width: .85rem;
}

#nav_btn_box:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #d80e00;
}

#nav_btn_box:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: -6px;
    border-right: #d80e00 6px solid;
    border-bottom: transparent .75rem solid;
}

#nav_btn {
    cursor: pointer;
    text-align: center;
    z-index: 99999;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    outline: none;
    box-shadow: none;
}

#nav_btn .point {
    display: inline-block;
    width: .34rem;
    height: 18px;
    position: relative;
    outline: none;
}

#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before {
    width: 100%;
}

#nav_btn .navbtn {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 2px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #fff;
    margin-top: -1px;
}

#nav_btn .navbtn::after,
#nav_btn .navbtn::before {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 2px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #fff;
}

#nav_btn .navbtn::after {
    top: -8px;
}

#nav_btn .navbtn::before {
    top: 8px;
}

#nav_btn .point.on .navbtn {
    background: transparent;
}

#nav_btn .point.on .navbtn::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
}

#nav_btn .point.on .navbtn::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
}

.m_nav_list {
    flex-direction: column;
    /* justify-content: center; */
    width: 100%;
    height: 100%;
    overflow: auto;
    align-items: center;
    display: flex;
    background: rgba(255, 255, 255, .1);
}

.m_nav_list::-webkit-scrollbar {
    display: none
}

#m_nav {
    z-index: 999;
    position: fixed;
    width: 100%;
    height: 100vh;
    right: -105vw;
    top: 0;
    display: none;
    padding: 84px 20px 30px;
    overflow: hidden;
    pointer-events: none;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background: #27509a;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

#m_nav .close {
    position: absolute;
    top: 7px;
    right: 15px;
    left: 15px;
    font-size: 30px;
    color: #333;
    z-index: 10000;
    /* background: rgba(255,255,255,.1); */
    width: auto;
    height: 35px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 0;
}

#m_nav.act {
    pointer-events: auto;
    right: 0;
    opacity: 1;
    visibility: visible;
}

#m_nav .search_box input.submit {
    background: #0656b7 url(../images/submit.svg) center no-repeat;
    background-size: 1.75rem;
}


#m_nav .old_rukou {
    margin: .24rem 0 0;
    width: 100%;
}

#m_nav .list_box0 {
    width: 100%;
    /* justify-content: center; */
    flex-wrap: wrap;
    text-align: center;
}

#m_nav .list_box0 .li {
    margin: 0;
    font-size: 13px;
    width: 25%;
    line-height: 1.875;
}

.list_box_nav_mobile {
    width: 100%;
    height: 100%;
    /* background: rgba(255,255,255,.1); */
    padding: 0 0 10px;
    overflow: hidden;
    overflow-y: scroll;
    margin: 0;
    flex: 1;
}

.list_box_nav_mobile>li {
    width: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
    margin: 0 auto;
}

.list_box_nav_mobile>li .con {
    position: relative
}

.list_box_nav_mobile>li .a {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    line-height: .6rem;
    color: rgba(255, 255, 255, .8);
    padding: 0;
    font-size: .19rem;
    display: flex;
    position: relative;
    transition: .5s;
}

.list_box_nav_mobile>li i {
    opacity: 1;
    filter: alpha(opacity=100);
    display: inline-block;
    width: .64rem;
    height: .64rem;
    display: inline-block;
    background: url(../images/arrow_down.svg) center no-repeat;
    background-size: 15px 15px !important;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
}

.list_box_nav_mobile>li.on1 i {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

.list_box_nav_mobile>li.on .a {
    color: rgba(255, 255, 255, 1);
}

/*三级导航 开始*/
.list_box_nav_mobile>li .list {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: none
}

.list_box_nav_mobile>li .list a {
    display: block;
    font-size: 13px;
    color: rgba(255, 255, 255, .6);
    line-height: 2.5;
}

.nav_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 888;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
}

/*顶部搜索*/
.wap_search {
    font-size: 16px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    overflow: hidden;
    width: 100%;
    height: 60px;
    display: none;
}

.wap_search form {
    height: 40px;
    border-radius: 0;
    background: rgb(255 255 255);
    position: relative;
    width: 100%;
    margin: 10px auto;
}

.wap_search .input {
    font-size: 14px;
    color: #646464;
    height: 40px;
    line-height: 40px;
    padding: 0 .24rem;
    box-shadow: none;
    -webkit-appearance: none;
    float: left;
    border-right: 0;
    background: none;
    width: calc(100% - 40px);
}

.wap_search .btn_blue {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 0;
    background: url(../images/submit.svg) center no-repeat #b90417;
    background-size: .24rem;
    border-radius: 0;
}

.wap_search .btn_blue.fr {
    background: #e9edef;
    color: #4e4f53;
}

.wap_search input::-webkit-input-placeholder {
    color: #999;
}

.wap_search input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

.wap_search input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

.wap_search input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999;
}

/* WebKit browsers */
.wap_search input:focus::-webkit-input-placeholder {
    color: transparent;
    /* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}

/* Mozilla Firefox 4 to 18 */
.wap_search input:focus:-moz-placeholder {
    color: transparent;
}

/* Mozilla Firefox 19+ */
.wap_search input:focus::-moz-placeholder {
    color: transparent;
}

/* Internet Explorer 10+ */
.wap_search input:focus:-ms-input-placeholder {
    color: transparent;
}

/* 点击搜索框获取焦点 placeholder消失-结束 */

.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.swiper-box1 {
    position: relative;
    overflow: hidden;
}

/* .swiper-box1 .swiper-prev, .swiper-box1 .swiper-next {position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 3;color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;cursor: pointer;width: 4.6875rem;height: 5.625rem;background-size: cover !important;transition: .5s;z-index: 100;}

.swiper-box1 .swiper-prev{background: url(../images/banner_prev.png) center no-repeat;}
.swiper-box1 .swiper-next{background: url(../images/banner_next.png) center no-repeat;left: auto;right: 0;}

.swiper-box1 .swiper-prev:hover{background: url(../images/banner_prev_on.png) center no-repeat;}
.swiper-box1 .swiper-next:hover{background: url(../images/banner_next_on.png) center no-repeat;} */

.swiper-box1 .swiper-wrapper .swiper-slide {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.bannerimg .img_hezi {
    padding-bottom: 100vh !important;
}

.bannerimg video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.15)
}

.swiper-box1 .swiper-wrapper .swiper-slide .box1text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: 1;
    background: url(../images/box1text_bg.png) center bottom no-repeat;
    background-size: 100% auto;
}

.swiper-box1 .swiper-wrapper .swiper-slide .box1text .wp {
    height: 100%;
    display: flex;
    align-items: flex-end;
    width: 16rem;
}

.swiper-box1 .swiper-wrapper .swiper-slide .box1text h3 {
    font-size: .24rem;
    margin: 0;
    transform: translateY(80px);
    opacity: 0;
    transition-delay: .4s;
    -moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
    line-height: 1.5;
    margin-bottom: .4rem;
    width: 66%;
}

.swiper-box1.on .swiper-wrapper .swiper-slide .box1text h3 {
    transform: translateY(0);
    opacity: 1;
}

.swiper-pagination_box {
    position: absolute;
    bottom: .3rem;
    right: calc((100vw - 16rem) / 2);
    display: flex;
    z-index: 10;
    align-items: center;
}

.swiper-pagination_box .swiper-pagination {
    position: relative;
    display: flex;
}

.swiper-pagination_box .swiper-pagination .swiper-pagination-bullet {
    width: .45rem;
    height: .45rem;
    opacity: 1;
    background: none;
    position: relative;
    cursor: pointer;
    margin: 0 .1rem;
}

.swiper-pagination_box .swiper-pagination .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: .13rem;
    height: .13rem;
    background: rgba(255, 255, 255, .63);
    top: 50%;
    left: 50%;
    margin: -.065rem 0 0 -.065rem;
    border-radius: 50%;
    transition: .5s
}

.swiper-pagination_box .swiper-pagination .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/swiper-box1_ico.png) center no-repeat;
    background-size: 100% 100% !important;
    transform: scale(0);
    transition: .5s
}

.swiper-pagination_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    transform: scale(0)
}

.swiper-pagination_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    transform: scale(1)
}

.swiper-pagination_box a {
    font-size: 12px;
    display: flex;
    height: .17rem;
    border-left: rgba(255, 255, 255, .3) 1.5px solid;
    color: #fff;
    align-items: center;
    padding: 0 0 0 .15rem;
    margin: 0 0 0 .1rem;
    transition: .5s;
}

/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

.container02 {
    background: url(../images/container02_bg.jpg) center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.container02 .bg1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.container02 .bg1 img {
    max-height: 98%;
}

.title001_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .4rem;
}

.list_tabs0 {
    display: flex;
    align-content: center;
}

.list_tabs0 .li * {
    transition: .5s;
}

.list_tabs0 .li {
    margin: 0 .7rem 0 0;
    cursor: pointer;
    position: relative;
}

.list_tabs0 .li:after {
    content: "";
    position: absolute;
    width: .07rem;
    height: .07rem;
    background: #c8c8c8;
    border-radius: 50%;
    top: 50%;
    right: -.38rem;
    transform: translateY(-50%);
}

.list_tabs0 .li:last-child:after {
    display: none
}

.list_tabs0 .li h6 {
    font-size: .14rem;
    color: #c8c8c8;
    font-weight: bold;
    text-transform: uppercase;
}

.list_tabs0 .li h3 {
    font-size: .34rem;
    color: #333333;
    margin: .1rem 0 .2rem;
}

.list_tabs0 .li .line {
    position: relative;
    width: .32rem;
    height: 3px;
    opacity: 0;
}

.list_tabs0 .li .line:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 48%;
    height: 100%;
    background: #004694;
}

.list_tabs0 .li .line:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 48%;
    height: 100%;
    background: #e60013;
}

.list_tabs0 .li.li1 {
    display: flex;
    align-items: center;
    margin-right: 0;
}

.list_tabs0 .li.li1 a {
    margin-left: .15rem
}

.list_tabs0 .li.li1 a svg {
    fill: #004694;
    width: .3rem;
    height: .3rem
}

.list_tabs0 .li.active h6 {
    color: #004694;
}

.list_tabs0 .li.active h3 {
    color: #004694;
    font-weight: bold;
}

.list_tabs0 .li.active .line {
    opacity: 1
}

.list_bds1 {
    overflow: visible
}

.more001 a {
    display: flex;
    width: 1.125rem;
    height: .3rem;
    border: #004694 1px solid;
    border-radius: .15rem;
    align-items: center;
    justify-content: center;
    font-size: .14rem;
    color: #004694;
    transition: .5s;
}

.more001 a svg {
    width: .12rem;
    height: .12rem;
    fill: #004694;
    margin: 0 0 0 .06rem;
    transition: .5s;
}

.container02 .content {
    display: flex;
}

.container02 .content .left {
    width: 50%;
    padding: 0 .54rem 0 0;
}

.container02 .content .right {
    width: 50%;
}

.list1 li .img.img_zd video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.list1 li * {
    transition: .5s;
}

.list1 li .a {
    position: relative
}

.list1 li .img .img {}

.list1 li .img .time {
    position: absolute;
    top: 0;
    left: 0;
    width: .85rem;
    height: .74rem;
    background: #004694;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.list1 li .img .time h3 {
    font-size: .35rem;
    color: #fff;
    font-weight: bold;
}

.list1 li .img .time h6 {
    font-size: .14rem;
    color: #fff;
    margin: .05rem 0 0;
}

.list1 li .con {
    height: .86rem;
    display: flex;
    align-items: center; //padding: 0 0 0 .48rem;text-align:center;}

    .list1 li .con h5 {
        font-size: .2rem;
        color: #010101;
        line-height: 1.25;
        width: 100%;
    }


    .list1_box {
        overflow: visible;
    }

    .miso-arrow1-box {
        position: absolute;
        top: 0;
        left: -.75rem;
        width: .38rem;
        display: flex;
        flex-direction: column;
    }

    .miso-arrow1-box .swiper-button-prev {
        width: .38rem;
        height: .38rem;
        border: #a5a5a5 1px solid;
        position: relative;
        left: 0;
        top: auto;
        margin: 0;
        border-radius: 50%;
        opacity: 1;
        transition: .5s;
    }

    .miso-arrow1-box .swiper-button-prev::after {
        font-weight: bold;
        font-size: .15rem;
        color: #989898;
        font-weight: bold;
        transform: rotate(90deg);
        transition: .5s;
    }

    .miso-arrow1-box .swiper-button-next {
        width: .38rem;
        height: .38rem;
        border: #a5a5a5 1px solid;
        position: relative;
        left: 0;
        top: auto;
        margin: 0;
        border-radius: 50%;
        opacity: 1;
        transition: .5s;
    }

    .miso-arrow1-box .swiper-button-next::after {
        font-weight: bold;
        font-size: .15rem;
        color: #989898;
        font-weight: bold;
        transform: rotate(90deg);
        transition: .5s;
    }

    .miso-arrow1-box .swiper-pagination {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: .1rem 0;
    }

    .miso-arrow1-box .swiper-pagination span {
        width: .1rem;
        height: .1rem;
        border: #c0cad5 1px solid;
        opacity: 1;
        margin: .05rem 0;
        transition: .5s;
    }

    .miso-arrow1-box .swiper-pagination span.swiper-pagination-bullet-active {
        background: #2460a3;
        border: #2460a3 1px solid
    }

    .miso-arrow1-box .swiper-button-prev:hover,
    .miso-arrow1-box .swiper-button-next:hover {
        border: #2360a3 1px solid;
        background: #2360a3;
    }

    .miso-arrow1-box .swiper-button-prev:hover::after,
    .miso-arrow1-box .swiper-button-next:hover::after {
        color: #fff;
    }

    .zttj {
        display: flex;
        flex-wrap: wrap;
        margin: .2rem 0 0;
    }

    .zttj .title002 {
        width: .92rem;
        display: flex;
        align-items: center;
    }

    .zttj .title002 h3 {
        font-size: .34rem;
        color: #004694;
        font-weight: bold;
        width: .34rem;
        margin-right: 0;
    }

    .zttj .title002 h6 {
        font-size: .18rem;
        color: #666666;
        width: .34rem;
        text-transform: uppercase;
        writing-mode: tb-rl;
        -webkit-writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
        font-family: "PingFang SC", "PingFang SC-Regular", 苹方;
    }

    .zttj .rr {
        width: calc(100% - .92rem);
    }

    .list2 {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -.11rem;
    }

    .list2 li {
        width: 50%;
        padding: 0 .11rem;
    }

    .list2 li .img .img_hezi {
        padding-bottom: 64.15% !important;
    }

    .list3 {
        margin: -.22rem 0;
    }

    .list3 li {
        border-bottom: #ebebeb 2px solid;
    }

    .list3 li * {
        transition: .5s;
    }

    .list3 li .a {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: .22rem .14rem;
    }

    .list3 li .a .img {
        width: 2.08rem;
    }

    .list3 li .a .con {
        width: calc(100% - 2.08rem);
        padding: 0 0 0 .34rem;
    }

    .list3 li .a .con h5 {
        font-size: .19rem;
        color: #333333;
        line-height: .3rem;
        height: .6rem\0;
    }

    .list3 li .a .con h6 {
        font-size: .18rem;
        color: #999999;
        margin: .15rem 0 0;
    }

    .list3 .miso-dots {
        position: absolute;
        top: .22rem;
        bottom: auto;
        right: -.25rem;
        left: auto;
        width: .05rem;
    }

    .list3 .miso-dots li {
        width: .38rem;
        height: .38rem;
        transition: .5s;
        margin-bottom: .15rem;
        border: #a5a5a5 1px solid;
        border-radius: 50%;
    }

    .list3 .miso-dots li button {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .16rem;
        color: #666
    }

    .list3 .miso-dots li.miso-active {
        background: #406b98;
        border: #406b98 1px solid
    }

    .list3 .miso-dots li.miso-active button {
        color: #fff
    }

    .list4 {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -.16rem;
        margin-bottom: -.32rem;
    }

    .list4 li {
        width: 33.33%;
        padding: 0 .16rem;
        margin-bottom: .32rem;
    }

    .list4 li * {
        transition: .5s;
    }

    .list4 li .a {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 2.9rem;
        background: #fff;
        padding: 0 .3rem;
        align-items: flex-start;
    }

    .list4 li .a::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: #d5d5d5 1px solid;
        z-index: -1;
    }

    .list4 li .a .line1 {
        position: absolute;
        left: 0;
        top: 0;
        height: 0;
        width: 1px;
        background: #004694;
        transition: .5s;
    }

    .list4 li .a .line2 {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 1px;
        width: 0;
        background: #004694;
        transition: .5s;
    }

    .list4 li .a .line3 {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 0;
        width: 1px;
        background: #004694;
        transition: .5s;
    }

    .list4 li .a .line4 {
        position: absolute;
        right: 0;
        top: 0;
        height: 1px;
        width: 0;
        background: #004694;
        transition: .5s;
    }

    .list4 li .a font {
        display: flex;
        border: #dadada 1px solid;
        height: .36rem;
        width: auto;
        align-items: center;
        justify-content: center;
        font-size: .16rem;
        color: #004694;
        padding: 0 .16rem;
    }

    .list4 li .a h5 {
        font-size: .18rem;
        color: #000000;
        line-height: .32rem;
        height: .64rem;
        font-weight: bold;
        margin: .15rem 0 0;
        width: 100%;
    }

    .list4 li .a p {
        font-size: .14rem;
        color: #666666;
        line-height: .24rem;
        height: .48rem;
        margin: .1rem 0 .12rem;
        width: 100%
    }

    .list4 li .a h6 {
        font-size: .14rem;
        color: #999999;
        line-height: 1.25;
        width: 100%
    }

    .title003 {
        text-align: center;
        margin-bottom: .4rem;
    }

    .title003 h6 {
        font-size: .14rem;
        color: #fff;
        text-transform: uppercase;
        opacity: .7;
        font-weight: bold;
    }

    .title003 h3 {
        font-size: .34rem;
        color: #fff;
        font-weight: bold;
        margin: .1rem 0 .2rem;
        /* font-family: "PingFang SC", "PingFang SC-Regular", 苹方; */
    }

    .title003 .line {
        position: relative;
        width: .32rem;
        height: 3px;
        margin: 0 auto;
    }

    .title003 .line:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 48%;
        height: 100%;
        background: #fff;
    }

    .title003 .line:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 48%;
        height: 100%;
        background: #fff;
    }

    .container03 {
        background: url(../images/container03_bg.jpg) center 10% no-repeat;
        background-size: cover;
        position: relative;
        z-index: 1;
    }

    .container03 .title001_box {
        padding: 0 0 0 3.9rem;
        margin-bottom: .3rem;
    }

    .container03 .title001_box .list_tabs0 .li {
        text-align: center;
        margin: 0 .52rem 0 0;
    }

    .container03 .title001_box .list_tabs0 .li h3 {
        font-size: .26rem;
        font-family: "思源宋体 Bold";
        font-weight: normal;
        margin: .06rem 0 .1rem;
        color: #666666;
    }

    .container03 .title001_box .list_tabs0 .li h6 {
        opacity: 1
    }

    .container03 .title001_box .list_tabs0 .li.active h6 {
        opacity: 1
    }

    .container03 .title001_box .list_tabs0 .li .line {
        margin: 0 auto
    }

    .container03 .title001_box .list_tabs0 .li:after {
        bottom: .22rem;
        right: -.3rem;
    }

    .container03 .title001_box .list_tabs0 .li.active h3 {
        color: #004694
    }

    .container03 .content {
        position: relative;
        z-index: 1;
        min-height: 5rem;
        padding: .6rem 0;
    }

    .container03 .content::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 18.1rem;
        background: url(../images/container03_bg1.jpg) center no-repeat;
        background-size: cover;
        z-index: -1;
        margin-left: calc(-9.05rem + .6rem);
        border-radius: 3.4rem 0 0 3.4rem;
    }

    .list_tabs3 {
        padding: 0 0 0 .8rem;
        display: flex;
        margin: 0 0 -1.25rem;
        position: absolute;
        z-index: 2;
    }

    .list_tabs3 .li {
        width: auto;
        margin: 0 .28rem 0 0;
    }

    .list_tabs3 .li * {
        transition: .5s
    }

    .list_tabs3 .li a {
        display: flex;
        width: .38rem;
        height: 1.25rem;
        border: #dadada 1px solid;
        border-radius: .19rem;
        align-items: center;
        justify-content: center;
    }

    .list_tabs3 .li a font {
        display: inline-block;
        width: .16rem;
        font-size: .16rem;
        color: #6f6f6f;
        line-height: 1.125;
    }

    .list_tabs3 .li.active a {
        border: #004694 1px solid;
        background: #004694
    }

    .list_tabs3 .li.active a font {
        color: #fff
    }







    .list5 .miso-list,
    .hd-slideTT {
        overflow: visible;
    }

    .list5 li * {
        transition: .5s
    }

    .list5 li h3 {
        font-size: .26rem;
        color: #034287;
        font-weight: bold;
        width: 100%;
        line-height: .4rem;

        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;


    }

    .list5 li hr {
        width: 0;
        height: 1px;
        background: #81a0c3;
        margin: .16rem 0 .25rem;
        transition-delay: .5s;
        transition: 2s;
    }

    .list5 li .con {
        width: 100%;
    }

    .list5 li .con p {
        font-size: .14rem;
        color: #666666;
        line-height: .28rem;

        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .list5 li.swiper-slide-active hr {
        width: 4.54rem
    }








    .list_bds2>.swiper-wrapper {
        height: auto !important;
    }

    .list_bds3>.swiper-wrapper {
        height: auto !important;
    }

    .list_bds2 .list_bds2_li {
        transform: scale(0);
        visibility: hidden;
        height: 0
    }

    .list_bds2 .list_bds2_li.active {
        transform: scale(1);
        visibility: visible;
        height: auto
    }

    .list_bds3 {
        position: relative;
    }

    .list_bds3 .list_bds3_li {
        transform: scale(0);
        visibility: hidden;
        height: 0
    }

    .list_bds3 .list_bds3_li.active {
        transform: scale(1);
        visibility: visible;
        height: auto
    }



    .title003b h6 {
        color: #004694;
        font-weight: bold;
        opacity: 1;
    }

    .title003b h3 {
        color: #333333;
    }

    .title003b .line:before {
        background: #e60013;
    }

    .title003b .line:after {
        background: #004694;
    }

    .container04 .content {
        display: flex;
        flex-wrap: wrap;
    }

    .container04 .content .left {
        width: 51%;
        position: relative;
        z-index: 2;
    }

    .container04 .content .right {
        width: 49%;
        padding: 0 0 0 .6rem;
        display: flex;
        justify-content: center;
        flex-direction: column;
        position: relative;
        z-index: 1;
    }

    .container04 .fl02.content .right::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: -2rem;
        width: 21.15rem;
        background: url(../images/container04_bg.jpg) center no-repeat;
        background-size: cover;
        z-index: -1;
        border-radius: 2.55rem;
        transition: 2s;
        transform: translateX(-100%);
    }

    .active.container04 .fl02.content .right::before {
        transform: translateX(0)
    }

    .list7 {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -.09rem;
        margin-bottom: .22rem;
    }

    .list7 li {
        width: 25%;
        padding: 0 .09rem;
    }

    .list7 li * {
        transition: .5s;
    }

    .list7 li .a {
        display: flex;
        height: 1.06rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        position: relative;
        z-index: 1;
    }

    .list7 li .a::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: #e4e4e4 1px solid;
        z-index: -1;
    }

    .list7 li .a .line1 {
        position: absolute;
        left: 0;
        top: 0;
        height: 0;
        width: 1px;
        background: #004694;
        transition: .5s;
    }

    .list7 li .a .line2 {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 1px;
        width: 0;
        background: #004694;
        transition: .5s;
    }

    .list7 li .a .line3 {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 0;
        width: 1px;
        background: #004694;
        transition: .5s;
    }

    .list7 li .a .line4 {
        position: absolute;
        right: 0;
        top: 0;
        height: 1px;
        width: 0;
        background: #004694;
        transition: .5s;
    }

    .list7 li .a h5 {
        font-size: .19rem;
        color: #000000;
        line-height: 1.375;
        margin: .1rem 0 0
    }

    .list8 li .a {
        display: block;
        position: relative;
        z-index: 1;
    }

    .list8 li * {
        transition: .5s;
    }

    .list8 li .a .img .img_hezi {
        padding-bottom: 72% !important;
    }

    .list8 li .a .top {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        background: rgba(0, 0, 0, .5);
    }

    .list8 li .a .top .ico {
        width: 1.38rem;
        height: 1.38rem;
        border: rgba(255, 255, 255, .3) 2px solid;
        background: rgba(0, 0, 0, .3);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        position: relative;
        z-index: 1;
    }

    .list8 li .a .top .ico svg {
        width: .5rem;
        height: .5rem;
        fill: #fff;
    }

    .list8 li .a .top .ico span {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, .2);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-animation: circleScale 3s linear infinite;
        -moz-animation: circleScale 3s linear infinite;
        -ms-animation: circleScale 3s linear infinite;
        animation: circleScale 3s linear infinite;
        z-index: -1;
        visibility: hidden;
        display: none;
    }

    .list8 li .a .top .ico span:nth-of-type(2) {
        animation-delay: 1s;
    }

    .list8 li .a .top .ico span:nth-of-type(3) {
        animation-delay: 2s;
    }



    .container04 .title001_box {
        margin: .26rem 0 .44rem;
    }

    .container04 .title001_box .list_tabs0 .li {
        text-align: center;
        margin: 0 .52rem 0 0;
    }

    .container04 .title001_box .list_tabs0 .li h3 {
        font-size: .26rem;
        font-family: "思源宋体 Bold";
        font-weight: normal;
        margin: .06rem 0 .12rem;
        color: #666666;
    }

    .container04 .title001_box .list_tabs0 .li h6 {
        opacity: 1
    }

    .container04 .title001_box .list_tabs0 .li.active h6 {
        opacity: 1
    }

    .container04 .title001_box .list_tabs0 .li .line {
        margin: 0 auto
    }

    .container04 .title001_box .list_tabs0 .li:after {
        bottom: .22rem;
        right: -.3rem;
    }

    .container04 .title001_box .list_tabs0 .li.active h3 {
        color: #004694
    }

    .list9 {
        width: 100%;
        border-bottom: #f5f6f7 1px solid;
        padding: 0 0 .25rem;
        margin-bottom: .08rem
    }

    .list9 li * {
        transition: .5s;
    }

    .list9 li h6 {
        font-size: .16rem;
        color: #999999
    }

    .list9 li h5 {
        font-size: .24rem;
        color: #000000;
        margin: .18rem 0;
        line-height: 1.25;
    }

    .list9 li p {
        font-size: .16rem;
        color: #666666;
        line-height: .32rem;
        height: .64rem\0;
        text-align: justify;
    }

    .list10 {
        width: 100%
    }

    .list10 li * {
        transition: .5s;
    }

    .list10 li .a {
        display: flex;
        height: .5rem;
        align-items: center;
        justify-content: space-between;
        position: relative;
        padding: 0 0 0 .16rem;
    }

    .list10 li .a:before {
        content: "";
        position: absolute;
        width: 3px;
        height: 3px;
        background: #000000;
        border-radius: 50%;
        left: .02rem;
    }

    .list10 li .a h5 {
        font-size: .18rem;
        color: #000000;
        line-height: 1.25;
        width: calc(100% - 1rem);
    }

    .list10 li .a span {
        display: inline-block;
        font-size: .16rem;
        color: #999999;
        line-height: 1.25;
        white-space: nowrap;
    }

    .list10s li .a h5 {
        width: 100%
    }

    .list_bds4 {
        overflow: visible;
        width: 100%;
    }

    .list_tabs4s .li {
        display: none;
    }

    .list_tabs4s .li * {
        transition: .5s;
    }

    .list_tabs4s .li .a {
        font-size: .14rem;
        color: #999595;
    }

    .list_tabs4s .li .a i {
        font-size: .14rem;
        color: #999595;
        font-family: simsun;
        font-style: normal;
        margin: 0 0 0 .1rem;
        font-weight: bold;
    }

    .list_tabs4s .li.active {
        display: block;
    }

    .container05 {
        background: url(../images/container05_bg.jpg) center;
    }

    .title003_box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: .48rem;
    }

    .title003_box .title003 {
        text-align: left;
        margin-bottom: 0;
    }

    .title003_box .title003 .line {
        margin: 0
    }

    .title003_box .more003 * {
        transition: .5s;
    }

    .title003_box .more003 .a {
        font-size: .14rem;
        color: #999595;
    }

    .title003_box .more003 .a i {
        font-size: .14rem;
        color: #999595;
        font-family: simsun;
        font-style: normal;
        margin: 0 0 0 .1rem;
        font-weight: bold;
    }

    .title003_box.ar_wap {
        display: none
    }

    .container05 .fl02 {
        position: relative;
        z-index: 1;
        padding: .7rem 0;
    }

    .container05 .fl02::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -2.2rem;
        width: 19.2rem;
        background: url(../images/container05_bg1.jpg) center no-repeat;
        background-size: cover;
        z-index: -1;
        border-radius: 3.4rem 0 0 3.4rem;
        transform: translateX(100%);
        transition: 2s
    }

    .container05 .content {
        display: flex;
        margin: 0 -.7rem;
    }

    .container05 .content .box {
        width: 50%;
        padding: 0 .7rem;
    }

    .active.container05 .fl02::before {
        transform: translateX(0);
    }


    .list9s {
        width: 5.6rem;
        max-width: 100%;
        border: none;
        padding: 0;
        margin-bottom: .36rem;
    }

    .list9s li h5 {
        font-size: .24rem;
        color: #222222;
        font-weight: bold;
        margin: 0 0 .2rem;
    }

    .list9s li p {
        font-size: .18rem;
        line-height: .34rem;
        height: 1.02rem\0;
    }

    .list10s li {
        border-top: #eaedef 2px solid;
    }

    .list11 {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -.1rem;
        margin-bottom: -.2rem;
    }

    .list11 li {
        width: 50%;
        padding: 0 .1rem;
        margin-bottom: .2rem;
    }

    .list11 li * {
        transition: .5s;
    }

    .list11 li .a {
        display: flex;
        width: 100%;
        height: 2.25rem;
        background: #fff;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        padding: 0 .24rem;
        box-shadow: 0px 1px 12.87px 0.13px rgba(0, 0, 0, 0.15);
        transition: .5s;
    }

    .list11 li .a h5 {
        font-size: .17rem;
        color: #333333;
        font-weight: bold;
        width: 100%;
    }

    .list11 li .a .con {
        width: 100%
    }

    .list11 li .a hr {
        background: #e3e3e3;
        width: 100%;
        height: 1px;
        margin: .2rem 0 .15rem;
    }

    .list11 li .a p {
        font-size: .13rem;
        color: #777777;
        line-height: .28rem;
        padding: 0 0 0 .24rem
    }

    .list11 li .a p:nth-child(1) {
        background: url(../images/list11_ico1.png) left center no-repeat;
    }

    .list11 li .a p:nth-child(2) {
        background: url(../images/list11_ico2.png) left center no-repeat;
    }

    .list11 li .a p:nth-child(3) {
        background: url(../images/list11_ico3.png) left center no-repeat;
    }

    .container06 {
        background: url(../images/container06_bg.jpg) center no-repeat;
        background-size: cover;
        position: relative;
        z-index: 1;
    }

    .container06 .bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .list12lan {
        height: 1.2rem;
        background: #004694;
        display: flex;
        align-items: center;
        padding: 0 .8rem;
        border-radius: .6rem;
    }

    .list12 li {
        width: auto !important;
        font-size: .23rem;
        color: #fff;
        opacity: .6;
        transition: .5s;
        line-height: 1.25;
    }

    .list12 li.swiper-slide-active+li {
        opacity: 1
    }



    .container06 .title {
        position: absolute;
        right: 50%;
        top: 12%;
        margin-right: -6.5rem;
        width: 2.22rem;
        height: 2.22rem;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .container06 .title .img {
        border-radius: 50%
    }

    .container06 .title img {
        width: 1.66rem
    }

    .container06 .content {
        display: flex;
        justify-content: center;
        padding: 0;
    }

    .container06 .content .box {
        background: url(../images/huan_bg.svg) center top no-repeat;
        width: 7.14rem;
        display: flex;
        justify-content: center;
        padding: 1.2rem 0 0;
        background-size: 100% auto;
        position: relative;
        z-index: 1;
    }

    .container06 .content .box .img {
        width: 3.52rem;
    }

    .container06 .content .box .img .img_hezi {
        padding-bottom: 100% !important
    }

    .container06 .content .box .img .top {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }

    .container06 .content .box .img .top h3 {
        font-size: .6rem;
        color: #fff;
        line-height: 1.45;
    }

    .container06 .content .box .img .top h6 {
        font-size: .26rem;
        color: rgba(255, 255, 255, .6);
        line-height: 1.5;
        font-family: "PingFang SC", "PingFang SC-Regular", 苹方;
        text-transform: uppercase;
        font-weight: 300;
    }

    .container06 .content .box.ar_wap {
        display: none;
    }

    .list13 li {
        position: absolute;
    }

    .list13 li * {
        transition: .5s;
    }

    .list13 li a {
        display: flex;
        align-items: center;
    }

    .list13 li a .ico {
        min-width: 1.42rem;
        width: 1.42rem;
        height: 1.42rem;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        position: relative;
        z-index: 1;
    }

    .list13 li a .ico:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: #004694 1px dashed;
        z-index: 1;
        border-radius: 50%;
        -webkit-animation: play 25s linear infinite;
        -moz-animation: play 25s linear infinite;
        animation: play 25s linear infinite;
    }

    .list13 li a .con {
        padding: 0 0 0 .28rem
    }

    .list13 li a .con h3 {
        display: flex;
        align-items: baseline;
        margin-bottom: .04rem
    }

    .list13 li a .con h3 big {
        font-family: Times New Roman;
        font-size: .51rem;
        font-weight: bold;
        color: #004694
    }

    .list13 li a .con h3 small {
        font-size: .18rem;
        color: #004694;
        margin: 0 0 0 .08rem
    }

    .list13 li a .con h6 {
        font-size: .18rem;
        color: #333333;
        white-space: nowrap;
        line-height: 1.375;
    }

    .list13 li:nth-child(1) {
        bottom: 6%;
        right: 90%;
    }

    .list13 li:nth-child(1) .ico {
        order: 1;
    }

    .list13 li:nth-child(1) a .con {
        text-align: right;
        padding: 0 .28rem 0 0
    }

    .list13 li:nth-child(2) {
        bottom: 58%;
        right: 78%;
    }

    .list13 li:nth-child(2) .ico {
        order: 1;
    }

    .list13 li:nth-child(2) a .con {
        text-align: right;
        padding: 0 .28rem 0 0
    }

    .list13 li:nth-child(3) {
        bottom: 82%;
        right: 50%;
        margin-right: -.71rem;
    }

    .list13 li:nth-child(3) a {
        flex-direction: column;
        justify-content: center;
    }

    .list13 li:nth-child(3) .ico {
        order: 1;
    }

    .list13 li:nth-child(3) a .con {
        text-align: right;
        padding: 0 0 .24rem 0;
    }

    .list13 li:nth-child(4) {
        bottom: 6%;
        left: 90%;
    }

    .list13 li:nth-child(4) .ico {
        order: 0;
    }

    .list13 li:nth-child(4) a .con {
        padding: 0 0 0 .28rem;
    }

    .list13 li:nth-child(4) a .con h3 {
        text-align: right
    }

    .list13 li:nth-child(4) a .con h3 {
        text-align: right;
        /* justify-content: flex-end; */
    }

    .list13 li:nth-child(5) {
        bottom: 58%;
        left: 78%;
    }

    .list13 li:nth-child(5) .ico {
        order: 0;
    }

    .list13 li:nth-child(5) a .con {
        padding: 0 0 0 .28rem;
    }

    .list13 li:nth-child(5) a .con h3 {
        text-align: right;
        /* justify-content: flex-end; */
    }

    .container06 .title span {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        background-color: #004694;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-animation: circleScale 3s linear infinite;
        -moz-animation: circleScale 3s linear infinite;
        -ms-animation: circleScale 3s linear infinite;
        animation: circleScale 3s linear infinite;
        z-index: -1;
        /* visibility: hidden; */
        opacity: .2;
    }

    .container06 .title span:nth-of-type(2) {
        animation-delay: 1s;
    }

    .container06 .title span:nth-of-type(3) {
        animation-delay: 2s;
    }

    @keyframes circleScale {
        0% {
            opacity: 1;
            -webkit-transform: scale(.7);
            -moz-transform: scale(.7);
            -ms-transform: scale(.7);
            transform: scale(.7);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
    }

    .container07 {
        background: #f4f9ff;
    }

    .container07 .content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding: 0 0 0 10%;
    }

    .container07 .content .left {
        width: 36%;
        position: relative;
        z-index: 1;
        margin-bottom: 1rem;
    }

    .container07 .content .left .img .img_hezi {
        padding-bottom: 103.9% !important;
    }

    .container07 .content .left .box {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 74%;
        background: #dbe7f4;
        border-radius: 50%;
        transform: translateX(-50%) translateY(-50%);
        /* padding-bottom: 100%; */
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 11%;
        margin: 1% 0 0 2%;
    }

    .container07 .content .left .box .box_li {
        width: 100%;
        border-radius: 50%;
        background: #051f81;
    }

    .container07 .content .left .box .box_li .img {
        border-radius: 50%
    }

    .container07 .content .left .box .box_li .img .img_hezi {
        padding-bottom: 100% !important
    }

    .container07 .content .left .box .box_li .img img {
        opacity: .52
    }

    .container07 .content .right {
        width: 54%;
        padding: .3rem 0 .3rem .48rem;
        background: rgba(45, 107, 199, 0.12);
        border-radius: 3.55rem 0 0 3.55rem;
    }

    .container07 .content .right .img .img_hezi {
        padding-bottom: 74.35% !important;
    }

    .container07 .content .right .img {
        border-radius: 3.28rem 0 0 3.28rem
    }

    .container07 .content .left .box .top {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .title004 {
        text-align: center;
    }

    .title004 h6 {
        font-size: .14rem;
        color: #fff;
        text-transform: uppercase;
        opacity: .7;
    }

    .title004 h3 {
        font-size: .39rem;
        color: #fff;
        font-weight: bold;
        margin: .1rem 0 .2rem;
    }

    .title004 .line {
        width: .17rem;
        height: .035rem;
        background: #fff;
        margin: 0 auto
    }

    .list14 li {
        position: absolute;
        text-align: center;
        width: 1.88rem;
        height: 1.88rem;
        margin: -.94rem 0 0 -.94rem;
    }

    .list14 li * {
        transition: .5s
    }

    .list14 li .ico {
        width: 1.28rem;
        height: 1.28rem;
        border: rgba(0, 70, 148, 0.5) 1px solid;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }

    .list14 li .ico img.img2 {
        transform: scale(0);
        width: 0;
    }

    .list14 li h5 {
        font-size: .19rem;
        color: #004694;
        font-weight: bold;
        line-height: .6rem;
    }

    .list14 li:nth-child(1) {
        top: 64%;
    }

    .list14 li:nth-child(2) {
        top: 106%;
        left: 50%;
    }

    .list14 li:nth-child(3) {
        top: 53%;
        left: 104%;
    }


    .container08 {
        background: #f4faff url(../images/container08_bg.png) center bottom no-repeat;
        background-size: 100% auto;
    }

    .container08 .title003b h3 {
        color: #004694;
    }

    .container08 .wp {
        width: 17.4rem;
    }

    .container08 .content {
        background: url(../images/container08_bg1.png) center 44% no-repeat;
        background-size: 100% auto;
    }

    .list15_box {
        padding: 0 4%;
        padding-bottom: 8% !important;
    }

    .list15 {
        margin: 0;
    }

    .list15 li {
        text-align: center;
    }

    .list15 li * {
        transition: .5s;
    }

    .list15 li a .img_box {
        width: 2.56rem;
        height: 2.56rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        position: relative;
        z-index: 1;
        background: #f4faff;
        border-radius: 50%;
        transform: scale(.7);
    }

    .list15 li a .img_box:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 50%;
        border: #004694 1px dashed;
        -webkit-animation: play 25s linear infinite;
        -moz-animation: play 25s linear infinite;
        animation: play 25s linear infinite;
        opacity: .2;
    }

    .list15 li a .img {
        width: 1.64rem;
        border-radius: 50%;
        width: 2.23rem;
        transform: scale(1.05);
    }

    .list15 li a .img .img_hezi {
        padding-bottom: 100%
    }

    .list15 li a .con {
        transform: translateY(-.4rem)
    }

    .list15 li a .con h5 {
        font-size: .2rem;
        color: #000000;
        line-height: 1.5;
        margin: .15rem 0;
        font-weight: bold;
        font-family: "PingFang SC", "PingFang SC-Regular", 苹方;
    }

    .list15 li a .con p {
        font-size: .13rem;
        color: #000000;
        line-height: .25rem;
        height: .75rem;
        font-family: "PingFang SC", "PingFang SC-Regular", 苹方;
        opacity: 0;
        visibility: hidden;
    }

    .list15 li.swiper-slide-active a .con {
        transform: translateY(0)
    }

    .list15 li.swiper-slide-active a .con p {
        opacity: .5;
        visibility: visible;
    }

    .list15 li.swiper-slide-active a .img_box {
        transform: scale(1);
    }

    .list15 li.swiper-slide-active a .img {
        transform: scale(1);
    }

    .miso-arrow2-box .miso-prev1 {
        width: .38rem;
        height: .38rem;
        background: #f6f6f6;
        border: #a5a5a5 1px solid;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 56%;
        left: 0;
        transform: rotate(-30deg);
        transition: .5s;
        z-index: 10;
        cursor: pointer;
    }

    .miso-arrow2-box .miso-prev1 svg {
        width: .25rem;
        height: .25rem;
        fill: #004694;
    }

    .miso-arrow2-box .miso-prev1:hover {
        border: #004694 1px solid;
        background: #004694
    }

    .miso-arrow2-box .miso-prev1:hover svg {
        fill: #fff
    }

    .miso-arrow2-box .miso-next1 {
        width: .38rem;
        height: .38rem;
        background: #f6f6f6;
        border: #a5a5a5 1px solid;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 56%;
        right: 0;
        transform: rotate(30deg);
        transition: .5s;
        z-index: 10;
        cursor: pointer;
    }

    .miso-arrow2-box .miso-next1 svg {
        width: .25rem;
        height: .25rem;
        fill: #004694;
    }

    .miso-arrow2-box .miso-next1:hover {
        border: #004694 1px solid;
        background: #004694
    }

    .miso-arrow2-box .miso-next1:hover svg {
        fill: #fff
    }

    .container09 {
        background: #f4faff url(../images/container09_bg.jpg) center no-repeat;
        background-size: 100% auto;
    }

    .container09 .content {
        position: relative;
        z-index: 1;
        min-height: 6rem;
        padding: .48rem 0;
    }

    .container09 .content::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 18.38rem;
        background: url(../images/container09_bg1.jpg) center no-repeat;
        background-size: cover;
        z-index: -1;
        margin-left: calc(-9.05rem + .28rem);
        border-radius: 3.4rem 0 0 3.4rem;
    }

    .container09 .content .wp {
        display: flex;
        flex-wrap: wrap;
    }

    .container09 .content .left {
        width: 39.28%;
    }

    .container09 .content .right {
        width: calc(100% - 39.28%);
        padding: 0 0 0 .16rem;
        display: flex;
        flex-wrap: wrap;
    }

    .container09 .content .right .ll {
        width: 43%;
    }

    .container09 .content .right .rr {
        width: calc(100% - 43%);
        padding: 0 0 0 .16rem
    }

    .list16 {
        display: flex;
        margin-bottom: .34rem;
        position: relative;
        z-index: 1;
    }

    .list16 li * {
        transition: .5s
    }

    .list16 li {
        margin-right: .24rem;
    }

    .list16 li .ico {
        width: .68rem;
        height: .68rem;
        border: rgba(170, 188, 211, 0.5) 1px solid;
        background: rgba(215, 224, 235, 0.5);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .list16 li .ico img.img2 {
        width: 0;
        transform: scale(0)
    }

    .list16 li .a {
        position: relative;
        cursor: pointer;
    }

    .list16 li .a .ewm {
        position: absolute;
        box-shadow: 0 0 15px rgba(0, 0, 0, .1);
        left: 50%;
        transform: translateX(-50%) translateY(.3rem);
        transition: .5s;
        opacity: 0;
        visibility: hidden;
        width: 1.43rem;
        height: 1.43rem;
        background: #fff;
        box-shadow: 0px 2px 9.5px 0.5px rgba(1, 1, 1, 0.21);
        padding: 0 .2rem;
        border-radius: .1rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .list16 li .a .ewm img {
        width: 100%;
    }

    .list16 li .a .ewm h6 {
        font-size: .12rem;
        color: #a69999
    }

    .list16 li .a .ewm:before {
        content: "";
        position: absolute;
        left: 50%;
        top: -.08rem;
        margin-left: -.06rem;
        border-bottom: #fff .08rem solid;
        border-left: transparent .06rem solid;
        border-right: transparent .06rem solid;
    }

    .list16 li .a:hover .ewm {
        transform: translateX(-50%) translateY(.1rem);
        opacity: 1;
        visibility: visible;
    }

    .list17 li .a .img .img_hezi {
        padding-bottom: 63.45% !important;
    }

    .list17 li .a .img::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../images/list17_top.png) center bottom no-repeat;
        background-size: 100% auto;
    }

    .list17 li .a .img .top {
        position: absolute;
        left: .32rem;
        bottom: 0;
        border-bottom: #ee9640 .06rem solid;
        z-index: 1;
    }

    .list17 li .a .img .top img {
        margin: 0 .1rem 0 0;
        width: .2rem;
    }

    .list17 li .a .img .top h5 {
        display: flex;
        align-items: center;
        font-size: .14rem;
        color: #fff;
        padding: 0 0 .15rem;
    }

    .list17 li .a .con h5 {
        font-size: .27rem;
        color: #063d7c;
        line-height: 1.25;
        margin: .2rem 0 .12rem
    }

    .list17 li .a .con h6 {
        font-size: .14rem;
        color: #063d7c;
        line-height: 1.25;
        color: #999999
    }

    .list18 li .a .img .img_hezi {
        padding-bottom: 5.36rem !important;
    }

    .list18 li .a .img::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../images/list18_top.png) center bottom no-repeat;
        background-size: 100% auto;
    }

    .list18 li .a .img .top {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
        display: flex;
        align-items: flex-end;
        right: 0;
        padding: 0 .2rem;
    }

    .list18 li .a .img .top .top_l {
        border-bottom: #00e9ff .04rem solid;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: .3rem;
    }

    .list18 li .a .img .top .top_l h5 {
        font-size: .14rem;
        color: #fff;
        line-height: 1.5;
        margin: .06rem 0 .03rem;
    }

    .list18 li .a .img .top .top_r {
        padding: 0 0 .08rem .14rem;
        width: calc(100% - .3rem);
    }

    .list18 li .a .img .top .top_r h6 {
        font-size: .12rem;
        color: #999999;
    }

    .list18 li .a .img .top .top_r h5 {
        font-size: .14rem;
        color: #fff;
        line-height: 1.5;
        margin: .04rem 0 0;
    }

    .list19 {
        margin-bottom: .13rem;
    }

    .list19 li .a .img .img_hezi {
        padding-bottom: 3.15rem !important;
    }

    .list19 li .a .img::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../images/list18_top.png) center bottom no-repeat;
        background-size: 100% auto;
    }

    .list19 li .a .img .top {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
        display: flex;
        align-items: flex-end;
        right: 0;
        padding: 0 .2rem;
    }

    .list19 li .a .img .top .top_l {
        border-bottom: #ee9640 .04rem solid;
        display: flex;
        align-items: center;
        width: .44rem;
    }

    .list19 li .a .img .top .top_l img {
        width: .1rem;
        margin-right: .04rem
    }

    .list19 li .a .img .top .top_l h5 {
        font-size: .14rem;
        color: #fff;
        line-height: 1.5;
        margin: .06rem 0 .03rem;
        white-space: nowrap;
    }

    .list19 li .a .img .top .top_r {
        padding: 0 0 .08rem .18rem;
        /* flex: 1; */
        width: calc(100% - .44rem);
    }

    .list19 li .a .img .top .top_r h6 {
        font-size: .12rem;
        color: #999999;
    }

    .list19 li .a .img .top .top_r h5 {
        font-size: .14rem;
        color: #fff;
        line-height: 1.5;
        margin: .04rem 0 0;
    }

    .container09 .content .right .rr .rr_li {
        display: flex;
        flex-wrap: wrap;
    }

    .list20 {
        width: 56%;
        padding: 0 .12rem 0 0;
    }

    .list20 li .a .img .img_hezi {
        padding-bottom: 2.08rem !important;
    }

    .list20 li .a .img::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../images/list18_top.png) center bottom no-repeat;
        background-size: 100% auto;
    }

    .list20 li .a .img .top {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
        display: flex;
        align-items: flex-end;
        right: 0;
        padding: 0 .2rem;
    }

    .list20 li .a .img .top .top_l {
        border-bottom: #00e9ff .04rem solid;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: .3rem;
    }

    .list20 li .a .img .top .top_l h3 img {
        width: .2rem
    }

    .list20 li .a .img .top .top_l h5 {
        font-size: .14rem;
        color: #fff;
        line-height: 1.5;
        margin: .06rem 0 .03rem;
    }

    .list20 li .a .img .top .top_r {
        padding: 0 0 .08rem .14rem;
        width: calc(100% - .3rem);
    }

    .list20 li .a .img .top .top_r h6 {
        font-size: .12rem;
        color: #999999;
    }

    .list20 li .a .img .top .top_r h5 {
        font-size: .14rem;
        color: #fff;
        line-height: 1.5;
        margin: .04rem 0 0;
    }

    .list21 {
        width: 44%;
    }

    .list21 li .a .img .img_hezi {
        padding-bottom: 1.82rem !important;
    }

    .list21 li .a .img::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../images/list18_top.png) center bottom no-repeat;
        background-size: 100% auto;
    }

    .list21 li .a .img .top {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
        display: flex;
        align-items: flex-end;
        right: 0;
        padding: 0 .2rem;
    }

    .list21 li .a .img .top .top_l {
        border-bottom: #ff006c .04rem solid;
        display: flex;
        align-items: center;
        width: .48rem;
    }

    .list21 li .a .img .top .top_l img {
        width: .15rem;
        margin: 0 .06rem 0 0;
    }

    .list21 li .a .img .top .top_l h5 {
        font-size: .14rem;
        color: #fff;
        line-height: 1.5;
        margin: .06rem 0 .03rem;
        white-space: nowrap;
    }

    .list21 li .a .img .top .top_r {
        padding: 0 0 .08rem .14rem;
        width: calc(100% - .3rem);
    }

    .list21 li .a .img .top .top_r h6 {
        font-size: .12rem;
        color: #999999;
        white-space: nowrap
    }

    .list21 li .a>h5 {
        font-size: .14rem;
        color: #333333;
        line-height: 1.5;
        margin: .08rem 0 0;
        padding: 0 0 0 .2rem
    }

    .container10 {
        background: #f4faff url(../images/container10_bg.jpg) center no-repeat;
        background-size: cover;
        position: relative;
    }

    .container10 .fl01 .wp {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .container10 .fl01 .left {
        width: 54%;
    }

    .container10 .fl01 .right {
        width: 31%;
    }

    .title005 {
        border-bottom: #aabbcf 1px solid;
        padding-bottom: .54rem;
        margin-bottom: .7rem;
    }

    .title005 h3 {
        font-size: .56rem;
        color: #063d7d;
        line-height: 1.125;
        margin-bottom: .35rem;
    }

    .title005 h5 {
        font-size: .26rem;
        color: #063d7d;
    }

    .container10 .fl01 .left .box {
        display: flex;
        justify-content: space-between
    }

    .container10 .fl01 .left .box h3 {
        font-size: .26rem;
        color: #063d7d;
        margin-bottom: .36rem
    }

    .container10 .fl01 .left .box .ll:nth-child(2) {
        display: none;
    }

    .list22 {
        display: flex;
        width: 4.44rem;
        flex-wrap: wrap;
    }

    .list22 li {
        width: 25%;
        font-size: .18rem;
        color: #999999;
        line-height: .44rem;
        transition: .5s;
    }

    .list23 li {
        font-size: .18rem;
        color: #999999;
        line-height: .44rem;
        transition: .5s;
    }

    .list23 li a {
        display: block;
        position: relative;
        padding: 0;
    }

    .list23 li a span {
        font-size: .18rem;
        margin: 0 .2rem 0 0
    }

    .title006 {
        margin-bottom: .64rem
    }

    .title006 h3 {
        font-size: .46rem;
        color: #000;
        font-family: "思源宋体 Bold";
        margin-bottom: .06rem
    }

    .title006 h5 {
        font-size: .2rem;
        color: #999999;
        font-family: "PingFang SC", "PingFang SC-Regular", 苹方;
        font-weight: 300;
        letter-spacing: .09rem
    }

    .container10 .fl01 {
        padding-bottom: 1.2rem;
    }

    .container10 .fl01 .right .box1 {
        margin-bottom: .6rem
    }

    .container10 .fl01 .right .box1 p {
        font-size: .16rem;
        color: #817c7c;
        line-height: .25rem;
        position: relative;
        padding: 0 0 0 .1rem;
        position: relative;
    }

    .container10 .fl01 .right .box1 p:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 2px;
        height: .08rem;
        background: #5f2500;
        margin-top: -.04rem;
    }

    .container10 .fl01 .right .box2 h3 {
        font-size: .22rem;
        color: #000000;
        margin-bottom: .22rem
    }

    .list24 {
        position: relative;
        margin: 0 -.1rem;
        display: flex;
        flex-wrap: wrap;
    }

    .list24 li {
        width: 50%;
        padding: 0 .1rem;
        line-height: .4rem;
        font-size: .16rem;
        color: #817c7c;
        transition: .5s;
    }

    .list24 li a {
        display: block;
        padding: 0 0 0 .1rem;
        position: relative
    }

    .list24 li a:before {
        content: "";
        position: absolute;
        top: .15rem;
        left: 0;
        width: 2px;
        height: .08rem;
        background: #5f2500
    }



    .container10 .fl02 {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .footer {
        /* background: #004694;
        padding: .24rem 0; */
    }

    .footer .wp {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .footer .right p {
        font-size: .14rem;
        color: #ffffff;
        line-height: 1.375;
        height: .7rem;
        display: flex;
        align-items: center;
        border-left: rgba(255, 255, 255, .46) 1px solid;
        padding: 0 0 0 .3rem;
        opacity: 0.8;
    }

    .n_banner .img .img_hezi {
        padding-bottom: 19% !important;
    }

    /*==========================================首页 结束=============================================*/


    /*==========================================内页 开始=============================================*/

    .n_dh {
        position: relative;
        z-index: 1;
        min-height: 1.5rem;
        margin: -1.12rem 0 0;
        /* overflow: hidden; */
    }

    .n_dh .bg {
        position: absolute;
        top: 0;
        right: 0;
        width: 92%;
        height: 1.5rem;
        background: url(../images/n_dh_bg.jpg) center no-repeat;
        background-size: cover;
        border-radius: 1.14rem 0 0 1.14rem;
        z-index: -1;
    }

    .n_dh .wp {
        display: flex;
        align-items: flex-start;
        height: 1.5rem;
    }

    .n_dh .left {
        width: 2.4rem;
        align-self: center;
    }

    .n_dh .left .title003_box {
        margin-bottom: 0
    }

    .n_dh .right {
        width: calc(100% - 2.4rem);
    }

    .n_dh .right .box {
        position: relative;
        z-index: 1;
        height: 1.16rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 0 0 .5rem;
    }

    .n_dh .right .box .bg1 {
        content: "";
        position: absolute;
        background: url(../images/n_dh_bg1.jpg) center no-repeat;
        height: 100%;
        left: 0;
        width: calc((100vw - 14rem) / 2 + 100%);
        border-radius: .95rem 0 0 .95rem;
        z-index: -1;
        top: 0;
    }

    .mianbao {
        height: .6rem;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: relative;
    }

    .mianbao * {
        font-size: .14rem;
        color: #fff;
        font-style: normal;
    }

    .mianbao span {
        margin: 0 .1rem;
    }

    .mianbao img {
        margin: 0 .1rem 0 0;
    }

    .n_dh .title003 h6 {
        font-size: .17rem;
        color: #fff;
        font-weight: bold;
        opacity: 1;
    }

    .n_dh .title003 h3 {
        font-size: .35rem;
        font-family: "Microsoft Yahei";
    }

    .n_dh .title003 .line {
        width: .4rem;
        height: .035rem;
    }

    .n_erji {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        position: relative;
        z-index: 1;
        width: 100%;
    }

    .n_erji::before {
        content: "";
        position: absolute;
        top: 50%;
        height: 1px;
        border-bottom: rgba(0, 0, 0, .1) 1px dashed;
        z-index: -1;
        width: 100%;
        left: 0;
    }

    .n_erji li {
        padding: 0 .1rem
    }

    .n_erji li a {
        min-width: 1.2rem;
        height: .46rem;
        border: #dce2e8 1px solid;
        display: flex;
        background: #fff;
        border-radius: .25rem;
        align-items: center;
        justify-content: center;
        font-size: .18rem;
        color: #666666;
        transition: .5s;
        padding: 0 .15rem;
    }

    .n_erji li.on a,
    .n_erji li a:hover {
        border: #054388 1px solid;
        background: #054388;
        color: #fff
    }

    .n_title001 {
        margin-bottom: .48rem;
    }

    .n_title001 .line {
        width: .72rem;
    }

    .n_padding {
        padding: .8rem 0;
        overflow: hidden;
    }

    .n_about .fl01 {
        background: url(../images/n_about_fl01_bg.jpg) center top no-repeat;
    }

    .n_about .fl011 {}

    .n_about .fl011 .content {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .n_about .fl011 .left {
        width: 50%;
        padding: 0 .28rem 0 0;
    }

    .n_about .fl011 .right {
        width: 50%;
        padding: 0 .85rem 0 .28rem;
        position: relative;
    }


    .ar_article1 p {
        font-size: .18rem !important;
        color: #666666;
        line-height: .4rem !important;
        text-align: justify;
        margin-bottom: .2rem;
    }

    .ar_article1 p span {
        font-size: .18rem !important;
        color: #666666;
        line-height: .4rem !important;
    }

    .ar_article1 p:last-child {
        margin-bottom: 0;
    }






    .n_about .fl011 .left .img .img_hezi {
        padding-bottom: 70% !important;
    }

    .n_about .fl011 .right::before {
        content: "";
        background: #0f4d8f;
        width: .86rem;
        height: 1px;
        position: absolute;
        right: 100%;
        top: .18rem;
    }

    .n_about .fl012 {
        background: url(../images/n_about_fl012_bg.png) left center no-repeat;
        background-size: 62% 100%;
    }

    .n_about .fl012 .content {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .n_about .fl012 .left {
        width: 50%;
        padding: 0 0 0 .4rem;
        order: 1;
        margin: -.8rem 0 0;
    }

    .n_about .fl012 .right {
        width: 50%;
        padding: 0 .74rem 0 0;
        position: relative;
    }

    .n_about .fl012 .left .img .img_hezi {
        padding-bottom: 66.66% !important;
    }

    .n_title001_box {
        display: flex;
        justify-content: flex-start;
    }

    .n_about .fl012 .right .ar_article1 p {
        color: #fff;
        opacity: .8;
    }

    .n_title001_box1 {
        margin-bottom: .36rem;
    }

    .n_title001_box1 .title003 {
        margin-bottom: .3rem;
    }

    .n_title001_box1 p {
        text-align: center;
    }

    .list25 {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -.33rem;
    }

    .list25 li {
        width: 33.33%;
        padding: 0 .33rem;
    }

    .list25 li .img {
        border-radius: .4rem 0 0 0;
    }

    .list25 li .img .img_hezi {
        padding-bottom: 82.85% !important;
    }

    .list25 li .con {
        height: 1.24rem;
        background: #0f4d8f;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border-radius: 0 0 .4rem 0;
        text-align: center;
        padding: 0 .2rem;
    }

    .list25 li .con h3 {
        font-size: .24rem;
        color: #fff;
        font-weight: bold;
        line-height: 1.5
    }

    .list25 li .con p {
        font-size: .18rem;
        color: #fff;
        line-height: 1.5;
        margin: .14rem 0 0
    }

    .n_about .fl03 {
        background: url(../images/n_about_fl03_bg.png) right center no-repeat;
    }

    .n_about .fl04 {
        background: url(../images/n_about_fl04_bg.jpg) center top no-repeat;
        background-size: 100% 3.82rem;
    }

    .n_about .fl04 .content {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .n_about .fl04 .left {
        width: 5.78rem;
        padding: 0;
        position: relative;
        z-index: 2;
    }

    .n_about .fl04 .left .img {
        border-radius: 0 0 0 1.12rem;
    }

    .n_about .fl04 .left .img .img_hezi {
        padding-bottom: 98.26% !important;
    }

    .n_about .fl04 .right {
        width: calc(100% - 5.78rem);
        padding: 1rem .9rem 0 .7rem;
        position: relative;
        margin: -.8rem 0 0;
        z-index: 1;
    }

    .n_about .fl04 .right:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: -1.54rem;
        background: #fff;
        z-index: -1
    }

    .n_about .fl04 .right .ar_article1 p {
        line-height: .36rem;
    }

    .n_about .fl05 {
        background: url(../images/n_about_fl05_bg.jpg) left center no-repeat;
        background-size: cover;
    }

    .n_about .fl05 .content {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .n_about .fl05 .left {
        width: 6.45rem;
        padding: 0;
        order: 1;
        margin: -.8rem 0 0;
    }

    .n_about .fl05 .right {
        width: calc(100% - 6.45rem);
        padding: 0 .56rem 0 0;
        position: relative;
    }

    .n_about .fl05 .left .img {
        border-radius: .4rem 0 .4rem 0;
        box-shadow: 0px 7px 8px 0px rgba(6, 2, 2, 0.1);
    }

    .n_about .fl05 .left .img .img_hezi {
        padding-bottom: 97.51% !important;
    }

    .n_about .fl06 {}

    .n_about .fl06 .content {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .n_about .fl06 .left {
        width: 6.45rem;
        padding: 0
    }

    .n_about .fl06 .right {
        width: calc(100% - 6.45rem);
        padding: 0 0 0 .6rem;
        position: relative;
    }

    .n_about .fl06 .left .img {
        border-radius: 0 0 0 1.74rem;
    }

    .n_about .fl06 .left .img .img_hezi {
        padding-bottom: 123.15% !important;
    }

    .n_title001d {
        margin-bottom: .3rem;
    }

    .n_about .fl07 {
        position: relative;
        z-index: 1;
        padding-top: 0;
    }

    .n_about .fl07::before {
        content: "";
        position: absolute;
        top: .54rem;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../images/n_about_fl07_bg.jpg) center no-repeat;
        background-size: cover;
        z-index: -1;
    }

    .n_title001_boxlan {
        background: url(../images/n_title001_boxlan_bg.jpg) center no-repeat;
        background-size: cover;
        width: 3.66rem;
        height: 1.66rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0 .4rem 0 .4rem;
        position: relative;
        margin-bottom: .4rem;
    }

    .n_title001_boxlan .n_title001 {
        margin-bottom: 0
    }

    .n_about .fl08 {
        position: relative;
        z-index: 1;
        padding: 1.2rem 0 .8rem;
    }

    .n_about .fl08 .bg {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        background: url(../images/n_about_fl08_bg.jpg) center no-repeat;
        height: 3.18rem;
        z-index: -1;
        background-size: cover;
    }

    .n_about .fl08 .wp {
        display: flex;
        flex-wrap: wrap;
    }

    .n_about .fl08 .left {
        width: 6.02rem;
        order: 1;
    }

    .n_about .fl08 .left .img .img_hezi {
        padding-bottom: 79.73% !important;
    }

    .n_about .fl08 .left .n_title001_box {
        justify-content: flex-end;
    }

    .n_about .fl08 .left .n_title001_box .n_title001 {
        margin-bottom: 2.16rem;
    }

    .n_about .fl08 .right {
        width: calc(100% - 6.02rem);
        padding: 0 .54rem 0 0;
    }

    .n_about .fl08 .right .ar_article1 {
        background: #fff;
        box-shadow: 0px 7px 8px 0px rgba(6, 2, 2, 0.1);
        padding: .4rem .54rem .4rem .8rem;
        border-radius: .4rem 0 .4rem 0
    }

    .n_about .fl09 {
        position: relative;
        z-index: 1;
        box-shadow: 0px 7px 8px 0px rgba(6, 2, 2, 0.1);
        background: #e2f1ff;
        margin-bottom: .7rem;
    }

    .n_about .fl09 .bg1 {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 50%;
        background: url(../images/n_about_fl09_bg1.jpg) center no-repeat;
        background-size: cover;
        z-index: -1;
        border-radius: 0 .4rem 0 0;
    }

    .n_about .fl09 .bg2 {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 50%;
        background: url(../images/n_about_fl09_bg2.jpg) center no-repeat;
        background-size: cover;
        z-index: -1;
    }

    .n_about .fl09 .wp {
        display: flex;
        flex-wrap: wrap;
    }

    .n_about .fl09 .left {
        width: 50%;
        padding: 0 10% 0 0;
    }

    .n_about .fl09 .left .ar_article1 p {
        color: #fff;
    }

    .n_about .fl09 .right {
        width: 50%;
        padding: 0 4% 0 8%;
    }

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

    .n_title001_box_left .title003 {
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }

    #m_n_nav {
        display: none;
        line-height: 50px;
        position: relative;
        z-index: 9;
        float: left;
        width: 100%;
        background: #004694;
    }

    #bnt_back {
        position: absolute;
        left: 15px;
        top: 0px;
    }

    #bnt_back img {
        height: 28px;
    }

    #bnt_back svg {
        fill: rgb(255, 255, 255);
        height: 30px;
        vertical-align: middle;
        width: 26px;
    }

    #m_n_nav i {}

    #m_n_nav h1 {
        font-size: 14px;
        color: rgb(255, 255, 255);
        text-align: center;
        margin: 0px;
        line-height: 50px;
    }

    #bnt_sub_nav {
        position: absolute;
        right: 15px;
        top: 0px;
        height: 50px;
        cursor: pointer;
        color: rgb(255, 255, 255);
        font-size: 18px;
        display: flex;
        align-items: center;
    }

    #bnt_sub_nav svg {
        fill: rgb(255, 255, 255);
        height: 20px;
        vertical-align: middle;
        width: 20px;
    }

    #bnt_sub_nav img {
        display: block;
        height: 20px;
    }

    #bnt_sub_nav.on img {
        transform: rotate(-180deg);
    }

    #sub_nav_content {
        background: rgb(240, 243, 245);
        display: none;
        box-shadow: rgb(153, 153, 153) 0px 0px 5px;
        z-index: 9;
    }

    #sub_nav_content ul {
        padding: 10px;
    }

    #sub_nav_content ul li {
        display: block;
        line-height: 28px;
        margin: 1rem 0px;
    }

    #sub_nav_content ul li a {
        display: block;
        border-left: 2px solid rgb(202, 158, 78);
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        padding-left: 10px;
        color: rgb(83, 84, 85);
    }

    #sub_nav_content ul li.on a {
        color: rgb(202, 158, 78);
    }

    #sub_nav_content dl {
        font-size: 0px;
        overflow: hidden;
        background: rgb(255, 255, 255);
        padding: 10px 0px;
    }

    #sub_nav_content dt {
        position: relative;
        background: rgb(255, 255, 255);
        z-index: 999;
        width: 100%;
        display: inline-block;
        margin-bottom: 0px;
        float: left;
    }

    #sub_nav_content dt a {
        margin: 0px 20px;
        display: block;
        color: rgb(91, 83, 73);
        line-height: 30px;
        font-size: 14px;
        font-weight: 400;
        vertical-align: top;
    }

    #sub_nav_content dt a i {
        position: absolute;
        right: 15px;
        top: 0px;
        opacity: 0;
        display: none;
    }

    #sub_nav_content dt a {}

    #sub_nav_content dt.title {
        background: rgb(250, 250, 251);
    }

    #sub_nav_content dt.title i {
        opacity: 1;
    }

    #sub_nav_content dt.title_on {
        background: rgb(250, 250, 251);
    }

    #sub_nav_content dt.title_on a {
        color: rgb(215, 0, 41);
        border-top: 1px solid rgb(255, 255, 255);
    }

    #sub_nav_content dt.title_on a i {
        color: rgb(215, 0, 41);
    }

    #sub_nav_content dt.last a {
        border-top: 1px solid rgb(248, 248, 248);
    }

    #sub_nav_content dt.on a,
    #sub_nav_content dt.title_on a {
        color: #d80e00;
    }

    #sub_nav_content dd {
        display: none;
    }

    #sub_nav_content dd .box {
        padding: 0px;
    }

    #sub_nav_content dd a {
        padding: 0px 25px;
        line-height: 30px;
        border-top: 1px solid rgb(231, 231, 231);
        font-size: 12px;
        color: rgb(91, 83, 73);
        display: block;
        height: 30px;
    }

    #sub_nav_content dd a.on {
        color: rgb(215, 0, 41);
    }

    .n_container {
        padding: 0px;
        min-height: 500px;
    }


    .n_padding1 {
        padding: .8rem 0 1rem;
    }

    .n_bg1 {
        background: url(../images/n_bg1.jpg) center bottom no-repeat;
        background-size: 100% auto;
    }

    .list_leader {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -.42rem;
    }

    .list_leader li {
        width: 50%;
        padding: 0 .42rem;
        margin-bottom: 1.18rem;
    }

    .list_leader li * {
        transition: .5s;
    }

    .list_leader li .a {
        display: flex;
        border-radius: .4rem 0 .4rem 0;
        background: #fff;
        box-shadow: 0px 7px 8px 0px rgba(6, 2, 2, 0.1);
        overflow: hidden;
        align-items: center;
        position: relative;
    }

    .list_leader li .a .img {
        width: 2.24rem;
    }

    .list_leader li .a .img .img_hezi {
        padding-bottom: 141.96% !important;
    }

    .list_leader li .a .con {
        width: calc(100% - 2.24rem);
        padding: 0 .6rem;
        background: url(../images/list_leader_bg.png) right center no-repeat;
        position: relative;
    }

    .list_leader li .a:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        background: #0f4d8f;
        width: .06rem;
        height: 1.38rem;
    }

    .list_leader li .a .con h5 {
        font-size: .3rem;
        color: #333333;
        font-weight: bold;
        font-family: "PingFang SC", "PingFang SC-Regular", 苹方
    }

    .list_leader li .a .con h6 {
        font-size: .18rem;
        color: #333333;
        line-height: .3rem;
        margin: .2rem 0 .26rem
    }

    .list_leader li .a .con p {
        font-size: .16rem;
        color: #666666;
        line-height: .28rem
    }

    .list_leader li .a .con .ico {
        margin: .3rem 0 0;
        display: flex;
        justify-content: flex-end;
    }

    .list_leader li .a .con .ico img {
        transform: translateX(-.2rem);
    }

    .list_leader li:nth-child(1) {
        margin: 0 25% 1.18rem;
    }

    .n_leader_d .img_box {
        width: 3.52rem;
        position: relative;
        z-index: 1;
        margin: 0 auto;
    }

    .n_leader_d .img_box:before {
        content: "";
        position: absolute;
        background: #0f4d8f;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        transform: translate(.12rem, .12rem);
        border-radius: 0 0 .4rem
    }

    .n_leader_d .img_box .img {
        border-radius: .4rem 0 .4rem
    }

    .n_leader_d .img_box .img .img_hezi {
        padding-bottom: 128.40% !important
    }

    .n_leader_d h3 {
        font-size: .3rem;
        color: #333333;
        font-family: "PingFang SC", "PingFang SC-Regular", 苹方;
        font-weight: bold;
        margin: 0 auto;
        text-align: center;
        margin: .46rem 0 .26rem;
    }

    .n_leader_d h6 {
        font-size: .18rem;
        color: #666666;
        line-height: 1.5;
        text-align: center;
        font-family: "PingFang SC", "PingFang SC-Regular", 苹方;
    }

    .n_leader_d h6 span {
        margin: 0 .05rem
    }

    .n_leader_d .con {
        border-top: #dbdbdb 1px solid;
        margin: .6rem 0 0;
        padding: .4rem 1.1rem 0
    }

    .n_bg2 {
        background: url(../images/n_bg2.jpg) center bottom no-repeat;
        background-size: 100% auto;
    }

    .list_qikan {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -.58rem;
    }

    .list_qikan li {
        width: 50%;
        padding: 0 .58rem;
        margin-bottom: .8rem;
    }

    .list_qikan li * {
        transition: .5s;
    }

    .list_qikan li .a {
        display: flex;
        position: relative;
        z-index: 1;
        box-shadow: 0px 3px 13px 0px rgba(126, 126, 126, 0.2);
        border-radius: .4rem 0 .4rem 0;
        overflow: hidden;
    }

    .list_qikan li .a:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: .04rem;
        height: 0;
        background: #e60013;
    }

    .list_qikan li .a .top {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 .2rem;
        text-align: center;
    }

    .list_qikan li .a .top h5 {
        font-size: .36rem;
        color: #333333;
        line-height: 1.125;
        position: relative;
        font-family: "PingFang SC", "PingFang SC-Regular", 苹方;
        display: flex;
        width: auto;
        padding: 0 0 0 .1rem;
        max-width: 100%;
    }

    .list_qikan li .a .top h5:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: .04rem;
        background: #063d7c
    }

    .list_qikan li .a .top h6 {
        font-size: .14rem;
        color: #666666;
        text-transform: uppercase;
        line-height: 1.5;
        margin: .2rem 0 .64rem
    }

    .list_qikan li .a .top .bottom {
        display: flex;
        align-items: center
    }

    .list_qikan li .a .top .bottom font {
        font-size: .18rem;
        color: #333333;
        font-family: "PingFang SC", "PingFang SC-Regular", 苹方;
        margin: 0 .1rem 0 0;
    }

    .list_qikan li .a .top .bottom svg {
        width: 41px;
        height: 11px;
    }

    .list_qikan li .a .top .bottom svg path {
        stroke: #054388;
        width: 100%;
        height: 100%;
    }

    .list_wenti {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -.2rem;
        margin-bottom: 1rem;
    }

    .list_wenti li {
        width: 33.33%;
        padding: 0 .2rem;
    }

    .list_wenti li * {
        transition: .5s;
    }

    .list_wenti li .img .img_hezi {
        padding-bottom: 72.72% !important;
    }

    .list_wenti li .con {
        padding: .2rem 0;
    }

    .list_wenti li .con h5 {
        font-size: .18rem;
        color: #333333;
        line-height: .32rem;
        max-height: .64rem\0;
        font-weight: bold;
    }

    .list_wenti li .con h6 {
        font-size: .14rem;
        color: #999999;
        margin: .14rem 0 0;
    }

    .list_wenti .line {
        width: calc(100% - .4rem);
        height: 1px;
        border-bottom: #cccccc 1px dashed;
        margin: .5rem .2rem .8rem;
    }

    .n_bg3 {
        background: url(../images/n_bg3.png) center bottom no-repeat;
        background-size: 100% auto;
    }

    /*翻页*/
    .pages {
        margin: .7rem auto 0;
    }

    .pages .box {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pages .box a {
        margin: 0 .02rem;
        border: #dbdada 1px solid;
        transition: .5s;
        font-size: .14rem;
        color: #999999;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 30px;
        min-width: 30px;
        padding: 0 .1rem;
        white-space: nowrap;
        border-radius: 0;
    }

    .pages .box a span {
        padding: 0 .1rem;
    }

    .pages .box a.on,
    .pages .box a:hover {
        color: #fff;
        border: #063d7c 1px solid;
        background: #063d7c;
    }

    .list_luntan {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -.25rem;
        margin-bottom: -.64rem;
    }

    .list_luntan li {
        width: 50%;
        padding: 0 .25rem;
        margin-bottom: .64rem;
    }

    .list_luntan li .a {
        display: block;
        position: relative;
        z-index: 1;
        border: #dee1e5 1px solid;
        background: #fff url(../images/list_luntan_bg.png) right top no-repeat;
        box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.1);
    }

    .list_luntan li .a .img {
        opacity: 0;
        visibility: hidden
    }

    .list_luntan li .a .img .img_hezi {
        padding-bottom: 31.02% !important;
    }

    .list_luntan li .a .top {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        padding: 0 44px;
        display: flex;
        align-items: center;
    }

    .list_luntan li .a .top .time_box {
        width: .94rem;
        display: flex;
    }

    .list_luntan li .a .top .time {
        text-align: center;
    }

    .list_luntan li .a .top .time h3 {
        font-size: .36rem;
        color: #054388
    }

    .list_luntan li .a .top .time h6 {
        font-size: .18rem;
        color: #054388;
        font-family: "PingFang SC", "PingFang SC-Regular", 苹方;
        margin: .1rem 0 0
    }

    .list_luntan li .a .top .con {
        width: calc(100% - .94rem);
        position: relative;
        padding: 0 0 0 .26rem
    }

    .list_luntan li .a .top .con:before {
        content: "";
        position: absolute;
        left: 0;
        top: .04rem;
        bottom: .04rem;
        width: 1px;
        background: #dce2e8
    }

    .list_luntan li .a .top .con h5 {
        font-size: .18rem;
        color: #333333;
        font-weight: bold;
        line-height: 1.25;
        margin-bottom: .2rem
    }

    .list_luntan li .a .top .con h6 {
        font-size: .16rem;
        color: #333333;
        line-height: 1.5;
        display: flex;
        flex-wrap: wrap
    }

    .list_luntan li .a .top .con h6 font {
        display: flex;
        align-items: center;
    }

    .list_luntan li .a .top .con h6 font:first-child {
        margin: 0 .3rem 0 0
    }

    .list_luntan li .a .top .con h6 font svg {
        margin: 0 .05rem 0 0;
        width: .2rem;
        height: .2rem;
        fill: #333333;
    }

    .list_luntans {
        margin-bottom: .1rem;
    }

    .list_luntans li {
        width: 25%;
        margin-bottom: .2rem;
    }

    .list_luntans li .a .img .img_hezi {
        padding-bottom: 20% !important;
    }

    .list_luntans li .a .top h4 {
        font-size: .2rem;
        color: #333333;
        font-weight: bold;
        line-height: 1.25;
        width: 100%;
        text-align: center;
    }

    .n_news_detail .ar_article_box {
        display: flex;
        flex-wrap: wrap;
    }

    .n_news_detail .ar_article_box .left {
        width: calc(100% - 3.8rem);
        padding: 0 .4rem 0 0;
    }

    .n_news_detail .ar_article_box .right {
        width: 3.8rem;
        padding: .3rem 0;
    }

    .n_news_detail .ar_article_box .nav01 {
        margin-bottom: .5rem;
        text-align: center;
    }

    .n_news_detail .ar_article_box .nav01 .rr {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .n_news_detail .ar_article_box h3 {
        color: #333333;
        font-size: .3rem;
        line-height: 1.5;
        margin-bottom: .2rem;
        font-weight: bold;
        font-family: "PingFang SC", "PingFang SC-Regular", 苹方;
    }

    .n_news_detail .ar_article_box h6 {
        color: #666666;
        font-size: 0.14rem;
        line-height: .42rem;
        margin-bottom: 0;
        vertical-align: top;
        border-bottom: #e2e2e2 1px solid;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 0 .2rem;
    }

    .n_news_detail .ar_article_box h6 span {
        margin: 0 .1rem;
    }

    .n_news_detail .ar_article_box h6 span img {
        margin: -3px .1rem 0 0;
        max-width: 19px;
    }

    .n_news_detail .ar_article_box h6 span span {
        margin: 0px;
    }

    /*====上一篇下一篇====*/

    #share-2 {
        margin-bottom: .6rem;
        font-size: .18rem;
        color: #333333;
    }

    #ar_fot {
        position: relative;
        padding: .3rem 0 0;
        box-sizing: border-box;
        width: 100%;
        margin-top: .4rem;
        border-top: #cfcfcf 1px dashed;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    #ar_fot h1 {
        display: block;
        width: 100%;
        line-height: .35rem;
        color: #999999;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: .16rem;
    }

    #ar_fot h1 span {}

    #ar_fot h1 a {
        color: #666666;
        font-weight: normal;
        transition: .5s;
        display: block;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #ar_fot .bnt_back {
        position: absolute;
        top: 28px;
        right: 0;
        color: #fff;
        background: #063579;
        padding: 0 25px;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
    }

    #ar_fot .bnt_back:hover {
        border-radius: 3px;
    }

    #ar_fot h1 a:hover {
        color: #0f4d8f;
    }

    #ar_fot .ll {
        width: calc(100% - 1.4rem)
    }

    #ar_fot .rr {
        width: 1.3rem;
    }

    #ar_fot .rr a {
        display: flex;
        height: .35rem;
        background: #0f4d8f;
        font-size: .16rem;
        color: #fff;
        align-items: center;
        justify-content: center;
        transition: .5s;
        border-radius: .18rem;
    }

    #ar_fot .rr a:hover {
        background: #1469c3;
    }

    .n_news_detail01 h4 {
        font-size: 1.5rem;
        color: #000000;
        font-weight: bold;
        margin: 2.5rem 0 1rem;
        text-align: center
    }

    .n_news_detail01 .ar_article p {
        line-height: 2.5rem;
        margin-bottom: 0.375rem;
    }

    #share-2>img {
        margin: -3px .1rem 0 0;
    }

    .shart_box {
        display: inline-block;
        cursor: pointer
    }


    .social-share {}

    .social-share * {
        font-family: "socialshare" !important
    }

    .social-share .icon-tencent:before {
        content: "\f07a"
    }

    .social-share .icon-qq:before {
        content: "\f11a"
    }

    .social-share .icon-douban:before {
        content: "\f10a"
    }

    .social-share .icon-heart:before {
        content: "\f20a"
    }

    .social-share .icon-like:before {
        content: "\f00a"
    }

    .social-share .icon-qzone:before {
        content: "\f08a"
    }

    .social-share .icon-linkedin:before {
        content: "\f01a"
    }

    .social-share .icon-diandian:before {
        content: "\f05a"
    }

    .social-share .icon-facebook:before {
        content: "\f03a"
    }

    .social-share .icon-google:before {
        content: "\f04a"
    }

    .social-share .icon-twitter:before {
        content: "\f06a"
    }

    .social-share a {
        position: relative;
        text-decoration: none;
        margin: 4px .06rem;
        display: inline-block;
        outline: none;
    }

    .social-share .social-share-icon {
        position: relative;
        display: inline-block;
        width: .42rem;
        height: .42rem;
        font-size: .22rem;
        border-radius: 50%;
        line-height: .4rem;
        border: 1px solid #666;
        color: #666;
        text-align: center;
        vertical-align: middle;
        transition: background 0.6s ease-out 0s;
    }

    .social-share .social-share-icon:hover {
        background: #666;
        color: #fff
    }

    .social-share .icon-weibo {
        color: #ff763b;
        border-color: #ff763b
    }

    .social-share .icon-weibo:hover {
        background: #ff763b
    }

    .social-share .icon-tencent {
        color: #56b6e7;
        border-color: #56b6e7
    }

    .social-share .icon-tencent:hover {
        background: #56b6e7
    }

    .social-share .icon-qq {
        color: #56b6e7;
        border-color: #56b6e7
    }

    .social-share .icon-qq:hover {
        background: #56b6e7
    }

    .social-share .icon-qzone {
        color: #FDBE3D;
        border-color: #FDBE3D
    }

    .social-share .icon-qzone:hover {
        background: #FDBE3D
    }

    .social-share .icon-douban {
        color: #33b045;
        border-color: #33b045
    }

    .social-share .icon-douban:hover {
        background: #33b045
    }

    .social-share .icon-linkedin {
        color: #0077B5;
        border-color: #0077B5
    }

    .social-share .icon-linkedin:hover {
        background: #0077B5
    }

    .social-share .icon-facebook {
        color: #44619D;
        border-color: #44619D
    }

    .social-share .icon-facebook:hover {
        background: #44619D
    }

    .social-share .icon-google {
        color: #db4437;
        border-color: #db4437
    }

    .social-share .icon-google:hover {
        background: #db4437
    }

    .social-share .icon-twitter {
        color: #55acee;
        border-color: #55acee
    }

    .social-share .icon-twitter:hover {
        background: #55acee
    }

    .social-share .icon-diandian {
        color: #307DCA;
        border-color: #307DCA
    }

    .social-share .icon-diandian:hover {
        background: #307DCA
    }

    .social-share .icon-wechat {
        position: relative;
        color: #7bc549;
        border-color: #7bc549
    }

    .social-share .icon-wechat:hover {
        background: #7bc549
    }

    .social-share .icon-wechat .wechat-qrcode {
        display: none;
        border: 1px solid #eee;
        position: absolute;
        z-index: 9;
        top: -205px;
        left: -84px;
        width: 200px;
        height: 192px;
        color: #666;
        font-size: 12px;
        text-align: center;
        background-color: #fff;
        box-shadow: 0 2px 10px #aaa;
        transition: all 200ms;
        -webkit-tansition: all 350ms;
        -moz-transition: all 350ms
    }

    .social-share .icon-wechat .wechat-qrcode.bottom {
        top: 40px;
        left: -84px
    }

    .social-share .icon-wechat .wechat-qrcode.bottom:after {
        display: none
    }

    .social-share .icon-wechat .wechat-qrcode h4 {
        font-weight: normal;
        height: 26px;
        line-height: 26px;
        font-size: 12px;
        background-color: #f3f3f3;
        margin: 0;
        padding: 0;
        color: #777
    }

    .social-share .icon-wechat .wechat-qrcode .qrcode {
        width: 105px;
        margin: 10px auto
    }

    .social-share .icon-wechat .wechat-qrcode .qrcode table {
        margin: 0 !important
    }

    .social-share .icon-wechat .wechat-qrcode .help p {
        font-weight: normal;
        line-height: 16px;
        padding: 0;
        margin: 0
    }

    .social-share .icon-wechat .wechat-qrcode:after {
        content: '';
        position: absolute;
        left: 50%;
        margin-left: -6px;
        bottom: -13px;
        width: 0;
        height: 0;
        border-width: 8px 6px 6px 6px;
        border-style: solid;
        border-color: #fff transparent transparent transparent
    }

    .social-share .icon-wechat:hover .wechat-qrcode {
        display: block
    }

    .hotnewsTitle {
        display: flex;
        align-items: center;
        font-size: .24rem;
        color: #054388;
        font-weight: bold;
        font-family: "PingFang SC", "PingFang SC-Regular", 苹方;
    }

    .hotnewsTitle .ico img {
        width: .47rem;
        margin: 0 .15rem 0 0;
    }

    .hotnewsList {
        position: relative;
        z-index: 1;
        padding: .1rem 0 .1rem .23rem
    }

    .hotnewsList:before {
        content: "";
        position: absolute;
        left: .23rem;
        width: 1px;
        background: #d1d1d1;
        top: 0;
        bottom: 0;
    }

    .hotnewsList li * {
        transition: .5s;
    }

    .hotnewsList li a {
        display: block;
        padding: .34rem .2rem .22rem;
        border-bottom: #d1d1d1 1px dashed;
        position: relative;
    }

    .hotnewsList li a .date {
        display: flex;
        width: 85px;
        height: 24px;
        border: #d1d1d1 1px solid;
        border-radius: 12px;
        align-items: center;
        justify-content: center;
        margin-bottom: .1rem;
        font-family: "PingFang SC", "PingFang SC-Regular", 苹方;
        font-size: .14rem;
        color: #333;
    }

    .hotnewsList li a h5 {
        font-size: .18rem;
        color: #333333;
        line-height: 1.25;
        font-weight: 400;
        font-family: "PingFang SC", "PingFang SC-Regular", 苹方;
    }

    .hotnewsList li a:after {
        content: "";
        position: absolute;
        width: .11rem;
        height: .11rem;
        border: #666666 1px solid;
        border-radius: 50%;
        box-sizing: border-box;
        left: -.05rem;
        top: .4rem;
        background: #fff;
    }

    .hotnewsList li:last-child a {
        border-bottom: none
    }

    .hotnewsList li a:hover .date {
        border: #054388 1px solid;
        background: #054388;
        color: #fff
    }

    .hotnewsList li a:hover h5 {
        color: #054388;
        font-weight: bold
    }

    .hotnewsList li a:hover:after {
        border: #0f4d8f 2px solid;
    }

    .n_xiaoqu .wp {
        width: 12.7rem;
    }

    .list_bds5 .img .img_hezi {
        padding-bottom: 56.30% !important;
    }

    .list_bds5 .bottom {
        margin: .75rem .24rem .7rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .list_bds5 .bottom .left {
        border-left: #0f4d8f .04rem solid;
        padding: .2rem 0 .2rem .34rem;
    }

    .list_bds5 .bottom .left h5 {
        font-size: .36rem;
        color: #333333;
        font-weight: bold;
        font-family: "PingFang SC", "PingFang SC-Regular", 苹方;
        margin-bottom: .4rem;
    }

    .list_bds5 .bottom .left p {
        font-size: .24rem;
        color: #666666;
        line-height: .38rem;
    }

    .more004 a {
        display: flex;
        width: 2.2rem;
        height: .62rem;
        background: #22538c;
        align-items: center;
        justify-content: center;
        font-size: .28rem;
        color: #fff;
        border-radius: .3rem;
        transition: .5s;
    }

    .list_tabs5 {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 -.19rem
    }

    .list_tabs5 .li {
        padding: 0 .19rem
    }

    .list_tabs5 .li h3 {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: .4rem 0 .4rem 0;
        border: #dddddd 1px solid;
        width: 2.85rem;
        height: .9rem;
        font-size: .29rem;
        color: #333333;
        transition: .5s;
        cursor: pointer;
        max-width: 100%;
    }

    .list_tabs5 .li.active h3 {
        border: #22538c 1px solid;
        background: #22538c;
        color: #fff
    }



    .n_sanji ul {
        display: flex;
        justify-content: space-around;
        position: relative;
        margin: 0 -7px .58rem;
        padding: 0 7%;
        flex-wrap: wrap;
    }

    .n_sanji ul:before {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100vw;
        height: 1px;
        border-bottom: #cdd9e7 1px dashed;
    }

    .n_sanji ul li {
        padding: 0 7px;
    }

    .n_sanji ul li * {
        transition: .3s
    }

    .n_sanji ul li a {
        height: .64rem;
        display: flex;
        align-items: center;
        font-size: .24rem;
        color: #333333;
        position: relative;
    }

    .n_sanji ul li a .line {
        position: absolute;
        width: .3rem;
        height: 3px;
        margin: 0 auto;
        left: 50%;
        bottom: 0;
        margin-left: -.15rem;
        opacity: 0;
        visibility: hidden;
    }

    .n_sanji ul li a .line:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 48%;
        height: 100%;
        background: #004694;
    }

    .n_sanji ul li a .line:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 48%;
        height: 100%;
        background: #e60013;
    }

    .n_sanji ul li.on a,
    .n_sanji ul li a:hover {
        font-size: .34rem;
        color: #054388;
        font-weight: bold;
        padding-bottom: .15rem;
    }

    .n_sanji ul li.on a .line,
    .n_sanji ul li a:hover .line {
        opacity: 1;
        visibility: visible;
    }


    .n_xysh .wp {
        width: 12.7rem;
    }

    .list_bds6 .img .img_hezi {
        padding-bottom: 56.30% !important;
    }

    .list_bds6 .img::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        background: url(../images/list_bds6_top.png) center bottom no-repeat;
        background-size: 100% auto;
    }

    .list_bds6 .bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: .9rem .7rem;
        z-index: 1;
    }

    .list_bds6 .bottom h5 {
        font-size: .24rem;
        color: #fff;
        line-height: 1.375;
        margin-bottom: .2rem
    }

    .list_bds6 .bottom p {
        font-size: .16rem;
        color: #fff;
        line-height: 1.5;
        position: relative;
        padding: 0 .7rem 0 0
    }

    .list_bds6 .bottom p a {
        position: absolute;
        right: 0;
        top: 0
    }

    .miso-arrow2-box {}

    .miso-arrow2-box .swiper-button-prev {
        width: .56rem;
        height: .56rem;
        background: rgba(0, 0, 0, .4);
        position: relative;
        top: auto;
        margin: 0;
        border-radius: 50%;
        opacity: 1;
        transition: .5s;
        position: absolute;
        bottom: 45%;
        left: .5rem;
        transition: .5s;
        cursor: pointer;
    }

    .miso-arrow2-box .swiper-button-prev::after {
        font-weight: bold;
        font-size: .22rem;
        color: #fff;
        font-weight: bold;
        transition: .5s;
    }

    .miso-arrow2-box .swiper-button-next {
        width: .56rem;
        height: .56rem;
        background: rgba(0, 0, 0, .4);
        position: relative;
        top: auto;
        margin: 0;
        border-radius: 50%;
        opacity: 1;
        transition: .5s;
        position: absolute;
        bottom: 45%;
        right: .5rem;
        transition: .5s;
        cursor: pointer;
    }

    .miso-arrow2-box .swiper-button-next::after {
        font-weight: bold;
        font-size: .22rem;
        color: #fff;
        font-weight: bold;
        transition: .5s;
    }

    .list_tabs6_box {
        width: 6.94rem;
        margin: 0 auto;
        margin-top: -.6rem;
        position: relative;
        z-index: 1;
        max-width: 100%;
    }

    .list_tabs6 {
        display: flex;
        margin: 0 -.19rem;
    }

    .list_tabs6 .li {
        width: 33.33%;
        padding: 0 .19rem;
    }

    .list_tabs6 .li * {
        transition: .5s;
    }

    .list_tabs6 .li .a {
        cursor: pointer;
    }

    .list_tabs6 .li .img .img_hezi {
        padding-bottom: 56.30% !important;
    }

    .list_tabs6 .li h3 {
        height: .56rem;
        border: #e2e2e2 1px solid;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 .1rem;
        font-size: .18rem;
        color: #333333;
    }

    .list_tabs6 .li.active h3 {
        background: #004694;
        border: #004694 1px solid;
        color: #fff;
    }

    .miso_form1 {
        display: flex;
        flex-wrap: wrap;
        height: .54rem;
        width: 7.9rem;
        margin: 0 auto;
        max-width: 100%;
        justify-content: space-between;
        margin-bottom: .94rem;
    }

    .miso_form1 .divselect {
        width: calc(100% - .88rem);
        height: 100%;
        position: relative;
        background: #fff;
        padding: 0;
    }

    .miso_form1 .divselect:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -2rem;
        width: 1px;
        height: 4rem;
        background: #cfcecf;
    }

    .miso_form1 .divselect .h5 {
        height: 100%;
        display: flex;
        align-items: center;
        padding: 0 .2rem;
        font-size: .22rem;
        color: #666666;
        position: relative;
        cursor: pointer;
        justify-content: space-between;
    }

    .miso_form1 .divselect .h5 img {
        width: .18rem;
        margin-left: .1rem;
    }

    .divselect_ul {
        background: #fff;
        text-align: center;
        padding: .1rem 0;
        display: none;
        box-shadow: 0px 9px 35px 0px rgba(0, 0, 0, 0.1);
    }

    .divselect_ul li {
        font-size: 1rem;
        color: #666;
        line-height: 2.5;
        transition: .5s;
        cursor: pointer;
    }

    .divselect_ul li:hover {
        color: #0e5da8;
    }

    .miso_form1 .input {
        width: calc(100% - 1.1rem - .4rem);
        padding: 0 0.3rem;
        background: #f8f9fb;
        border-radius: .27rem;
        font-size: .16rem;
        color: #fff;
        letter-spacing: .05rem;
        border: #c7c7c7 1px solid;
    }

    .miso_form1 .input .input1 {
        width: 100%;
        height: 100%;
        font-size: .16rem;
        color: #666666;
        padding: 0;
        /* background: url(../images/search_white.png) left center no-repeat; */
    }

    .miso_form1 .right {
        width: 1.1rem;
        display: flex;
        align-items: center;
        height: 100%;
        position: relative;
    }

    .miso_form1 .right .submit {
        width: 100%;
        height: 100%;
        transition: .5s;
    }

    .miso_form1 .right .submit .input {
        background: #20528c;
        width: 100%;
        height: .54rem;
        cursor: pointer;
        transition: .5s;
        border-radius: .27rem;
        background-size: .2rem !important;
        font-size: .16rem;
        letter-spacing: 0;
        color: #fff;
        padding: 0;
        border: none;
        font-weight: bold;
    }

    .miso_form1 .right .submit .input:hover {
        background: #e60013;
    }

    .list_sousuo li {
        margin-bottom: .3rem;
    }

    .list_sousuo li * {
        transition: .5s;
    }

    .list_sousuo li .a {
        display: flex;
        height: 1.34rem;
        border: #dfdede 1px solid;
        padding: 0 .14rem 0 .6rem;
        align-items: center;
        position: relative;
        z-index: 1;
    }

    .list_sousuo li .a::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../images/list_sousuo_bg.png) right bottom no-repeat;
        z-index: -1;
    }

    .list_sousuo li .a .ll {
        width: calc(100% - 1.85rem);
        padding: 0 .2rem 0 0;
    }

    .list_sousuo li .a .ll h5 {
        font-size: .22rem;
        color: #333333;
        line-height: 1.375;
    }

    .list_sousuo li .a .time {
        width: 1.85rem;
        text-align: center;
        border-left: #dfdede 1px solid;
        height: .74rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .list_sousuo li .a .time h3 {
        font-size: .36rem;
        color: #999999;
        font-family: "PingFang SC", "PingFang SC-Regular", 苹方;
    }

    .list_sousuo li .a .time h6 {
        font-size: .18rem;
        color: #999999;
        font-family: "PingFang SC", "PingFang SC-Regular", 苹方;
        margin: .08rem 0 0
    }

    .list_sousuo li .a:after {
        content: "";
        position: absolute;
        width: .04rem;
        height: .36rem;
        background: #063d7c;
        top: -1px;
        left: -1px;
    }

    .list_zjgw li {
        margin-bottom: 1.2rem;
    }

    .list_zjgw li * {
        transition: .5s;
    }

    .list_zjgw li .a {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .list_zjgw li .a .img {
        width: 7.86rem;
        border-radius: .4rem 0 .4rem 0;
    }

    .list_zjgw li .a .img .img_hezi {
        padding-bottom: 68.95% !important;
    }

    .list_zjgw li .a .con {
        width: calc(100% - 7.86rem);
        position: relative;
        z-index: 1;
        height: 3.82rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        /* overflow: hidden; */
        padding: 0 .4rem;
    }

    .list_zjgw li .a .con::before {
        content: "";
        position: absolute;
        background: #fff url(../images/list_zjgw_logo1.png) right center no-repeat;
        box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
        top: 0;
        right: 0;
        bottom: 0;
        left: -.4rem;
        z-index: -1;
    }

    .list_zjgw li .a .con h3 {
        width: 100%;
        margin-bottom: .5rem;
    }

    .list_zjgw li .a .con h3 big {
        font-size: .36rem;
        color: #333333;
        font-weight: bold
    }

    .list_zjgw li .a .con h3 small {
        font-size: .18rem;
        color: #666666;
        font-family: "PingFang SC", "PingFang SC-Regular", 苹方;
        margin: 0 0 0 .2rem
    }

    .list_zjgw li .a .con .bottom {
        font-size: .18rem;
        color: #666666;
        line-height: 1.5;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .list_zjgw li .a .con .bottom .rr svg path {
        stroke: #063d7c;
    }

    .list_zjgw li .a .con .bottom .rr {
        padding: 0 0 0 .9rem
    }

    /* .list_zjgw li .a .con::after{content: "";position: absolute;background: url(../images/list_zjgw_logo.png) center no-repeat;width: 3.23rem;height: 3.23rem;background-size: 100% auto;right: -1.7rem;} */

    .list_zjgw li:nth-child(2n) .a .img {
        order: 1;
    }

    .list_zjgw li:nth-child(2n) .a .con::before {
        left: 0;
        right: -.4rem;
    }

    .list_zjgw li:nth-child(2n) .a .con {
        padding: 0 .4rem 0 .8rem;
    }

    .list_n_xyfg {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -.7%;
        margin-top: 1.5%;
        margin-bottom: .7rem;
    }

    .list_n_xyfg li {
        width: 50%;
        padding: 0 .7%;
    }

    .list_n_xyfg li * {
        transition: .5s;
    }

    .list_n_xyfg li .img .img_hezi {
        padding-bottom: 74.78% !important;
    }

    .list_box_fengguang_box {
        width: 100%;
    }

    .list_box_fengguang {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        justify-content: flex-end;
        margin: 1.5% 0;
    }

    .list_box_fengguang li {
        padding: 0 .7%;
    }

    .list_box_fengguang li * {
        transition: .5s;
    }

    .list_box_fengguang li:nth-child(1) {
        width: 65.5%;
    }

    .list_box_fengguang li:nth-child(1) .img .img_hezi {
        padding-bottom: 66.66% !important;
    }

    .list_box_fengguang li:nth-child(3) {
        align-self: flex-end;
        margin: -21% 0 0;
    }

    .list_box_fengguang li:nth-child(2),
    .list_box_fengguang li:nth-child(3) {
        width: calc(100% - 65.5%);
    }

    .list_box_fengguang li:nth-child(2) .img .img_hezi,
    .list_box_fengguang li:nth-child(3) .img .img_hezi {
        padding-bottom: 62.53% !important;
    }

    .list_n_xyfg li a {
        display: block;
        position: relative;
        overflow: hidden;
    }

    .list_n_xyfg li a .top {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 1rem;
        background: #054388;
        transform: translateY(101%);
        opacity: 0;
    }

    .list_tabs2s {
        width: 100%;
        justify-content: center;
        text-align: center;
        margin-bottom: .2rem;
    }

    .list_tabs2s .li .line {
        margin: 0 auto
    }

    .list_box_wz_list li {
        font-size: 15px;
        color: #000033;
        border-bottom: #e0e0e0 1px solid;
        margin-bottom: .08rem;
    }

    .list_box_wz_list li a {
        color: #404040;
        display: flex;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition: 0.36s;
        position: relative;
        padding-left: 0;
        height: .5rem;
        align-items: center;
        justify-content: space-between;
    }

    .list_box_wz_list li a:before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -.025rem;
        left: 0;
        width: .05rem;
        height: .05rem;
        transition: 0.36s;
        background: #054388;
        /* border-radius: 50%; */
    }

    .list_box_wz_list li a font {
        display: inline-block;
        width: calc(100% - 1rem);
        font-size: .18rem;
        color: #000000;
        position: relative;
        padding-left: 20px;
        transition: .5s;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        line-height: 1.25;
    }

    .list_box_wz_list li a img {
        display: inline-block
    }

    .list_box_wz_list li a span {
        float: right;
        font-size: 0.14rem;
        color: #666666;
    }

    body.fixed {
        overflow: hidden;
    }

    .slide_down_nav {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10000;
        visibility: hidden;
    }

    .slide_down_nav .slide_down_nav_bg {
        position: fixed;
        right: 0;
        top: 0;
        height: 0;
        left: 0;
        background: #fff;
        background: #fff url(../images/slide_down_nav_bg.jpg) center no-repeat;
        background-size: cover;
        transition: .9s cubic-bezier(.165, .84, .44, 1) 1s;
    }

    .slide_down_nav .slide_down_nav_bg.on {
        top: auto;
        bottom: 0;
        height: 100%;
        transition: .9s cubic-bezier(.165, .84, .44, 1);
    }

    .slide_down_nav_line_shuxian {
        position: absolute;
        left: 0;
        margin-left: -0.5px;
        bottom: 0;
        width: 1px;
        height: 0;
        background: rgba(0, 0, 0, 0.15);
        opacity: 1;
        transition: 0.6s;
    }

    .slide_down_nav_line_shuxian.on {
        height: 100%;
        transition-delay: 1s;
    }

    .slide_down_nav .slide_down_nav_content {
        position: relative;
        z-index: 10;
        /* transform: translateY(100%); */
        transition: 0.6s;
        height: 100%;
        opacity: 0;
        padding: 0.5rem 0 .3rem;
    }


    .slide_down_nav.on {
        visibility: visible
    }

    .slide_down_nav .slide_down_nav_content.on {
        /* transform:translateY(0); */
        transition: 0.6s;
        opacity: 1;
    }

    .slide_down_nav .slide_down_nav_content .wp {
        height: 100%;
        width: 16rem;
    }

    .slide_down_nav h3 {
        font-size: .28rem;
        color: #fff;
        font-weight: bold;
        text-align: center;
        margin-bottom: .3rem;
    }

    .slide_down_nav .fl01 .content {
        display: flex;
        flex-wrap: wrap;
        margin: .6rem 0 0;
    }

    .slide_down_nav .fl01 .content .box {
        width: 40%;
        padding: 0 .4rem;
        position: relative
    }

    .slide_down_nav .fl01 .content .box:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        border-right: rgba(255, 255, 255, .4) 1px dashed;
        right: 0
    }

    .slide_down_nav .fl01 .content .box h5 {
        display: flex;
        align-items: center;
        font-size: .24rem;
        color: #fff;
        margin-bottom: .4rem
    }

    .slide_down_nav .fl01 .content .box h5 img {
        margin: 0 .18rem 0 0
    }

    .slide_down_nav .fl01 .content .box:nth-child(3) {
        width: 16.67%
    }

    .slide_down_nav .fl01 .content .box:nth-child(4) {
        width: 20%;
    }

    @media (max-width: 992px) {
        .slide_down_nav .fl01 .content .box:nth-child(3) {
            width: 100%;
        }

        .slide_down_nav .fl01 .content .box:nth-child(4) {
            width: 100%;
        }
    }


    .slide_down_nav .fl01 ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -7px;
    }

    .slide_down_nav .fl01 ul li {
        width: 50%;
        font-size: .16rem;
        color: rgba(255, 255, 255, 1);
        line-height: 20px;
        margin: .14rem 0;
        padding: 0 7px;
        transition: .5s;
    }

    .slide_down_nav .fl01 ul li:nth-child(2n) {
        padding-left: .4rem
    }

    .slide_down_nav .fl01 .content .box:nth-child(4):before {
        display: none;
    }

    .slide_down_nav .fl01 .content .box:nth-child(3) ul li,
    .slide_down_nav .fl01 .content .box:nth-child(4) ul li {
        width: 100%
    }

    .slide_down_nav .fl01 .content .box:nth-child(3) ul li:nth-child(2n),
    .slide_down_nav .fl01 .content .box:nth-child(4) ul li:nth-child(2n) {
        padding-left: 7px;
    }

    .slide_down_nav_scoll {
        overflow: hidden;
        overflow-y: scroll;
        height: 100%
    }

    .slide_down_nav_scoll::-webkit-scrollbar {
        width: 1px;
        height: 8px;
        background-color: rgba(255, 255, 255, 0);
    }

    .slide_down_nav_scoll::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0);
    }

    .slide_down_nav_scoll::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: rgba(255, 255, 255, .2);
    }

    .slide_down_nav .fl02 {
        margin: .5rem 0 0
    }

    .slide_down_nav .fl02 ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -.3rem;
        padding: 0 .4rem;
    }

    .slide_down_nav .fl02 ul li {
        width: 20%;
        padding: 0 .3rem;
        font-size: .16rem;
        color: rgba(255, 255, 255, 1);
        line-height: 20px;
        margin: .1rem 0;
        transition: .5s;
    }

    .slide_down_nav .fl02 h3 {
        border-bottom: rgba(255, 255, 255, .4) 1px dashed;
        padding-bottom: .3rem
    }

    .slide_down_nav_close {
        position: fixed;
        top: 15px;
        right: 15px;
        z-index: 10001;
        opacity: 0;
        visibility: hidden;
        cursor: pointer;
    }

    .slide_down_nav_close.on {
        opacity: 1;
        visibility: visible;
    }

    .slide_down_nav_close img {
        transition: .5s;
    }


    /*==========================================内页 结束=============================================*/




    .zxxs {
        border-top: 1px dashed #bebebe;
        width: 100%;
        overflow: hidden;
        margin: 20px auto;
        padding: 20px 0;
    }

    .zxxs li {
        float: left;
        width: 10%;
        line-height: 42px;
    }

    .zxxs li a {
        font-size: 16px;
    }

    .mrdright_bottom h1 {
        height: 60px;
        line-height: 60px;
        color: #23548c;
    }

    @media (max-width: 640px) {
        .zxxs li {
            float: left;
            width: 33%;
            line-height: 42px;
        }

        .zxxs li a {
            font-size: 14px;
        }
    }

    .header_box1 {
        transition: .5s;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        z-index: 100000;
    }

    .header_box1 {
        height: .9rem;
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        box-shadow: 0px 1px 12.87px 0.13px rgba(0, 0, 0, 0.15);
    }

    .header_box_li1 {
        height: 100%
    }

    .header_box_li1 .wp {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
    }

    .header_box_li1 .right_box {
        display: flex;
        align-items: center;
        padding: 0;
        justify-content: flex-end;
    }

    .header_box_li1 #nav ul li h3 {
        color: #000000;
        font-weight: normal;
        text-shadow: none
    }

    .header_box_li1 .list_box1:before {}

    .header_box_li1 .list_box1 .li a {
        border: rgba(52, 52, 52, .5) 1px solid;
        color: #343434;
        width: .36rem;
        height: .36rem;
        font-size: .15rem;
    }

    .header_box_li1 .list_box1 .li a svg {
        fill: #343434;
        width: .2rem;
        height: .2rem;
    }

    .header_box_li1 .left {
        width: 2.42rem
    }

    .header_box_li1 .right_box {
        width: calc(100% - 2.42rem)
    }

    .header_box_li1 .right_box .right {
        width: 9rem;
    }

    .header_box_li1 .list_box1 .li a:hover {
        border: #e60013 1px solid;
        background: #e60013;
        color: #fff;
    }

    .header_box_li1 .list_box1 .li a:hover svg {
        fill: #fff
    }

    .fp-viewing-page0 .header_box1 {
        opacity: 0;
        visibility: hidden;
        transform: translateY(-101%);
        transition: .5s;
    }

    .top_video {
        overflow: hidden;
    }

    .top_video video {
        width: 100%
    }

    .top_video:hover .plyr--video .plyr__controls {}

    .top_video:hover .plyr--video .plyr__controls {
        bottom: 0;
        visibility: visible;
    }

    .top_video .plyr__play-large {
        background: url(../images/video.png) center no-repeat;
        width: 1.38rem;
        height: 1.38rem;
        border: none;
        opacity: 1;
        background-size: cover;
    }

    .top_video .plyr__play-large svg {
        display: none
    }


    .v_news_content img {
        text-indent: 0px !important;
        text-align: center;
        max-width: 98%;
        height: auto;
    }

    .v_news_content video {
        text-indent: 0px !important;
        text-align: center;
        max-width: 98%;
        height: auto;
    }

    .v_news_content video ifream {
        text-indent: 0px !important;
        text-align: center;
        max-width: 98%;
        height: auto;
    }


    @media screen and (max-width:1320px) {
        .header_box_li1 #nav ul li h3 {
            font-size: 16px;
        }

        #nav ul {
            width: 7rem;
        }
    }


    .v_news_content img {
        border: none !important;
    }



    @media screen and (max-width:1500px) {
        .n_dh .left .title003_box {
            margin-left: 30px;
        }
    }

    .m_header_box .list_box1 .li {
        margin-left: .1rem
    }

    .m_header_box .list_box1 .li a svg {
        width: .2rem;
        height: .2rem
    }

    .main-visual-slider .ar_wap {
        display: none !important
    }

    @media(max-width: 1200px) {
        .main-visual-slider .ar_web {
            display: none !important
        }

        .main-visual-slider .ar_wap {
            display: block !important
        }
    }




    .n_news_detail .ar_article_box .yjjg h6 {
        border: none;
        color: #054388;
        text-align: left;
        display: inherit;
        font-weight: 700;
        font-size: .2rem;
    }

    .yjjg ul {
        display: flex;
        justify-content: start;
        flex-wrap: wrap;
    }

    .yjjg ul li {
        width: 32%;
        margin-bottom: 0.35rem;
        font-size: .18rem;
        line-height: 1.2em;
        margin-right: 2%;
    }

    .yjjg ul li:nth-child(3n) {
        margin-right: 0px;
    }

    .yjjg ul li a {
        display: block;
        padding: 0 0.2rem;
        height: 0.6rem;
        border: 1px solid #045da1;
        transition: .3s;
        line-height: 0.6rem;
    }

    .yjjg ul li a:hover {
        background: #045da1;
        color: #fff;
    }

    @media(max-width: 992px) {

        .yjjg ul li {
            width: 48%;
        }

        .yjjg ul li:nth-child(2n) {
            margin-right: 0px;
        }

        .yjjg ul li:nth-child(2n-1) {
            margin-right: 4%;
        }
    }




    @media(max-width:640px) {

        .yjjg ul li {
            width: 100%;
        }

        .yjjg ul li:nth-child(2n) {
            margin-right: 0px;
        }

        .yjjg ul li:nth-child(2n-1) {
            margin-right: 0%;
        }

        .yjjg ul li:nth-child(3n) {
            margin-right: 0%;
        }
    }