.h4s1 {
    font-size: 0.2rem;
    color: rgb(26, 41, 84);
    line-height: 0.3rem;
    transition: all 0.5s ease 0s;
}

.h4s2 {
    font-size: 0.2rem;
    color: rgb(0, 0, 0);
    line-height: 0.3rem;
    transition: all 0.5s ease 0s;
}

.h4s3 {
    font-size: 0.2rem;
    color: rgb(26, 41, 84);
    line-height: 0.3rem;
    transition: all 0.5s ease 0s;
}

.ps2 {
    font-size: 0.18rem;
    color: rgb(102, 102, 102);
    line-height: 0.32rem;
    transition: all 0.5s ease 0s;
}

.ps3 {
    font-size: 0.16rem;
    color: rgb(102, 102, 102);
    line-height: 0.3rem;
    transition: all 0.5s ease 0s;
}

.h6s1 {
    font-size: 0.16rem;
    color: rgb(102, 102, 102);
    line-height: 0.24rem;
    transition: all 0.5s ease 0s;
    font-style: italic;
}

@font-face {
    font-family: "Spoqa Han Sans Neo";
    src: url(/css/"");
}

@font-face {
    font-family: "Menk Hawang Tig";
    src: url(/css/"");
}

.pc_hb {
    position: relative;
    z-index: 10000;
    height: 1.2rem;
}

#header {
    position: fixed;
    z-index: 999;
    width: 100%;
    transition: all 0.36s ease 0s;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0.5rem;
}

.pc_h #header::before {
    content: /css/"";
    position: absolute;
    height: 1px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    visibility: visible;
    pointer-events: none;
    opacity: 0;
    background: rgb(218, 218, 220);
    transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.pc_h #header .wp::after {
    content: /css/"";
    position: absolute;
    left: 50px;
    bottom: 0px;
    background: rgb(210, 210, 210);
    height: 1px;
    opacity: 0.57;
    transition: all 1s ease 1s;
    width: 0px;
}

.pc_h #header.xg .wp::after {
    opacity: 0;
}

.pc_h.on #header .wp::after {
    width: calc(100% - 100px);
}

#header.xg {
    background: rgba(0, 0, 0, 0.8);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 9px 15px 0px;
}

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

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

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

#header .wp {
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 1.2rem;
    transition: all 0.5s ease 0s;
}

#header .right {
    width: 11.1rem;
    max-width: 62%;
    align-items: center;
    position: relative;
    z-index: 1;
    opacity: 1 !important;
}

#header .right::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: -50vw;
    bottom: 0px;
    left: -1.15rem;
    background: rgb(0, 102, 204);
    z-index: -1;
    pointer-events: none;
    transform: skewX(-30deg);
    border-radius: 0.15rem 0px 0px;
    transform-origin: left bottom;
}

#logo {
    width: 4.05rem;
    max-width: 27%;
    opacity: 1 !important;
}

#logo img {
    width: 100%;
}

#logo .i2 {
    display: none;
}

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

.header_top .search .input {
    position: absolute;
    z-index: 1;
    left: auto;
    right: -0.08rem;
    top: -12px;
    bottom: auto;
    height: 40px;
    width: 0px;
    background: rgb(255, 255, 255);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease 0s;
}

.header_top .search .input input {
    width: 100%;
    height: 100%;
    font-size: 13px;
    padding: 0px 0.32rem 0px 0.1rem;
    color: rgb(51, 51, 51);
}

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

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

.header_top .search .btn svg {
    width: 18px;
    height: 18px;
    fill: rgb(255, 255, 255);
}

.header_top .search:hover .btn svg {
    fill: rgb(101, 16, 173);
}

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

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

.list0 .li {
    margin: 0px 0px 0px 0.18rem;
}

.list0 .a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.4rem;
    height: 0.4rem;
    position: relative;
    z-index: 1;
    font-size: 0.16rem;
    color: rgb(255, 255, 255);
    transition: all 0.5s ease 0s;
}

.list0 .a svg {
    width: 0.16rem;
    height: 0.16rem;
    fill: rgb(255, 255, 255);
    transition: all 0.5s ease 0s;
}

.list0 .a::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 50vw;
    transition: all 0.5s ease 0s;
    z-index: -1;
}

#openBtn {
    cursor: pointer;
    display: inline-block;
    padding: 0px 0px 0px 0.1rem;
}

#openBtn .lcbody {
    width: 0.26rem;
    height: 23px;
    position: relative;
    display: flex;
    justify-content: flex-start;
}

#openBtn .lcbody .lcitem {
    width: 100%;
    height: 3px;
    position: absolute;
    transition: transform 0.36s ease 0s;
    right: 0px;
}

#openBtn .lcbody .lcitem:nth-child(2) {
    width: 100%;
    transform: translateX(-0.1rem);
}

#openBtn .lcbody .lcitem div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: auto;
    right: 0px;
    background: rgb(255, 255, 255);
    transition: all 0.5s ease 0s;
    border-radius: 50vw;
}

#openBtn .lcbody .top {
    top: 0px;
}

#openBtn .lcbody .center {
    display: block;
    top: 50%;
    margin-top: -1px;
}

#openBtn .lcbody .bottom {
    top: calc(100% - 0.03rem);
}

#openBtn .lcbody:hover .lcitem.top .rect {
    animation: 0.4s ease-in-out 0s 1 normal none running move;
}

#openBtn .lcbody:hover .lcitem.center .rect {
    animation: 0.4s ease-in-out 0.1s 1 normal none running move;
}

#openBtn .lcbody:hover .lcitem.bottom .rect {
    animation: 0.4s ease-in-out 0.2s 1 normal none running move;
}

.active#openBtn .lcitem.top {
    transform: rotateZ(45deg);
    top: 49%;
}

.active#openBtn .lcitem.center {
    opacity: 0;
}

.active#openBtn .lcitem.bottom {
    transform: rotateZ(-45deg);
    top: 49%;
}

@keyframes move {
    0% {
        right: 0px;
    }

    40% {
        right: 0px;
        width: 0px;
    }

    60% {
        right: auto;
        width: 0%;
    }

    100% {
        right: auto;
        width: 100%;
    }
}

.n_header #openBtn .lcbody .lcitem div {
    background: rgb(255, 255, 255);
}

.slide_down_nav {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1000;
    visibility: hidden;
    padding: 1.4rem;
}

.slide_down_nav .slide_down_nav_bg {
    position: fixed;
    right: 0px;
    top: 0px;
    height: 0px;
    left: 0px;
    background: 0% 0% / cover rgba(255, 255, 255, 0.95);
    transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
    backdrop-filter: blur(5px);
}

.slide_down_nav .slide_down_nav_bg.on {
    top: auto;
    bottom: 0px;
    height: 100%;
    transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.slide_down_nav_line_shuxian {
    position: absolute;
    left: 0px;
    margin-left: -0.5px;
    bottom: 0px;
    width: 1px;
    height: 0px;
    background: rgba(0, 0, 0, 0.15);
    opacity: 1;
    transition: all 0.6s ease 0s;
}

.slide_down_nav_line_shuxian.on {
    height: 100%;
    transition-delay: 1s;
}

.slide_down_nav .slide_down_nav_content {
    position: relative;
    z-index: 10;
    transition: all 0.6s ease 0s;
    height: 100%;
    opacity: 0;
    padding: 1rem 0px 0px;
}

.slide_down_nav.on {
    visibility: visible;
}

.slide_down_nav .slide_down_nav_content.on {
    transition: all 0.6s ease 0s;
    opacity: 1;
}

.slide_down_nav .wp {
    width: 14.4rem;
    margin: 0px auto;
    height: 100%;
}

.miso_wzmap {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -0.4rem;
}

.miso_wzmap li {
    flex: 1 1 0%;
    padding: 0.15rem 0px;
    transform: translateY(0.5rem);
    transition: all 0.5s ease 0s;
    opacity: 0;
}

.miso_wzmap li:nth-child(1) {
    transition-delay: 0.1s;
}

.miso_wzmap li:nth-child(2) {
    transition-delay: 0.2s;
}

.miso_wzmap li:nth-child(3) {
    transition-delay: 0.3s;
}

.miso_wzmap li:nth-child(4) {
    transition-delay: 0.4s;
}

.miso_wzmap li:nth-child(5) {
    transition-delay: 0.5s;
}

.miso_wzmap li:nth-child(6) {
    transition-delay: 0.6s;
}

.miso_wzmap li:nth-child(7) {
    transition-delay: 0.7s;
}

.miso_wzmap li:nth-child(8) {
    transition-delay: 0.8s;
}

.miso_wzmap li:nth-child(9) {
    transition-delay: 0.9s;
}

.miso_wzmap li h3 a {
    font-size: 0.26rem;
    color: rgb(0, 0, 0);
    position: relative;
    display: block;
    padding: 0px 0px 0.2rem;
    margin-bottom: 0.12rem;
}

.miso_wzmap li h3 a::before {
    content: /css/"";
    position: absolute;
    left: 0.02rem;
    bottom: 0px;
    width: 0px;
    height: 0.03rem;
    background: rgb(0, 102, 204);
    transition: all 1.2s ease 1.2s;
}

.miso_wzmap li dl {
    display: block;
    flex-wrap: wrap;
    margin: 0px -0.1rem;
}

.miso_wzmap li dl dd {
    min-width: 50%;
    padding: 0px 0.1rem;
    width: 100%;
}

.miso_wzmap li dl dd a {
    font-size: 0.2rem;
    color: rgb(0, 0, 0);
    line-height: 0.6rem;
    display: block;
    transition: all 0.5s ease 0s;
    opacity: 0.7;
}

.slide_down_nav_content.on .miso_wzmap li {
    transform: translateY(0px);
    opacity: 1;
}

.slide_down_nav_content.on .miso_wzmap li h3 a::before {
    width: 0.3rem;
}

#search1 {
    position: fixed;
    top: 0px;
    height: 0px;
    width: 100%;
    z-index: 100002;
}

#search1::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(20px);
}

#search1.open {
}

.module > .module_container {
    margin: 0px auto;
    padding: 0px 15px;
    max-width: 1536px;
    position: relative;
}

#search1 .module_container {
    height: 100vh;
    overflow: hidden;
    background: rgb(255, 255, 255);
    max-width: none;
    display: flex;
    align-items: center;
    transform: translate3d(0px, -101vh, 0px);
    transition: all 1s ease 0s;
}

#search1.open .module_container {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0px, 0px, 0px);
}

#search1 .wrapper {
    width: 10.24rem;
    max-width: 100%;
    margin: 0px auto;
    transform: translateY(120px);
    opacity: 0;
    transition: all 1.2s ease 0s;
    position: relative;
}

#search1.open .wrapper {
    transform: translateY(0px);
    opacity: 1;
}

#search1 .wrapper form {
    display: flex;
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(198, 198, 198);
    justify-content: space-between;
}

.icon_search {
    background-image: url("/images/icon_search.png");
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#search1 .wrapper form .icon_search {
    background-position: 0px -16px;
    opacity: 0.5;
    margin-top: 7px;
    margin-left: 12px;
}

#search1 .wrapper form .input1 {
    font-size: 0.18rem;
    color: rgb(51, 51, 51);
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    width: calc(100% - 104px);
    flex: 1 1 0%;
    overflow: hidden;
    padding: 0px;
}

.fl {
    float: left;
}

#search1 .close {
    position: absolute;
    height: 20px;
    width: 20px;
    cursor: pointer;
    transition: all 0.4s ease 0s;
    z-index: 100;
    top: 0.3rem;
    right: 0.3rem;
    opacity: 0;
    visibility: hidden;
}

#search1 .close::after, #search1 .close::before {
    width: 1px;
    height: 20px;
    background: rgb(0, 0, 0);
    position: absolute;
    content: /css/"";
    left: 50%;
}

#search1 .close::before {
    transform: rotate(45deg);
}

#search1 .close::after {
    transform: rotate(-45deg);
}

#search1 .close:hover {
    transform: rotate(90deg);
}

#search1 .keywords {
    line-height: 0.38rem;
    color: rgb(51, 51, 51);
    font-size: 0.14rem;
    margin-top: 0.3rem;
    display: flex;
    flex-wrap: wrap;
}

#search1 .keywords span {
    white-space: nowrap;
}

#search1 .keywords a {
    color: rgb(68, 68, 68);
    height: 0.38rem;
    margin-bottom: 0.14rem;
    padding: 0px 0.2rem;
    display: inline-block;
    margin-right: 0.14rem;
    background: rgb(245, 245, 247);
    border-radius: 50vw;
    transition: all 0.5s ease 0s;
}

#search1 .keywords a:hover {
    background: rgb(0, 97, 121);
    color: rgb(255, 255, 255);
}

#search1.open .close {
    opacity: 1;
    visibility: visible;
}

.m_header_box {
    transition: all 0.6s ease 0s;
    display: none;
    height: 0.75rem;
    position: relative;
    z-index: 100000;
    width: 100%;
}

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

.m_header_box header #logo img {
    height: 0.3rem;
    width: auto;
}

.m_header_box header #logo {
    padding: 0px;
    width: 100%;
    max-width: inherit;
}

.m_header_box .search_btn img {
    width: 0.26rem;
    height: 0.26rem;
}

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

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

.m_header_box .search_btn {
    margin-right: 0.15rem;
    position: relative;
    z-index: 10;
}

#nav_btn_box.on {
    background: none;
}

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

#nav_btn {
    cursor: pointer;
    text-align: center;
    z-index: 99999;
    transition: all 0.5s ease 0s;
    outline: none;
    box-shadow: none;
}

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

#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: 0px;
    display: inline-block;
    width: 100%;
    height: 2px;
    transition: all 0.3s ease-out 0s;
    margin-top: -1px;
}

#nav_btn .navbtn::after, #nav_btn .navbtn::before {
    position: absolute;
    left: 0px;
    display: inline-block;
    width: 100%;
    height: 3px;
    content: /css/"";
    transition: all 0.3s ease-out 0s;
    background: rgb(25, 40, 84);
}

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

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

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

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

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

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

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

#m_nav {
    z-index: 99999;
    position: fixed;
    width: 100%;
    height: 100vh;
    right: -105vw;
    top: 0px;
    padding: 82px 20px 30px;
    pointer-events: none;
    transition: all 0.3s ease-out 0s;
    display: block;
    opacity: 0;
    visibility: hidden;
    backdrop-filter: blur(15px);
    overflow: hidden scroll;
    background: -webkit-linear-gradient(0deg, rgb(15, 26, 58), rgb(14, 20, 40)) rgb(245, 245, 245);
}

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

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

#m_nav .list1 {
    justify-content: center;
}

#m_nav .list1 li .a {
    color: rgb(17, 87, 64);
}

#m_nav .list1 li .a img {
    display: none;
}

.list_box_nav_mobile {
    max-width: 90%;
    margin: 0.2rem auto 0px;
}

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

.list_box_nav_mobile > li .con {
    position: relative;
}

.list_box_nav_mobile > li .h3 {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    line-height: 0.64rem;
    color: rgb(255, 255, 255);
    padding: 0px;
    font-size: 0.2rem;
    display: flex;
    position: relative;
    transition: all 0.5s ease 0s;
}

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

.list_box_nav_mobile > li .box {
    padding: 10px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: none;
}

.list_box_nav_mobile > li .sub {
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
}

