.sj {
    display: none;
}

header {
    font-family: 'PingFang sMedium', 'PingFang Medium';
}

.header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 10rem;
    width: 100%;
    min-width: 1080px;
    z-index: 199;
    overflow: unset !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 110;
    -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    border-bottom: solid 1px transparent;
    transition: 1s;
}

.header_top {
    position: absolute;
    width: 100%;
    top: 0;
    height: 3rem;
    left: 0;
    background: #be9a5c;
    display: flex;
    padding: 0 5%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.header.on,
.header.ny{
    background: rgb(29, 76, 122);
    height: 9rem;
}
.header:hover{
    background: rgb(29, 76, 122);
}

.ny {
    top: -10rem;
}

.nav>ul>li:hover .border-bottom {
    opacity: 1
}

.nav>ul>li .border-bottom {
    height: 4px;
    background: #ebbd7a;
    width: 100%;
    margin-left: -0%;
    transform: translateY(-3px);
    opacity: 0;
}

.subNav .cover-color {
    background: #fff
}

.nav:hover .cover-color {
    height: 100%;
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s
}

.subNav {
    position: absolute;
    width: 100%;
    left: 0;
    height: 0;
    top: 100%;
    text-align: center;
    line-height: 5rem;
    font-size: 1rem;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
}

.subNav a {
    color: #1c4a7b;
}

.column>li:hover .subNav {
    height: 5rem;
    transition-delay: .15s;
    -webkit-transition-delay: .15s;
    background: #fff;
}

.subNav li {
    margin-left: 5rem;
    display: inline-block
}

.subNav li:hover a {
    color: #000
}

.subNav li:first-child {
    margin-left: 0
}

p {
    line-height: 150%;
    font-size: 1.125rem;
    color: #fff;
}

a {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}

.function ul li {
    display: inline-block;
}

.other_url {
    position: absolute;
    background: #fff;
    text-align: left;
    width: max-content;
    display: none;
    min-width: 100%;
    padding-bottom: .5rem;
    padding-left: 0.5rem;
    z-index: 99;
}

.other_url>a {
    color: #000;
    display: block;
    margin-top: .5rem;
}

a.language {
    font-size: 1rem;
}

.l-arrow {
    display: inline-block;
    border-top: .5rem solid #fff;
    border-left: .35rem solid transparent;
    border-right: .35rem solid transparent;
    margin-left: .5rem;
    vertical-align: middle;
    transition: all .25s linear;
}

.select-language {
    display: flex;
    align-items: center;
}

.header img {
    display: block;
}

.function ul {
    display: flex;
}

.function ul li:nth-child(1) {
    margin-right: 2rem;
}

.function img {
    position: relative;
    top: .1rem;
}

.header_bottom_left a {
    width: 14.79vw;
}

.header_bottom_left img {
    transition: .5s;
    width: 100%;
}

.header .header_bottom_left2 {
    display: none;
}

.on.header .header_bottom_left1,
.on.header .header_bottom_left1 {
    display: None;
}

.on.header .header_bottom_left2,
.on.header .header_bottom_left2 {
    display: block;
}

.on.header .header_bottom,
.on.header .header_bottom_right>ul>li {
    height: 6rem;
    line-height: 6rem;
}

.header_bottom {
    display: flex;
    position: absolute;
    top: 3rem;
    width: 100%;
    padding: 0px 5%;
    justify-content: space-between;
    height: 7rem;
    align-items: center;
}

.sub-menu {
    display: none;
}

.header_bottom_right>ul>li {
    float: left;
    margin: 0 2.5rem;
    font-size: 1.125rem;
    line-height: 7rem;
}

.banner_zt {
    position: sticky;
    top: 0;
    height: 100vh;
    width: 100%;
}

.banner {
    width: 100%;
    height: 100vh;
}

.banner .slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
}

.banner .arrow-left {
    background: url(../images/banner_arrow.png) no-repeat left top;
    position: absolute;
    left: 20px;
    top: 55%;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    z-index: 999;
}

.banner .arrow-right {
    background: url(../images/banner_arrow.png) no-repeat left bottom;
    position: absolute;
    right: 20px;
    top: 55%;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    z-index: 999;
    outline: none;
}

.section {
    display: flex;
    justify-content: space-between;
    padding: 8.8vw 0px;
    background: #fff;
    position: relative;
}

.iabout_left {
    padding-left: 11.92708333333333vw;
}

.iabout_right {
    width: 60.67708333333333vw;
}

.title {
    position: relative;
    z-index: 5;
    padding-top: 5.234375rem;
}

.title p {
    color: #000;
    font-size: 3rem;
    overflow: hidden;
}

.title .chTitle {
    font-size: 3rem;
    position: relative;
    top: 0%;
    left: 0%;
    line-height: 1;
    font-family: 'sysongti';
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.title .chTitle.dhright {
    align-items: center;
}

.title .chTitle p::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(29, 76, 122);
    opacity: 0;
}

.title .chTitle p {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    -webkit-transition: -webkit-transform 0.7s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
    transition: -webkit-transform 0.7s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
    transition: transform 0.7s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
    transition: transform 0.7s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99), -webkit-transform 0.7s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
}

.title .chTitle p::after {
    -webkit-transition: -webkit-transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
    transition: -webkit-transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
    transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
    transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99), -webkit-transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
}

.fadeIn-title .chTitle p {
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    opacity: 1 !important;
}

.fadeIn-title .chTitle p::after {
    -webkit-transition-delay: 0.4s !important;
    transition-delay: 0.4s !important;
    -webkit-transform: translate3d(0, 102%, 0) !important;
    transform: translate3d(0, 102%, 0) !important;
    opacity: 1 !important;
}

.chTitle_img {
    position: absolute;
    top: 0.5rem;
    left: 25rem;
    width: 2.1875rem;
}

.chTitle_img img {
    width: 100%;
    display: block;
}

.enTitle {
    margin-top: 3.125rem;
}

.enTitle p {
    font-size: 1.125rem;
    font-family: 'sysongti';
    line-height: 1.875rem;
}

.enTitle .enTitle_red {
    color: rgb(191, 154, 94);
}

.ivideo {
    position: relative;
    cursor: pointer;
}

/*.ivideo::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 41, 104, 0.6);
    z-index: 1;
    transition: 0.5s;
}*/

#positive .bg {
    height: 32.96875vw;
    background: url(../images/index/about_right.jpeg) center no-repeat;
    position: relative;
}

.ivideo_zt {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 32.96875vw;
    width: 100%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ivideo_zt1 {
    position: relative;
    width: 110px;
    height: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ivideo_zt1::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255);
    opacity: 0.1;
    border-radius: 50%;
    animation: grow1 2s infinite;
}

.ivideo_zt1::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    width: 60%;
    height: 60%;
    background: rgba(255, 255, 255);
    opacity: 0.2;
    border-radius: 50%;
    animation: grow 2s infinite;
    /* 动画持续2秒，并无限循环 */
}

.fh_top {
    width: 2.60416666666667vw;
    height: 2.60416666666667vw;
    line-height: 2.60416666666667vw;
    text-align: center;
    background: rgba(165, 0, 0, 1);
    position: fixed;
    right: 2vw;
    bottom: 6vw;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    display: none;
}

.fh_top i {
    font-size: 1.67916666666667vw;
}

.ivideo_zt1 i {
    font-size: 32px;
    color: #fff;
}

.ivideo_zt2 {
    font-size: 16px;
    color: rgb(255, 255, 255);
    margin-top: 10px;
}

/*.ania {
    background: linear-gradient(180.00deg, rgb(0, 0, 0), rgba(0, 0, 0, 0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.anib{
    color:#000;
}*/

@keyframes grow1 {
    0% {
        width: 100%;
        /* 对于::before始终为100%，但由于CSS变量的使用在此处不适用，故直接设定 */
        height: 100%;
        opacity: 0.1;
        /* 对于::before始终为0.1 */
        /* 注意：对于::after，由于我们不能在keyframes内部使用CSS变量来动态设置起始宽度和透明度，  
         我们需要直接在元素上设置这些值，或者在keyframes中为不同的元素定义不同的动画 */
    }

    100% {
        width: 60%;
        /* 示例：最终宽度可以稍大于100%以创建溢出效果，或者保持为100% */
        height: 60%;
        opacity: 0.2;
        /* 最终透明度 */
    }
}

@keyframes grow {
    0% {
        width: 60%;
        /* 对于::before始终为100%，但由于CSS变量的使用在此处不适用，故直接设定 */
        height: 60%;
        opacity: 0.2;
        /* 对于::before始终为0.1 */
        /* 注意：对于::after，由于我们不能在keyframes内部使用CSS变量来动态设置起始宽度和透明度，  
         我们需要直接在元素上设置这些值，或者在keyframes中为不同的元素定义不同的动画 */
    }

    100% {
        width: 100%;
        /* 示例：最终宽度可以稍大于100%以创建溢出效果，或者保持为100% */
        height: 100%;
        opacity: 0.1;
        /* 最终透明度 */
    }
}





.index-s3 {
    padding: 7.5rem 0;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/index/hc_bg.jpg);
    background-attachment: fixed;
    background-color: #fff;
}


.wrap-s {
    padding: 0px 11.92708333333333vw;
    position: relative;
    z-index: 3;
}

.index-s3:before {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/img-6-1.png) center bottom no-repeat;
    background-size: 100% auto;
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.index-s3 .flex {
    display: flex;
    justify-content: space-between;
}

.index-s3 .index-tit {
    width: 34%;
}

.index-s3 .title p {
    color: #fff;
}

.index-s3 .chTitle_img {
    position: absolute;
    top: 0.5rem;
    left: 31.5rem;
}

.index-tit {
    position: relative;
}

.index-titq {
    position: absolute;
}

.index-tit1 {
    font-weight: 700;
    font-size: 44px;
    color: rgb(255, 255, 255);
}

.index-tit2 {
    font-size: 500;
    font-size: 44px;
    color: rgba(255, 255, 255, 1);
}

.tit {
    font-size: 16px;
    line-height: 30px;
    color: rgb(255, 255, 255);
    margin: 41px 0px 53px;
}

.index-tit .iaboutl4 a {
    color: #fff;
}

.index-s3 .items {
    width: 41.041vw;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    padding-top: 4.21875vw;
}