.list_box_nav_mobile > li i {
    content: /css/"";
    opacity: 1;
    width: 0.64rem;
    height: 0.64rem;
    background-image: url("/images/arrow_down.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    position: absolute;
    display: block;
    right: -0.2rem;
    top: 0px;
    cursor: pointer;
    background-size: 16px 16px !important;
}

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

.list_box_nav_mobile > li .sub a {
    display: block;
    font-size: 13px;
    color: rgb(255, 255, 255);
    line-height: 2.5;
    min-width: 33.33%;
    opacity: 0.7;
}

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

.m_header_box .list0 .li {
    margin-left: 0.1rem;
}

.m_header_box .list0 .a::before {
    border: 1px solid rgb(25, 40, 84);
}

.m_header_box .list0 .a {
    color: rgb(25, 40, 84);
    margin-right: 0px;
    width: 0.34rem;
    height: 0.34rem;
}

.m_header_box .list0 .a svg {
    fill: rgb(25, 40, 84);
}

#nav {
    flex: 1 1 0%;
    width: 100%;
}

#nav ul {
    justify-content: space-between;
    height: 1.2rem;
}

#nav ul li {
    z-index: 0;
    margin-left: 0px;
    position: relative;
    height: 1.4rem;
    transition: all 0.2s ease 0s;
}

#nav ul li > a {
    display: block;
    padding: 0px;
    position: relative;
    z-index: 2;
    height: 1.2rem;
    line-height: 1.2rem;
}

#nav ul li .h3 {
    font-size: 0.2rem;
    color: rgb(255, 255, 255);
    height: 100%;
    position: relative;
    transition: all 0.5s ease 0s;
}

#nav ul li.li .h3::before {
    content: /css/"";
    position: absolute;
    right: -0.18rem;
    top: 0.2rem;
    transition: all 0.6s ease 0s;
    width: 0.11rem;
    height: 0.05rem;
    background: url("/images/nav.png") center center no-repeat;
}

#nav ul li .h3::after {
    content: /css/"";
    position: absolute;
    left: 50%;
    bottom: 0px;
    transition: all 0.5s ease 0s;
    width: 0px;
    margin-left: -8px;
    opacity: 0;
    visibility: hidden;
    border-bottom: 8px solid rgb(0, 102, 204);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

#nav ul li.on .h3::after, #nav ul li:hover .h3::after {
    opacity: 1;
    visibility: visible;
}

#nav ul li .sub {
    position: absolute;
    top: 100%;
    width: auto;
    left: 50%;
    z-index: 10000;
    transform: translateX(-50%) scaleY(0);
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease 0s;
    transform-origin: center top;
}

#nav ul li .sub::before {
    content: /css/"";
    position: absolute;
    top: -0.08rem;
    border-left: 0.08rem solid transparent;
    border-right: 0.08rem solid transparent;
    border-bottom: 0.08rem solid rgb(26, 41, 84);
    left: 50%;
    margin-left: -0.08rem;
}

#nav ul li .sub .box {
    line-height: 1.5;
    transition: all 0.5s ease 0s;
    font-size: 0.16rem;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    display: block;
    width: 100%;
    overflow: hidden;
    background: rgb(26, 41, 84);
    border-radius: 0.1rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 60px;
    padding: 0.05rem;
}

#nav ul li .sub a {
    padding: 0.08rem 0.4rem;
    line-height: 1.5;
    transition: all 0.5s ease 0s;
    font-size: 0.16rem;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    display: block;
    width: 100%;
    border-radius: 0.06rem;
}

#nav ul li .sub a:hover {
    color: rgb(255, 255, 255);
    background: rgb(0, 102, 204);
}

#nav ul li .sub a img {
    filter: grayscale(100%);
    opacity: 0.6;
    margin: 0px 0.1rem 0px 0px;
    width: 0.19rem;
}

#nav ul li:hover .sub {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) scaleY(1);
}

.banner {
    position: relative;
    overflow: hidden;
    z-index: 2;
    width: 100%;
    height: calc(100vh - 1.2rem);
}

.banner ul li {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.banner .img .imgLi {
    padding-bottom: calc(100vh - 1.2rem);
    transition: all 0s ease 0s;
}

.banner .img .imgLi::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background: url("/images/banner_t1.png") center bottom / 100% no-repeat;
}

.banner .img .imgs {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    display: none;
}

.banner video {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner .top {
    position: absolute;
    right: 0px;
    bottom: 0.35rem;
    left: 0px;
    z-index: 1;
}

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

.banner .top h4 {
    font-size: 0.3rem;
    color: rgb(255, 255, 255);
    line-height: 1.5;
    flex: 1 1 0%;
    overflow: visible;
    white-space: normal;
}

.banner .top h4 span {
    display: inline-block;
    opacity: 0;
    margin: 0px 0.5px;
    font-weight: bold;
    transition: all 0.5s ease 0s;
}

.banner.on .top h4 span {
    opacity: 1;
}

.banner .dots {
    display: flex;
    margin: 0px 0px 0px 0.3rem;
    z-index: 10;
    width: auto;
}

.banner .dots span {
    width: 0.24rem;
    height: 0.24rem;
    transition: all 0.5s ease 0s;
    border-radius: 0px;
    background: none;
    font-size: 0.24rem;
    color: rgba(255, 255, 255, 0.3);
    font-family: "Menk Hawang Tig";
    text-align: center;
    margin: 0px 0.06rem !important;
    opacity: 1 !important;
}

.banner .dots span.active {
    color: rgb(255, 255, 255);
}

.banner .dotsBox {
    align-items: center;
}

.more3 {
    font-size: 0.14rem;
    color: rgb(255, 255, 255);
    margin-left: 0.4rem;
    position: relative;
    transition: all 0.5s ease 0s;
}

.more3::before {
    content: /css/"";
    position: absolute;
    width: 1px;
    height: 0.36rem;
    background: rgb(255, 255, 255);
    opacity: 0.44;
    left: -0.18rem;
    top: 50%;
    transform: translateY(-50%);
}

.pad1 {
    padding: 1rem 0px;
    overflow: hidden;
}

.tit1 {
    margin-bottom: 0.54rem;
    justify-content: space-between;
    align-items: center;
}

.tit1 .ll {
    display: flex;
    align-items: center;
}

.tit1 .ll big {
    font-size: 0.36rem;
    color: rgb(1, 1, 1);
    font-weight: 600;
}

.tit1 .ll img {
    margin: 0px 0.06rem;
    height: 0.34rem;
}

.tit1 .ll span {
    font-size: 0.16rem;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    align-self: flex-end;
}

.more1 {
    display: flex;
    width: 1.28rem;
    height: 0.39rem;
    border: 1px solid rgb(26, 41, 84);
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.more1::before {
    content: /css/"";
    position: absolute;
    top: -0.03rem;
    right: 0px;
    bottom: -0.03rem;
    width: 0.32rem;
    background: rgb(0, 102, 204);
    border-radius: 0.2rem 0px 0px 0.2rem;
    transition: all 0.5s ease 0s;
}

.more1 i {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease 0s;
}

.more1 span {
    display: inline-block;
    font-size: 0.16rem;
    color: rgb(0, 0, 0);
    transform: translateX(-0.15rem);
    transition: all 0.5s ease 0s;
}

.home1 {
    background: url("/images/home1_b1.jpg") center center / 100% no-repeat;
}

.home1 .con1 .left {
    width: 8.46rem;
    position: relative;
    z-index: 1;
}

.home1 .con1 .right {
    width: calc(100% - 8.46rem);
    padding: 0px 0px 0px 0.42rem;
    position: relative;
    z-index: 2;
}

.list3Box {
    transition: all 0.5s ease 0s;
}

.list3Box::before {
    content: /css/"";
}

.list3 .con {
    display: block;
    padding: 0.2rem;
    position: relative;
    z-index: 1;
    background: rgb(255, 255, 255);
    overflow: hidden;
}

.list3 .con::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid rgb(26, 41, 84);
    z-index: -1;
    transition: all 0.5s ease 0s;
}

.list3 .a {
    display: block;
    padding: 0px 0.06rem 0.06rem 0px;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}

.list3 .a::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgb(26, 41, 84);
    z-index: -1;
    width: 0.06rem;
    transform-origin: left top;
    transform: skewY(30deg);
    transition: all 0.5s ease 0s;
}

.list3 .a::after {
    content: /css/"";
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: rgb(26, 41, 84);
    z-index: -1;
    height: 0.06rem;
    transform-origin: left top;
    transform: skewX(30deg);
    transition: all 0.5s ease 0s;
}

.list3 .img .imgLi {
    padding-bottom: 56.25%;
}

.list3 .txt {
    padding: 0.24rem 0.2rem 0.2rem;
}

.list3 h4 {
    font-size: 0.24rem;
    color: rgb(26, 41, 84);
    font-weight: bold;
}

.list3 p {
    margin: 0.1rem 0px 0.24rem;
}

.arrow1 {
    position: absolute;
    bottom: 0.4rem;
    right: 0.25rem;
    width: 0.46rem;
    height: 0.26rem;
    justify-content: space-between;
    z-index: 10;
}

.arrow1 .arrow {
    width: 0.17rem;
    height: 100%;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.arrow1 .arrow::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: url("/images/arrow1_s1_on.svg") center center / 100% 100% no-repeat;
    z-index: -1;
    opacity: 0;
    transition: all 0.5s ease 0s;
}

.arrow1 img {
    height: 100%;
}

.arrow1 .next {
    transform: rotateY(180deg);
}

.list4 {
    margin: 0px -0.17rem;
}

.list4 li {
    width: 50%;
    padding: 0px 0.17rem;
    margin-bottom: 0.3rem;
}

.list4 .a {
    display: block;
    position: relative;
    z-index: 1;
    padding: 0px 0.06rem 0.06rem 0px;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}

.list4 .con {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    padding: 0px 0.3rem;
    position: relative;
    z-index: 1;
    background: rgb(255, 255, 255);
    height: 2.04rem;
    overflow: hidden;
}

.list4 .con::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid rgb(26, 41, 84);
    z-index: -1;
}

.list4 .con::after {
    content: /css/"";
    position: absolute;
    background: url("/images/list4_b1.png") center center / cover no-repeat;
    top: 50%;
    left: 50%;
    width: 4.75rem;
    height: 4.75rem;
    transform: translate(-100%, -100%);
    pointer-events: none;
    z-index: -1;
    transition: all 0.5s ease 0s;
}

.list4 .a::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgb(26, 41, 84);
    z-index: -1;
    width: 0.06rem;
    transform-origin: left top;
    transform: skewY(30deg);
    transition: all 0.5s ease 0s;
}

.list4 .a::after {
    content: /css/"";
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: rgb(26, 41, 84);
    z-index: -1;
    height: 0.06rem;
    transform-origin: left top;
    transform: skewX(30deg);
    transition: all 0.5s ease 0s;
}

.list4 h4 {
    width: 100%;
    margin: 0.1rem 0px;
}

.list4 h6 {
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.list4 h6 svg {
    width: 0.24rem;
    height: 0.24rem;
    transition: all 0.5s ease 0s;
    transform: rotate(0deg);
}

.list4 span {
    display: inline-block;
    font-size: 0.16rem;
    color: rgb(255, 255, 255);
    line-height: 0.28rem;
    background: rgb(26, 41, 84);
    padding: 0px 0.2rem;
    transition: all 0.5s ease 0s;
}

.home2 {
    background: rgb(247, 247, 247);
}

.list5 {
    flex-wrap: nowrap;
    padding: 0.6rem 1%;
    justify-content: center;
    align-items: center;
}

.list5 li {
    width: 9.09%;
    transition: all 0.5s ease 0s;
}

.list5 li .box {
    position: relative;
    z-index: 1;
}

.list5 li .box::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0.2rem;
    bottom: 0px;
    left: 0.2rem;
    z-index: -1;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.28rem 0.4rem 0px;
    opacity: 0;
    transition: all 0.5s ease 0s;
}

.list5 li:nth-child(2) {
    padding: 0px 0.45%;
}

.list5 li:nth-child(4) {
    padding: 0px 0.5%;
}

.list5 li:nth-child(5) {
    padding: 0px 0.4%;
}

.list5 li:nth-child(6) {
    padding: 0px 0.15%;
}

.list5 li:nth-child(7) {
    padding: 0px 0.35%;
}

.list5 li:nth-child(9) {
    padding: 0px 0.15%;
}

.list5 li:nth-child(10) {
    padding: 0px 0.25%;
}

.list5 li:nth-child(10) {
    padding: 0px 0.25%;
}

.list5 .box .a > .img {
    opacity: 0;
}

.list5 .a {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: rgb(26, 41, 84);
}

.list5 li:nth-child(1) .a {
    clip-path: polygon(0.04rem 0px, calc(100% - 0.04rem) 0px, 100% 100%, 0px 100%);
}

.list5 li:nth-child(2) .a {
    clip-path: polygon(0.13rem 0px, 100% 0px, calc(100% - 0.13rem) 100%, 0px 100%);
}

.list5 li:nth-child(3) .a {
    clip-path: polygon(0px 0px, calc(100% - 0.2rem) 0px, 100% 100%, 0.2rem 100%);
}

.list5 li:nth-child(4) .a {
    clip-path: polygon(0.04rem 0px, calc(100% - 0.04rem) 0px, 100% 100%, 0px 100%);
}

.list5 li:nth-child(5) .a {
    clip-path: polygon(0.13rem 0px, 100% 0px, calc(100% - 0.1rem) 100%, 0px 100%);
}

.list5 li:nth-child(6) .a {
    clip-path: polygon(0px 0px, calc(100% - 0.2rem) 0px, 100% 100%, 0.13rem 100%);
}

.list5 li:nth-child(7) .a {
    clip-path: polygon(0.04rem 0px, 100% 0px, calc(100% - 0.04rem) 100%, 0px 100%);
}

.list5 li:nth-child(8) .a {
    clip-path: polygon(0px 0px, calc(100% - 0.2rem) 0px, 100% 100%, 0.13rem 100%);
}

.list5 li:nth-child(9) .a {
    clip-path: polygon(0.2rem 0px, 100% 0px, calc(100% - 0.1rem) 100%, 0px 100%);
}

.list5 li:nth-child(10) .a {
    clip-path: polygon(0px 0px, calc(100% - 0.2rem) 0px, 100% 100%, 0.1rem 100%);
}

.list5 li:nth-child(11) .a {
    clip-path: polygon(0.2rem 0px, 100% 0px, calc(100% - 0.13rem) 100%, 0px 100%);
}

.list5 li:nth-child(1) .box .a > .img .imgLi {
    padding-bottom: 5.42rem;
}

.list5 li:nth-child(2) .box .a > .img .imgLi {
    padding-bottom: 5.42rem;
}

.list5 li:nth-child(3) .box .a > .img .imgLi {
    padding-bottom: 6.44rem;
}

.list5 li:nth-child(4) .box .a > .img .imgLi {
    padding-bottom: 5.7rem;
}

.list5 li:nth-child(5) .box .a > .img .imgLi {
    padding-bottom: 6.55rem;
}

.list5 li:nth-child(6) .box .a > .img .imgLi {
    padding-bottom: 6.38rem;
}

.list5 li:nth-child(7) .box .a > .img .imgLi {
    padding-bottom: 6.65rem;
}

.list5 li:nth-child(8) .box .a > .img .imgLi {
    padding-bottom: 5.65rem;
}

.list5 li:nth-child(9) .box .a > .img .imgLi {
    padding-bottom: 5.8rem;
}

.list5 li:nth-child(10) .box .a > .img .imgLi {
    padding-bottom: 5.9rem;
}

.list5 li:nth-child(11) .box .a > .img .imgLi {
    padding-bottom: 6.4rem;
}

.list5 .con {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    bottom: 0px;
    transition: all 0.5s ease 0s;
}

.list5 .con .img {
    height: 100%;
    filter: grayscale(100%);
    opacity: 0.5;
}

.list5 .con .img::after {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: url("/images/list5_b1.png") center bottom / 120% no-repeat;
    opacity: 0;
    transition: all 0.5s ease 0s;
}

.list5 .con .img .imgLi {
    height: 100%;
    padding-bottom: inherit;
}

.list5 .txt {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: -0.1rem;
    left: 0px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0px 0.3rem 0.3rem;
    opacity: 0;
    transition: all 0.5s ease 0.5s;
}

.list5 .txt * {
    color: rgb(255, 255, 255) !important;
}

.list5 h4 {
    width: 100%;
    font-size: 0.24rem;
    line-height: 0.36rem;
    margin-bottom: 0px;
}

.list5 h6 {
    font-size: 0.2rem;
    line-height: 0.36rem;
}

.list5 .alin_r:hover .aline_w {
    transition-delay: 1s;
}

.aline_w {
    position: relative;
    background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
    background-position: 0px 100%;
    background-size: 0px 1px;
    background-repeat: no-repeat;
    transition: background-size 0.5s ease 0s;
}

.alin_r:hover .aline_w {
    background-size: 100% 1px;
}

.home3 {
    padding-bottom: 1.2rem;
    position: relative;
    z-index: 1;
}

#canvas {
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: -1;
    pointer-events: none;
}

.home3 .fl1 {
    align-items: center;
}

.home3 .fl1 .left {
    width: 42%;
    align-items: flex-start;
}

.home3 .fl1 .right {
    width: calc(58%);
    padding: 0px 0px 0px 3%;
}

.list6 {
    margin: 0px -0.075rem -0.15rem;
}

.list6 li {
    width: 50%;
    padding: 0px 0.075rem;
    margin-bottom: 0.15rem;
}

.list6 .a {
    display: block;
    position: relative;
    z-index: 1;
    padding: 0px 0.05rem 0.05rem 0px;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}

.list6 .a::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgb(26, 41, 84);
    z-index: -1;
    width: 0.05rem;
    transform-origin: left top;
    transform: skewY(30deg);
    transition: all 0.5s ease 0s;
}

.list6 .a::after {
    content: /css/"";
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: rgb(26, 41, 84);
    z-index: -1;
    height: 0.05rem;
    transform-origin: left top;
    transform: skewX(30deg);
    transition: all 0.5s ease 0s;
}

.list6 .con {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0px 0.15rem;
    position: relative;
    z-index: 1;
    background: rgb(255, 255, 255);
    height: 1.34rem;
    overflow: hidden;
}

.list6 .con::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid rgb(26, 41, 84);
    z-index: -1;
}

.list6 .con::after {
    content: /css/"";
    position: absolute;
    background: url("/images/list4_b1.png") center center / cover no-repeat;
    top: 50%;
    left: 50%;
    width: 4.75rem;
    height: 4.75rem;
    transform: translate(-100%, -100%);
    pointer-events: none;
    z-index: -1;
    transition: all 0.5s ease 0s;
}

.list6 .ico {
    width: 0.54rem;
    height: 0.54rem;
}

.list6 .ico img {
    width: 100%;
    height: 100%;
    transition: all 0.5s ease 0s;
}

.list6 h4 {
    margin: 0.06rem 0px 0px;
    text-align: center;
}

.home3 .fl1 .left ul.ll {
    width: 30%;
    margin: 0px;
}

.home3 .fl1 .left ul.ll li {
    width: 100%;
    padding: 0px;
}

.home3 .fl1 .left .rr {
    width: 70%;
    padding: 0px 0px 0px 0.15rem;
}

.home3 .fl1 .left ul.ll li {
    width: 100%;
}

.home3 .fl1 .left ul.ll li .con {
    height: 2.88rem;
}

.list7 li {
    margin-left: 0.2rem;
}

.list7 .a {
    display: block;
    position: relative;
    z-index: 1;
    padding: 0px 0.03rem 0.03rem 0px;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}

.list7 .a::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgb(26, 41, 84);
    z-index: -1;
    width: 0.03rem;
    transform-origin: left top;
    transform: skewY(30deg);
    transition: all 0.5s ease 0s;
}

.list7 .a::after {
    content: /css/"";
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: rgb(26, 41, 84);
    z-index: -1;
    height: 0.03rem;
    transform-origin: left top;
    transform: skewX(30deg);
    transition: all 0.5s ease 0s;
}

.list7 .con {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative;
    z-index: 1;
    background: rgb(255, 255, 255);
    height: 0.6rem;
    overflow: hidden;
    width: 0.6rem;
}

.list7 .con::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid rgb(26, 41, 84);
    z-index: -1;
}

.list7 .con::after {
    content: /css/"";
    position: absolute;
    background: url("/images/list4_b1.png") center center / cover no-repeat;
    top: 50%;
    left: 50%;
    width: 200%;
    height: 200%;
    transform: translate(-150%, -150%);
    pointer-events: none;
    z-index: -1;
    transition: all 0.5s ease 0s;
}

.list7 img {
    transition: all 0.5s ease 0s;
}

.list7 img.img1 {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0;
}

.list8 {
    align-items: center;
}

.list8 li:nth-child(1) {
    width: 25.64%;
}

.list8 li:nth-child(2) {
    width: calc(41.15%);
}

.list8 li:nth-child(3) {
    width: 33.21%;
}

.list8 .a {
    display: block;
    position: relative;
    transition: all 0.5s ease 0s;
}

.list8 .img {
    overflow: visible;
}

.list8 li:nth-child(1) .img .imgLi {
    padding-bottom: 130%;
}

.list8 li:nth-child(2) .img .imgLi {
    padding-bottom: 77.92%;
}

.list8 li:nth-child(3) .img .imgLi {
    padding-bottom: 100%;
}

.list8 .txt {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

footer {
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: rgb(26, 41, 84);
}

footer::before {
    content: /css/"";
    position: absolute;
    width: 8.75vw;
    height: 100vh;
    top: 50%;
    left: 17%;
    background: rgb(0, 102, 204);
    transform: translate(0px, -50%) skewX(-30deg);
    z-index: -1;
    pointer-events: none;
}

footer .fl1 {
    padding: 0.7rem 0px 1.2rem;
    align-items: flex-start;
    justify-content: space-between;
}

footer .fl1 img.img1 {
    width: 3.3rem;
    max-width: 22%;
}

footer .fl1 .right {
    width: 10.56rem;
    justify-content: space-between;
}

footer .fl1 dl dt {
    font-size: 0.2rem;
    color: rgb(255, 255, 255);
    line-height: 1.375;
    margin-bottom: 0.1rem;
}

footer .fl1 dl dd {
    font-size: 0.16rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 0.36rem;
    transition: all 0.5s ease 0s;
}

footer .fl2 {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0.25rem 0px;
}

footer .fl2 p {
    font-size: 0.16rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.5;
}

footer[data-aos="fg1"]::before {
    transform: translate(0px, -50%) skewX(0deg);
    transition: all 1s ease 0s;
}

footer[data-aos="fg1"].aos-animate::before {
    transform: translate(0px, -50%) skewX(-30deg);
}

.tc1 .tc {
    pointer-events: none;
    opacity: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 2147483647;
}

.tc1 .tc.act {
    opacity: 1;
    pointer-events: auto;
}

.tc1 .close:hover {
    transform: rotate(180deg);
}

.tc1 .close, .tc {
    transition: all 400ms ease 0s;
}

.tc1 .tc-box {
    position: absolute;
    background: rgb(217, 217, 217);
    overflow: hidden;
    top: 50%;
    z-index: 9999;
    width: 2.88rem;
    left: 50%;
    margin-left: -1.44rem;
    margin-top: -1.44rem;
    padding: 0.16rem;
    border-radius: 0.08rem;
}

.tc1 .tc.act .tc-box {
    transform: scale(1);
}

.tc1 .tc.act {
    display: block;
}

.tc1 .close {
    position: absolute;
    cursor: pointer;
    font-size: 20px;
    right: 30px;
    top: 30px;
}

.tc1 .tc_bg {
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 0;
}

.tc1 .tc-box h3 img {
    width: 100%;
    margin: 0px auto;
    display: block;
}

.tc1 .tc-box h5 {
    padding-top: 0.16rem;
    font-size: 0.14rem;
    color: rgb(108, 108, 108);
    text-align: center;
}

@media (min-width: 1024px) {
    .tow-left-ul {
        padding-top: 0.18rem;
    }

    .a:hover .slow .imgLi, a:hover .slow .imgLi, .slow:hover img {
        transform: scale(1.08);
    }

    .a:hover .h4s1, .a:hover .h4s2, .a:hover .h4s3 {
        color: rgb(0, 102, 204);
    }

    .list0 .a:hover::before {
        border: 1px dashed rgb(255, 255, 255);
        animation: 25s linear 0s infinite normal none running play;
    }

    .more1:hover::before {
        width: calc(100% + 0.32rem);
    }

    .more1:hover span {
        color: rgb(255, 255, 255);
        transform: translateX(-0.08rem);
    }

    .more1:hover i {
        transform: translateX(-0.12rem);
    }

    .arrow1 .arrow:hover::before {
        opacity: 1;
    }

    .list3 .a:hover::before, .list3 .a:hover::after {
        background: rgb(0, 102, 204);
    }

    .list3 .a:hover .con::before {
        border: 1px solid rgb(0, 102, 204);
    }

    .list4 .a:hover span {
        background: rgb(0, 102, 204);
    }

    .list4 .a:hover .con::after {
        transform: translate(-70%, -65%);
    }

    .list4 .a:hover .con::before {
        border: 1px solid rgb(0, 102, 204);
    }

    .list4 .a:hover::before, .list4 .a:hover::after {
        background: rgb(0, 102, 204);
    }

    .list4 .a:hover h6 svg {
        transform: rotate(45deg);
        fill: rgb(0, 102, 204);
    }

    .list5 li:hover {
        width: 4.1rem;
    }

    .list5 li:hover .a {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 0.28rem 0.4rem 0px;
        filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0.28rem 0.4rem);
    }

    .list5 li:hover .con .txt {
        opacity: 1;
    }

    .list5 li:hover .con .img {
        filter: none;
        opacity: 1;
    }

    .list5 li:hover .con .img::after {
        opacity: 1;
    }

    .list5 li:hover .box::before {
        opacity: 1;
    }

    .list5 li:hover {
        transform: scaleY(1.2);
    }

    .list5 li:hover .con .txt * {
        transform: scaleY(0.8);
    }

    .list3Box:hover, .list4 .a:hover, .list6 .a:hover, .list7 .a:hover, .list8 .a:hover {
        filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0.28rem 0.4rem);
    }

    .list6 .a:hover .con::before {
        border: 1px solid rgb(0, 102, 204);
    }

    .list6 .a:hover::before, .list6 .a:hover::after {
        background: rgb(0, 102, 204);
    }

    .list6 .a:hover .ico img {
        transform: rotateY(180deg);
    }

    .list7 .a:hover .con::before {
        border: 1px solid rgb(0, 102, 204);
    }

    .list7 .a:hover::before, .list7 .a:hover::after {
        background: rgb(0, 102, 204);
    }

    .list7 .a:hover .con::after {
        transform: translate(-65%, -65%);
    }

    .list7 .a:hover img {
        opacity: 0;
    }

    .list7 .a:hover img.img1 {
        opacity: 1;
    }

    footer .fl1 dl dd:hover {
        color: rgb(255, 255, 255);
    }
}

@media (max-width: 1600px) {
}

@media (max-width: 1024px) {
    html::-webkit-scrollbar {
        width: 0px;
    }

    .pc_hb {
        display: none;
    }

    .m_header_box {
        display: block;
    }

    .banner {
        height: auto;
    }

    .banner .img .imgLi {
        padding-bottom: 50%;
    }

    .home1 .con1 .left {
        width: 100%;
    }

    .home1 .con1 .right {
        width: 100%;
        padding: 0.5rem 0px 0px;
    }

    .list5 li:nth-child(1) .box .a > .img .imgLi {
        padding-bottom: 310%;
    }

    .list5 li:nth-child(2) .box .a > .img .imgLi {
        padding-bottom: 346%;
    }

    .list5 li:nth-child(3) .box .a > .img .imgLi {
        padding-bottom: 369%;
    }

    .list5 li:nth-child(4) .box .a > .img .imgLi {
        padding-bottom: 367%;
    }

    .list5 li:nth-child(5) .box .a > .img .imgLi {
        padding-bottom: 412%;
    }

    .list5 li:nth-child(6) .box .a > .img .imgLi {
        padding-bottom: 378%;
    }

    .list5 li:nth-child(7) .box .a > .img .imgLi {
        padding-bottom: 413%;
    }

    .list5 li:nth-child(8) .box .a > .img .imgLi {
        padding-bottom: 324%;
    }

    .list5 li:nth-child(9) .box .a > .img .imgLi {
        padding-bottom: 344%;
    }

    .list5 li:nth-child(10) .box .a > .img .imgLi {
        padding-bottom: 358%;
    }

    .list5 li:nth-child(11) .box .a > .img .imgLi {
        padding-bottom: 367%;
    }

    .home3 .fl1 .left {
        width: 100%;
        padding: 0.3rem 0px 0px;
        order: 1;
    }

    .home3 .fl1 .right {
        width: 100%;
        padding: 0px;
    }

    footer .fl1 .right {
        width: 100%;
        padding: 0.3rem 0px 0px;
    }

    footer .fl1 img.img1 {
        margin: 0px auto;
        max-width: 30%;
    }

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

@media (max-width: 800px) {
    #gotop {
        right: 0px;
        transform: scale(0.7);
    }

    .scroll {
        overflow: scroll hidden;
    }

    .ar_article {
        font-size: 0.18rem;
    }

    .ar_article td, .ar_article th {
        font-size: 0.18rem;
    }

    .tit1 {
        margin-bottom: 0.25rem;
    }

    .tit1 .ll big {
        font-size: 0.26rem;
    }

    .ar_article1 p {
        text-indent: 0.36rem;
    }

    .ar_article1 p img {
    }

    footer .fl1 {
        padding: 0.4rem 0px;
    }

    footer .fl1 .right dl {
        width: 25%;
        text-align: center;
    }

    footer .fl1 dl dd {
        display: none;
    }

    .pad1 {
        padding: 0.4rem 0px;
    }

    .list4 {
        margin: 0px -7px;
    }

    .list4 li {
        width: 50%;
        padding: 0px 7px;
        margin-bottom: 0.2rem;
    }

    .home1 .con1 .right {
        padding: 0.3rem 0px 0px;
    }

    .list7 .con {
        width: 0.4rem;
        height: 0.4rem;
    }

    .list7 li {
        margin-left: 0.1rem;
    }

    .tit1 .ll img {
        height: 0.2rem;
    }

    .tit1 .ll span {
        font-size: 0.14rem;
    }

    .list6 .ico {
        width: 0.36rem;
        height: 0.36rem;
    }

    .list5 {
        padding: 0.15rem 3%;
    }

    .home3 {
        padding-bottom: 0.5rem;
    }

    .list8 {
        padding: 0px 0%;
    }

    .arrow1 {
        transform: scale(0.7);
    }
}