.index-s3 .items {
    width: 41.041vw;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 4.21875vw;
    justify-content: space-between;
}

.items .item {
    width: calc(100% / 2 - 1.875vw);
    margin-top: 4.21875vw;
    height: 413px;
    background: #fff;
    padding: 32px 40px;
    position: relative;
    border-radius: 6px;
    box-shadow: 19px 4px 30px 0px rgba(0, 88, 135, 0.05);
    background: rgb(255, 255, 255);
}


.items .item:nth-child(2n) {
    margin-top: -4.21875vw;
}

.items .item:hover .item_b {
    color: #fff;
    border-color: #fff;
    width: calc(100% - 64px);
}

.item2 {
    margin: 10px 0px 19px;
    font-size: 20px;
    font-weight: 700;
    color: rgb(0, 0, 0);
}

.iywfw {
    position: absolute;
    left: -20px;
    bottom: 0px;
    z-index: 2;
}

.item3 {
    font-size: 14px;
    color: rgb(170, 169, 169);
    line-height: 25px;
    text-align: justify;
}

.item_b {
    color: rgb(29, 76, 122);
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    width: 100px;
    border-bottom: 1px solid rgb(29, 76, 122);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 40px;
    left: 32px;
    padding: 0px 10px;
    transition: .5s;
}

.items .item:hover {
    background: #004E93;
}


.items .item:hover .item1 img:nth-child(2) {
    display: block;
}

.items .item:hover .item1 img:nth-child(1) {
    display: none;
}

.items .item:hover .item2 {
    color: #fff;
}

.items .item:hover .item3 {
    color: rgba(255, 255, 255, 0.7);
}

.item1 {
    text-align: center;
    position: relative;
}

.item1 img {
    display: block;
}

.item1 img:nth-child(2) {
    display: none;
}

.iproduct {
    position: relative;
    background: #fff;

    padding-bottom: 8.02vw;
}

.iproduct_bg {
    background: url(../images/index/product_bg.jpeg) center no-repeat;
    background-size: cover;
    height: 40.3125vw;
    width: 100%;
    position: relative;
}

.ty_title {
    text-align: center;
    width: 460px;
    margin: 0 auto;
    padding-top: 0px;
}

.ty_title .chTitle p {
    color: #000;
    font-size: 3.094233473980309rem;
    margin-top: 0px;
}

.ty_title p.enTitle {
    margin-top: 0px;
    font-size: 1.375rem;
}

.iproduct_list {
    margin: 0px 6.875vw;
    position: relative;
    margin-top: -10%;
}

.iproduct_listul li img {
    width: 100%;
    display: block;
}

.iproduct_listul_tit {
    line-height: 2;
    font-size: 1.125rem;
    color: #000;
    text-align: center;
}

.ccxl_z,
.ccxl_x {
    background: #fff;
    position: relative;
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
}

.ccxl {
    background: #fff;
    height: 100vh;
    width: 100%;
    background: url(../images/index/ccxl_bg.jpg?v=1) center no-repeat #fff;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.ccxl4 {
    background: #fff;
    height: 100vh;
    width: 100%;
    background: url(../images/index/ccxl_bg4.jpg?v=5) center no-repeat #fff;
    background-size: cover;
    position: relative;
    overflow: hidden;
    /* 初始缩放为 0.6 */
    transform: scale(1);
    opacity: 1;
    /* 过渡效果：缩放变化平滑，持续 0.3 秒 */
    transition: transform 0.3s ease;
}

.ccxl5 {
    background: #fff;
    height: 100vh;
    width: 100%;
    background: url(../images/index/ccxl_bg5.jpg?v=3) center no-repeat #fff;
    background-size: cover;
    position: relative;
    overflow: hidden;
    /* 初始缩放为 0.6 */
    transform: scale(1);
    opacity: 1;
    /* 过渡效果：缩放变化平滑，持续 0.3 秒 */
    transition: transform 0.3s ease;
}

.ccxl6 {
    background: #fff;
    height: 100vh;
    width: 100%;
    background: url(../images/index/ccxl_bg6.jpg?v=1) center no-repeat #fff;
    background-size: cover;
    position: relative;
    overflow: hidden;
    /* 初始缩放为 0.6 */
    transform: scale(1);
    opacity: 1;
    /* 过渡效果：缩放变化平滑，持续 0.3 秒 */
    transition: transform 0.3s ease;
}

.ccxl1 {
    background: #fff;
    height: 100vh;
    width: 100%;
    background: url(../images/index/ccxl_bg1.jpg?v=4) center no-repeat #fff;
    background-size: cover;
    position: relative;
    overflow: hidden;
    /* 初始缩放为 0.6 */
    transform: scale(1);
    opacity: 1;
    /* 过渡效果：缩放变化平滑，持续 0.3 秒 */
    transition: transform 0.3s ease;
}

.ccxl2 {
    background: #fff;
    height: 100vh;
    width: 100%;
    background: url(../images/index/ccxl_bg2.jpg?v=1) center no-repeat #fff;
    background-size: cover;
    position: relative;
    overflow: hidden;
    /* 初始缩放为 0.6 */
    transform: scale(1);
    opacity: 1;
    /* 过渡效果：缩放变化平滑，持续 0.3 秒 */
    transition: transform 0.3s ease;
}

.ccxl3 {
    background: #fff;
    height: 100vh;
    width: 100%;
    background: url(../images/index/ccxl_bg3.jpg?v=3) center no-repeat #fff;
    background-size: cover;
    position: relative;
    overflow: hidden;
    /* 初始缩放为 0.6 */
    transform: scale(1);
    opacity: 1;
    /* 过渡效果：缩放变化平滑，持续 0.3 秒 */
    transition: transform 0.3s ease;
}

.ccxl_zt {
    padding-right: 12.29vw;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    height: 100vh;
    justify-content: center;
}

/*.ccxl_ztt{
    padding-top:7.96875vw;
}*/
.ccxl_ztt1 {
    font-size: 2.75rem;
    color: rgb(255, 255, 255);
    font-family: 'sysongti';
    text-align: right;
}

.color_000 {
    color: #000 !important;
}

.ccxl_ztt2 {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 2;
    width: 22vw;
    text-align: right;
    margin-top: 1.125rem;
}

.ccxl_ztt3 {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 2;
    width: 22vw;
    text-align: right;
    margin-top: 0.6rem;
}

.ccxl_ztb {
    padding-bottom: 6.875vw;
}

.ccxl_ztb {
    text-align: right;
}

.ccxl_ztb1 {
    color: rgba(255, 255, 255, 0.7);
    font-family: 'sysongti';
    text-transform: uppercase;
    font-size: 1.875rem;
    text-align: right;
}

.ccxl_ztb2 {
    color: rgba(255, 255, 255, 0.7);
    font-family: 'sysongti';
    font-size: 1.875rem;
}

.inews {
    background: #fff;
    position: relative;
    padding-bottom: 7.3958vw;
}

.inews .ty_title {
    padding: 4.21875vw 0px 4.0625vw;
}

.news_list ul {
    display: flex;
    padding: 0px 12.760vw;
    justify-content: space-between;
}

.news_list ul li {
    width: 32.3%;
    background: rgb(248, 248, 248);
    padding: 10px;
    position: relative;
}

.news_list ul li img {
    width: 100%;
    display: block;
}

.news_list_div {
    padding: 18px 18px 10px 18px;
}

.news_list_div1 {
    font-size: 1.125rem;
    color: rgb(0, 0, 0);
    line-height: 2;
}

.news_list_div2 {
    font-size: 1.4rem;
    color: rgb(0, 0, 0);
    line-height: 2;
    font-weight: 700;
}

.news_list_div3 {
    font-size: 1rem;
    color: rgb(109, 109, 109);
    line-height: 2;
    height: 4rem;
}

.news_list_div4 {
    font-size: 1rem;
    color: #000;
    line-height: 1.5;
    margin-top: 2.5rem;
}

.news_list ul li::after {
    content: '';
    position: absolute;
    width: 0px;
    height: 2px;
    background: rgb(0, 88, 135);
    left: 0px;
    bottom: 0px;
    transition: 0.5s;
}

.news_list ul li:hover .news_list_div2 {
    color: rgb(0, 88, 135);
}

.news_list ul li:hover::after {
    width: 100%;
}

.news_list ul li:hover .news_list_div4 {
    color: rgb(0, 88, 135);
}

footer {

    background: #fff;
    position: relative;
}

.footert {
    margin-right: 12.760vw;
    width: 120px;
    height: 21px;
    cursor: pointer;
    background: url(../images/index/footert.png) center no-repeat;
    background-size: 100% 100%;
    color: #fff;
    display: flex;
    text-align: center;
    position: relative;
    float: right;
}

.footert::before {
    content: "\e61e";
    font-family: "iconfont" !important;
    font-size: 2rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
}

.footert i {
    font-size: 1.125rem;
}

.footer_bg {
    clear: both;
    background: url(../images/index/footer_bg.jpg) center no-repeat;
    background-size: cover;
    padding: 0px 12.760vw;
}

.footer_bga {
    height: 253px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.footer_bgar1 {
    color: rgb(255, 255, 255);
    font-size: 2rem;
    line-height: 1.6;
    text-align: right;
    margin-bottom: 20px;
}

.footer_bgar2 form {
    position: relative;
}

.footer_bgar2 input {
    width: 424px;
    height: 58px;
    line-height: 58px;
    border: none;
    background: #fff;
    padding: 0px 25px 0px 30px;
    color: rgb(185, 185, 185);
    border-radius: 10px;

}

.footer_bgb {
    padding: 58px 0px 65px;
    display: flex;
    justify-content: space-between;
}

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

.footer_bgbl1 {
    color: rgb(255, 255, 255);
    font-size: 1.125rem;
    line-height: 2.875;
}

.footer_bgbl1 i {
    font-size: 1.5rem;
    margin-right: 13px;
}

.footer_bgbl2 {
    display: flex;
    margin-top: 33px;
}

.footer_bgbl2 li {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 26px;
}

.footer_bgbl2 li:last-child {
    margin-right: 0px;
}

.footer_bgbl2 li i {
    font-size: 1.5rem;
}

/* 自定义颜色示例 */
.footer_bgar2 input::placeholder {
    color: rgb(185, 185, 185);
    font-size: 1rem;
    font-family: "微软雅黑";
}

.footer_bgar2 button {
    background: none;
    border: none;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translate(0%, -50%);
    color: #fff;
}

.footer_bgar2 button i {
    color: #000;
    font-size: 1.8rem;
}

.footer_bgbr ul {
    display: flex;
}

.footer_bgbr ul li {
    width: 7.291vw;
    color: rgb(255, 255, 255);
}

.footer_bgbr1a {
    font-size: 1.125rem;
}

.footer_bgbr1b {
    margin-top: 1.125rem;
}

.footer_bgbr1b a {
    font-size: 1rem;
    color: #fff;
    line-height: 2;
    position: relative;
    transition: .5s;
}

.footer_bgbr1b a::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 17px;
    height: 21px;
    background: url(../images/index/nav_left.png) center no-repeat;
    background-size: 100% 100%;
    opacity: 0;
    transition: .5s;
}