@media (max-width: 560px) {
    .tit1 .ll span {
        display: inline-block;
        width: 1.2rem;
        line-height: 1.25;
    }

    .list6 h4 {
        font-size: 0.18rem !important;
        line-height: 1.5 !important;
    }

    .list6 .con {
        padding: 0px 0.1rem;
        height: 1.2rem;
    }

    .home3 .fl1 .left ul.ll li .con {
        height: 2.56rem;
    }

    .home3 .fl1 .left .rr {
        padding: 0px 0px 0px 6px;
    }

    .list6 {
        margin: 0px -3px -0.1rem;
    }

    .list6 li {
        width: 50%;
        padding: 0px 3px;
        margin-bottom: 0.1rem;
    }

    footer .fl1 dl dt {
        font-size: 0.16rem;
    }

    .list8 .txt {
        transform: scale(1.5);
    }

    .list8 li:nth-child(1) .txt {
        transform: scale(1.35) translateX(-8%);
    }

    footer::before {
        width: 10vw;
        left: 0%;
    }

    .banner .top h4 {
        width: 100%;
        flex: 1 1 auto;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        order: 1;
    }

    .banner .dotsBox {
        width: 100%;
        justify-content: center;
    }

    .banner .dots {
        margin: 0px 0px 0.1rem;
    }

    .banner .top {
        bottom: 0.15rem;
    }

    .list4 .con {
        padding: 0px 0.2rem;
    }
}

.n_banner {
    background: url("/images/n_ba1.jpg") center center / cover no-repeat;
    height: 2.8rem;
}