.footer_bgbr1b a:hover {
    padding-left: 22px;
}

.footer_bgbr1b a:hover::after {
    opacity: 1;
}

.footer_d {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    color: #fff;
    font-size: 1rem;
    line-height: 58px;
    text-align: center;
    justify-content: space-between;
}

/*about*/
.about1 {
    display: flex;
    justify-content: space-between;
    padding-top: 8.00506161971831rem;
}

.about1_l {
    position: relative;
    width: 45.67708333333333vw;
    padding-top: 17.8125vw;
}

.about1_l1 {
    position: absolute;
    top: 0px;
    left: 0px;
}

.about1_l2 img {
    width: 100%;
    display: block;
}

.about1_r {
    width: 38.75vw;
    margin-right: 7.55208333333333vw;
    padding-bottom: 8.85416666666667vw;
}

.about1_r .enTitle {
    margin-top: 0px;
}

.about1_r2 {
    margin: 9.507042253521127rem 0px;
    width: 82.66129032258065%;
}

.about1_r2 p {
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;

    text-align: justify;
}

/*about2*/
.about2 {
    height: 48.4375vw;
    width: 100%;
    background: url(/public/static/index/images/about/about2_1.png) center no-repeat;
    background-size: cover;
    position: relative;
}

.about2_1 {
    display: flex;
    justify-content: space-between;
    padding: 0px 11.92708333333333vw;
}

.about2_1l .enTitle {
    margin-top: 1.640625rem;
}

.about2_1l .title {
    padding-top: 0px;
}

.about2_1r {
    width: 24.6875vw;
    text-align: right;
}

.about2_1r_a {
    color: rgba(0, 0, 0, 1);
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1;
}

.about2_1r_b {
    margin-top: 2.03125rem;
    color: rgba(0, 0, 0, 1);
    font-size: 1.12rem;
    font-weight: 400;
    line-height: 2;
}

.about2_2 {
    position: absolute;
    top: 55%;
    left: 50vw;
    transform: translate(-50%, -50%);
    width: 20.41666666666667vw;
    height: 20.41666666666667vw;
    cursor: pointer;
}

.about2_2b {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    flex-direction: column;
}

.about2_2a img {
    width: 100%;
    border-radius: 50%;
}

.about2_2b_2 {
    color: rgba(255, 255, 255, 1);
    font-size: 1rem;
    line-height: 1.8;
    font-weight: 400;
    margin-top: 2.03125rem;
    text-align: center;
}

.about2_3 {
    display: flex;
    flex-direction: column;
    text-align: center;
    position: absolute;
    align-items: center;
}

.about2_3a {
    width: 7.29166666666667vw;
    height: 7.29166666666667vw;
    border-radius: 50%;
    background: rgba(29, 76, 122, 1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: .75rem;
    transition: .5s;
}

.about2_3a img {
    width: 5.72916666666667vw;
}

.about2_3b {
    color: rgba(255, 255, 255, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
}

.about2_3c {
    opacity: 0;
    color: rgba(255, 255, 255, 1);
    font-size: 1.5625rem;
    font-weight: 400;
    line-height: 2;
    transition: .5s;
    margin-top: 2rem;
}

.about2_3:hover .about2_3a {
    background: rgba(191, 154, 94, 1);
}

.about2_3:hover .about2_3c {
    opacity: 1;
    margin-top: 0px;
}

.about2_3_1 {
    left: 11.92708333333333vw;
    top: 21.35416666666667vw;
}

.about2_3_2 {
    left: 23.90625vw;
    top: 27.1875vw;
}

.about2_3_3 {
    right: 11.92708333333333vw;
    top: 21.35416666666667vw;
}

.about2_3_4 {
    right: 24.32291666666667vw;
    top: 27.1875vw;
}

/*about3*/
.about3 {
    padding-top: 4.73958333333333vw;
    padding-bottom: 7.08333333333333vw;
    position: relative;
    overflow: hidden;
}

.about3 .about2_1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about3 .about2_1r {
    display: flex;
    width: auto;
}

.about3_list {
    position: relative;
    margin-top: 4.0625vw;
    left: 11.92708333333333vw;
}

.about3_list .swiper-slide::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 100%;
    width: 100%;
    height: 100%;
    background: rgba(0, 88, 135, 0.2);
    /* 半透明背景 */
    backdrop-filter: blur(8px);
    /* 添加毛玻璃效果 */
    -webkit-backdrop-filter: blur(8px);
    /* Safari 兼容 */
    transition: all 0.5s ease;
    /* 平滑过渡效果 */
}

.about3_list .about3_list1 img {
    width: 100%;
    display: block;
}

.about3_list .about3_list2 {
    position: absolute;
    bottom: 1.09375vw;
    left: 2.23958333333333vw;
    transition: .5s;
    z-index: 1;
}

.about3_list2a {
    color: rgba(255, 255, 255, 1);
    font-size: 3.75rem;
    font-weight: 600;
}

.about3_list2b {
    color: rgba(255, 255, 255, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
    display: none;
    transition: 1s;
}

.about3_listl,
.about3_listr {
    cursor: pointer;
}

.about3_listl:hover .iconfont,
.about3_listr:hover .iconfont {
    color: rgba(191, 154, 94, 1);
}

.about3 i {
    color: rgba(29, 76, 122, 1);
    font-size: 2.34375rem;
}

.about3_list .swiper-slide:hover .about3_list2 {
    bottom: 4.21875vw;
}

.about3_list .swiper-slide:hover .about3_list2b {
    display: block;
}

.about3_list .swiper-slide:hover::after {
    top: 0px;
}

/*about4*/
.about4 {
    height: 46.40625vw;
    width: 100%;
    background: url(../images/about/about4_1.jpg) no-repeat center;
    background-size: cover;
}

.about4 a {
    height: 46.40625vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about4 img {
    display: flex;
    width: 100%;
}

.about4_l {
    width: 40.72916666666667vw;
    padding-left: 8.28125vw;
}

.about4_r {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 10.52083333333333vw;
}

.about4_r1 {
    background: linear-gradient(90.00deg, rgba(252, 211, 83, 1), rgba(255, 240, 189, 1) 100%);
    -webkit-background-clip:
        text;
    -webkit-text-fill-color:
        transparent;
    background-clip:
        text;
    text-fill-color:
        transparent;
    font-size: 4.929577464788732rem;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    position: relative;
}

.about4_r2 {
    position: absolute;
    left: 50%;
    bottom: -4%;
    transform: translateX(-50%);
    width: 11.04166666666667vw;
}

.about4_r2 img {
    width: 100%;
}

.about4_r3 {
    background: linear-gradient(270.00deg, rgba(255, 239, 188, 1), rgba(252, 212, 86, 1) 100%);
    -webkit-background-clip:
        text;
    -webkit-text-fill-color:
        transparent;
    background-clip:
        text;
    text-fill-color:
        transparent;
    font-family: Microsoft YaHei;
    font-size: 2.112676056338028rem;
    font-weight: 600;
    line-height: 3.732394366197183rem;
    text-align: center;
    margin-top: 1.40625vw;
}

.about4_r4 {
    background: linear-gradient(270.00deg, rgba(255, 239, 188, 1), rgba(252, 212, 86, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2.5;
    border-bottom: 1px solid rgba(252, 212, 86, 1);
    width: 4.73958333333333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 3.08958333333333vw auto 3.75vw;
}

.about4_r5 {
    width: 31.09375vw;
}

/*about end*/

/*pzbz*/
.pzbz1 {
    padding: 6.66666666666667vw 11.92708333333333vw 11.61458333333333vw;
}

.pzbz1 .title {
    padding-top: 0px;
}

.pzbz1 .enTitle {
    margin-top: 1rem;
}

.pzbz1_a {
    width: 36.14583333333333vw;
    margin: 2.55208333333333vw 0px 6.66666666666667vw;
}

.pzbz1_a p {
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0%;
    text-align: justify;
}

.pzbz1_b img {
    width: 100%;
    display: block;
}

.pzbz1_c {
    display: flex;
    justify-content: space-between;
}

.pzbz1_c1 {
    margin-top: 2.08333333333333vw;
    height: 8.125vw;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.pzbz1_c1 img {
    max-height: 100%;
}

.pzbz1_c2 {
    color: rgba(0, 0, 0, 1);
    font-family: Source Han Serif CN;
    font-size: 1.71875rem;
    font-weight: 500;
    line-height: 2;
    margin-top: 1.5625vw;
}

/*pzbz2*/
.pzbz2 {
    display: flex;
    padding: 0px 11.92708333333333vw 9.58333333333333vw;
    justify-content: space-between;
    align-items: center;
}

.pzbz2 .title {
    padding-top: 0px;
}

.pzbz2_l {
    width: 38.07291666666667vw;
}

.pzbz2 .enTitle {
    margin-top: 1rem;
}

.pzbz2_l1 {
    margin: 2.5vw 0px 4.63541666666667vw;
}

.pzbz2_l1 p {
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
    text-align: justify;
}

.pzbz2_l2 p {
    color: rgba(0, 0, 0, 1);
    font-family: Arial;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
    text-align: justify;
}

.pzbz2_r {
    width: 32.23958333333333vw;
}

.pzbz2_r img {
    width: 100%;
    display: block;
}

/*pzbz end*/

/*qqyx*/
.qqyx1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6.92708333333333vw 9.01041666666667vw 14.58333333333333vw 11.5625vw;
}

.qqyx1_l .title {
    padding-top: 0px;
}

.qqyx1_l .enTitle {
    margin-top: 1rem;
}

.qqyx1_l1 {
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0%;
    text-align: justify;
    width: 28.69791666666667vw;
    margin: 7.13541666666667vw 0px 3.64583333333333vw;
}

.qqyx1_l2 {
    display: flex;
}

.qqyx1_l2 li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.qqyx1_l2 li:nth-child(2) {
    margin-left: 3.90625vw;
}

.qqyx1_l2_a {
    position: relative;
}

.qqyx1_l2_a1 {
    color: rgba(191, 154, 94, 1);
    font-size: 5rem;
    font-weight: 400;
    line-height: 5.703125rem;
}

.qqyx1_l2_a2 {
    color: rgba(191, 154, 94, 1);
    font-size: 1.125rem;
    position: absolute;
    right: -1rem;
    top: 1rem;
}

.qqyx1_r {
    width: 46.875vw;
}

.qqyx1_r img {
    width: 100%;
    display: block;
}

.qqyx2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 9.47916666666667vw;
}

.qqyx2_l {
    width: 48.125vw;
}

.qqyx2_r {
    width: 37.55208333333333vw;
    margin-right: 8.17708333333333vw;
}

.qqyx2_r1 {
    width: 14.01041666666667vw;
    margin-bottom: 2.8125vw;
}

.qqyx2_r1 img {
    width: 100%;
    display: block;
}

.qqyx2_r2 p {
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0%;
    text-align: justify;
}

/*qqyx end*/

/*jxmp*/
.jxmp1 {
    padding-top: 7.70833333333333vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jxmp1_l {
    width: 44.11458333333333vw;
}

.jxmp1_r {
    width: 30.98958333333333vw;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 11.97916666666667vw;
}

.jxmp1_r1 {
    width: 26.40625vw;
}

.jxmp1_r2 {
    margin: 2.08333333333333vw 0px;
}

.jxmp1_r2 p {
    text-align: left;
}

.jxmp1_r3 {
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
    text-align: left;
}

.jxmp2_l1 {
    display: flex;
    align-items: flex-end;
}

.jxmp2_l1_a {
    color: rgba(132, 36, 38, 1);
    font-family: Source Han Serif CN;
    font-size: 2.29166666666667vw;
    font-weight: 500;
    height: 1;
}

.jxmp2_l1_b {
    color: rgba(132, 36, 38, 1);
    font-family: Source Han Serif CN;
    font-size: 1.5625rem;
    font-weight: 500;
    line-height: 100%;
    position: relative;
    top: -0.6rem;
    margin-left: 1rem;
}

.jxmp2_l2 {
    margin: 1.575vw 0px 2.06041666666667vw;
    width: 34vw;
}

.jxmp2_l2 p {
    color: rgba(0, 0, 0, 1);
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 2;
    text-align: justify;
}

.jxmp2 li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 6.5625vw;
}

.jxmp2 li:nth-child(1) {
    margin-top: 1.66666666666667vw;
}

.jxmp2 li:nth-child(2n) {
    display: flex;
    flex-direction: row-reverse;
}

.jxmp2 li:nth-child(2n) .jxmp2_l {
    padding-left: 0px;
    padding-right: 11.92708333333333vw;
}

.jxmp2_l {
    padding-left: 11.92708333333333vw;
}

.jxmp2_l3 {
    color: rgba(128, 37, 36, 1);
    border-color: rgba(128, 37, 36, 1);
}

.jxmp2_r {
    width: 46.25vw;
}

.color1 {
    color: rgba(174, 146, 109, 1);
}

.jxmp2_l31 {
    color: rgba(174, 146, 109, 1);
    border-color: rgba(174, 146, 109, 1);
}

.color2 {
    color: rgba(35, 42, 71, 1);
}

.jxmp2_l32 {
    color: rgba(35, 42, 71, 1);
    border-color: rgba(35, 42, 71, 1);
}

.color3 {
    color: rgba(7, 57, 32, 1);
}

.jxmp2_l33 {
    color: rgba(7, 57, 32, 1);
    border-color: rgba(7, 57, 32, 1);
}

.chTitle_color1 {
    color: rgba(191, 154, 94, 1);
}

.jxmp3 {
    margin-left: 17.8125vw;
    width: 35.83333333333333vw;
    margin-top: 3.75vw;
    margin-bottom: 6.51041666666667vw;
}
.jrln1{
    padding: 0px 11.9vw 2vw 11.9vw;
}
.jrln1 p{
    text-indent:2em;
    color:#222;
    line-height:2;
    font-size:1.25rem;
}
/*jxmp end*/

/*shzr*/
.shzr1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 4.53125vw 0px 4.53125vw;
}

.shzr1_l {
    width: 40.83333333333333vw;
    margin-left: 12.13541666666667vw;
}

.shzr1_l2 {
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    line-height: 2;
    text-align: justify;
    width: 38.07291666666667vw;
    margin: 1.09375vw 0px 6.92708333333333vw;
}

.shzr1_r {
    width: 43.22916666666667vw;
}

.shzr2_a {
    text-align: center;
}

.shzr2_b {
    margin: 3.125vw 11.61458333333333vw 6.09375vw;
}

.shzr2_b2 {
    background: rgba(248, 248, 248, 1);
    padding: 1.09375vw 1.25vw;
}

.shzr2_b2_a {
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
}

.shzr2_b2_b {
    color: rgba(0, 0, 0, 1);
    font-size: 1.5625rem;
    font-weight: 600;
    line-height: 2;
}

.shzr2_b2_c {
    color: rgba(109, 109, 109, 1);
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
}

.shzr2_b2_d {
    margin-top: 2.65625vw;
    color: rgba(0, 0, 0, 1);
    border-bottom: none !important;
}

.shzr2_bl {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    cursor: pointer;
}

.shzr2_br {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    cursor: pointer;
}

.shzr2_bl i,
.shzr2_br i {
    font-size: 4rem;
    color: rgb(191, 154, 94)
}

.shzr3{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top:7.53125vw;
}

.shzr3l {
    width: 40.83333333333333vw;
}

.shzr3r .shzr1_l2{
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    line-height: 2;
    text-align: justify;
    width: 38.07291666666667vw;
    margin: 1.09375vw 0px 0vw;
    margin-right: 12.13541666666667vw;
}

/*shzr end*/

/*xdcsgc*/
.xdcsgc1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8.02083333333333vw 11.92708333333333vw;
}

.xdcsgc1_l {
    color: rgba(29, 76, 122, 1);
    font-family: 'sysongti';
    font-size: 3.094233473980309rem;
    font-weight: 500;
    line-height: 2;
}

.xdcsgc1_r {
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
    text-align: justify;
}

.xdcsgc2 {
    background-image: url(../images/xdcsgc/xdcsgc1_1.jpg);
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 28.48958333333333vw;
    width: 100%;
}

.xdcsgc3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4.94791666666667vw 0px;
}

.xdcsgc3_l {
    width: 25.83333333333333vw;
    margin-left: 11.92708333333333vw;
}

.xdcsgc3_l1 {
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    text-align: justify;
    margin-top: 1.09375vw;
}

.xdcsgc3_r {
    margin-right: 1.875vw;
}

.xdcsgc4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.xdcsgc4_l {
    width: 41.71875vw;
}

.xdcsgc4_r {
    width: 33.33333333333333vw;
    margin-right: 16.25vw;
}

.xdcsgc5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6.25vw 0px;
    position: relative;
}

.xdcsgc5_l {
    width: 24.73958333333333vw;
    margin-left: 11.97916666666667vw;
}

.xdcsgc5_r {
    width: 50vw;
}

.xdcsgc5_f {
    width: 29.79166666666667vw;
    position: absolute;
    left: 32.96875vw;
    bottom: 4.16666666666667vw;
    z-index: -1;
}

/*xdcsgc5 end*/
/*xdcsgc6*/
.swiper-pagination2 .swiper-slide {
    overflow: hidden;
    line-height: 0;
}

.swiper-pagination2 .swiper-pagination-bullet {
    color: #fff;
    font-size: 1.5625rem;
    line-height: 2.34375rem;
    width: 2.5rem;
    height: 2.5rem;
    background: transparent;
    border: 1px solid;
    margin-right: 1rem;
    display: inline-block;
    text-align: center;
    opacity: 1;
    font-family: 'sysongti';
}

.swiper-pagination2 .swiper-pagination-bullet-active {
    background: rgba(29, 76, 122, 1);
    border: 1px solid rgba(29, 76, 122, 1);
}

.xdcsgc6 {
    position: relative;
}