.n_banner .wp {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tit3 {
    text-align: center;
    position: relative;
    z-index: 1;
    height: 0.86rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tit3 h3 {
    font-size: 0.48rem;
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.tit3 h6 {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tit3 h6 img {
    max-height: 100%;
    max-width: 100%;
}

.list_ej {
    justify-content: center;
    margin: 0.5rem 0px -0.2rem;
}

.list_ej li {
    padding: 0px 0.24rem;
    position: relative;
    line-height: 1.5;
}

.list_ej li::before {
    content: /css/"";
    position: absolute;
    width: 0.04rem;
    height: 0.04rem;
    background: rgba(255, 255, 255, 0.65);
    border-radius: 50vw;
    right: -0.02rem;
    top: 50%;
    margin-top: -0.02rem;
}

.list_ej .a {
    font-size: 0.22rem;
    color: rgba(255, 255, 255, 0.65);
    transition: all 0.5s ease 0s;
}

.list_ej li:last-child::before {
    display: none;
}

.list_ej li.on .a, .list_ej li .a:hover {
    color: rgb(255, 255, 255);
}

.n_pad1 {
    padding: 1rem 0px 0px;
    overflow: hidden;
}

.n_container {
    min-height: 50vh;
}

.tit4 {
    margin-bottom: 0.5rem;
    justify-content: space-between;
    align-items: center;
}

.tit4 .ll {
    align-items: center;
}

.tit4 .ll big {
    font-size: 0.36rem;
    color: rgb(0, 102, 204);
    font-weight: 600;
    margin-left: 10px;
}

.tit4 .ll img {
    margin: 0px 0.06rem 0px 0px;
    height: 0.36rem;
}

.mianbao * {
    font-size: 0.18rem;
    color: rgb(102, 102, 102);
    line-height: 1.5;
    font-style: normal;
    transition: all 0.5s ease 0s;
}

.mianbao span {
    margin: 0px 0.1rem;
}

.mianbao a:hover {
    color: rgb(0, 102, 204);
}

.n_container .wp {
    width: 14.4rem;
    align-items: flex-start;
}

.about .fl1 {
    background: url("/images/about_b1.jpg") 88% 50% / 100% no-repeat;
    padding: 0px 0px 1rem;
}

.about .fl1 .left {
    width: 54.23%;
}

.about .fl1 .left .p_l {
    padding: 0px 0.6rem 0px 0px;
    height: 5.1rem;
    margin-bottom: -14%;
}

.about .fl1 .left .p1 {
    margin-bottom: 0.5rem;
}

.about .fl1 .right {
    width: calc(45.77%);
}

.about .fl1 .right .p_l {
    padding: 0.3rem 0px 0px 0.6rem;
}

.about .fl1 .right .p1 {
    width: calc((100vw - 14.4rem) / 2 + 100%);
}

.about .fl1 .right .p1 img {
    width: 100%;
    height: 5.1rem;
    object-fit: cover;
}

.about .fl2 {
    position: relative;
    z-index: 1;
    padding: 0.8rem 0px 1rem;
}

.about .fl2 .tit4 {
    display: none;
}

.about .fl2 .bg {
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    right: 0px;
    display: flex;
}

.about .fl2 .bg1 {
    width: 88%;
    height: 2.9rem;
    background: rgb(0, 102, 204);
}

.about .fl2 .bg2 {
    width: 12%;
    height: 2.9rem;
    background: url("/images/about_c.png") left top / auto 1.95rem no-repeat rgb(28, 44, 89);
}

.about .fl2 .bgs {
    position: absolute;
    z-index: -1;
    background: url("/images/about_b2.jpg") right center / auto 100% no-repeat;
    top: 1.92rem;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.about .fl2 .con1 .left {
    width: calc(82.71%);
}

.about .fl2 .con1 .right {
    width: 17.29%;
    padding: 0px 0px 0px 0.16rem;
}

.list10 .img .imgLi {
    padding-bottom: 63.6%;
}

.arrow2 {
    width: 0.4rem;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 10;
    margin: 0.5rem 0px 0px 0.7rem;
}

.arrow2 .arrow {
    width: 0.4rem;
    height: 100%;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.arrow2 .arrow::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: url("/images/arrow1_s2_on.svg") center center / 100% 100% no-repeat;
    z-index: -1;
    opacity: 0;
    transition: all 0.5s ease 0s;
}

.arrow2 img {
    width: 100%;
    transition: all 0.5s ease 0s;
}

.arrow2 .next {
    transform: rotateY(180deg);
    margin-top: -0.05rem;
}

.tit5 img {
    width: 1.67rem;
}

.arrow2 .arrow:hover::before {
    opacity: 1;
}

.arrow2 .arrow:hover img {
    opacity: 0;
}

.list_sj {
    flex: 1 1 0%;
    overflow: hidden;
    padding: 0px 0.8rem;
}

.list_sj li {
    margin-right: 0.26rem;
    font-size: 0.22rem;
    color: rgb(102, 102, 102);
    transition: all 0.5s ease 0s;
    line-height: 1.5;
}

.list_sj li.on, .list_sj li:hover {
    color: rgb(0, 102, 204);
    font-weight: bold;
}

.banner-index {
    margin: 0px;
    overflow: hidden;
}

.banner-index img {
    width: 100%;
}

.header-index {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 1000;
    background-image: linear-gradient(rgb(0, 102, 204), rgba(0, 0, 0, 0));
}

.header-sm {
    width: 15rem;
    margin: 0px auto;
    padding-top: 0.3rem;
}

.logo img {
    width: 7.34rem;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.header-a a {
    display: block;
    font-size: 0.16rem;
    color: rgb(255, 255, 255);
    margin-bottom: 0.1rem;
}

.header-a a i {
    display: inline-block;
    width: 0.3rem;
}

.header-a a img {
    height: 0.15rem;
}

.header-a {
    margin-left: 0.3rem;
}

.header-sm-b a {
    display: block;
    float: left;
    margin-left: 0.25rem;
}

.header-sm-b a img {
    width: 0.45rem;
}

.header-sm-right {
    padding-top: 0.2rem;
}

.nav-list li a {
    font-size: 0.2rem;
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.nav-list li {
    margin-top: 0.3rem;
    width: 10%;
    text-align: center;
    float: left;
    position: relative;
    padding-bottom: 0.25rem;
}

.header-index::before {
    display: block;
    content: /css/"";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.banner-box {
    position: relative;
}

.banner-index .slick-prev {
    border-radius: 50%;
    left: 0.8rem;
    z-index: 100;
    width: 0.74rem;
    height: 0.74rem;
    background: url("/images/left.png") center center / cover no-repeat;
    margin-top: -0.37rem;
}

.banner-index .slick-next {
    border-radius: 50%;
    right: 0.8rem;
    width: 0.74rem;
    height: 0.74rem;
    background: url("/images/right.png") center center / cover no-repeat;
    margin-top: -0.37rem;
}

.slick-prev::before, .slick-next::before {
    display: none;
}

.banner-a {
    position: absolute;
    left: 50%;
    bottom: 0.2rem;
    width: 0.43rem;
    margin-left: -0.2rem;
    z-index: 100;
}

.banner-right {
    position: fixed;
    z-index: 1000;
    right: 0px;
    bottom: 0px;
    width: 2.5rem;
    height: 1.5rem;
    padding: 0.2rem;
}

.banner-right::before {
    display: block;
    content: /css/"";
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    height: 0rem;
    background: rgb(255, 255, 255);
}

.banner-right::after {
    display: block;
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    height: 1.5rem;
    background: rgba(0, 0, 0, 0.5);
}

.banner-ul {
    position: relative;
    z-index: 100;
}

.banner-ul li {
    margin-right: 0rem;
    margin-bottom: 15px;
}

.banner-ul li a img {
    width: 1.82rem;
    height: 1.1rem;
}

.close-a {
    position: absolute;
    top: 0.2rem;
    right: 0.12rem;
    z-index: 99999999;
}

.close-a img {
    width: 0.17rem;
}

.page-one {
    background: url("/images/back01.png") center center / cover no-repeat;
    padding: 1rem 0px 1.1rem;
}

.title-index {
    font-size: 0.46rem;
    margin-bottom: 0.7rem;
    position: relative;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1;
}

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

.page-one .container {
    width: 15rem;
    margin: 0px auto;
}

.title-index font {
    position: relative;
    z-index: 100;
}

.title-index span {
    position: absolute;
    left: 0px;
    right: 0px;
    top: -0.5rem;
    text-transform: uppercase;
    font-size: 0.84rem;
    font-family: Arial;
    font-weight: bold;
    opacity: 0.15;
}

.one-left {
    width: 48.5%;
}

.one-right {
    width: 48.5%;
    background: #fff;
    padding: 25px;
}

.one-ul-img img {
    width: 100%;
    height: 2.25rem;
}

.one-ul-img {
    position: relative;
}

.one-ul-img span {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 1.15rem;
    height: 0.37rem;
    background: url("/images/date-back.png") center center / 100% 100% no-repeat;
    line-height: 0.37rem;
    font-size: 0.16rem;
    color: rgb(255, 255, 255);
    font-weight: bold;
    padding-left: 0.15rem;
}

.one-ul-tt {
    background: rgb(255, 255, 255);
    line-height: 0.6rem;
    padding: 0px 0.25rem;
    font-size: 0.18rem;
    color: rgb(51, 51, 51);
    font-weight: bold;
}

.img-hide {
    overflow: hidden;
    display: block;
}

.img-hide img {
    transition: all 0.5s ease 0s;
    transform: scale(1, 1);
}

.img-hide:hover img {
    transform: scale(1.05, 1.05);
}

.txt-elise {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.one-ul li {
    margin-bottom: 0.3rem;
}

.one-center {
    margin-left: 0.35rem;
    width: 6.3rem;
}

.img-slick-img {
    position: relative;
}

.img-slick-img img {
    width: 100%;
    height: 4.56rem;
}

.img-slick-img span {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 1.15rem;
    height: 0.37rem;
    background: url("/images/date-back02.png") center center / 100% 100% no-repeat;
    line-height: 0.37rem;
    font-size: 0.16rem;
    color: rgb(255, 255, 255);
    font-weight: bold;
    padding-left: 0.15rem;
}

.img-slick-bottom {
    border: 0.12rem solid rgb(255, 255, 255);
    padding: 0.25rem;
    background: url("/images/back-a.png") center bottom / 100% no-repeat rgb(255, 255, 255);
    height: 2rem;
}

.img-slick-tt {
    font-size: 0.18rem;
    color: rgb(51, 51, 51);
    font-weight: bold;
}

.img-slick-p {
    font-size: 0.14rem;
    color: rgb(153, 153, 153);
    line-height: 1.8;
    text-align: justify;
    margin-top: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

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

.img-more {
    position: relative;
    margin-top: 0.1rem;
}

.img-more a {
    float: right;
    padding-right: 0.2rem;
    background: url("/images/more.png") right center no-repeat;
    font-size: 0.14rem;
    color: rgb(4, 92, 180);
}

.img-more::before {
    display: block;
    content: /css/"";
    position: absolute;
    left: 0px;
    top: 50%;
    right: 90px;
    border-top: 1px solid rgb(4, 92, 180);
}

.img-slick {
    margin: 0px;
}

.img-slick .slick-dots {
    bottom: 0.3rem;
}

.img-slick .slick-dots li, .img-slick .slick-dots li button {
    width: 0.14rem;
    height: 0.14rem;
    border-radius: 50%;
}

.img-slick .slick-dots li button {
    background: rgb(169, 192, 216);
}

.img-slick .slick-dots li.slick-active button {
    background: rgb(2, 164, 232);
}

.slick-dots li button::before {
    display: none;
}

.more-b {
    margin-top: 0.4rem;
}

.more-b img {
    width: 1.48rem;
}

.page-tow {
    background: url("/images/back02.png") center center / cover no-repeat;
    padding-top: 1.2rem;
    padding-bottom: 1.75rem;
}

.page-tow .title-index span {
    color: rgb(202, 202, 202);
}

.page-tow .title-index font {
    color: rgb(0, 102, 204);
}

.page-tow .container {
    width: 15rem;
    margin: 0px auto;
}

.tow-sm {
    background: rgb(235, 243, 251);
    padding: 0.4rem;
}

.tow-left-date {
    width: 0.75rem;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 0.75rem;
    padding-top: 0.1rem;
    background: rgb(20, 117, 212);
    font-size: 0.12rem;
    color: rgb(255, 255, 255);
    text-align: center;
}

.tow-left-date span {
    font-size: 0.36rem;
    display: block;
    padding-bottom: 0.05rem;
}

.tow-left-link {
    display: block;
    position: relative;
    padding-left: 1.1rem;
}

.tow-left-tt {
    font-size: 0.2rem;
    color: rgb(0, 102, 204);
    font-weight: bold;
}

.tow-left-p {
    color: rgb(51, 51, 51);
    font-size: 0.14rem;
    line-height: 1.8;
    margin-top: 0.2rem;
}

.tow-left {
    width: 7.35rem;
}

.tow-left-ul li a {
    display: block;
    line-height: 0.5rem;
    position: relative;
    font-size: 0.18rem;
    color: rgb(51, 51, 51);
    padding-right: 1.1rem;
}

.tow-left-ul li a span {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 0.14rem;
    color: rgb(119, 119, 119);
}

.tow-left-ul {
    border-top: 1px solid rgb(20, 117, 212);
    padding-top: 0.38rem;
    margin-top: 0.27rem;
}

.tow-right-tt {
    line-height: 0.55rem;
    font-size: 0.18rem;
    color: rgb(51, 51, 51);
    padding-right: 0.8rem;
}

.tow-right-tt span {
    font-weight: bold;
    margin-right: 0.1rem;
}

.tow-right {
    width: 6rem;
}

.tow-right-img img {
    width: 100%;
    height: 3.37rem;
}

.tow-right .slick-next {
    right: 0px;
    top: auto;
    bottom: 0px;
    width: 0.55rem;
    height: 0.55rem;
    background: url("/images/right02.png") center center / cover no-repeat;
}

.tow-right .slick-prev {
    right: 0.55rem;
    top: auto;
    left: auto;
    z-index: 100;
    bottom: 0.55rem;
    width: 0.55rem;
    height: 0.55rem;
    background: url("/images/left02.png") center center / cover no-repeat;
}

.tow-right-slick {
    margin-bottom: 0px;
}

.page-three {
    background: url("/images/back03.png") center center / cover no-repeat;
    margin-top: -1.3rem;
    padding: 2.2rem 0px 1.4rem;
}

.page-three .container {
    padding: 0px 0.8rem;
}

.three-slick a {
    display: block;
    padding: 10px 0px;
    position: relative;
}

.three-slick-b {
    padding: 0.35rem 0.2rem 0.25rem;
    position: relative;
    z-index: 100;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
}

.three-slick-img img {
    width: 1.33rem;
    height: 1.33rem;
    border-radius: 50%;
}

.three-slick-img {
    position: relative;
    width: 1.33rem;
}

.three-slick-img span {
    font-size: 0.12rem;
    color: rgb(255, 255, 255);
    padding-top: 0.15rem;
    text-align: center;
    position: absolute;
    left: 0.23rem;
    background: rgba(38, 116, 208, 0.7);
    right: 0.23rem;
    bottom: 0.23rem;
    top: 0.23rem;
    border-radius: 50%;
}

.three-slick-img span font {
    font-size: 0.36rem;
    display: block;
    margin-bottom: 0.05rem;
}

.three-slick-top {
    position: relative;
}

.three-slick-tt {
    position: absolute;
    left: 1.65rem;
    top: 50%;
    font-size: 0.18rem;
    color: rgb(0, 102, 204);
    transform: translate(0px, -50%);
}

.three-slick-top::before {
    display: block;
    content: /css/"";
    position: absolute;
    left: 0.7rem;
    top: 1.1rem;
    right: 0px;
    border-top: 1px solid rgb(38, 116, 208);
}

.three-slick-title {
    font-size: 0.18rem;
    margin-top: 0.3rem;
    color: rgb(50, 50, 50);
    line-height: 0.3rem;
    height: 0.6rem;
    overflow: hidden;
    text-align: justify;
}

.three-slick-p {
    color: rgb(153, 153, 153);
    text-align: justify;
    line-height: 0.25rem;
    margin-top: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.raw-b {
    margin-top: 0.2rem;
    float: right;
    width: 0.34rem;
    height: 0.34rem;
    background: url("/images/raw-b.png") center center / 100% 100% no-repeat;
}

.three-slick .slick-slide {
    padding: 0px 0.15rem;
}

.three-slick a::before {
    display: block;
    content: /css/"";
    position: absolute;
    left: 0.1rem;
    top: 0px;
    right: 0.1rem;
    bottom: 0px;
    background: url("/images/back-v.png") center center / 100% 100% no-repeat;
}

.three-slick a:hover .three-slick-b {
    background: url("/images/back-h.png") center center / cover no-repeat;
    border: 1px solid rgb(10, 183, 247);
    box-shadow: rgba(10, 183, 147, 0.6) 0px 0px 0.1rem;
}

.three-slick a:hover .three-slick-tt, .three-slick a:hover .three-slick-title {
    color: rgb(255, 255, 255);
}

.three-slick a:hover .three-slick-p {
    color: rgb(255, 255, 255);
    opacity: 0.55;
}

.three-slick a:hover .three-slick-top::before {
    border-color: rgb(5, 137, 219);
}

.three-slick a:hover .raw-b {
    background: url("/images/raw-b02.png") center center / 100% 100% no-repeat;
}

.three-slick .slick-next {
    top: -1rem;
    right: 0.15rem;
    width: 0.49rem;
    height: 0.49rem;
    background: url("/images/right03.png") center center / 100% 100% no-repeat;
}

.three-slick .slick-prev {
    top: -1rem;
    left: auto;
    right: 0.9rem;
    width: 0.49rem;
    height: 0.49rem;
    background: url("/images/left03.png") center center / 100% 100% no-repeat;
}

.page-four {
    background: url("/images/back04.png") center center / cover no-repeat;
    margin-top: -0.75rem;
    padding-top: 1.75rem;
    padding-bottom: 1.5rem;
}

.four-tabs li {
    display: inline-block;
    margin: 0px 0.9rem;
}

.four-tabs li a {
    position: relative;
    font-size: 0.46rem;
    color: rgb(51, 51, 51);
    font-weight: bold;
}

.four-tabs li a span {
    position: absolute;
    text-transform: uppercase;
    opacity: 0.37;
    display: none;
    left: 50%;
    transform: translate(-50%, 0px);
    white-space: nowrap;
    font-size: 0.84rem;
    color: rgb(202, 202, 202);
    top: -0.5rem;
    font-weight: bold;
}

.four-tabs li a font {
    position: relative;
    z-index: 100;
}

.four-tabs li.active a span {
    display: block;
}

.four-tabs li.active a {
    color: rgb(0, 102, 204);
}

.page-four .container {
    width: 12rem;
    margin: 0px auto;
}

.four-list li {
    float: left;
    width: 50%;
    padding: 0.7rem 0.3rem 0px;
}

.four-list li a {
    display: block;
    position: relative;
    background: rgb(255, 255, 255);
    height: 1.3rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.1rem;
}

.four-tabs {
    margin-bottom: 0.2rem;
}

.four-list-date {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 1.3rem;
    height: 1.53rem;
    background: url("/images/date03.png") center center / cover no-repeat;
}

.four-list-date-top {
    font-size: 0.16rem;
    line-height: 0.5rem;
    color: rgb(255, 255, 255);
}

.four-list-bottom {
    font-size: 0.18rem;
    color: rgb(255, 255, 255);
}

.four-list-bottom span {
    display: block;
    font-size: 0.5rem;
    padding: 0.1rem 0px;
}

.four-list-tt {
    position: absolute;
    left: 1.6rem;
    top: 50%;
    font-size: 0.18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: rgb(51, 51, 51);
    line-height: 1.8;
    right: 0.4rem;
    transform: translate(0px, -50%);
}

.page-five {
    background: url("/images/back05.png") center bottom / 100% no-repeat;
    padding: 1rem 0px;
}

.page-five .title-index span {
    color: rgb(202, 202, 202);
    opacity: 0.37;
}

.page-five .title-index font {
    color: rgb(0, 102, 204);
}

.page-five .container {
    padding: 0px 1.78rem;
}

.swiper-slide {
    background-position: center center;
    background-size: cover;
    width: 3.6rem;
}

.swiper-slide img {
    width: 100%;
}

.swiper-slide a {
    display: block;
    position: relative;
}

.slide-title {
    position: absolute;
    font-size: 0.22rem;
    color: rgb(255, 255, 255);
    line-height: 1.8;
    left: 0.3rem;
    top: 0.7rem;
    writing-mode: vertical-rl;
}

.swiper-slide a span {
    position: absolute;
    right: 0.4rem;
    bottom: 0.6rem;
    font-size: 0.14rem;
    color: rgb(255, 255, 255);
    width: 0.36rem;
    padding: 0.2rem 0.1rem;
    text-align: center;
    border-radius: 0.3rem;
    background: rgba(0, 0, 0, 0.3);
}

.swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right {
    display: none;
}

.swiper-button-prev {
    width: 0.49rem;
    border-radius: 50%;
    height: 0.49rem;
    background: url("/images/left04.png") center center no-repeat;
}

.swiper-button-prev::after {
    display: none;
}

.swiper-button-next {
    width: 0.49rem;
    border-radius: 50%;
    height: 0.49rem;
    background: url("/images/right04.png") center center no-repeat;
}

.swiper-button-next::after {
    display: none;
}

.five-top {
    height: 3.37rem;
    padding-top: 1.35rem;
    background: url("/images/back-top.png") center center / cover no-repeat;
}

.page-six {
    background: url("/images/back06.png") center bottom no-repeat;
    padding-bottom: 1.1rem;
}

.page-six .container {
    width: 13rem;
    margin: 0px auto;
}

.six-ul li {
    float: left;
    display: block;
    width: 14.2857%;
}

.six-top {
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    position: relative;
    margin: 0px auto;
}

.six-top::before {
    display: block;
    content: /css/"";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: url("/images/q01.png") center center / 100% 100% no-repeat;
    opacity: 0.5;
}

.six-top img {
    width: 0.57rem;
}

a:hover .six-top::before {
    opacity: 1;
}

.six-title {
    font-size: 0.18rem;
    color: rgb(51, 51, 51);
    margin-top: 0.3rem;
}

a:hover .six-title {
    font-weight: bold;
    color: rgb(0, 102, 204);
}

.six-ul {
    padding-top: 0.7rem;
}

.footer {
    background: url("/images/footer.png") center center / cover no-repeat;
    padding: 0.4rem 0px;
}

.footer .container {
    width: 12rem;
    margin: 0px auto;
}

.footer-right a {
    float: left;
    position: relative;
    margin-left: 0.2rem;
}

.footer-right {
    padding-top: 0.15rem;
}

.footer-top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 0.25rem;
    margin-bottom: 0.3rem;
}

.footer-c {
    margin-right: 0.3rem;
    margin-top: 0.1rem;
}

.footer-p p {
    font-size: 0.16rem;
    color: rgb(255, 255, 255);
    margin-bottom: 0.2rem;
}

.footer-p p span {
    display: inline-block;
    padding-right: 0.2rem;
}

.header-index.one {
    background: rgb(0, 102, 204);
    z-index: 100000;
}

@media (max-width: 1400px) {
    .page-one .container {
        width: 13.2rem;
        margin: auto;
    }

    .page-tow .container {
        width: 13.2rem;
        margin: auto;
    }

    .page-three .container {
        width: 13.2rem;
        margin: auto;
        padding: 0px 0rem;
    }

    .one-center {
        margin-left: 0.2rem;
        width: 5.6rem;
    }

    .one-left {
    }

    .img-slick-img img {
        height: 4.62rem;
    }

    .one-ul-img img {
        height: 2.075rem;
    }

    .tow-left {
        width: 5.6rem;
    }
}

@media (max-width: 1024px) {
    .about .fl1 .right .p1 {
        width: 100%;
    }

    .about .fl1 .left .p_l {
        margin-bottom: 0px;
        height: auto;
    }

    .about .fl2 .con1 .left {
        width: 100%;
    }

    .about .fl2 .con1 .right {
        display: none;
    }

    .about .fl2 .tit4 {
        display: block;
    }

    .about .fl2 .tit4 .ll big {
        color: rgb(255, 255, 255);
    }

    .mianbao {
        display: none;
    }

    .list_sj {
        width: 100%;
        flex: 1 1 auto;
        padding: 0.2rem 0px 0px;
    }

    .img-slick-img img {
        height: 4.12rem;
    }

    .one-ul-img img {
        height: 134px;
    }

    .tow-right-img img {
        height: 248px;
    }
}

@media (max-width: 800px) {
    .about .fl1 .left {
        width: 100%;
    }

    .about .fl1 .right {
        width: 100%;
        padding: 0px;
    }

    .about .fl1 .p_l {
        padding: 0px !important;
    }

    .ar_article img {
        margin: 0.25rem 0px;
    }

    .tit4 {
        margin-bottom: 0.25rem;
    }

    .tit4 .ll img {
        height: 0.2rem;
    }

    .tit4 .ll big {
        font-size: 0.26rem;
    }

    .n_pad1 {
        padding: 0.4rem 0px;
    }

    .about .fl1 .right .p1 img {
        height: auto;
    }

    .about .fl1 {
        padding-bottom: 0.4rem;
    }

    .about .fl2 {
        padding: 0.4rem 0px;
    }

    .about .fl2 .bg1, .about .fl2 .bg2 {
        height: 1rem;
    }

    .list_ej li {
        padding: 0px 0.1rem;
    }

    .list_ej .a {
        font-size: 0.18rem;
    }

    .list_ej {
        justify-content: center;
        margin: 0.2rem 0px 0px;
    }

    .tit3 h3 {
        font-size: 0.3rem;
    }

    .tit3 {
        height: 0.4rem;
    }

    .n_banner {
        height: 2rem;
    }

    .list_sj li {
        font-size: 0.18rem;
        margin-right: 0.15rem;
    }

    .one-left {
        width: 100%;
        margin-bottom: 30px;
    }

    .img-slick-img img {
        height: auto;
    }

    .one-right {
        width: 100%;
    }
}

@media (max-width: 560px) {
}

.list11 {
    margin: 0px -0.22rem;
}

.list11 li {
    width: 33.333%;
    padding: 0px 0.22rem;
    margin-bottom: 0.4rem;
}

.list11 .con {
    display: block;
    padding: 0.2rem;
    position: relative;
    z-index: 1;
    background: rgb(255, 255, 255);
    overflow: hidden;
}

.list11 .con::before {
    content: /css/"";
    position: absolute;
    top: 0.4rem;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid rgb(26, 41, 84);
    z-index: -1;
    transition: all 0.5s ease 0s;
}

.list11 .a {
    display: block;
    padding: 0px 0.06rem 0.06rem 0px;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    position: relative;
    z-index: 1;
}

.list11 .a::before {
    content: /css/"";
    position: absolute;
    top: 0.4rem;
    right: 0px;
    bottom: 0px;
    background: rgb(26, 41, 84);
    z-index: -1;
    width: 0.06rem;
    transform-origin: left top;
    transform: skewY(30deg);
    transition: all 0.5s ease 0s;
}

.list11 .a::after {
    content: /css/"";
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: rgb(26, 41, 84);
    z-index: -1;
    height: 0.06rem;
    transform-origin: left top;
    transform: skewX(30deg);
    transition: all 0.5s ease 0s;
}

.list11 .img .imgLi {
    padding-bottom: 75%;
}

.list11 h3 {
    line-height: 1.375;
    margin: 0.14rem 0px 0px;
    text-align: center;
}

.list11 h3 big {
    font-size: 0.24rem;
    color: rgb(0, 0, 0);
}

.list11 h3 small {
    font-size: 0.16rem;
    color: rgb(102, 102, 102);
    margin: 0px 0px 0px 0.1rem;
}

.list11 p {
    margin: 0.08rem 0px;
}

.list11 svg {
    width: 0.24rem;
    height: 0.24rem;
    fill: rgb(26, 41, 84);
    transition: all 0.5s ease 0s;
}

.n_pad2 {
    padding: 1rem 0px;
}

@media (min-width: 1024px) {
    .list11 .a:hover::before, .list11 .a:hover::after {
        background: rgb(0, 102, 204);
    }

    .list11 .a:hover .con::before {
        border: 1px solid rgb(0, 102, 204);
    }

    .list11 .a:hover svg {
        fill: rgb(0, 102, 204);
        transform: rotate(45deg);
    }

    .n_pad2 {
        padding: 0.6rem 0px;
    }
}

@media (max-width: 1024px) {
    .list11 li {
        width: 50%;
    }
}

@media (max-width: 800px) {
    .list11 {
        margin: 0px -7px;
    }

    .list11 li {
        padding: 0px 7px;
        margin-bottom: 0.15rem;
    }

    .list11 h3 big {
        font-size: 0.22rem;
    }

    .list11 h3 small {
        font-size: 0.14rem;
    }

    .n_pad2 {
        padding: 0.4rem 0px 0.5rem;
    }
}

@media (max-width: 560px) {
}

.pages {
    margin-top: 0.55rem;
}

.pages ul {
    text-align: center;
    display: flex;
    justify-content: center;
}

.pages ul li {
    text-align: center;
    font-size: 0.18rem;
    display: inline-block;
    margin: 0.03rem 0.05rem;
    color: rgb(153, 153, 153);
}

.pages ul li.prev, .pages ul li.next {
    font-size: 0.14rem;
    color: rgb(102, 102, 102);
}

.pages ul li.prev a, .pages ul li.next a {
    padding: 0px 0.25rem;
}

.pages ul li a {
    height: 0.44rem;
    text-align: center;
    padding: 0px 0.12rem;
    min-width: 0.44rem;
    display: flex;
    border: 1px solid rgb(21, 37, 85);
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease 0s;
}

.pages ul li a svg {
    width: 14px;
    height: 14px;
    fill: rgb(149, 149, 149);
    transition: all 0.5s ease 0s;
}

.pages ul li.cur {
    border: 1px solid rgb(38, 95, 170);
    padding: 0px 8px;
    min-width: 0.44rem;
    height: 0.44rem;
    line-height: 0.42rem;
}

.pages ul li a.on {
    background: rgb(157, 12, 58);
    padding: 0px 8px;
    min-width: 0.35rem;
    height: 0.35rem;
    line-height: 0.33rem;
    color: rgb(255, 255, 255);
}

.pages ul li.cur {
    color: rgb(255, 255, 255);
    background: rgb(0, 97, 121);
    border: 1px solid rgb(0, 97, 121);
}

.pages ul li.page-count {
    line-height: 0.33rem;
}

.page-form {
    line-height: 0.33rem;
}

.page-form input {
    border: 1px solid rgb(148, 189, 225);
    width: 0.35rem;
    height: 0.35rem;
    float: left;
    text-align: center;
    padding: 0px 0.04rem;
    background: transparent;
    border-radius: 0.04rem;
    margin: 0px 0.08rem;
}

.page-form span {
    float: left;
    color: rgb(102, 102, 102);
}

.page-form button {
    border: none;
    width: 0.6rem;
    height: 0.35rem;
    line-height: 0.35rem;
    text-align: center;
    background: rgb(38, 95, 170);
    color: rgb(255, 255, 255);
    border-radius: 0.04rem;
    margin-left: 5px;
    font-size: 0.16rem;
    cursor: pointer;
}

.pages ul li a:hover {
    background: rgb(0, 97, 121);
    border: 1px solid rgb(21, 37, 85);
    color: rgb(255, 255, 255);
}

.pages ul li a:hover svg {
    fill: rgb(38, 95, 170);
}

@media (max-width: 560px) {
    .pages {
        margin-top: 0.3rem;
    }

    .pages ul li a, .pages ul li.prev a, .pages ul li.next a {
        padding: 0px 0.1rem;
    }

    .pages ul li {
        margin: 0.03rem;
    }
}

.team {
    background-size: 100%;
}

.list12 li {
    margin-bottom: 20px;
    width: 100%;
    opacity: 1 !important;
}

.list12 li:last-child {
    margin-bottom: 0px;
}

.list12 .con {
    padding: 0.2rem 0.2rem 0.2rem 0.34rem;
    position: relative;
    z-index: 1;
    background: rgb(255, 255, 255);
    overflow: hidden;
}

.list12 .con::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid rgb(204, 215, 224);
    z-index: -1;
    transition: all 0.5s ease 0s;
}

.list12 .a {
    display: block;
    padding: 0px 0.06rem 0.06rem 0px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease 0s;
    background: rgb(255, 255, 255);
}

.list12 .a::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: transparent;
    z-index: -1;
    width: 0.06rem;
    transform-origin: left top;
    transform: skewY(30deg);
    transition: all 0.5s ease 0s;
}

.list12 .a::after {
    content: /css/"";
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: transparent;
    z-index: -1;
    height: 0.06rem;
    transform-origin: left top;
    transform: skewX(30deg);
    transition: all 0.5s ease 0s;
}

.list12 .time {
    background: rgb(248, 248, 248);
    width: 0.9rem;
    height: 1.6rem;
    padding: 0.15rem 0px;
    text-align: center;
}

.list12 .time h3 {
    font-size: 0.5rem;
    color: rgb(26, 41, 84);
    font-weight: bold;
    transition: all 0.5s ease 0s;
}

.list12 .time h6 {
    font-size: 0.16rem;
    color: rgb(26, 41, 84);
    font-weight: bold;
    margin-top: 0.05rem;
    transition: all 0.5s ease 0s;
}

.list12 .img .imgLi {
    padding-bottom: 56.25%;
}

.list12 .txt {
    flex: 1 1 0%;
    overflow: hidden;
    padding: 0.1rem 0.32rem 0px;
}

.list12 .img {
    width: 4rem;
    background: rgb(255, 255, 255);
}

.list12 .img .imgLi {
    opacity: 0.8;
}

.list12 h4 {
    font-size: 0.22rem;
    font-weight: bold;
}

.list12 p {
    margin: 0.06rem 0px;
}

.list12 svg {
    width: 0.36rem;
    height: 0.36rem;
    fill: rgb(26, 41, 84);
    transform: rotate(90deg);
    transition: all 0.5s ease 0s;
}

.list12 li:nth-child(2) .a {
}

.list12 li:nth-child(4) .a {
}

.list12 li:nth-child(5) .a {
}

.list12 li:nth-child(7) .a {
}

@media (min-width: 1024px) {
    .list12 li:hover {
        position: relative;
        z-index: 100;
    }

    .list12 .a:hover::before, .list12 .a:hover::after {
        background: rgb(0, 102, 204);
    }

    .list12 .a:hover .con::before {
        border: 1px solid rgb(0, 102, 204);
    }

    .list12 .a:hover .img .imgLi {
        opacity: 1;
    }

    .list12 .a:hover svg {
        fill: rgb(0, 102, 204);
        transform: rotate(45deg);
    }

    .list12 .a:hover .con {
        background-image: url("/images/list12_b.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: initial;
        background-origin: initial;
        background-clip: initial;
        background-color: initial;
        background-size: cover !important;
    }

    .list12 .a:hover .time h3, .list12 .a:hover .time h6 {
        color: rgb(0, 102, 204);
    }
}

@media (max-width: 1024px) {
}

@media (max-width: 800px) {
    .list12 li {
        width: 100%;
        margin-bottom: 20px;
    }

    .list12 li .a {
        transform: translateX(0px) !important;
    }

    .list12 .txt {
        padding: 0px 0px 0px 0.2rem;
    }

    .list12 .img {
        width: 100%;
        margin-top: 0.1rem;
    }

    .list12 .time {
        width: 0.7rem;
        height: 1.1rem;
    }

    .list12 .time h3 {
        font-size: 0.4rem;
    }

    .list12 .time h6 {
        font-size: 0.14rem;
    }

    .list12 svg {
        width: 0.28rem;
        height: 0.28rem;
    }
}

@media (max-width: 560px) {
}

.list13 {
    margin: 0.1rem 0px 0px;
}

.list13 li {
    position: relative;
    z-index: 1;
}

.list13 li::before {
    content: /css/"";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    background: rgb(26, 41, 84);
    z-index: -1;
    margin-top: 0.24rem;
    transition: all 0.5s ease 0s;
}

.list13 li:last-child {
    margin-bottom: 0px;
}

.list13 .con {
    padding: 0px 0.4rem 0px 0.28rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 1.06rem;
    align-content: center;
}

.list13 .con::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid transparent;
    z-index: -1;
    transition: all 0.5s ease 0s;
}

.list13 .a {
    display: block;
    padding: 0px 0.06rem 0.06rem 0px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease 0s;
}

.list13 .a::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: transparent;
    z-index: -1;
    width: 0.06rem;
    transform-origin: left top;
    transform: skewY(30deg);
    transition: all 0.5s ease 0s;
}

.list13 .a::after {
    content: /css/"";
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: transparent;
    z-index: -1;
    height: 0.06rem;
    transform-origin: left top;
    transform: skewX(30deg);
    transition: all 0.5s ease 0s;
}

.list13 .time {
    width: 1.4rem;
    height: 0.35rem;
    position: relative;
    z-index: 1;
    transform: translateY(0.28rem);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.16rem;
    color: rgb(255, 255, 255);
    margin: 0px 0.5rem 0px 0px;
    transition: all 0.5s ease 0s;
    padding-left: 0.12rem;
}

.list13 .time::before {
    content: /css/"";
    position: absolute;
    background: rgb(0, 102, 204);
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: -1;
    transform: skewX(-25deg);
    transition: all 0.5s ease 0s;
    transform-origin: left bottom;
}

.list13 .txt {
    flex: 1 1 0%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.list13 .txt svg {
    width: 0.23rem;
    height: 0.23rem;
    position: absolute;
    right: 0.14rem;
    top: 50%;
    transform: translateY(-0.11rem);
    transition: all 0.5s ease 0s;
    opacity: 0;
}

.list13 h4 {
    font-size: 0.22rem;
    font-weight: bold;
}

.n_container .h4s1, .n_container .h4s2 {
    color: rgb(0, 0, 0);
}

@media (min-width: 1024px) {
    .list13 li:hover::before {
        opacity: 0;
        width: 0px;
    }

    .list13 .a:hover::before, .list13 .a:hover::after {
        background: rgb(0, 102, 204);
    }

    .list13 .a:hover .con::before {
        border: 1px solid rgb(0, 102, 204);
        background: url("/images/list13_b.jpg") center center / cover no-repeat;
    }

    .list13 .a:hover svg {
        fill: rgb(0, 102, 204);
        transform: rotate(45deg) translateY(-0.11rem);
        opacity: 1;
    }

    .list13 .a:hover .time {
        transform: translateY(0px);
    }
}

@media (max-width: 1024px) {
}

@media (max-width: 800px) {
    .list13 .time {
        width: 1rem;
        margin: 0px 0.26rem 0px 0px;
        transform: translateY(0.18rem);
        font-size: 0.14rem;
    }

    .list13 .con {
        padding: 0px;
        height: 0.7rem;
    }

    .list13 li::before {
        margin-top: 0.16rem;
    }
}

@media (max-width: 560px) {
}

.about .fl3 {
    padding: 0px 0px 1rem;
}

.list14 {
    margin: 0px -0.4rem -0.6rem;
}

.list14 li {
    width: 50%;
    padding: 0px 0.4rem;
    margin-bottom: 0.6rem;
}

.list14 .a {
    background: rgb(247, 247, 247);
    padding: 0px 0px 0.36rem;
    align-items: flex-start;
    transition: all 0.5s ease 0s;
}

.list14 .imgW {
    width: 2.93rem;
    padding: 0px 0.06rem 0.06rem 0px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.list14 .imgW::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgb(26, 41, 84);
    z-index: -1;
    width: 0.06rem;
    transform-origin: left top;
    transform: skewY(30deg);
    transition: all 0.5s ease 0s;
}

.list14 .imgW::after {
    content: /css/"";
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: rgb(26, 41, 84);
    z-index: -1;
    height: 0.06rem;
    transform-origin: left top;
    transform: skewX(30deg);
    transition: all 0.5s ease 0s;
}

.list14 .txt {
    flex: 1 1 0%;
    overflow: hidden;
    padding: 0.4rem 0.6rem 0px 0.4rem;
}

.list14 .imgBox .img::before {
    content: /css/"";
    position: absolute;
    top: 0.4rem;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid rgb(26, 41, 84);
    z-index: -1;
    transition: all 0.5s ease 0s;
}

.list14 .img::after {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid rgb(26, 41, 84);
}

.list14 .img .imgLi {
    padding-bottom: 129.35%;
}

.list14 h3 {
    padding-bottom: 0.18rem;
    border-bottom: 1px solid rgb(0, 102, 204);
    margin-bottom: 0.2rem;
}

.list14 h3 big {
    font-size: 0.3rem;
    color: rgb(0, 102, 204);
}

.list14 h3 small {
    font-size: 0.16rem;
    color: rgb(102, 102, 102);
    margin-left: 0.14rem;
}

.list14 p {
    font-size: 0.18rem;
    color: rgb(102, 102, 102);
    line-height: 0.3rem;
}

@media (min-width: 1024px) {
    .list14 .a:hover .imgW::before, .list14 .a:hover .imgW::after {
        background: rgb(0, 102, 204);
    }

    .list14 .a:hover .img::after {
        border: 1px solid rgb(0, 102, 204);
    }

    .list14 .a:hover {
        box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0.2rem;
    }
}

@media (max-width: 1024px) {
    .list14 li {
        width: 100%;
    }
}

@media (max-width: 800px) {
    .list14 li {
        margin-bottom: 0.25rem;
    }

    .list14 .imgW {
        width: 1.75rem;
    }

    .list14 .txt {
        padding: 0.2rem;
    }

    .list14 .a {
        padding-bottom: 0.15rem;
    }

    .list14 h3 {
        padding: 0px 0px 0.1rem;
        margin-bottom: 0.1rem;
    }

    .list14 h3 big {
        font-size: 0.24rem;
    }

    .list14 h3 small {
        font-size: 0.12rem;
        margin-left: 0.1rem;
    }

    .list14 p {
        font-size: 0.16rem;
        line-height: 1.5;
    }
}

@media (max-width: 560px) {
}

.team_d .left {
    width: 5.8rem;
    padding: 0px 0px 0px 1.48rem;
    height: 6.8rem;
    background: url("/images/team_d_b1.jpg") center center / cover no-repeat;
}

.team_d .left h3 {
    margin: -0.2rem 0px 0px -0.7rem;
    position: relative;
    z-index: 1;
}

.team_d .left h3 big {
    font-size: 0.7rem;
    color: rgb(0, 0, 0);
    font-weight: bold;
}

.team_d .left h3 small {
    font-size: 0.24rem;
    color: rgb(102, 102, 102);
    margin: 0px 0px 0px 0.12rem;
}

.team_d .right {
    flex: 1 1 0%;
    overflow: hidden;
    padding: 0.8rem 0px 0px 0.6rem;
}

.team_d .right .line {
    width: 0.6rem;
    height: 0.08rem;
    background: rgb(26, 41, 84);
    margin: 0px 0px 0.3rem;
}

.team_d .ar_article p {
    margin-bottom: 0.26rem;
}

@media (min-width: 1024px) {
}

@media (max-width: 1024px) {
    .team_d .left {
        margin: 0px auto;
        max-width: 100%;
        height: auto;
        padding: 0.3rem 1rem 0.4rem;
    }

    .team_d .right {
        width: 100%;
        flex: 1 1 auto;
        padding: 0.4rem 0px 0px;
    }

    .team_d .left h3 big {
        font-size: 0.24rem;
    }

    .team_d .left h3 small {
        font-size: 0.14rem;
    }

    .team_d .left h3 {
        text-align: center;
        margin: 0.2rem auto 0px;
    }
}

@media (max-width: 800px) {
    .team_d .ar_article p {
        margin-bottom: 0.15rem;
    }

    .team_d .right .line {
        width: 0.4rem;
        height: 0.04rem;
    }
}

@media (max-width: 560px) {
}

.ar_tit {
    text-align: center;
    margin-bottom: 0.5rem;
    background: 0% 0% / cover rgb(248, 248, 248);
    padding: 0.23rem 13%;
    border-bottom: 1px solid rgb(219, 219, 219);
}

.ar_tit h3 {
    font-size: 0.36rem;
    color: rgb(0, 0, 0);
    line-height: 1.5;
    font-weight: 600;
    max-width: 100%;
    margin: 0px auto;
}

.ar_tit h6 {
    font-size: 0.16rem;
    color: rgb(102, 102, 102);
    line-height: 1.5;
    margin: 0.12rem 0px 0px;
    font-weight: normal;
}

.ar_tit span {
    margin: 0px 0.2rem;
}

.detail .ar_article p {
    margin-bottom: 0.1rem;
}

.detail .box {
    padding: 0px 0px 0px 0.56rem;
    position: relative;
    z-index: 1;
    flex: 1 1 0%;
    overflow: hidden;
}

@font-face {
    font-family: socialshare;
    src: url(/css/"") format("embedded-opentype"), url(/css/"") format("woff"), url(/css/"") format("truetype");
}

.social-share {
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    color: rgb(102, 102, 102);
    position: relative;
    top: 1.6rem;
    width: 0.62rem;
    flex-wrap: wrap;
    transition: all 0.5s ease 0s;
    z-index: 1000;
}

.social-share * {
    font-family: socialshare !important;
}

.social-share .icon-tencent::before {
    content: "?";
}

.social-share .icon-qq::before {
    content: "?";
    color: rgb(255, 255, 255);
}

.social-share .icon-weibo::before {
    content: "?";
}

.social-share .icon-wechat::before {
    content: "?";
}

.social-share .icon-douban::before {
    content: "?";
}

.social-share .icon-heart::before {
    content: "?";
}

.social-share .icon-like::before {
    content: "?";
}

.social-share .icon-qzone::before {
    content: "?";
    color: rgb(255, 255, 255);
}

.social-share .icon-linkedin::before {
    content: "?";
}

.social-share .icon-diandian::before {
    content: "?";
}

.social-share .icon-facebook::before {
    content: "?";
}

.social-share .icon-google::before {
    content: "?";
}

.social-share .icon-twitter::before {
    content: "?";
}

.social-share a {
    position: relative;
    text-decoration: none;
    margin: 0px 0px 0.2rem;
    display: inline-block;
    outline: none;
    font-size: 0.36rem;
    color: rgb(26, 41, 84);
}

.social-share .social-share-icon {
    position: relative;
    display: flex;
    width: 0.62rem;
    height: 0.62rem;
    background: url("/images/share-2_b1.jpg") center center / 100% 100% no-repeat;
    text-align: center;
    vertical-align: middle;
    transition: all 0.6s ease 0s;
    align-items: center;
    justify-content: center;
}

.social-share .social-share-icon:hover {
    color: rgb(0, 102, 204);
    background: url("/images/share-2_b1_on.jpg") center center no-repeat;
}

.social-share .icon-weibo {
}

.social-share .icon-weibo:hover {
}

.social-share .icon-tencent {
    color: rgb(86, 182, 231);
    border-color: rgb(86, 182, 231);
}

.social-share .icon-tencent:hover {
    background: rgb(86, 182, 231);
}

.social-share .icon-qq {
    color: rgb(86, 182, 231);
    border-color: rgb(86, 182, 231);
    background: rgb(86, 182, 231);
}

.social-share .icon-qq:hover {
    background: rgb(86, 182, 231);
}

.social-share .icon-qzone {
    color: rgb(253, 190, 61);
    border-color: rgb(253, 190, 61);
    background: rgb(253, 190, 61);
}

.social-share .icon-qzone:hover {
    background: rgb(253, 190, 61);
}

.social-share .icon-douban {
    color: rgb(51, 176, 69);
    border-color: rgb(51, 176, 69);
}

.social-share .icon-douban:hover {
    background: rgb(51, 176, 69);
}

.social-share .icon-linkedin {
    color: rgb(0, 119, 181);
    border-color: rgb(0, 119, 181);
}

.social-share .icon-linkedin:hover {
    background: rgb(0, 119, 181);
}

.social-share .icon-facebook {
    color: rgb(68, 97, 157);
    border-color: rgb(68, 97, 157);
}

.social-share .icon-facebook:hover {
    background: rgb(68, 97, 157);
}

.social-share .icon-google {
    color: rgb(219, 68, 55);
    border-color: rgb(219, 68, 55);
}

.social-share .icon-google:hover {
    background: rgb(219, 68, 55);
}

.social-share .icon-twitter {
    color: rgb(85, 172, 238);
    border-color: rgb(85, 172, 238);
}

.social-share .icon-twitter:hover {
    background: rgb(85, 172, 238);
}

.social-share .icon-diandian {
    color: rgb(48, 125, 202);
    border-color: rgb(48, 125, 202);
}

.social-share .icon-diandian:hover {
    background: rgb(48, 125, 202);
}

.social-share .icon-wechat {
}

.social-share .icon-wechat:hover {
}

.social-share .icon-wechat .wechat-qrcode {
    display: none;
    border: 1px solid rgb(238, 238, 238);
    position: absolute;
    z-index: 9;
    top: -53px;
    right: -190px;
    width: 160px;
    height: 156px;
    color: rgb(102, 102, 102);
    font-size: 12px;
    text-align: center;
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(170, 170, 170) 0px 2px 10px;
    transition: all 200ms ease 0s;
}

.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: rgb(243, 243, 243);
    margin: 0px;
    padding: 0px;
    color: rgb(119, 119, 119);
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto;
}

.social-share .icon-wechat .wechat-qrcode .qrcode table {
    margin: 0px !important;
}

.social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0px;
    margin: 0px;
}

.social-share .icon-wechat .wechat-qrcode::after {
    content: /css/"";
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: -13px;
    width: 0px;
    height: 0px;
    border-width: 6px 8px 6px 6px;
    border-style: solid;
    border-color: transparent rgb(255, 255, 255) transparent transparent;
}

.social-share .icon-wechat:hover .wechat-qrcode {
    display: block;
}

.help {
    display: none;
}

#share-2.on {
    position: fixed;
    top: 2rem;
}

@media (max-width: 1024px) {
    #share-2 {
        right: auto;
        width: 100%;
        padding: 0px 15px;
        justify-content: center;
        display: none;
        position: relative !important;
        top: auto !important;
    }

    .detail .box {
        padding: 0px;
        width: 100%;
        flex: 1 1 auto;
    }
}

@media (max-width: 800px) {
    .ar_tit {
        padding: 0.25rem 0.15rem;
    }

    .ar_tit h3 {
        font-size: 0.26rem;
    }

    .ar_tit span {
        margin: 0px 0.05rem;
    }
}

.zsjy .wp {
    justify-content: space-between;
}

.zsjy .left {
    width: 2.1rem;
}

.list_sj1 {
    width: 100%;
    height: 4.2rem;
    background: url("/images/list_sj1.jpg") center center / 2.1rem repeat;
    padding: 0.22rem;
    text-align: right;
}

.list_sj1 li {
    margin-bottom: 0.18rem;
}

.list_sj1 .a {
    font-size: 0.4rem;
    color: rgb(26, 41, 84);
    position: relative;
    font-weight: bold;
    display: block;
    height: 0.4rem;
    transition: all 0.5s ease 0s;
}

.list_sj1 .a span {
    display: inline-block;
    color: inherit;
    transition: all 0.5s ease 0s;
    transform-origin: right top;
}

.list_sj1 .a img {
    position: absolute;
    top: 0.75rem;
    right: 0px;
    height: 0.33rem;
    transform: scale(0);
    transform-origin: left top;
    transition: all 0.5s ease 0s;
}

.list_sj1 li.on .a {
    height: 1.2rem;
}

.list_sj1 li.on .a span {
    color: rgb(0, 102, 204);
    transform: scale(1.5);
}

.list_sj1 li.on .a img {
    transform: scale(1);
}

.zsjy .right {
    width: calc(100% - 2.1rem);
    padding: 0px 0px 0px 0.6rem;
}

.list12s1 li {
    margin-bottom: -0.5rem;
    width: calc(100% - 0.75rem);
    height: 1.56rem;
    opacity: 1 !important;
}

.list12s1 li:last-child {
    margin-bottom: 0px;
}

.list12s1 .con {
    padding: 0.36rem 0.9rem 0.2rem 0.5rem;
    position: relative;
    z-index: 1;
    background: rgb(255, 255, 255);
    overflow: hidden;
    height: 1.5rem;
    justify-content: space-between;
    transition: all 0.5s ease 0s;
}

.list12s1 .con::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid rgb(26, 41, 84);
    z-index: -1;
    transition: all 0.5s ease 0s;
}

.list12s1 .a {
    display: block;
    padding: 0px 0.06rem 0.06rem 0px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease 0s;
    background: rgb(255, 255, 255);
}

.list12s1 .a::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: transparent;
    z-index: -1;
    width: 0.06rem;
    transform-origin: left top;
    transform: skewY(30deg);
    transition: all 0.5s ease 0s;
}

.list12s1 .a::after {
    content: /css/"";
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: transparent;
    z-index: -1;
    height: 0.06rem;
    transform-origin: left top;
    transform: skewX(30deg);
    transition: all 0.5s ease 0s;
}

.list12s1 h4 {
    font-size: 0.22rem;
    font-weight: bold;
    width: calc(100% - 1rem);
}

.list12s1 span {
    margin: 0.06rem 0px;
    font-size: 0.16rem;
    color: rgb(102, 102, 102);
    font-style: italic;
}

.list12s1 li:nth-child(1) .a {
    transform: translateX(0.75rem);
}

.list12s1 li:nth-child(2) .a {
    transform: translateX(0.15rem);
}

.list12s1 li:nth-child(3) .a {
    transform: translateX(0.55rem);
}

.list12s1 li:nth-child(4) .a {
    transform: translateX(0.75rem);
}

.list12s1 li:nth-child(5) .a {
    transform: translateX(0px);
}

.list12s1 li:nth-child(6) .a {
    transform: translateX(0.65rem);
}

.list12s1 li:nth-child(7) .a {
    transform: translateX(0.3rem);
}

.list12s1 li:nth-child(8) .a {
    transform: translateX(0.55rem);
}

.list12s1 li:nth-child(9) .a {
    transform: translateX(0.3rem);
}

@media (min-width: 1024px) {
    .list12s1 li:hover {
        position: relative;
        z-index: 100;
    }

    .list12s1 .a:hover::before, .list12s1 .a:hover::after {
        background: rgb(0, 102, 204);
    }

    .list12s1 .a:hover .con::before {
        border: 1px solid rgb(0, 102, 204);
    }

    .list12s1 .a:hover .img .imgLi {
        opacity: 1;
    }

    .list12s1 .a:hover .time h3, .list12s1 .a:hover .time h6 {
        color: rgb(0, 102, 204);
    }

    .list12s1 .a:hover .con {
        background-image: url("/images/list12_b.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: initial;
        background-origin: initial;
        background-clip: initial;
        background-color: initial;
        height: 1.2rem;
        background-size: cover !important;
    }
}

@media (max-width: 1024px) {
    .zsjy .left {
        width: 100%;
        margin-bottom: 0.4rem;
    }

    .zsjy .right {
        width: 100%;
        padding: 0px;
    }

    .list_sj1 {
        height: auto;
    }
}

@media (max-width: 800px) {
    .list12s1 .con {
        padding: 0.25rem 0.2rem;
        flex-direction: column;
        justify-content: flex-start;
    }

    .list12s1 h4 {
        width: 100%;
    }

    .list_sj1 {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }

    .list_sj1 li {
        width: 25%;
        margin: 0.1rem 0px;
    }

    .list_sj1 li.on .a span {
        transform: scale(1);
    }

    .list_sj1 .a {
        font-size: 0.24rem;
    }

    .list_sj1 .a img {
        display: none;
    }

    .list_sj1 li.on .a, .list_sj1 .a {
        height: auto;
    }
}

@media (max-width: 560px) {
}

.tit6 {
    font-size: 0.36rem;
    color: rgb(0, 0, 0);
    font-weight: bold;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.4rem;
}

.tit6 .bg {
    flex: 1 1 0%;
    overflow: hidden;
    margin: 0px 0px 0px 0.3rem;
    background: url("/images/tit6.png") center center / cover no-repeat;
    height: 0.33rem;
}

.about .fl5 {
    padding-bottom: 0.6rem;
}

.list15 {
    margin: 0px -0.2rem -0.4rem;
}

.list15 li {
    width: 33.333%;
    padding: 0px 0.2rem;
    margin-bottom: 0.4rem;
}

.list15 .a {
    display: block;
    position: relative;
    z-index: 1;
    padding: 0px 0.06rem 0.06rem 0px;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}

.list15 .con {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    padding: 0.25rem 0.3rem;
    position: relative;
    z-index: 1;
    background: rgb(255, 255, 255);
    overflow: hidden;
}

.list15 .con::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid rgb(26, 41, 84);
    z-index: -1;
}

.list15 .con::after {
    content: /css/"";
    position: absolute;
    background: url("/images/list4_b1.png") center center / cover no-repeat;
    top: 50%;
    left: 50%;
    width: 4.75rem;
    height: 4.75rem;
    transform: translate(-100%, -100%);
    pointer-events: none;
    z-index: -1;
    transition: all 0.5s ease 0s;
}

.list15 .a::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: transparent;
    z-index: -1;
    width: 0.06rem;
    transform-origin: left top;
    transform: skewY(30deg);
    transition: all 0.5s ease 0s;
}

.list15 .a::after {
    content: /css/"";
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: transparent;
    z-index: -1;
    height: 0.06rem;
    transform-origin: left top;
    transform: skewX(30deg);
    transition: all 0.5s ease 0s;
}

.list15 span {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
    font-size: 0.26rem;
    color: rgb(0, 0, 0);
    line-height: 1.5;
    margin-bottom: 0.06rem;
}

.list15 span::before {
    content: /css/"";
    position: absolute;
    left: -0.3rem;
    width: 0.06rem;
    height: 0.24rem;
    background: rgb(0, 102, 204);
    top: 50%;
    margin-top: -0.12rem;
    margin-left: 1px;
}

.list15 p {
    font-size: 0.16rem;
    color: rgb(0, 0, 0);
    line-height: 0.28rem;
}

.list15 li.li {
    width: 50%;
}

.about .fl6 {
    background: rgb(247, 247, 247);
    padding: 0.6rem 0px;
}

.about .fl7 {
    padding: 0.6rem 0px;
}

.about .fl8 {
    padding: 0px 0px 1.2rem;
}

@media (min-width: 1024px) {
    .list15 .a:hover .con::after {
        transform: translate(-65%, -65%);
    }

    .list15 .a:hover .con::before {
        border: 1px solid rgb(0, 102, 204);
    }

    .list15 .a:hover::before, .list15 .a:hover::after {
        background: rgb(0, 102, 204);
    }
}

@media (max-width: 1024px) {
    .list15 li {
        width: 50%;
    }
}

@media (max-width: 800px) {
    .list15 li {
        width: 100%;
        margin-bottom: 0.2rem;
    }

    .about .fl8 {
        padding: 0px 0px 0.6rem;
    }

    .list15 .a::before, .list15 .a::after {
        background: rgb(26, 41, 84);
    }

    .about .fl6 {
        padding: 0.4rem 0px;
    }

    .tit6 {
        font-size: 0.26rem;
        margin-bottom: 0.26rem;
    }

    .tit6 .bg {
        height: 0.24rem;
    }
}

@media (max-width: 560px) {
}

.list16W {
    background: url("/images/list16w_b1.jpg") center center / cover no-repeat;
    position: relative;
    z-index: 1;
}

.list16 {
    height: 7.76rem;
    position: relative;
    z-index: 1;
}

.list16 li {
    position: absolute;
    transform: translate(-50%, -50%);
}

.list16 .a {
    display: block;
    position: relative;
    z-index: 1;
    padding: 0px 0.06rem 0.06rem 0px;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    box-shadow: rgba(0, 0, 0, 0.15) 0.15rem 0.15rem 0.1rem;
}

.list16 .con {
    position: relative;
    z-index: 1;
    background: rgb(255, 255, 255);
    overflow: hidden;
}

.list16 .con::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border-top: 1px solid rgb(26, 41, 84);
    border-left: 1px solid rgb(26, 41, 84);
    border-image: initial;
    border-bottom: none;
    border-right: none;
}

.list16 .a::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgb(26, 41, 84);
    z-index: -1;
    width: 0.06rem;
    transform-origin: left top;
    transform: skewY(30deg);
    transition: all 0.5s ease 0s;
}

.list16 .a::after {
    content: /css/"";
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: rgb(26, 41, 84);
    z-index: -1;
    height: 0.06rem;
    transform-origin: left top;
    transform: skewX(30deg);
    transition: all 0.5s ease 0s;
}

.list16 li:nth-child(1) {
    width: 10.8%;
    top: 13%;
    left: 8.5%;
}

.list16 li:nth-child(2) {
    width: 12.8%;
    top: 16%;
    left: 28.5%;
}

.list16 li:nth-child(3) {
    width: 20.9%;
    top: 15.5%;
    left: 53.5%;
}

.list16 li:nth-child(4) {
    width: 15.6%;
    top: 16.5%;
    left: 82.5%;
}

.list16 li:nth-child(5) {
    width: 19.65%;
    top: 46%;
    left: 21%;
}

.list16 li:nth-child(6) {
    width: 15.625%;
    top: 46%;
    left: 46.5%;
}

.list16 li:nth-child(7) {
    width: 12.8%;
    top: 46%;
    left: 67.5%;
}

.list16 li:nth-child(8) {
    width: 16.73%;
    top: 45%;
    left: 86%;
}