.xdcsgc6_a {
    width: 27.23958333333333vw;
    position: absolute;
    z-index: 9;
    left: 11.97916666666667vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.xdcsgc6_a .chTitle p {
    color: #fff;
}

.xdcsgc6_a1 {
    color: rgba(255, 255, 255, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
    text-align: justify;
    margin: 1.09375vw 0px 6.82291666666667vw;
}

/*xdcsgc6 end*/
/*xdcsgc7*/
.xdcsgc7 {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.xdcsgc7_a {
    width: 24.58333333333333vw;
    padding: 5.05208333333333vw 0px 1.5625vw;
}

.xdcsgc7_b {
    padding-bottom: 4.16666666666667vw;
}

.xdcsgc7_b p {
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2.535211267605634rem;
    text-align: center;
}

.xdcsgc7_c {
    position: relative;
}

.xdcsgc7_c1 {
    width: 50vw;
}

.xdcsgc7_c2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.xdcsgc7_c2_b {
    color: rgba(255, 255, 255, 1);
    font-family: 'sysongti';
    font-size: 1.690140845070423rem;
    font-weight: 500;
    line-height: 100%;
    margin-top: 0.677vw;
}

/*xdcsgc7 end*/
/*xdcsgc8*/
.xdcsgc8 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 6.30208333333333vw;
}

.xdcsgc8_a {
    margin: 5.88541666666667vw 0px 1.77083333333333vw;
}

.xdcsgc8_b {
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
    text-align: center;
}

.xdcsgc8_c {
    padding: 6.30208333333333vw 0px;
}

.xdcsgc8_c1 {
    color: rgba(191, 154, 94, 1);
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    text-align: justify;
}

.xdcsgc8_c li {
    padding: 0px 3.229166666666667vw;
}

.xdcsgc8_c li:nth-child(2) {
    margin-left: 0vw;
}

.xdcsgc8_c .qqyx1_l2_b {
    color: rgba(121, 121, 121, 1);
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    text-align: justify;
}

/*xdcsgc end*/

/*cgcl*/
.cgcl1 {
    display: flex;
    justify-content: space-between;
}

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

.cgcl1 .title_0 {
    padding: 121px 0px 28px;
}

.cgcl1_l {
    margin-left: 6.40625vw;
}

.cgcl1_l2 {
    width: 40.20833333333333vw;
}

.cgcl1_l3 {
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2rem;
    text-align: center;
    width: 25.36458333333333vw;
    padding-bottom: 9.0625vw;
}

.cgcl1_ld {

    margin: 0px 4.375vw 0px 10.46875vw;
}

.cgcl1_r {
    margin-right: 7.96875vw;
}

.cgcl1_rd {
    margin-left: 5.10416666666667vw;
    margin-right: 10.98958333333333vw;
}

.cgcl1_r3 {
    width: 23.59375vw;
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2rem;
    text-align: center;
    padding-bottom: 9.89583333333333vw;
}

.cgcl1_r2 {
    width: 39.6875vw;
}

/*cgcl2*/
.cgcl2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.cgcl2 .cgcl2_a {
    margin: 7.13541666666667vw 0px 1.77083333333333vw;
    text-align: center;
}

.cgcl2_b {
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
    text-align: center;
}

.cgcl2_c {
    width: 35.57291666666667vw;
    margin: 4.47916666666667vw 0px 7.13541666666667vw;
}

/*cgcl3*/
.cgcl3 {
    display: flex;
    justify-content: space-between;
    background: rgba(244, 244, 244, 1);
    align-items: flex-end;
    padding: 6.30208333333333vw 0px 4.11458333333333vw;
}

.cgcl3_1 {
    width: 13.54166666666667vw;
    margin-left: 12.23958333333333vw;
}

.cgcl3_2 {
    width: 39.53125vw;
    margin-left: 4.32291666666667vw;
}

.cgcl3_3 {
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
    text-align: left;
    margin-right: 13.38958333333333vw;
    padding-bottom: 1.25vw;
}

.cgcl3_l1 {
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
    width: 21.875vw;
}

.cgcl4 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 7.29166666666667vw 0px 9.89583333333333vw;
}

.cgcl4_l {
    width: 37.29166666666667vw;
    margin-left: 11.875vw;
}

.cgcl4_l1 {
    margin: 2.13541666666667vw 0px 6.45833333333333vw;
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
    text-align: justify;
    width: 22.875vw;
}

.cgcl4_r {
    margin-right: 11.875vw;
    width: 38.95833333333333vw;
    position: relative;
    top: 1vw;
}

.cgcl5_l1 {
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
    text-align: left;
    margin-top: 1.5625vw;
}

.cgcl5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px 11.875vw;
}

.cgcl6 {
    width: 100%;
}

/*cgcl end*/

/*cyy*/
.cyy1 {
    display: flex;
    justify-content: space-between;
    margin: 6.04166vw 11.979vw 6vw;
}

.cyy1_l {
    width: 37.08vw;
    padding-top: 2.60416666666667vw;
}

.cyy1_l2 {
    width: 32.5vw;
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
    text-align: justify;
    margin: 1.5625vw 0px 8.22916666666667vw;
}

.cyy1_r {
    width: 31.25vw;
}

.cyy2_a {
    display: flex;
    text-align: center;
    padding-top: 5.989vw;
    justify-content: center;
}

.cyy2_b {
    color: rgba(0, 0, 0, 1);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
    text-align: center;
    margin: 1.5625vw 0px 4.0625vw;
}

.cyy2_c {
    margin: 4.0625vw 11.979vw 7.864vw;
}

.cyy3 .cyy1_l3 {
    width: 32.7vw;
    margin-left: 5.364vw;
}

.cyy4 {
    height: 46.875vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12vw;
}

.cyy4_r {
    width: 14.27vw;
}

.cyy4_r li {
    margin: 0.78125vw 0px;
    border: 1px solid rgba(255, 255, 255, 1);
}

.cyy4 p {
    color: #fff;
}

.cyy4 .cyy1_l2 {
    color: #fff;
    margin-bottom: 0px;
    width: 32.44vw;
}

/*cyy end*/

/*pphd*/
.qqx1 {
    padding: 5.208vw 0px;
}

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

.qqx2 {
    display: flex;
    padding: 0px 8.02vw 0px 11.927vw;
    justify-content: space-between;
    padding: 8.54vw;
}

.qqx2_l {
    width: 36.40625vw;
}

.qqx2_r {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.qqx2_r2 {
    width: 36.40625vw;
}

.qqx2_r1 {
    color: rgba(0, 0, 0, 1);
    font-family: Microsoft YaHei;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2.8rem;
    text-align: center;
    padding: 3.6458vw 0 3.6458vw 0;
}

.pjh1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.pjh1_l {
    width: 36.77rem;
    margin-left: 12.135416666666666666666666666667vw;
}

.pjh1_l1 {
    color: rgba(0, 0, 0, 1);
    font-family: Microsoft YaHei;
    font-size: 2.253rem;
    font-weight: 600;
    line-height: 2.8169rem;
    text-align: justify;
}

.pjh1_l2 {
    color: rgba(0, 0, 0, 1);
    font-family: Microsoft YaHei;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2.8169rem;
    letter-spacing: 0%;
    text-align: justify;
}

.pjh1_r {
    width: 45.98958vw;
    margin-right: -6vw;
    transform: rotate(360.00deg);
}

.pjh2_w {
    position: relative;
    overflow: hidden;
    margin-bottom: 6.25vw;
}

.pjh2 {
    margin-left: 12.135416666666666666666666666667vw;
}

.pjh2_a {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 10;
    background: rgba(29, 76, 122, 1);
    width: 136px;
    height: 50px;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
}

.pjh2 .pjh2_d {
    position: unset;
    width: auto;
    color: rgba(255, 255, 255, 1);
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: 0%;
    text-align: justify;
    padding: 0px 1rem;
}

.pjh2_a {
    padding-top: 0.2rem;
}

/*pphd end*/

/*news*/
.news1 {
    padding-bottom: 7.916vw;

    margin: 0 12vw;
}

.news2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.news2 li {
    width: 23.90625vw;
    margin-right: 1.979vw;
    margin-bottom: 1.979vw;
    position: relative;
}

.news2 li:nth-child(3n) {
    margin-right: 0px;
}

.news2 li::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 2px;
    background: rgb(29, 76, 122);
    width: 0px;
    transition: .5s;
}

.news2 li:hover::after {
    width: 100%;
}

.news1_b {
    box-shadow: 10px 4px 40px 0px rgba(0, 88, 135, 0.1);
    background: rgba(248, 248, 248, 1);
    padding: 1.25vw;
}

.news1_b1 {
    color: rgba(0, 0, 0, 1);
    font-family: Microsoft YaHei;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0%;
    text-align: left;
}

.news1_b2 {
    color: rgba(0, 0, 0, 1);
    font-family: Microsoft YaHei;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2;
    letter-spacing: 0%;
    text-align: left;
}

.news2 li:hover .news1_b2 {
    color: rgb(29, 76, 122);
}

.news1_b3 {
    color: rgba(109, 109, 109, 1);
    font-family: Microsoft YaHei;
    font-size: 1;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0%;
    text-align: left;
    margin-bottom: 2.65625vw;
}

.news1_b4 {
    color: #000;
    border: none !important;
}

/*news end*/

/*product*/
.product_banner {
    display: flex;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
}

.ty_banner_d {
    margin-right: 11.875vw;
}

.ty_banner_1 {
    color: rgba(255, 255, 255, 1);
    font-family: 'sysongti';
    font-size: 3.09rem;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: right;
}

.ty_banner_2 {
    color: rgba(255, 255, 255, 0.7);
    font-family: 'sysongti';
    font-size: 2.11rem;
    font-weight: undefined;
    line-height: 1;
    letter-spacing: 0%;
    text-align: right;
    text-transform: uppercase;
    margin-top: 0.78vw;
}

.product_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4.6875vw 0px 5.2083vw;
}

.product_1a {
    margin-bottom: 2.604vw;
}

.product_1b p {
    color: rgba(0, 0, 0, 1);
    font-family: Microsoft YaHei;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2.6rem;
    text-align: center;
}

.product_2 {
    padding-bottom: 3.125vw;
}

.product_2 li {
    display: flex;
    margin-bottom: 4.27vw;
}

.product_2 li:nth-child(2n) {
    flex-direction: row-reverse;
}

.product_2l {
    width: 50%;
    background: rgba(239, 239, 239, 1);
    padding: 6.822vw 12.03125vw 0px 8.6458vw;
}

.product_2l_1 {
    color: rgba(0, 0, 0, 1);
    font-family: Microsoft YaHei;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 2.6rem;
    position: relative;
    padding-bottom: 1.09375vw;
    margin-bottom: 1.40625vw;
}

.product_2l_1::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 2.96875vw;
    height: 0.15625vw;
    background: #000;
}

.bai .product_2l_1::after {
    background: #fff;
}

.bai .product_2l_1,
.bai .product_2l_2 p,
.bai .product_2l_2 {
    color: #fff;
}

.product_2l_2 p,
.product_2l_2 {
    color: rgba(0, 0, 0, 1);
    font-family: Microsoft YaHei;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2.0833rem;
    text-align: justify;
}

.product_2r {
    width: 50%;
}

.product_3 {
    padding: 0px 11.92vw 6vw;
    display: flex;
    flex-wrap: wrap;
}

.product_3 li {
    width: 24.166vw;
    margin-right: 1.67vw;
    margin-bottom: 2.1875vw;
}

.product_3 li:nth-child(3n) {
    margin-right: 0px;
}

.product_bannera .ty_banner_d {
    margin-right: 0px;
}

.product_bannera .ty_banner_1,
.product_bannera .ty_banner_2 {
    text-align: center;
}

.lg-object.lg-image {
    max-height: 600px !important;
}

/*product end*/

/*lxwm*/
.lxwm1 {
    padding: 0px 11.9vw;
    display: flex;
    margin-top: -9vw;
}