.list16 li:nth-child(9) {
    width: 12.8%;
    top: 72%;
    left: 12%;
}

.list16 li:nth-child(10) {
    width: 12.8%;
    top: 76%;
    left: 33%;
}

.list16 li:nth-child(11) {
    width: 15.625%;
    top: 72%;
    left: 56%;
}

.list16 li:nth-child(12) {
    width: 19.65%;
    top: 78%;
    left: 82%;
}

.zjxb .fl1 {
    padding-bottom: 1rem;
}

.arrow3 .arrow {
    width: 0.4rem;
    height: 0.58rem;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 50%;
    margin-top: -0.29rem;
}

.arrow3 .arrow::before {
    content: /css/"";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: url("/images/arrow1_s2_on.svg") center center / 100% 100% no-repeat;
    z-index: -1;
    opacity: 0;
    transition: all 0.5s ease 0s;
}

.arrow3 img {
    width: 100%;
    transition: all 0.5s ease 0s;
}

.arrow3 .prev {
    left: -0.2rem;
}

.arrow3 .next {
    transform: rotateY(180deg);
    right: -0.2rem;
}

.arrow3 .arrow:hover::before {
    opacity: 1;
}

.arrow3 .arrow:hover img {
    opacity: 0;
}

@media (min-width: 1024px) {
}