.lxwm1_l {
    padding: 0px 2.96875vw;
    width: 50%;
    background: rgba(29, 76, 122, 1);
}

.lxwm1_l1 {
    padding-top: 2.083vw;
    padding-bottom: 1.82vw;
    margin-bottom: 1.82vw;
    color: rgba(255, 255, 255, 1);
    font-family: Microsoft YaHei;
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

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

.lxwm1_l2_l {
    margin-right: 0.9375vw;
}

.lxwm1_l2_r {
    color: rgba(255, 255, 255, 1);
    font-family: Microsoft YaHei;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 3;
    letter-spacing: 0%;
    text-align: left;
}

.lxwm1_r {
    padding: 0px 2.96875vw 2.76vw;
    width: 50%;
    background: rgba(236, 236, 236, 1);
}

.lxwm1_r1_a {
    color: rgba(0, 0, 0, 1);
    font-family: Microsoft YaHei;
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    padding-top: 2.08vw;
    padding-bottom: 0.78vw;
}

.lxwm1_r1_b {
    color: rgba(0, 0, 0, 0.5);
    font-family: Microsoft YaHei;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    margin-bottom: 1.71vw;
}

.lxwm1_r li {
    margin-bottom: 1.125rem;
}

.lxwm1_r li input,
.lxwm1_r li textarea,
.lxwm_yzm input {
    box-sizing: border-box;
    border: 1px solid rgba(201, 201, 201, 1);
    text-indent: 1.125rem;
    color: rgba(0, 0, 0, 0.5);
    font-family: Microsoft YaHei;
    font-size: 1;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    width: 100%;
    line-height: 2.6vw;
    background: none;
}

.lxwm_yzm {
    position: relative;
}

.lxwm_yzm img {
    height: 2.6vw;
    display: block;
    position: absolute;
    right: 0px;
    top: 1px;
}

.btna {
    margin-top: 1.125rem;
    background: rgba(29, 76, 122, 1);
    line-height: 2.6vw;
    color: rgba(255, 255, 255, 1);
    font-family: Microsoft YaHei;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0%;
    text-align: center;

}

.lxwm2 {
    margin-top: 6.458vw;
    height: 37.60vw;
    position: relative;
}

.lxwm2_l {
    position: absolute;
    top: 0px;
    left: 11.9vw;
    z-index: 2;
    width: 46.77vw;
    background: rgba(236, 236, 236, 1);
}

.lxwm2_ld {

    padding: 4.16vw 4.6875vw 4.16vw 3.95vw;

}

.lxwm2_l .enTitle {
    padding-left: 1.09375vw;
}

.lxwm2_l1 {
    padding-left: 1.09375vw;
    margin-top: 2.44vw;
}

.lxwm2_l1 p {
    color: rgba(0, 0, 0, 1);
    font-family: Microsoft YaHei;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0%;
    text-align: justify;
}

.lxwm2_r {
    width: 46.04vw;
    position: absolute;
    bottom: 0px;
    right: 11.9vw;
}

.lxwm3_1 {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 4.11vw 0px 2.13vw;
    justify-content: center;
}

.lxwm3_2 {
    padding: 0px 11.9vw;
}

.lxwm3_list_a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.82vw 0px 4.32vw;
}

.lxwm3_list_s {
    background: rgba(51, 51, 51, 1);
    width: 1px;
    height: 20px;
}

.lxwm3_list_a .lxwm3_list_l {
    margin-right: 1.6vw;
}

.lxwm3_list_a .lxwm3_list_r {
    margin-left: 1.6vw;
}

.lxwm3_list_a .lxwm3_list_l,
.lxwm3_list_a .lxwm3_list_r {
    width: 1.82vw;
    text-align: center;
    cursor: pointer;
}

.lxwm3_list_a i {
    font-size: 1.5rem;
    color: rgba(51, 51, 51, 1);
}

.join,
.jrwm {
    padding: 0px 11.9vw 6vw 11.9vw;
}

.qqx1_a {
    display: flex;
    justify-content: center;
}

/*lxwm end*/