@media (max-width: 1024px) {
}

@media (max-width: 800px) {
    .list16 {
        height: 3rem;
    }

    .arrow3 .arrow {
        width: 0.2rem;
    }

    .arrow3 .prev {
        left: -0.1rem;
    }

    .arrow3 .next {
        right: -0.1rem;
    }

    .list16 .a {
        box-shadow: rgba(0, 0, 0, 0.15) 0.05rem 0.05rem 0.06rem;
    }

    .zjxb .fl1 {
        padding-bottom: 0.5rem;
    }
}

@media (max-width: 560px) {
}

@media (max-width: 800px) {
    .h4s0 {
        font-size: 0.2rem !important;
        line-height: 0.3rem !important;
    }

    .h4s1 {
        font-size: 0.2rem !important;
        line-height: 0.3rem !important;
    }

    .h4s2 {
        font-size: 0.2rem !important;
        line-height: 0.3rem !important;
    }

    .h4s3 {
        font-size: 0.2rem !important;
        line-height: 0.3rem !important;
    }

    .ps0 {
        font-size: 0.16rem !important;
        line-height: 0.26rem !important;
    }

    .ps1 {
        font-size: 0.16rem !important;
        line-height: 0.26rem !important;
    }

    .ps2 {
        font-size: 0.16rem !important;
        line-height: 0.26rem !important;
    }

    .ps3 {
        font-size: 0.16rem !important;
        line-height: 0.26rem !important;
    }

    .ps4 {
        font-size: 0.16rem !important;
        line-height: 0.26rem !important;
    }

    .ps5 {
        font-size: 0.16rem !important;
        line-height: 0.26rem !important;
    }
}

@media (min-width: 1024px) {
}

@media (max-width: 1024px) {
}

@media (max-width: 800px) {
}

@media (max-width: 560px) {
}

.nav-down {
    position: absolute;
    display: none;
    padding: 10px 0px;
    min-width: 120px;
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0px);
    background: rgba(0, 0, 0, 0.5);
}

.nav-down li {
    float: none;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    padding: 0px;
    margin: 0px !important;
}

.nav-down li a {
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    color: rgb(255, 255, 255);
    padding: 0px 10px;
}

.nav-down li a:hover {
    color: rgb(192, 128, 17);
}

.nav-down::before {
    display: block;
    content: /css/"";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 100%;
    height: 7px;
    background: url(/css/"") center center no-repeat;
}

.nav-list li:hover .nav-down {
    display: block;
}

.nav-click {
    display: none;
}

.menu-button {
    position: absolute;
    display: none;
    top: 18px;
    right: 15px;
    z-index: 1000;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.menu-button .bar:nth-of-type(1) {
    margin-top: 0px;
}

.menu-button .bar:nth-of-type(3) {
    margin-bottom: 0px;
}

.bar {
    position: relative;
    display: block;
    width: 24px;
    height: 2px;
    margin: 5px auto;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    transition: all 0.3s ease 0s;
}

.cross {
    margin-top: -8px;
}

.cross .bar {
    margin: 13px auto;
}

.cross .bar:nth-of-type(1) {
    transform: translateY(15px) rotate(-45deg);
}

.cross .bar:nth-of-type(2) {
    opacity: 0;
}

.cross .bar:nth-of-type(3) {
    transform: translateY(-15px) rotate(45deg);
}

.logo img.b {
    display: none;
}

.layer {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    z-index: -1;
    transition: all 0.3s ease-out 0s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.layer.showdiv {
    opacity: 1;
    visibility: visible;
    z-index: 10000000;
}

.layer .close {
    font-size: 60px;
    font-family: ËÎÌå;
    position: absolute;
    right: 50px;
    top: 50px;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    cursor: pointer;
    color: rgb(204, 204, 204);
}

.layer .search_box {
    height: 45px;
    line-height: 45px;
    width: 550px;
    display: flex;
    transform: translateY(-50px);
    opacity: 0;
    margin-top: -100px;
}

.layer.showdiv .search_box {
    transform: none;
    transition: all 0.5s ease-out 0s;
    opacity: 1;
}

.layer .search_box .kw {
    background: rgb(255, 255, 255);
    border: none;
    flex: 1 1 0%;
    padding: 0px 12px;
    font-size: 16px;
    appearance: none;
    border-radius: 0px;
}

.layer .search_box .ok {
    background: rgb(0, 102, 204);
    color: rgb(255, 255, 255);
    box-shadow: none;
    border: none;
    width: 120px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    appearance: none;
    border-radius: 0px;
}

.layer.active {
    opacity: 1;
    z-index: 1000000;
}

a:hover .one-ul-tt, .tow-left-ul li a:hover, a:hover .tow-right-tt, a:hover .four-list-tt {
    color: rgb(0, 102, 204);
}

.footer-right a {
    position: relative;
}

.footer-right a span {
    position: absolute;
    display: none;
    margin-left: -52px;
    text-align: center;
    left: 50%;
    top: 100%;
    width: 105px;
    height: 114px;
    background: url("/images/ewm-back.png") center center no-repeat;
    padding-top: 15px;
}

.footer-right a span img {
    width: 94px;
}

.footer-right a:hover span {
    display: block;
}

.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.tab-content {
    position: relative;
}

.tab-content .tab-pane {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: -1;
    opacity: 0;
    transition: all 0.5s ease 0s;
}

.tab-content .tab-pane.active {
    position: relative;
    z-index: 10;
    opacity: 1;
}

@media (max-width: 1024px) {
    .header-sm {
        width: 100%;
        padding: 0px 15px;
    }

    .header-index {
        height: 50px;
        border: none;
        background: rgb(0, 102, 204);
    }

    .logo img {
        width: auto;
        height: 40px;
        display: none;
    }

    .logo img.b {
        display: inline-block;
    }

    .logo {
        line-height: 50px;
    }

    .header-sm-b a {
        margin-left: 10px;
    }

    .header-index::before {
        display: none;
    }

    .header-a {
        display: none;
    }

    .header-sm-right {
        padding: 0px;
    }

    .header-sm-b {
        line-height: 50px;
        margin-right: 50px;
    }

    .menu-button {
        display: block;
    }

    .nav-list {
        position: fixed;
        border-top: 1px solid rgb(255, 255, 255);
        display: none;
        left: 0px;
        top: 50px;
        margin: 0px;
        bottom: 0px;
        overflow-y: auto;
        right: 0px;
        background: rgb(0, 102, 204);
    }

    .nav-list li {
        float: none;
        padding: 0px;
        margin: 0px;
        width: 100%;
    }

    .nav-list li a {
        line-height: 40px;
        text-align: left;
        display: block;
        padding: 0px 15px;
        font-size: 16px;
    }

    .nav-click {
        display: block;
        transition: all 0.3s ease 0s;
        z-index: 10000;
        position: absolute;
        color: rgb(255, 255, 255);
        right: 0px;
        top: 0px;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
    }

    .nav-click.active {
        transform: rotate(180deg);
    }

    .nav-down li a {
        text-align: left;
        padding: 0px 15px;
        display: block;
    }

    .nav-list li:hover .nav-down {
        display: none;
    }

    .nav-down {
        position: static;
        transform: translate(0px, 0px);
        margin: 0px;
        width: 100%;
        background: none;
    }

    .nav-down::before {
        display: none;
    }

    .nav-down li a {
        padding: 0px 25px;
        color: rgb(255, 255, 255) !important;
    }

    .banner-right {
        display: none;
    }

    .container {
        width: 100% !important;
        padding: 0px 15px !important;
    }

    .one-center {
        width: 50%;
        padding: 0px 15px;
        margin: 0px;
    }

    .one-ul-img img {
        height: 121px;
    }

    .img-slick-img img {
    }

    .img-slick-p {
        line-height: 20px;
        height: 40px;
        overflow: hidden;
    }

    .img-slick-bottom {
        height: 145px;
        border-width: 5px;
        padding: 10px 20px;
    }

    .img-slick .slick-dots {
        bottom: 10px;
    }

    .tow-left {
        width: 50%;
    }

    .tow-right {
        width: 50%;
        padding-left: 20px;
    }

    .tow-left-p {
        line-height: 20px;
        height: 40px;
        overflow: hidden;
    }

    .tow-right-img img {
        height: 248px;
    }

    .tow-left-ul li a {
        line-height: 35px;
    }

    body {
        padding-top: 50px !important;
    }

    .banner-index .slick-prev {
        left: 15px;
        margin-top: -15px;
        width: 30px;
        height: 30px;
    }

    .banner-index .slick-next {
        right: 15px;
        margin-top: -15px;
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 768px) {
    .three-slick .slick-prev, .three-slick .slick-next {
        display: none !important;
    }

    .close img {
        width: 100%;
    }

    .layer .close {
        right: 15px;
        width: 40px;
        top: 50%;
        transform: translate(0px, 0px);
        margin-top: -180px;
    }

    .header-sm-b {
        margin-right: 40px;
    }

    .footer-top {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .banner-a {
        display: none;
    }

    .title-index {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .title-index span {
        font-size: 48px;
        top: -30px;
    }

    .page-one {
        padding: 50px 0px 20px;
        background: url("/images/back01.png") center center / cover no-repeat rgb(0, 102, 204);
    }

    .one-ul-img img {
        height: auto;
    }

    .one-center {
        width: 100%;
        padding: 0px;
        margin-bottom: 15px;
    }

    .img-slick-img img {
        height: auto;
    }

    .one-ul li {
        margin-bottom: 15px;
    }

    .more-b {
        margin-top: 10px;
    }

    .page-tow {
        padding: 50px 0px 20px;
    }

    .tow-left {
        width: 100%;
    }

    .tow-right {
        width: 100%;
        padding: 10px 0px 0px;
    }

    .tow-right-img img {
        height: auto;
    }

    .tow-sm {
        padding: 15px;
        margin-bottom: 15px;
    }

    .page-three {
        padding: 100px 0px 20px;
        background: url("/images/back03.png") center top / cover no-repeat;
        margin: 0px;
    }

    .four-tabs li a {
        font-size: 24px;
    }

    .four-tabs li {
        width: 50%;
        margin: 0px;
        float: left;
    }

    .four-tabs li.active a span {
        font-size: 36px;
        top: -22px;
    }

    .page-four {
        padding: 50px 0px 20px;
        background: rgb(241, 248, 255);
    }

    .four-list li {
        width: 100%;
        padding-top: 40px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .four-list-date {
        width: 80px;
        height: 100px;
    }

    .four-list li a {
        height: 80px;
    }

    .four-list-date-top {
        line-height: 30px;
    }

    .four-list-bottom span {
        font-size: 24px;
    }

    .four-list-tt {
        left: 95px;
        right: 15px;
    }

    .four-list {
        margin-bottom: 20px;
    }

    .page-five {
        padding: 50px 0px 20px;
    }

    .swiper-slide {
        width: 200px;
    }

    .slide-title {
        font-size: 14px;
        left: 15px;
        top: 15px;
    }

    .swiper-slide a span {
        right: 15px;
        bottom: 15px;
    }

    .mySwiper {
        margin-bottom: 20px;
    }

    .five-top {
        padding: 50px 0px 20px;
        height: auto;
    }

    .six-ul li {
        width: 33.3333%;
        margin-bottom: 20px;
    }

    .six-top {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }

    .six-top img {
        width: 40px;
    }

    .six-title {
        font-size: 14px;
        margin-top: 10px;
    }

    .six-ul {
        padding-top: 0px;
    }

    .page-six {
        padding-bottom: 20px;
    }

    .footer {
        padding: 20px 0px;
    }

    .logo-b, .footer-c {
        margin: 0px;
        width: 100%;
        text-align: center;
    }

    .logo-b img {
        width: 250px;
    }

    .footer-right {
        width: 100%;
        text-align: center;
    }

    .footer-right a {
        float: none;
        margin: 0px 10px;
        display: inline-block;
    }

    .footer-p {
        width: 100%;
        margin: 0px;
        text-align: center;
    }

    .footer-p p {
        margin: 0px;
    }

    .footer-p p span {
        display: block;
        margin-top: 10px;
    }
}