/*ty_banner*/
.ty_banner {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ty_banner1 {
    width: 33.17708333333333vw;
}

.ty_banner2 {
    color: rgba(255, 255, 255, 1);
    font-size: 1.69rem;
    font-weight: 400;
    line-height: 2.81rem;
    letter-spacing: 2%;
    text-align: center;
}

/*ty_banner end*/

/*ty_nav*/
.znav {
    border: 1px solid rgba(237, 237, 237, 1);
    line-height: 74px;
}

.znav ul {
    display: flex;
}

.znav a {
    color: #000;
    padding: 0px 2.34375vw;
    position: relative;
    transition: .5s;
    font-size: 1.125rem;
}

.znav a:hover {
    color: rgb(0, 88, 135);
    font-weight: bold;
}

.pd_119 {
    padding: 0px 11.9vw;
}

/*ty_nav end*/

/*ty_footer*/
.footer_f footer {
    margin-top: -21px;
    background: none;
}

.left7 {
    left: 25rem;
}

.img_w img {
    width: 100%;
    display: block;
}

.title_0 .title {
    padding-top: 0px;
}

.title_0 .enTitle {
    margin-top: 0rem;
}

.ty_ckgd {
    font-size: 1rem;
    font-weight: 400;
    line-height: 2.5;
    width: 4.73958333333333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid;
}

/*ty_footer end*/


/*不同浏览器分辨率*/

@media screen and (max-width:1920px) {
    html {
        font-size: 90%;
    }

    .pd_119 {
        padding: 0px 10vw;
    }
}

@media screen and (max-width:1680px) {
    html {
        font-size: 80%;
    }

    .znav a {
        padding: 0px 1.8vw;
    }

    .pd_119 {
        padding: 0px 7vw;
    }

    .znav ul {
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width:1366px) {
    html {
        font-size: 75.375%;
    }

    .pd_119 {
        padding: 0px 5vw;
    }
}

@media screen and (max-width:1280px) {
    html {
        font-size: 62.5%;
    }

    .men-menu {
        display: none;
    }

    .pd_119 {
        padding: 0px 3vw;
    }
}

@media screen and (max-width:1024px) {
    html {
        font-size: 62.5%;
    }

    .pd_119 {
        padding: 0px 1vw;
    }
}

@media screen and (max-width:1000px) {
    html {
        font-size: 62.5%;
    }

    .pd_119 {
        padding: 0px 1vw;
    }

    .pc {
        display: none;
    }

    .sj {
        display: block !important;
    }

    .ty_banner {
        height: 250px !important;
        margin-top: 70px;

    }

    .about1 {
        display: flex;
        justify-content: space-between;
        padding-top: 40px;
        flex-direction: column;
    }

    .about1_l {
        position: relative;
        width: 100%;
        padding-top: 0px;
    }

    .about1_r {
        width: 100%;
        margin-right: 0px;
        padding-bottom: 20px;

        padding: 0px 4%;
    }

    .title {
        position: unset;
        z-index: 5;
        padding-top: 30px;
    }

    .about1_r2 {
        margin: 15px 0px;
        width: 100%;
    }

    

    .footer_bg {
        clear: both;
        background: url(../images/index/footer_bg.jpg) center no-repeat;
        background-size: cover;
        padding: 0px 4%;
    }

    .footer_bga {
        height: auto;
        display: flex;
        justify-content: space-between;
        padding: 30px 0px;
        align-items: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        flex-direction: column;
    }

    .footer_bga img {
        width: 100%;
    }

    .footer_bgbr {
        display: none;
    }

    .footer_bgb {
        padding: 30px 0px;
        display: flex;
        justify-content: space-between;
    }

    .footer_bgar {
        width: 100%;
    }

    .footer_bgar1 {
        color: rgb(255, 255, 255);
        font-size: 1.5rem;
        line-height: 1.6;
        text-align: right;
        margin: 20px 0px;
    }

    .footer_bgar2 input {
        width: 100%;
        height: 58px;
        line-height: 58px;
        border: none;
        background: #fff;
        padding: 0px 25px 0px 30px;
        color: rgb(185, 185, 185);
        border-radius: 10px;
    }

    .footer_d {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        display: flex;
        color: #fff;
        font-size: 1.2rem;
        line-height: 1.7;
        text-align: center;
        justify-content: space-between;
        padding: 10px 0px;
        flex-direction: column;
    }

    .footer_bgbl1 {
        color: rgb(255, 255, 255);
        font-size: 1.2rem;
        line-height: 2;
    }

    .footer_bgbl2 {
        display: flex;
        margin-top: 15px;
    }

    .footer_bgbl2 li {
        width: 50px;
        height: 50px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 16px;
    }

    .footer_bgbl2 li i {
        font-size: 2rem;
    }

    .about2 {
        height: 500px;
        width: 100%;
        background: url(/public/static/index/images/about/about2_1.png) center no-repeat;
        background-size: cover;
        position: relative;
        margin-top: 30px;
        position: relative;
        overflow: hidden;
    }

    .about2_1 {
        display: flex;
        justify-content: space-between;
        padding: 0px 4%;
    }

    .about2_2b_1 img {
        width: 20px;
    }

    .about2_2 {
        position: absolute;
        top: 55%;
        left: 50vw;
        transform: translate(-50%, -50%);
        width: 180px;
        height: 180px;
    }

    .about2_1r {
        display: none;
    }

    .about2_3c {
        opacity: 0;
        color: rgba(255, 255, 255, 1);
        font-size: 1rem;
        font-weight: 400;
        line-height: 2;
        transition: .5s;
        margin-top: 2rem;
        position: absolute;
        bottom: -20px;
        width: 140px;
    }

    .about2_3_1 {
        left: 5%;
        top: 345px;
    }

    .about2_3_2 {
        left: 26%;
        top: 365px;
    }

    .about2_3_3 {
        right: 5%;
        top: 355px;
    }

    .about2_3_4 {
        right: 29%;
        top: 365px;
    }

    .about4 {
        height: 400px;
        width: 100%;
        background: url(../images/about/about4_1.jpg) no-repeat center;
        background-size: cover;
        padding: 30px 0px;
    }

    .about4 a {
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }

    .about4_l {
        width: 50%;
        padding-left: 0px;
    }

    .about4_r {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-right: 0px;
    }

    .about4_r1 {
        background: linear-gradient(90.00deg, rgba(252, 211, 83, 1), rgba(255, 240, 189, 1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-size: 2rem;
        font-weight: 600;
        line-height: 1.5;
        text-align: center;
        position: relative;
    }

    .about4_r3 {
        background: linear-gradient(270.00deg, rgba(255, 239, 188, 1), rgba(252, 212, 86, 1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-family: Microsoft YaHei;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.7;
        text-align: center;
        margin-top: 1.40625vw;
    }

    .about4_r4 {
        background: linear-gradient(270.00deg, rgba(255, 239, 188, 1), rgba(252, 212, 86, 1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 2;
        border-bottom: 1px solid rgba(252, 212, 86, 1);
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 3.08958333333333vw auto 3.75vw;
    }

    /*header*/
    .sjheaderd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .sjheaderd_left {
        height: 70px;
        display: flex;
        align-items: center;
    }

    .sjheaderd_left img {
        height: 50px;
    }

    .sjheader {
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 111;
        inset-inline-end: 0;
        inset-inline-start: 0;
        width: 100%;
        -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
        animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
        background: rgb(29, 76, 122);
        border-top: 0;
    }

    .sidebar__toggle {
        cursor: pointer;
    }

    .bar-icon {
        width: 26px;
        height: 18px;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        overflow: hidden;
        -webkit-transition: color 0.2s ease-out;
        transition: color 0.2s ease-out;
    }

    .bar-icon span {
        width: 100%;
        height: 2px;
        background: #fff;
        display: inline-block;
        -webkit-transition: color 0.2s ease-out;
        transition: color 0.2s ease-out;
    }

    .bar-icon span:nth-child(2) {
        margin-left: 0px;
    }

    .offcanvas__overlay {
        position: fixed;
        height: 100%;
        width: 100%;
        background: var(--rs-common-black);
        z-index: 900;
        top: 0;
        opacity: 0;
        visibility: hidden;
        right: 0;
    }

    .sjposition {
        transition: all 0.7s;
        position: fixed;
        z-index: 9999;
        width: 100%;
        background: #fafafa;
        top: 0px;
        left: 100%;
        height: 100vh;
        background: rgb(29, 76, 122);
        background-size: 100% auto;
    }

    .sjposition_ar {
        color: #fff;
    }

    .sjposition.cur {
        transition: all 0.7s;
        left: 0%;
    }

    .sjposition_a {
        display: flex;
        padding: 16px 0px;
        justify-content: space-between;
        align-items: center;
    }

    .sjposition_al {
        height: 50px;
    }

    .sjposition_al img {
        height: 100%;
    }

    .sjposition_ar i {
        font-size: 30px;
    }

    .sjposition_b>ul>li {
        border-bottom: rgba(204, 204, 204, 0.6) 1px solid;
    }

    .sjposition_b li .sjposition_b1>a {
        line-height: 60px;
        display: block;
        color: #fff;
    }

    .sjposition_b1 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .sjposition_b1 .more {
        position: relative;
        transform: rotate(0deg);
        width: 60px;
        height: 60px;
        margin-right: 10px;
    }

    .sjposition_b1 .more::before {
        transition: all 0.5s;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -7px;
        width: 14px;
        height: 16px;
        background: url(../images/icon/icon_93.png?v=1) center right no-repeat;
        background-size: 100% auto;
        content: " ";
    }

    .sjposition_b1 .more.cur::before {
        transition: all 0.5s;
        transform: rotate(90deg);
        width: 14px;
    }

    .sjposition_b {
        overflow-y: auto;
        height: 90vh;
    }

    .sjposition_b2 {
        display: none;
    }

    .sjposition_b2 li:first-child {
        border-top: rgba(204, 204, 204, 0.6) 1px solid;
    }

    .sjposition_b2 li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    }

    .sjposition_b2 li a {
        padding: 0 15px 0 25px;
        line-height: 50px;
        font-size: 16px;
        color: #fff;
        display: block;
        font-size: 1.1rem;
    }

    .w1456 {
        width: 92%;
        margin: 0 auto;
    }

    /*header end*/
    .pzbz1 {
        padding: 30px 4%;
    }

    .pzbz1_a {
        width: 100%;
        margin: 2.55208333333333vw 0px 6.66666666666667vw;
    }

    .pzbz1_c {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .pzbz1_c li {
        width: 33.3333%;
        padding: 15px 0px;
        text-align: center;
    }

    .pzbz1_c2 {
        color: rgba(0, 0, 0, 1);
        font-family: Source Han Serif CN;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 2;
        margin-top: 1.5625vw;
    }

    .pzbz1_c li:nth-child(4),
    .pzbz1_c li:nth-child(5) {
        width: 50%;
    }

    .pzbz2 {
        display: flex;
        padding: 0px 4% 30px;
        justify-content: space-between;
        align-items: center;
        flex-direction: column-reverse;
    }

    .pzbz2_l {
        width: 100%;
        margin-top: 20px;
    }

    .pzbz2_r {
        width: 100%;
    }

    .qqyx1 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 30px 4%;
        flex-direction: column-reverse;
    }

    .qqyx1_l {
        width: 100%;
    }

    .qqyx1_r {
        width: 100%;
    }

    .qqyx1_l1 {
        color: rgba(0, 0, 0, 1);
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 2;
        letter-spacing: 0%;
        text-align: justify;
        width: 100%;
        margin: 15px 0px;
    }

    .qqyx2 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 30px;
        flex-direction: column;
    }

    .qqyx2_l {
        width: 100%;
    }

    .qqyx2_r {
        width: 92%;
        margin-right: 0px;
        margin: 20px auto;
    }

    .qqyx2_r1 {
        width: 50%;
        margin: 0 auto 20px;
    }

    .jxmp1 {
        padding-top: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }

    .jxmp1_l {
        width: 100%;
    }

    .jxmp1_r {
        width: 92%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin: 0 auto;
    }

    .jxmp1_r3 {
        color: rgba(0, 0, 0, 1);
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 2;
        text-align: right;
        text-align: justify;
    }

    .jxmp2 li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 30px;
        flex-direction: column-reverse;
    }

    .jxmp2 li:nth-child(1) {
        margin-top: 30px;
    }

    .jxmp2_l {
        padding-left: 0px;
        width: 92%;
        margin: 20px auto 0px;
    }

    .jxmp2_l1_a {
        color: rgba(132, 36, 38, 1);
        font-family: Source Han Serif CN;
        font-size: 3rem;
        font-weight: 500;
    }

    .jxmp2_l2 {
        margin: 15px 0px;
        width: 100%;
    }

    .ty_ckgd {
        font-size: 1rem;
        font-weight: 400;
        line-height: 2.5;
        width: 20%;
        display: flex;
        border-bottom: 1px solid;
        flex-wrap: wrap;
        justify-content: center;
    }

    .jxmp2 li:nth-child(2n) {
        display: flex;
        flex-direction: column-reverse;
    }

    .jxmp2_r {
        width: 100%;
    }

    .jxmp3 {
        margin: 0 auto;
        width: 92%;
        margin-top: 15px;
        margin-bottom: 40px;
    }

    .shzr1 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 30px auto;
        flex-direction: column-reverse;
    }

    .shzr1_l {
        width: 92%;
        margin: 20px auto 0px;
    }

    .shzr1_r {
        width: 100%;
    }

    .shzr1_l2 {
        color: rgba(0, 0, 0, 1);
        font-size: 1.125rem;
        line-height: 2;
        text-align: justify;
        width: 100%;
        margin: 5px 0px 15px;
    }

    .shzr2_b {
        margin: 20px 4% 40px;
    }

    .ty_banner_1 {
        color: rgba(255, 255, 255, 1);
        font-family: 'sysongti';
        font-size: 2rem;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: right;
    }

    .ty_banner_2 {
        color: rgba(255, 255, 255, 0.7);
        font-family: 'sysongti';
        font-size: 1.5rem;
        font-weight: undefined;
        line-height: 1;
        letter-spacing: 0%;
        text-align: right;
        text-transform: uppercase;
        margin-top: 0.78vw;
    }

    .product_1a {
        width: 30%;
    }

    .product_2 li {
        display: flex;
        margin-bottom: 4.27vw;
        flex-direction: column-reverse;
    }

    .product_2l {
        width: 100%;
        background: rgba(239, 239, 239, 1);
        padding: 30px;
    }

    .product_2r {
        width: 100%;
    }

    .product_2 li:nth-child(2n) {
        flex-direction: column-reverse;
    }

    .xdcsgc1 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 30px 4%;
        flex-direction: column;
    }

    .xdcsgc1_l {
        color: rgba(29, 76, 122, 1);
        font-family: 'sysongti';
        font-size: 2.5rem;
        font-weight: 500;
        line-height: 1.7;
    }

    .xdcsgc2 {
        background-image: url(../images/xdcsgc/xdcsgc1_1.jpg);
        position: relative;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        height: 200px;
        width: 100%;
    }

    .xdcsgc3 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 30px 0px;
        flex-direction: column;
    }

    .xdcsgc3_l {
        width: 92%;
        margin: 0 auto;
    }

    .xdcsgc4 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }

    .xdcsgc4_l {
        width: 100%;
    }

    .xdcsgc4_r {
        width: 92%;
        margin: 30px auto 0px;
    }

    .title .chTitle p {
        font-size: 2.6rem;
    }

    .xdcsgc3_l1 {
        color: rgba(0, 0, 0, 1);
        font-size: 14px;
        font-weight: 400;
        line-height: 28px;
        text-align: justify;
        margin-top: 1.09375vw;
    }

    .xdcsgc5 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 6.25vw 0px;
        position: relative;
        flex-direction: column-reverse;
    }

    .xdcsgc5_l {
        width: 92%;
        margin: 20px auto 0px;
    }

    .xdcsgc5_r {
        width: 100%;
    }

    .xdcsgc6_a {
        width: 92%;
        position: absolute;
        z-index: 9;
        left: 4%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .xdcsgc6_a {
        width: 92%;
        position: absolute;
        z-index: 9;
        left: 4%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .xdcsgc6 .swiper-slide {
        height: 300px;
    }

    .xdcsgc7_a {
        width: 70%;
        padding: 5.05208333333333vw 0px 1.5625vw;
    }

    .xdcsgc7_b {
        width: 92%;
        padding-bottom: 4.16666666666667vw;
    }

    .xdcsgc7_c1 {
        width: 100%;
    }

    .qqyx1_l2_a1 {
        color: rgba(191, 154, 94, 1);
        font-size: 2rem;
        font-weight: 400;
        line-height: 2;
    }

    .cgcl1 {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .cgcl1_l {
        margin: 0 auto;
        width: 92%;
    }

    .cgcl1 .title_0 {
        padding: 40px 0px;
    }

    .cgcl1_ld {
        margin: 0px;
    }

    .cgcl1_l3 {
        color: rgba(0, 0, 0, 1);
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 2rem;
        text-align: center;
        width: 100%;
        padding-bottom: 9.0625vw;
    }

    .cgcl1 .title_0 {
        padding: 40px 0px 15px;
    }

    .cgcl1_l2 {
        width: 100%;
    }

    .cgcl1_r {
        margin: 0px 4%;
    }

    .cgcl1_r3 {
        width: 100%;
        color: rgba(0, 0, 0, 1);
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 2rem;
        text-align: center;
        padding-bottom: 9.89583333333333vw;
    }

    .cgcl1_rd {
        margin: 0px;
    }

    .cgcl1_r2 {
        width: 100%;
    }

    .cgcl2_c {
        width: 92%;
        margin: 4.47916666666667vw 0px 7.13541666666667vw;
    }

    .cgcl3 {
        display: flex;
        background: rgba(244, 244, 244, 1);
        align-items: center;
        padding: 6.30208333333333vw 0px 4.11458333333333vw;
        flex-direction: column;
    }

    .cgcl3_1 {
        width: 20%;
        margin-left: 0;
    }

    .cgcl3_2 {
        width: 100%;
    }

    .cgcl3_3 {
        color: rgba(0, 0, 0, 1);
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 2;
        text-align: left;
        width: 80%;
        margin-top: 20px;
        margin-right: 0px;
        padding-bottom: 1.25vw;
    }

    .cgcl4 {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin: 7.29166666666667vw 0px 9.89583333333333vw;
        flex-direction: column;
    }

    .cgcl4_l {
        width: 92%;
        margin: 0 auto;
    }

    .cgcl4_l1 {
        margin: 2.13541666666667vw 0px 6.45833333333333vw;
        color: rgba(0, 0, 0, 1);
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 2;
        text-align: justify;
        width: 100%;
    }

    .cgcl4_r {
        margin-right: 0px;
        width: 100%;
        position: relative;
        top: 1vw;
    }

    .cgcl5 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0px 4%;
        flex-direction: column;
    }

    .news2 {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .news2 li {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;
        position: relative;
    }

    .news1 {
        padding-bottom: 7.916vw;
        margin: 0px 4%;
    }

    .cyy1 {
        display: flex;
        justify-content: space-between;
        margin: 40px 4% 30px;
        flex-direction: column-reverse;
    }

    .cyy1_l {
        width: 100%;
        padding-top: 2.60416666666667vw;
    }

    .cyy1_r {
        width: 100%;
    }

    .cyy1_l2 {
        width: 100%;
        color: rgba(0, 0, 0, 1);
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 2;
        text-align: justify;
        margin: 1.5625vw 0px 8.22916666666667vw;
    }

    .cyy4 {
        height: 400px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 4%;
        flex-direction: column;
    }

    .cyy4 .cyy1_l2 {
        color: #fff;
        margin-bottom: 0px;
        width: 100%;
    }

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

    .cyy3 .cyy1_l3 {
        width: 100%;
        margin-left: 0px;
    }

    .qqx2 {
        display: flex;
        padding: 0px 8.02vw 0px 11.927vw;
        justify-content: space-between;
        padding: 15px 0px;
        margin: 0px 4%;
        flex-direction: column;
    }

    .qqx2_l {
        width: 100%;
    }

    .qqx2_r1 {
        color: rgba(0, 0, 0, 1);
        font-family: Microsoft YaHei;
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 2.8rem;
        text-align: left;
        padding: 3.6458vw 0 3.6458vw 0;
    }

    .qqx2_r2 {
        width: 100%;
        margin-bottom: 40px;
    }

    .pjh1_l {
        width: 92%;
        margin: 0 auto;
    }

    .pjh1_r {
        display: none;
    }

    .pjh2 {
        margin-left: 0px;
    }

    .join,
    .jrwm {
        padding: 15px 0px 40px;
        margin: 0px 4%;
    }

    .lxwm1 {
        padding: 0px 4%;
        display: flex;
        margin-top: -9vw;
        flex-direction: column;
    }

    .lxwm1_l {
        padding: 30px 2.96875vw 30px;
        width: 100%;
        background: rgba(29, 76, 122, 1);
    }

    .lxwm1_r {
        padding: 30px 2.96875vw 30px;
        width: 100%;
        background: rgba(236, 236, 236, 1);
    }

    .lxwm1_r li input,
    .lxwm1_r li textarea,
    .lxwm_yzm input {
        box-sizing: border-box;
        border: 1px solid rgba(201, 201, 201, 1);
        text-indent: 1.125rem;
        color: rgba(0, 0, 0, 0.5);
        font-family: Microsoft YaHei;
        font-size: 1;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: left;
        width: 100%;
        line-height: 34px;
        background: none;
    }

    .lxwm_yzm img {
        height: 2.6vw;
        display: block;
        position: absolute;
        right: 0px;
        top: 1px;
        height: 34px;
    }

    .btna {
        margin-top: 1.125rem;
        background: rgba(29, 76, 122, 1);
        line-height: 2.6vw;
        color: rgba(255, 255, 255, 1);
        font-family: Microsoft YaHei;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0%;
        text-align: center;
        line-height: 34px;
    }

    .lxwm2 {
        margin-top: 6.458vw;
        height: auto;
        position: relative;
    }

    .lxwm2_l {
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 2;
        width: 100%;
        background: rgba(236, 236, 236, 1);
    }

    .lxwm2_r {
        width: 100%;
        position: relative;
        bottom: 0px;
        right: 0px;
    }

    .lxwm3_2 {
        padding: 0px 4%;
    }

    .banner {
        margin-top: 70px;
        width: 100%;
        height: 300px;
    }

    .banner {
        width: 100%;
        height: 250px;
    }

    .banner .arrow-right {
        background: url(../images/banner_arrow.png) no-repeat left bottom;
        background-size: 100%;
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -15px;
        width: 30px;
        height: 30px;
        z-index: 999;
        outline: none;
    }

    .banner .arrow-left {
        background: url(../images/banner_arrow.png) no-repeat left top;
        background-size: 100%;
        position: absolute;
        left: 20px;
        top: 50%;
        margin-top: -15px;
        width: 30px;
        height: 30px;
        z-index: 999;
    }

    .banner_zt {
        position: sticky;
        top: 0;
        height: 250px;
        width: 100%;
    }

    .section {
        display: flex;
        justify-content: space-between;
        padding: 8.8vw 0px;
        background: #fff;
        position: relative;
        flex-direction: column;
    }

    .iabout_left {
        margin: 0px 4%;
    }

    .iabout_right {
        width: 100%;
    }

    #positive .bg {
        height: 200px;
        background: url(../images/index/about_right.jpeg) center no-repeat;
        background-size: cover;
        position: relative;
    }

    .ivideo_zt {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .ivideo_zt1 {
        position: relative;
        width: 60px;
        height: 60px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .ivideo_zt1 i {
        font-size: 14px;
        color: #fff;
    }

    .ivideo_zt2 {
        font-size: 14px;
        color: rgb(255, 255, 255);
        margin-top: 10px;
    }

    .index-s3 .flex {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .wrap-s {
        padding: 0px 4%;
        position: relative;
        z-index: 3;
    }

    .index-s3 .index-tit {
        width: 100%;
    }

    .index-s3 .items {
        width: 100%;
        font-size: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: 4.21875vw;
        justify-content: space-between;
        flex-direction: column;
    }

    .items .item {
        width: 100%;
        margin-top: 4.21875vw;
        height: auto;
        background: #fff;
        padding: 32px 40px 120px;
        position: relative;
        border-radius: 6px;
        box-shadow: 19px 4px 30px 0px rgba(0, 88, 135, 0.05);
        background: rgb(255, 255, 255);
    }

    .items .item:nth-child(2n) {
        margin-top: 4.21875vw;
    }

    .iproduct_list {
        margin: 0px 4%;
        position: relative;
        margin-top: -10%;
    }

    .ccxl {
        height: 200px;
    }

    .ccxl_z,
    .ccxl_x {
        background: #fff;
        position: relative;
        position: sticky;
        top: 0;
        width: 100%;
        height: 200px;
    }

    .ccxl_zt {
        padding-right: 12.29vw;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        height: 200px;
        justify-content: center;
    }

    .ccxl_ztt1 {
        font-size: 1.5rem;
        color: rgb(255, 255, 255);
        font-family: 'sysongti';
        text-align: right;
    }

    .ccxl_ztb1 {
        color: rgba(255, 255, 255, 0.7);
        font-family: 'sysongti';
        text-transform: uppercase;
        font-size: 1rem;
        text-align: right;
    }

    .news_list ul {
        display: flex;
        padding: 0px 4%;
        justify-content: space-between;
        flex-direction: column;
    }

    .news_list ul li {
        width: 100%;
        background: rgb(248, 248, 248);
        padding: 10px;
        position: relative;
        margin-bottom: 15px;
    }

    .ty_title {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding-top: 0px;
    }

    .index-s3 {
        padding: 7.5rem 0;
        position: relative;
        background-position: unset;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/index/hc_bg.png);
        background-attachment: unset;
        background-color: #fff;
    }

    .iabout_left {
        margin: 0px 4% 15px;
    }

    .iabout_left {
        padding-left: 0px;
    }
    .shzr3 {
        display: flex
    ;
        justify-content: space-between;
        align-items: center;
        margin:30px 0px;
        flex-direction: column;
    }
    .shzr3l {
        width: 100%;
    }
    .shzr3r{
        width:92%;
        margin:15px auto 0px;
    }
    .shzr3r .shzr1_l2 {
        color: rgba(0, 0, 0, 1);
        font-size: 1.2rem;
        line-height: 2;
        text-align: justify;
        width: 100%;
        margin: 5px 0px 0vw;
        margin-right: 0;
    }
    .xdcsgc5{
        overflow: hidden;
    }
}