.aside {
    position: fixed;
    right: 0.2rem;
    bottom: 0.2rem;
    z-index: 6;
}

aside .item {
    position: relative;
    width: 0.62rem;
    height: 0.62rem;
    border: 1px solid #767676;
    text-align: center;
    color: #767676;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: .4s;
}

.index_header.inner {
    position: fixed;
}

.index_header {
    top: 0;
    z-index: 8;
    width: 100%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: -webkit-sticky;
    position: sticky;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent);
}

.w1520 {
    padding-left: 10.4vw;
    padding-right: 10.4vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

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

.index_header .box .logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.index_header .box .logo a {
    display: block;
}

.index_header .box .logo a img {
    height: 39px;
}

.index_header .box .logo a .img2 {
    display: none;
}

.index_header .box .nav {
    margin-left: 5vw;
}

.index_header .box .nav .item {
    margin: 0 3rem;
    position: relative;
}

.index_header .box .nav .item>p {
    position: relative;
}

.index_header .box .nav .item>p a {
    font-size: 1.6rem;
    color: #fff;
    display: block;
    line-height: 9.5rem;
}

.index_header .box .nav .item .select {
    position: absolute;
    left: -50%;
    width: 15rem;
    transform: translate(-9%, 0px);
    background: #f7f7f7;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0%, 0 0%);
    clip-path: polygon(0 0, 100% 0%, 100% 0%, 0 0%);

}

.index_header .box .nav .item:hover .select {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
}

.flexCenter {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.index_header .box .nav .item .select .main_ li {
    margin: 0 3rem;
}

.index_header .box .nav .item .select .main_ li a {
    display: inline-block;
    font-size: 1.4rem;
    color: #333;
    line-height: 5rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: relative;
}

.index_header .box .nav .item .select .main_ li a:hover {
    color: #e60012;
}

.index_header .box .nav .item .select .main_ li a::after {
    content: '';
    position: absolute;
    bottom: 0rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0%;
    height: 2px;
    background: #e60012;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.index_header .box .nav .item .select .main_ li a:hover::after {
    width: 100%;
}

.index_header .box .nav .item>p::after {
    content: '';
    position: absolute;
    bottom: 2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0%;
    height: 2px;
    background: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.index_header .box .nav .item:hover>p::after {
    width: 100%;
}

.index_header .box .Search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.index_header .box .Search p {
    width: 1.9rem;
}

.index_header .box .language {
    margin-left: 6.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.index_header .box .language a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem;
    color: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.index_header .box .language ul {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: red;
    width: 18rem;
    top: 100%;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.8);
    display: none;
}

.index_header .box .language ul li a {
    font-size: 1.2rem;
    line-height: 3.6rem;
    color: #666;
    white-space: nowrap;
    display: block;
    text-align: center;
    transition: .4s;
}

.index_header .box .menu {
    margin-left: 5.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.index_header .box .menu span {
    display: block;
    width: 3.2rem;
    background: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    height: 2px;
    margin: 3px 0;
}

.index_header .box .menu span:nth-child(1) {
    width: 2.9rem;
}

.index_header .box .menu span:nth-child(2) {
    width: 2.8rem;
}

.index_header .box .menu span:nth-child(4) {
    width: 3.1rem;
}

.index_header .box .menu p {
    display: none;
    cursor: pointer;
    width: 3.2rem;
}

.index_header .box .language a img {
    margin-right: 0.8rem;
    width: 1.8rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.index_header .box .language a i {
    font-size: 1.2rem;
    margin-left: 2rem;
    font-weight: bold;
    position: relative;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    top: 0.2rem;
}

.index_header .box .language:hover ul {
    display: block;
}

.index_header .box .language ul li a:hover {
    color: #e60012;
}

.menu a {
    cursor: pointer;
}

.index_header .box .menu:hover span {
    width: 3.2rem !important;
}

.search_container {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 9rem 0;
    background: #fff;
    display: none;
    z-index: 2;
    -webkit-box-shadow: 0px 2px 10px #f6f6f6;
    box-shadow: 0px 2px 10px #f6f6f6;
}

.search_container .layui-icon-close {
    position: absolute;
    top: 3rem;
    right: 12%;
    font-size: 2.6rem;
    color: #999;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
}

.search_container .box_search {
    width: min(60rem, 80vw);
    margin: auto;
    position: relative;
}

.search_container .layui-icon-close:hover {
    color: #e60012;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.search_container .box_search input[type='text'] {
    display: block;
    width: 100%;
    height: 6.4rem;
    border: 0;
    background: #f2f2f2;
    font-size: 1.6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 3rem;
}

.search_container .box_search label {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 3rem;
    cursor: pointer;
}

.search_container .box_search label input {
    display: none;
}

body.on {
    overflow: hidden;
}

.index_header .box .menu.active a {
    display: none;
}

.index_header .box .menu.active p {
    display: block;
}

.menu_container {
    position: fixed;
    top: 0rem;
    padding-top: 9.5rem;
    left: 0;
    width: 100%;
    height: -webkit-calc(99.05%);
    height: 100%;
    background: #f7f7f7 url(../images/bg3.png) no-repeat right center;
    z-index: 6;
    transition: clip-path 0.6s, -webkit-clip-path 0.6s;
    -webkit-clip-path: ellipse(0 0 at 100% 0);
    clip-path: ellipse(0 0 at 100% 0);
    pointer-events: none;
}

.menu_container.active {
    -webkit-clip-path: ellipse(141% 141% at 100% 0);
    clip-path: ellipse(141% 141% at 100% 0);
    pointer-events: auto;
}

.index_header.active,
.index_header.on,
.index_header.neiye {
    background: #f7f7f7;
    -webkit-box-shadow: 0px 0px 12px #eee;
    box-shadow: 0px 0px 12px #eee;
}

.index_header.active .box .logo .img2,
.index_header.on .box .logo .img2,
.index_header.neiye .box .logo .img2 {
    display: block;
}

.index_header.active .box .logo .img1,
.index_header.on .box .logo .img1,
.index_header.neiye .box .logo .img1 {
    display: none;
}

.index_header.active .box .nav .item>p a,
.index_header.on .box .nav .item>p a,
.index_header.neiye .box .nav .item>p a {
    color: #000;
}

.index_header.active .box .language a img,
.index_header.on .box .language a img,
.index_header.neiye .box .language a img {
    -webkit-filter: invert(0.8);
    filter: invert(0.8);
}

.index_header.active .box .nav .item>p::after,
.index_header.on .box .nav .item>p::after,
.index_header.neiye .box .nav .item>p::after {
    background: #e60012;
}

.index_header.active .box .Search path,
.index_header.on .box .Search path,
.index_header.neiye .box .Search path {
    fill: #000;
}

.index_header.active .box .language a,
.index_header.on .box .language a,
.index_header.neiye .box .language a {
    color: #000;
}

.index_header.active .box .language a i,
.index_header.on .box .language a i,
.index_header.neiye .box .language a i {
    color: #e60012;
}

.menu_container .box .searchBox {
    padding-top: 3.6rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: 2rem;
    width: 60%;
}

.flexStart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.menu_container .box .searchBox .flexStart div {
    margin-left: 2rem;
    width: 80%;
}

.menu_container .box .searchBox .flexStart div input {
    font-size: 2rem;
    border: 0;
    background: none;
    display: block;
    width: 100%;
}

.menu_container .box .navBox {
    margin-top: 11rem;
}

.menu_container .box .navBox .item h5 {
    font-size: 2.4rem;
}

.menu_container .box .navBox .item ul {
    margin-top: 3rem;
}

.menu_container .box .navBox .item ul li {
    line-height: 3.6rem;
}

.menu_container .box .navBox .item ul li a {
    font-size: 1.6rem;
    color: #666;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.menu_container .box .footerBox {
    margin-top: 10vh;
    padding-top: 7rem;
    border-top: 1px solid #ddd;
}

.menu_container .box .footerBox .left p {
    margin-right: 5rem;
    color: #333;
}

.menu_container .box .footerBox .left p a {
    display: inline-block;
    color: #333;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.menu_container .box .footerBox .right {
    font-size: 1.4rem;
    color: #999;
}

.menu_container .box .footerBox .right a {
    color: #999;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.menu_container .box .footerBox .left p svg {
    vertical-align: middle;
    margin-right: 1rem;
}

.index_banner {
    position: relative;
    display: block;
}

.index_banner .banner .swiper-slide .position {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.index_banner .banner .swiper-slide .position .box h5 {
    color: #fff;
    overflow: hidden;
    font-size: 68px;
}

.index_banner .banner .swiper-slide-active .position h5 p {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.lpk_phone {
    display: none;
}

.index_banner .banner .swiper-slide .img img {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
}

.widgets {
    position: absolute;
    right: 10.4vw;
    bottom: 4.6rem;
    z-index: 1;
}

.widgets .btn-area .bullet_outer {
    color: #fff;
    line-height: 2.4rem;
    position: relative;
    padding-bottom: 0.8rem;
    margin-bottom: 1.6rem;
}

.widgets .btn-area .bullet_outer .le_ {
    font-size: 2rem;
    opacity: 0.5;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.widgets .btn-area .play .bullet_outer .ri_ {
    opacity: 1;
}

.widgets .btn-area .bullet_outer .liner {
    position: absolute;
    width: 0rem;
    height: 2px;
    right: 0;
    bottom: 0;
    background: #fff;
}

.widgets .btn-area .swiper-pagination-bullet {
    width: auto;
    height: auto;
    border-radius: 0;
    display: block;
    background: none;
    opacity: 1;
}

.flexEnd {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.widgets .btn-area .bullet_outer .ri_ {
    font-size: 1.4rem;
    margin-left: 3.2rem;
    opacity: 0.5;
}

.widgets .btn-area .play .bullet_outer .le_ {
    opacity: 1;
    max-width: 12rem;
}

.p74 {
    padding-top: 7.4rem;
}

.index_title {
    position: relative;
}

.index_title .content0 {
    font-size: 2rem;
    color: #999;
    font-weight: 100;
}

.index_title .content1 {
    font-size: 5.2rem;
    margin-top: 2.2rem;
    font-weight: bold;
}

.fzlc2 .index_title .content1 {
    margin-top: 0rem;
}

.index_title .content2 {
    position: absolute;
    right: 0;
    bottom: 0;
}

.index_link a,
.index_link .a {
    display: block;
    font-size: 1.8rem;
    color: #e60012;
    line-height: 6rem;
    width: 21rem;
    text-align: center;
    border: 1px solid #e60012;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.m58 {
    margin-top: 5.8rem;
}

.p74_ {
    padding-bottom: 7.4rem;
}

.index_news .box .banner .swiper-slide .item .content0 img {
    width: 100%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.index_news .box .banner .swiper-slide .item:hover .content0 img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.index_news .box .banner .swiper-slide .item .content0 {
    overflow: hidden;
}

.index_news .box .banner .swiper-slide .item {
    display: block;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.index_news .box .banner .swiper-slide .item:hover {
    -webkit-box-shadow: 0px 0px 12px #eee;
    box-shadow: 0px 0px 12px #eee;
}

.index_news .box .banner .swiper-slide .item .content1 {
    padding: 2.5rem 2rem;
}

.index_news .box .banner .swiper-slide .item .content2 {
    font-size: 1.6rem;
    color: #e60012;
}

.index_news .box .banner .swiper-slide .item .content3 {
    font-size: 2.5rem;
    line-height: 3.5rem;
    height: 7rem;
    margin-top: 2.4rem;
    color: #000;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.ellipsis2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: justify;
    text-justify: distribute-all-lines;
}

.index_news .box .banner .swiper-slide .item .content4 {
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #666;
    margin-top: 1.5rem;
}

.index_news .box .banner .swiper-container {
    padding: 10px;
}

.index_link a:hover,
.index_link .a:hover {
    background: #e60012;
    color: #fff;
}

.index_news .box .controls .button {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.index_news .box .controls {
    margin-top: 5.4rem;
}

.index_news .box .controls .prog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90%;
}

.index_news .box .controls .progressbar {
    position: relative;
    height: 7px;
    background: url(../images/bg1.png) repeat-x;
    width: 100%;
}

.index_news .box .controls .progressbar .swiper-scrollbar-drag {
    border-radius: 0;
    background: url(../images/bg2.png) no-repeat 50% 50%;
    background-size: 100% 100%;
}

.bg {
    background: #f7f7f7;
}

.index_equipment .box {
    padding: 0 10rem;
}

.index_equipment .box .list .item {
    width: 32.27%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    overflow: hidden;
    position: relative;
}

.index_equipment .box .list .item a {
    display: block;
}

.index_equipment .box .list .item .img img {
    min-width: 100%;
    max-height: 55.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}

.index_equipment .box .list .item .position {
    position: absolute;
    left: 4rem;
    top: 21.6rem;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}

.index_equipment .box .list .item .position .content0 {
    font-size: 1.4rem;
    color: #fff;
}

.index_equipment .box .list .item .position .content1 {
    font-size: 2.6rem;
    color: #fff;
    margin-top: 1.2rem;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}

.index_equipment .box .list .item .icon img {
    max-height: 7rem;
    max-width: 8rem;
}

.index_equipment .box .list .item .position .content2 {
    max-width: 66rem;
    width: 60rem;
    margin-top: 6rem;
    opacity: 0;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}

.index_equipment .box .list .item .position .content2 .content3 {
    font-size: 1.6rem;
    color: #fff;
    line-height: 2.8rem;
}

.index_equipment .box .list .item .position .content2 .content4 {
    margin-top: 2.2rem;
    display: flex;
    flex-wrap: wrap;
}

.index_equipment .box .list .item .icon {
    position: absolute;
    left: 4rem;
    bottom: 5rem;
}

.index_equipment .box .list .act {
    width: 26.25%;
}

.index_equipment .box .list .active {
    width: 44.3%;
}

.index_equipment .box .list .active .position .content2 {
    opacity: 1;
    margin-top: 3rem;
}

.index_equipment .box .list .active .position {
    top: 13.2rem;
}

.index_equipment .box .list .active .position .content1 {
    font-size: 4.6rem;
}

.index_equipment .box .list .item .position .content2 .content4 {
    margin-top: 2.2rem;
    display: flex;
    flex-wrap: wrap;
}

.index_equipment .box .list .item .position .content2 .content4 p span {
    margin: 0 5px;
}

.index_equipment .box .list .item .position .content2 .content4 p {
    font-size: 1.6rem;
    color: #fff;
    line-height: 2.8rem;
}

.index_about {
    min-height: 84rem;
    position: relative;
    overflow: hidden;
}

.index_about .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
}

.index_about2 .img {
    width: calc(95% - 62rem);

    overflow: hidden;
    z-index: 9;
    position:relative;
}

#about .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    background: #fff;
    border: 1px solid #fff;
}

#about .swiper-pagination-bullet-active {
    border: 1px solid #e60012;
    background: #e60012;
    opacity: 1;
}

#about .swiper-pagination,
#about .swiper-pagination-bullet {
    opacity: 1;
    display: flex;
    justify-content: center;
}

.index_about .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
}


.index_about2 .img img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #000;
}

.index_about .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 1;
    background: url(../images/banner22.png);
    background-size: cover;
}

.index_about .box {
    padding-top: 4.6rem;
}

.index_about2 .box img {
    position: relative;
}

.index_about .box .index_title {
    color: #fff;
}

.index_about2 .box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.index_title .content0 {
    font-size: 2rem;
    color: #999;
}

.index_title .content1 {
    font-size: 5.2rem;
    margin-top: 2.2rem;
}

.index_about .box .info {
    font-size: 1.8rem;
    color: #fff;
    line-height: 3.4rem;
    max-width: 62rem;
    text-align: justify;
    margin-top: 2.6rem;
}


.index_about .box .link {
    margin-top: 4.5rem;
}

.index_about .box .link a {
    border-color: #fff;
    color: #fff;
    border-width: 2px;
}

.index_about2 .box .link a {
    border-color: #fff;
    color: #fff;
    border-width: 2px;
}




.index_about .box .shuju .shujutop {
    font-size: 6.4rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index_about2 .box .shuju .shujutop {
    color: #666;
}

.index_about .box .shuju .shujubottom {
    font-size: 1.9rem;
    color: #fff;
    margin-top: 1.5rem;
}

.index_about .box .shuju .shujubottom {
    color: #fff;
}

.index_about .box .shuju p {
    width: 1px;
    background: #fff;
    opacity: 0.3;
}

.index_about .box .shuju ul li{
    width:49%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.15);
    padding: 4.2rem 0;
    margin:1.2rem 0;
    cursor: pointer;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
    border-radius: 10px;
}
.index_about .box .shuju ul li:hover{
    background:#e60012;
}
.index_about .box .shuju ul li:nth-child(3),
.index_about .box .shuju ul li:nth-child(4){
    margin-bottom:0;
}
.index_about2 .box .shuju p {
    color: #666;
}

.index_about .box .index_title .content0 {
    color: #fff;
}

.index_about2 .box .index_title .content0 {
    color: #fff;
    font-weight: 400;
}

.shujutop span,
.shujutop sup {
    color: #fff;
    font-weight: bold;
    font-family: DIN-Bold;
}
.aboutmid .shujutop span
{
    font-size:7.5rem;
    color:#e60012;
}
.aboutmid .shujutop sup{
    font-size: 1.6rem;
    color:#4d4d4d;
    font-family: "Microsoft YaHei";
    top: -4rem;
}
.aboutmid .shujubottom{
    text-align: center;
    font-size: 1.8rem;
}
.aboutmid{
    margin-bottom:9.6rem;
}
.aboutmid .shuju ul li{
    width:25%;
}
.aboutmid .shujutop{
    display: flex;
    align-items: center;
    justify-content: center;
}
.index_about2 .box .link a:hover {
    color: #fff;
}

.index_about2 .box .index_title {
    color: #fff;
    width: 62rem;
}

.StockCode .box .boxLeft .banner {
    position: relative;
}

.StockCode .box .boxLeft .banner .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 3.5rem 0;
}

.StockCode .box .boxLeft .banner .item .logo_ {
    width: 21.8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.StockCode .box .boxLeft .banner .item .logo_ img {
    max-width: 100%;
    max-height: 100%;
}

.StockCode .box .boxRight {
    padding: 4rem 0;
}

.StockCode .box .boxRight .item {
    position: relative;
    margin-left: 8rem;
}

.StockCode .box .boxRight .item .icon {
    position: absolute;
    left: 0;
    top: -0.4rem;
    -webkit-transform: translateX(-130%);
    -ms-transform: translateX(-130%);
    transform: translateX(-130%);
}

.StockCode .box .boxRight .item .icon img {
    width: 2.6rem;
}

.StockCode .box .boxRight .item h5 {
    font-size: 1.6rem;
}

.StockCode .box .boxRight .item .text {
    font-size: 1.4rem;
    color: #666;
    margin-top: 0.7rem;
}

.StockCode .box .boxRight .item .ewm {
    position: absolute;
    bottom: 180%;
    left: 50%;
    -webkit-transform: translateX(-70%) scale(0);
    -ms-transform: translateX(-70%) scale(0);
    transform: translateX(-70%) scale(0);
    padding: 0.8rem;
    background: #fff;
    -webkit-filter: drop-shadow(0px 0px 1px #999);
    filter: drop-shadow(0px 0px 1px #999);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.right a {
    font-size: 1.4rem;
}

.StockCode .box .boxRight .item .ewm {
    z-index: 1;
}

.StockCode .box .boxRight .item:hover .ewm {
    -webkit-transform: translateX(-70%) scale(1);
    -ms-transform: translateX(-70%) scale(1);
    transform: translateX(-70%) scale(1);
}

.ewm img {
    width: 10.5rem;
}

.StockCode .box .boxRight .item .ewm::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(100%);
    -ms-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
    border: 8px solid transparent;
    border-top-color: #fff;
}

.index_header.active .box .menu a span,
.index_header.on .box .menu a span {
    background: #e60012;
}

.index_footer {
    background: #303030;
    min-height: 10rem;
    padding: 7.2rem 0 0;
}

.index_footer .box .boxTop .item {
    color: #fff;
}

.index_footer .box .boxTop .item h5 {
    font-size: 1.8rem;
}

.index_footer .box .boxTop .item ul,
.index_footer .box .boxTop .item .info {
    margin-top: 2.5rem;
}

.index_footer .box .boxTop .item ul li,
.index_footer .box .boxTop .item .info li {
    font-size: 1.4rem;
    line-height: 3.2rem;
}

.index_footer .box .boxTop .item ul li a,
.index_footer .box .boxTop .item .info li a {
    color: #999;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.index_footer .box .boxTop .item ul div,
.index_footer .box .boxTop .item .info div {
    font-size: 1.6rem;
    color: #999;
    margin-bottom: 1.4rem;
}

.index_footer .box .boxTop .item ul div a,
.index_footer .box .boxTop .item .info div a {
    color: #999;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.index_footer .box .boxTop .item ul div a:hover,
.index_footer .box .boxTop .item .info div a:hover {
    color: #fff;
}

.index_footer .box .boxBot {
    margin-top: 4.2rem;
    padding: 4.2rem 0;
    border-top: 1px solid #4e4e4e;
}

.index_footer .box .boxBot .left {
    font-size: 1.4rem;
    color: #999;
}

.index_footer .box .boxBot .left a,
.index_footer .box .boxBot .right a {
    color: #999;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.index_footer .box .boxBot .left a:hover,
.index_footer .box .boxBot .right a:hover {
    color: #fff;
}

.item .b_r_list {
    width: 49%;
    position: relative;
    margin-bottom: 1rem;
}

.item.lianjie {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    right: 0;
    bottom: -3rem;
    justify-content: space-between;
}

.item.lianjie .b_r_list:nth-child(3),
.item.lianjie .b_r_list:nth-child(4) {
    margin: 0;
}

.item .b_r_list a {
    color: rgba(255, 255, 255, .8);
    font-size: 1.2rem;
    border: 1px solid rgba(255, 255, 255, .4);
    width: 100%;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    transition: .5s;
}

.index_footer .box .boxTop .item ul li a:hover,
.index_footer .box .boxTop .item .info li a:hover {
    color: #fff;
}

.item .b_r_list a:hover {
    background: #fff;
    transition: .5s;
    color: #303030;
}

.item .b_r_list a img {
    margin-right: 0.5rem;
    width: 1.5rem;
    transition: .5s;
}

.item .b_r_list a:hover img {
    transition: .5s;
    -webkit-filter: invert(0.8);
    filter: invert(0.8);
}

.boxTop {
    position: relative;
}

#fp-nav {
    display: none;
}

.bannerbig {
    height: 100vh;
}

.pc_all .pc_all_content {
    max-width: 140rem;
    margin: 0 auto;
    width: 100%;
}

.Newsbig {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url(../images/bn12.png) no-repeat 0% 95%;
    height: 100vh;
    padding-top:10rem;
}

.News .pc_all_content .News_left {
    width: 55%;
}

.News .pc_all_content .News_left .News_left_title section {
    font-size: 2.2rem;
}

.News .pc_all_content .News_right {
    display: flex;
    align-items: center;
    width: 43%;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 55.5rem;
    flex-direction: column;
}

.News .pc_all_content .News_left .News_left_top {
    font-size: 1.8rem;
    color: #e60012;
}

.News .pc_all_content .News_left .News_left_title {
    font-size: 4.4rem;
    color: #e60012;
    line-height: 5.4rem;
    margin-top: 1rem;
}

.News .pc_all_content .News_left .News_left_btn {
    width: 15.6rem;
    height: 5.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    border: 2px solid rgba(234, 38, 54, .4);
    font-size: 1.6rem;
    color: #e60012;
    margin-top: 8rem;
    transition: .5s;
}

.News .pc_all_content .News_left .News_left_btn:hover {
    color: #fff;
    transition: .5s;
    background: #e60012;
}

.News .pc_all_content .News_left .News_left_btn:hover img:last-child {
    opacity: 1;
    transition: .5s;
}

.News .pc_all_content .News_left .News_left_btn:hover img:first-child {
    opacity: 0;
    transition: .5s;
}

.News .pc_all_content .News_left .News_left_btn span {
    margin-left: 0.5rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.4rem;
}

.News .pc_all_content .News_left .News_left_btn span img {
    position: absolute;
    left: 0;
    transition: all 0.5s ease;
    -webkit-transform: all 0.5s ease;
}

.News .pc_all_content .News_left .News_left_btn span img:last-child {
    opacity: 0;
}

.News .pc_all_content .News_right_list {
    display: inline-block;
    width: 48%;
}

.News .pc_all_content .News_right_list .right_list_img {
    margin-bottom: 3rem;
    overflow: hidden;
    border-radius: 10px;
}

.News .pc_all_content .News_right_list .right_list_img img {
    width: 100%;
    height: 27.5rem;
    object-fit: cover;
    border-radius: 10px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    filter: scale(1);
    filter: transform;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.News .pc_all_content .News_right_list .right_list_txt .list_txt_time {
    font-size: 1.6rem;
    color: #e60012;
    margin-bottom: 1rem;
}

.News .pc_all_content .News_right_list .right_list_txt .list_txt_con .txt_con_dd {
    font-size: 1.8rem;
    color: #333333;
    font-weight: bolder;
    margin-bottom: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.News .pc_all_content .News_right_list .right_list_txt .list_txt_con .txt_con_dt {
    font-size: 1.4rem;
    color: #666666;
    line-height: 2.4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 4.8rem;
}

.News .pc_all_content .News_right_list:hover .right_list_img img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    filter: scale(1.15);
    filter: transform;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.News .pc_all_content .News_right_list .right_list_txt .list_txt_time {
    font-size: 1.6rem;
    color: #e60012;
    margin-bottom: 1rem;
}

.News .pc_all_content .News_right_list .right_list_txt .list_txt_con .txt_con_dd {
    font-size: 1.8rem;
    color: #333333;
    font-weight: bolder;
    margin-bottom: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.fzlc {
    background: url(../images/fzlc.jpg) no-repeat center;
    background-size: cover;
}

.slider-nav {
    width: 100%;
    margin-top: 2rem;
    overflow: hidden;
}

.slider-nav p {
    font-size: 2.4rem;
    font-weight: 800;
    color: #555555;
    cursor: pointer;
    text-align: center;
}

.slick-current p {
    color: #e60012;
}

.slider-nav .slick-current .line::after {
    position: absolute;
    content: '';
    border-top: 10px solid #e60012;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    left: 50%;
    transform: translateX(-50%);
}

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

.slick-center div {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.falcnr {
    position: relative
}

.falcnr:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 10rem;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(20, 20, 20, 0.9);
}

.slider-for>div {
    padding: 3rem;
    background: #ffffff;
}

.slider-for h3 {
    font-size: 2.4rem;
    font-weight: 900;
    color: #e60012;
    line-height: 1.5;
}

.slider-for li {
    font-size: 1.6rem;
    font-weight: normal;
    color: #333333;
    font-family: "Microsoft YaHei";
    line-height: 2;
    padding-left: 2rem;
    position: relative;
}

.slider-for li::before {
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(../images/tyicon.png) no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    background-size: 1rem;
    background-position: center center;
}

.fzlcnr:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 5.5rem;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(20, 20, 20, 0.9);
}

.fzlcnr {
    position: relative;
}

.slider-nav {
    overflow: hidden;
}

.slider-for {
    margin-top: 3.6rem;
    box-shadow: 0px 0px 1.8rem 0px rgba(83, 83, 83, 0.11);
    font-family: "Microsoft YaHei", ;
}

.slider-nav .slick-prev {
    display: none !important;
}

.slider-nav .slick-next {
    display: none !important;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 3.6rem;
    line-height: 1;
    opacity: .75;
    color: #222;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slider-for .slick-next {
    right: 5%;
    top: -40%;
    width: 3.6rem;
    height: 3.6rem;
}

.slider-for .slick-prev {
    left: auto;
    right: 8%;
    top: -40%;
    width: 3.6rem;
    height: 3.6rem;
}

.slider-for h3 {
    font-size: 2.4rem;
    font-weight: 900;
    color: #e60012;
    margin-bottom: 2rem;
}

.yearclick {
    position: relative;
}

.slider-for .more {
    width: 15.6rem;
    height: 5.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    border: 2px solid rgba(234, 38, 54, .4);
    font-size: 1.6rem;
    color: #e60012;
    transition: .5s;
    float: right;
}

.slider-for .more:hover {
    background: #e60012;
    color: #fff;
    transition: .5s;
}

/* 隐藏滚动条 */
html.home,
body.home {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
}

html.home::-webkit-scrollbar,
body.home::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Edge, Opera */
}

.fzlctu {
    display: flex;
    height: 18rem;
    margin-top: 2rem;
}

.fzlctu img {
    margin-left: 2rem;
}

.fzlctu img:first-child {
    margin: 0;
}

.slick-dotted.slick-slider {
    margin-bottom: 1rem;
}

.fzlctbottom {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    left: 50%;
    bottom: -11rem;
    transform: translate(-50%, 0px);
}



.slider-for .slick-slide {
    min-height: 30rem;
}

.slick-list {
    overflow: visible;
}

#fullpage .fzlc2 {
    background-color: #f7f7f7;
}

.fzlc2 .index_title {
    position: absolute;
    left: 10.4vw;
    top: 18.5rem;
    z-index: 9;
}

.fzlc2 .dot {
    width: 5px;
    height: 5px;
    background-color: #fff;
    transition: background-color .5s cubic-bezier(.435, .25, .15, .965), transform .5s cubic-bezier(.435, .25, .15, .965);
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%) skew(0deg);
    border-radius: 100%;
}

.fzlc2wen {
    font-size: 1.6rem;
    line-height: 2.4rem;
    position: absolute;
    left: 10.4vw;
    top: 33rem;
    transition: .7s;
}

.fzlc2wen h2 {
    font-size: 2.4rem;
    margin-bottom: 2rem;
}

.fzlc2wen p {
    padding-left: 2.5rem;
    position: relative;
    line-height: 2;
}

#fzlc2 {
    width: 100%;
    height: 100vh;
}

.fzlc2a {
    position: absolute;
    left: 10.4vw;
    top: 75rem;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    isolation: isolate;
    z-index: 3;
    background-color: #e60012;
    border-radius: 100px;
    padding: 1.2rem 4rem;
    overflow: hidden;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);

}

.fzlc2a a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}

.fzlc2a a img {
    width: 1.5rem;
    transition: .5s;
}

.fzlc2a a p {
    transition: .5s;
}

.fzlc2a a:after {
    content: "";
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 100px;
    transition: transform .7s cubic-bezier(.435, .25, .15, .965);
    position: absolute;
    left: 0;
    width: 0;
    transition: .5s;
}

.fzlc2a:hover a:after {
    width: 100%;
    transition: .5s;
}

.fzlc2a a:hover {
    color: #fff;
}

.fzlc2a:hover p {
    transform: translate(4px);
    transition: .5s;
}

.fzlc2a:hover img {
    transform: translate(7px);
    transition: .5s;
}

.fzlc2 .swiper-slide:first-child {
    background: #fff;
}

.fzlc2 .swiper-slide:nth-child(2) {
    background: #f7f7f7;
}

.fzlc2 .swiper-slide:nth-child(3) {
    background: #fff6f6;
}

.slide-inner {
    width: 100%;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    font-size: 18px;
    background: #fff;
    overflow: hidden;
}

.fzlc2 .pager {
    height: 50%;
    z-index: 5;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: auto 0;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8.33vw;
    padding:2rem 2rem 2rem 2rem;    
}

.fzlc2 .pager li {
    z-index: 8;
    cursor: pointer;
    transition: color .5s cubic-bezier(.435, .25, .15, .965);
    position: relative;
    color: rgba(33, 33, 33, .6);
    font-size: 3rem;
    padding-right: 2.8rem;
    font-weight: bold;
}

.fzlc2 .line {
    background-color: rgba(33, 33, 33, .5);
    width: 1px;
    height: 91%;
    right: 2rem;
    position: absolute;
    top: 20px;
}

.fzlc2 .line .line #lineGo {
    width: 100%;
    height: 100%;
    transform-origin: 0 0;
    /* background-color: #9fb935; */
    transition: background-color .5s cubic-bezier(.435, .25, .15, .965);
    position: absolute;
    transform: scaleY(0);
}

.fzlc2 .pager:after,
.fzlc2 .pager:before {
    content: "";
    display: none;
}

.fzlc2 .pager li.on {
    color: #e60012;
}

.fzlc2 .r1Fn1_child_1 .dot {
    right: 0;
    left: auto;
    border-radius: 100%;
    transform: translate(0, -50%) skew(0deg);
}

.fzlc2 .r1Fn1_child_1 li.on .dot {
    transform: scale(2.5) skew(0deg);
    background: #e60012;
    border-radius: 100%;
}

.fzlc2bg {
    width: 100vw;
    height: 100vh;
    mix-blend-mode: multiply;
    opacity: 1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 58.85vw;
    position: absolute;
    top: 2vw;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.fzlc2img img {
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: 1;
    margin-top: 2%;
    position: relative;
}

.fzlc2img {
    width: 95%;
    margin: 0 auto;
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: none;
    }

    to {
        opacity: 0;
        transform: translateX(-10%);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(10%);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: none;
    }

    to {
        opacity: 0;
        transform: translateX(10%);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-10%);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fzlc2bg.fade-out-left,
.fzlc2wen.fade-out-left,
.fzlc2a.fade-out-left,
.fzlc2img.fade-out-left {
    animation: fadeOutLeft 0.7s ease forwards;
}

.fzlc2bg.fade-in-right,
.fzlc2wen.fade-in-right,
.fzlc2a.fade-in-right,
.fzlc2img.fade-in-right {
    animation: fadeInRight 0.7s ease forwards;
}

.fzlc2bg.fade-out-right,
.fzlc2wen.fade-out-right,
.fzlc2a.fade-out-right,
.fzlc2img.fade-out-right {
    animation: fadeOutRight 0.7s ease forwards;
}

.fzlc2bg.fade-in-left,
.fzlc2wen.fade-in-left,
.fzlc2a.fade-in-left,
.fzlc2img.fade-in-left {
    animation: fadeInLeft 0.7s ease forwards;
}



.yxwl video {
    width: 100%;
    height: 100%;
}

.nybannerwen h2 {
    font-size: 5.6rem;
    color: #fff;
    position: relative;
    line-height: 1.33;
    font-weight: bold;
}

.nybannerwen h3 {
    font-size: 5.6rem;
    color: #fff;
    line-height: 1.33;
    font-weight: bold;
}

.nybannerwen {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.nybanner {
    position: relative;
}

.nybannerwen:after {
    content: "";
    position: absolute;
    top: -2rem;
    height: 1rem;
    width: 6rem;
    background-color: #e60012;
}

.video-container {
    position: relative;
    cursor: pointer;
}

.video-container img {
    width: 100%;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.play-button::before {
    content: '\25B6';
    color: white;
    font-size: 24px;
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal video {
    max-width: 80%;
    border-radius: 8px;
}

.close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    color: white;
    font-size: 24px;
    cursor: pointer;
}

.aboutd {
    position: relative;
    padding: 14.4rem 0 0;
}

.about .shujutop span,
.about .shujutop sup {
    font-size: 4rem;
}

.about .shuju .shujubottom {
    font-size: 1.6rem;
    margin-top: 1.5rem;
}

.about .shuju p {
    width: 1px;
    background: #666;
    opacity: 0.3;
}

.about .shuju p {
    color: #666;
}

.aboutvideo {
    margin: 8rem 0;
}

.abouttitle p {
    font-size: 3.6rem;
}

.modular-line {
    width: 100%;
    height: 0.1rem;
    background: #d6d6d6;
    margin-top: 2.4rem;
    margin-bottom: 2rem;
}

.aboutvideo ul {
    margin-top: 5rem;
}

.aboutvideo ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.aboutvideo ul:after {
    width: 32.4%;
    content: "";
}

.aboutvideo ul li {
    width: 32.4%;
    cursor: pointer;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}

.aboutvideo ul li h3 {
    font-size: 1.8rem;
    color: #333;
    margin-top: 1.6rem;
}

.aboutvideotu,
.aboutright {
    overflow: hidden;
}

.aboutvideotu img,
.aboutright img {
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}

.aboutvideo ul li:hover .aboutvideotu img,
.aboutright:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 500ms ease-in 0ms;
}

.aboutvideo ul li:hover h3 {
    color: #e60012;
    transition: .5s;
}

.aboutvideo ul li h3 {
    transition: .5s;
}




.abouttitle {
    margin-bottom: 2.5rem;
}


.timeline {
    position: relative;
    margin: auto;
}

.timeline::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #D0D0D0;
    transform: translateX(-50%);
}

.event {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6rem 0;
    position: relative;
}

.event:nth-child(odd) {
    flex-direction: row-reverse;
}

.event .circle {
    width: 1.6rem;
    height: 1.6rem;
    background: #e60012;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 28%;
}

.event .content,
.event .image {
    width: 45%;
    padding: 1rem;
}

.event .image img {
    border-radius: 1rem;
    flex: 1;
    margin-right: 1rem;
    max-width: 100%;
}

.event:nth-child(even) .content {
    order: 2;
}

.event:nth-child(odd) .content {
    order: 1;
}

.event .image {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 1rem;
    align-items: center;
}

/* 当只有两张图片时，每张占 50% */
.image img:nth-child(2):nth-last-child(1),
.image img:nth-child(2):nth-last-child(2) {
    flex: 0 0 50%;
}

/* 当只有一张图片时，占满 100% */
.image img:only-child {
    flex: 0 0 100%;
}

.event .content h3 {
    font-size: 2.4rem;
    font-weight: 900;
    color: #e60012;
    margin-bottom: 2rem;
    line-height: 2;
}

.event .content li {
    font-size: 1.6rem;
    font-weight: normal;
    color: #333333;
    font-family: "Microsoft YaHei";
    line-height: 2;
    padding-left: 2rem;
    position: relative;
}

.event .content li::before {
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(../images/tyicon.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0.6rem;
    background-size: 1rem;
    background-position: center center;
}

.fzlcd {
    padding: 5rem 0 10rem;
}

.honor {
    padding: 5rem 0 10rem;
    background: #fff;
    background-size: cover;
}

.honormenu ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 4rem;
}

.honormenu ul li {
    float: left;
    height: 5rem;
    background: #F6F7F9;
    transition: .5s;
    line-height: 5rem;
    margin-right: 1.5rem;
}

.honormenu {
    display: flex;
    width: 100%;
}

.honormenu {
    margin-bottom: 2rem;
}



.news {
    margin: 6rem 0;
}

.newstop a {
    display: flex;
    justify-content: space-between;
    background: #f8f8f8;
}

.newstopleft,
.newstopright {
    width: 50%;
}

.newstopright {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 7.68rem 5.76rem;
}

.newstopleft img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.newstopright h4 {
    line-height: 2.8rem;
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
}

.newstopright h3 {
    font-size: 3rem;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-transform: lowercase;
    margin-bottom: 2.4rem;
    font-weight: bold;
}

.newstopright section {
    line-height: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    font-size: 1.4rem;
}

.newstopright span {
    font-size: 1.4rem;
}

.newstop a:hover h4,
.newstop a:hover section {
    color: #333;
}

.newstop .line {
    margin: 2.4rem 0;
    width: 40%;
    height: 2px;
    background-color: rgba(33, 33, 33, .1);
    transition: .5s;
}

.newstop a:hover h3,
.newstop a:hover span {
    color: #e60012;
    transition: .5s;
}

.newstop .line,
.newstop a h3,
.newstop a span,
.newstop a h4,
.newstop a section {
    transition: .5s;
}

.newstop a {
    position: relative;
}

.newstop a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 0;
    height: 5px;
    background-color: #e60012;
    transition: width .3s;
    z-index: 11;
    border-radius: 12px;
}

.newstop a:hover:after {
    width: 100%;
    transition: width .3s;
}



.newsright {
    padding: 3rem;
}

.newsright h4 {
    line-height: 2.8rem;
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
}

.newsright h3 {
    font-size: 1.8rem;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-transform: lowercase;
    margin-bottom: 2.4rem;
    font-weight: bold;
}

.newsright section {
    line-height: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    font-size: 1.4rem;
}

.newsright span {
    font-size: 1.4rem;
}

.newsright .line {
    margin: 2.4rem 0;
    width: 40%;
    height: 2px;
    background-color: rgba(33, 33, 33, .1);
    transition: .5s;
}




.qczf {
    padding: 7rem 0 10rem;
}

.qczftitle {
    font-size: 4.8em;
    text-align: center;
    margin-bottom: 5rem;
    font-weight: bold;
}

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

.qfzctop ul li {
    width: 50%;
    padding: 5rem 4rem;
    margin: 0 3rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    background: #f6f6f6;
}

.qfzctop ul li:first-child {
    margin-left: 0;
}

.qfzctop ul li:last-child {
    margin-right: 0;
}

.qfzctop ul li h2 {
    font-size: 2rem;
    color: #000;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.qfzctop ul li p {
    font-size: 1.6rem;
    line-height: 2;
    color: #000;
}

.qfzctoptu img {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease-in-out;
}

.qfzctoptu img:first-child {
    transform: translateY(0);
}

.qfzctoptu img:last-child {
    transform: translateY(100%);
    /* 默认隐藏在下方 */
}


.qfzctoptu {
    width: 10.5rem;
    position: relative;
    height: 10.5rem;
    overflow: hidden;
    /* 确保超出部分隐藏 */
}

.qfzctop ul li {
    display: flex;
    justify-content: space-between;
    transition: .5s;
}

.qfzctopwen {
    width: calc(100% - 15rem);
}


.qfzctop {
    margin-bottom: 6rem;
}

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

.fzlcmid ul li {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.fzlcmid {
    background: #f6f6f6;
    padding: 6.5rem 0;
}

.fzlcmid ul li img {
    width: 10.3rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    overflow: hidden;
}

.fzlcmidtu {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: 2rem 0;
}

.fzlcmid ul li p {
    font-size: 1.8rem;
    color: #000000;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.fzlcmid ul li a {
    color: #000000;
    font-size: 2rem;
    text-align: center;
    height: 4.5rem;
    font-weight: bold;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.newstop a {
    border-radius: 10px;
    overflow: hidden;
}

.abouttitle {
    margin: 7rem 0;
}

.qfzcbottom {
    font-size: 1.8rem;
    line-height: 2;
    color: #000;
}

.founder .abouttitle {
    margin-top: 0;
    margin-bottom: 2rem;

}

.bfjt {
    margin: 6rem 0;
}

.bfjttop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;

}

.bfjttopleft {
    width: 100%;
    border-radius: 20px 20px 0 0px;
    overflow: hidden;
}

.bfjttopleft img {
    max-width: 100%;
}

.bfjttopright {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2;
    padding: 2rem 12rem 2rem 1rem;
    text-indent: 2em;
}

.bfjttopright img {
    width: 10rem;
    mix-blend-mode: multiply;
}

.bfjttop {
    margin-bottom: 6rem;
}

.bfjtlist ul li a {
    display: block;
    width: 100%;
    padding-bottom: 3rem;
    position: relative;
    box-sizing: border-box;
    margin-right: 2%;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    transition: .5s;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}

.bfjtlist ul li:hover a {
    border-bottom: 1px solid #e60012;
    transition: .5s;
}

.bfjtlist ul li a .bfjtlistimg {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.bfjtlist ul li a .bfjtlistimg img {
    width: 100%;
}

.bfjtlist ul li a .bfjtlisttext {
    width: 100%;
    margin-top: 3rem;
}

.bfjtlist ul li a h4 {
    width: 100%;
    display: block;
    font-size: 1.5rem;
    color: #aaaaaa;
    margin-bottom: 2rem;
}

.bfjtlist ul li a h3 {
    font-size: 2rem;
    line-height: 3rem;
    color: #222222;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bfjtlist ul li a h5 {
    line-height: 2;
    color: #aaaaaa;
    margin-top: 2rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}

.bfjtlist ul li a .bfjtlistimg img {
    display: block;
    width: 100%;
    transition: all .6s;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.bfjtlist ul li a:hover .bfjtlistimg img {
    transform: scale(1.1);
}

.bfjtlist ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.bfjtlist ul li {
    width: 32%;
}

.bfjtlist ul:after {
    content: "";
    width: 32%;
}

.nybanner img {
    width: 100%;
    height: 50rem;
    object-fit: cover;
}

.container {
    width: 152rem !important;
}

.nybanner {
    margin-top: 9.5rem;
}

.nymenu {
    background: #eff1f3;
    height: 9rem;
}

.nymenu ul {
    display: flex;
    align-items: center;
    height: 9rem;
}

.nymenu ul li {
    align-items: center;
    position: relative;
    height: 100%;
}

.top {
    position: absolute;
    left: 0;
    top: 0;
    width: 20rem;
    height: 100%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nymenu {
    position: relative;
}

.nymenu ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0%;
    height: 100%;
    opacity: 1;
    background-color: #fff;
    transition: all 0.5s;
}

.nymenu ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 0.43rem;
    background-color: #e60012;
    transition: all 0.5s;
}

.nymenu ul li a {
    padding: 0 6.3rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.5s;
    font-size: 1.8rem;
}

.nymenu ul li a:hover span,
.nymenu ul li.active a span {
    color: #e60012;
    transition: all 0.5s;
}

.nymenu ul li a span {
    z-index: 1;
}

.nymenu ul li a:hover:after,
.nymenu ul li a:hover:before,
.nymenu ul li.active a:after,
.nymenu ul li.active a:before {
    width: 100%;
    transition: all 0.5s;
}

.back {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    opacity: 0.7;
    transition: .5s;
}

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

.back img {
    margin-right: 1rem;
}

.back:hover {
    opacity: 1;
    transition: .5s;
}

.aboutbig {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5rem;
}

.aboutleft {
    width: 56.4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.aboutright {
    width: 82rem;
}

.aboutright p {
    font-size: 1.8rem;
    line-height: 1.75;
}

.aboutleft p {
    font-size: 8.1rem;
    font-weight: bold;
    color: #666;
    display: inline-block;
    transition: transform 0.5s ease;
}

.aboutrighttitle p {
    font-size: 3.2rem;
}

.aboutrighttitle p:last-child {
    color: #e60012;
}

.aboutrighttitle {
    padding-top: 1.4rem;
    margin-bottom: 7rem;
}

.aboutbottom>img {
    object-fit: cover;
    width: 100%;
    object-position: bottom;
}

.qywh {
    background: url(../images/qywh.jpg) no-repeat center;
    background-size: cover;
    padding: 5rem 0 10rem;
    height: 80vh;
}

.qywhb {
    padding: 5rem 0;
    background: url(../images/mfbj1.jpg) no-repeat;
    background-size: cover;
}

.qywhtop {
    margin-bottom: 5rem;
}

.qywhtop ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.qywh .container,
.qywh .row {
    height: 100%;
}

.qywh .row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.qywhtop,
.qywhtop ul {
    width: 100%;
}

.qywhtop ul li {
    width: 50%;
    margin-bottom: 10rem;
}

.qywhtop ul li:nth-child(3),
.qywhtop ul li:nth-child(4) {
    margin-bottom: 0;
}

.qywhtitle {
    display: inline-block;
    border-left: 3px solid #e60012;
    padding-left: 5rem;
}

.qywhtitle h2 {
    font-size: 3.4rem;
    margin-bottom: 1.5rem;
    font-weight: bold;
}

.qywhtitle h3 {
    font-size: 2.4rem;
}

.qywhtop ul li section {
    font-size: 2rem;
    margin-top: 2rem;
    padding-left: 5.2rem;
    line-height: 2;
}

.qywhbottom ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.qywhbottom ul li {
    width: 49%;
    border: 1px solid rgba(33, 33, 33, .2);
    margin-bottom: 1rem;
    border-radius: 15px;
}

.qywhbottom ul li section {
    font-size: 2rem;
    margin-top: 4rem;
    padding-left: 5.2rem;
    line-height: 2;
}

.qywhbottom ul li .qywhtitle h2 {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.qywhbottom ul li .qywhtitle {
    display: block;
    padding: 0;
    border: 0;
}

.qywhbottom ul li img {
    margin-bottom: 1.5rem;
    width: 2.2rem;
    transition: .5s;
}

.qywhbottom ul li:hover img {
    filter: brightness(10);
}

.qywhbottom ul li:hover {
    background: #e60012;
    color: #fff;
    transition: .5s;
}

.qywhbottom ul li {
    padding: 1.6rem 3.2rem;
    min-height: 32rem;
    transition: .5s;
}

.qywhbottom ul li .qywhtitle h3 {
    font-size: 2.2rem;
}

.qywhbottom ul li section {
    margin-top: 2rem;
    padding-left: 0;
    font-size: 2rem;
}

.qywhbottom {
    padding: 2rem 0rem;
}

.honortop ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.honortop ul li {
    display: flex;
    align-items: flex-start;
    margin: 0 4.7rem;
    color:#fff;
    flex-direction: column-reverse;
    width: 16.6%;
}
.honortopnum span {
    font-size: 9rem;
    color: #fff;
    font-family:"ElectroluxSans_4_Semibold";
    font-weight: bold;
}
.honortopnum sup{
    font-size: 2.5rem;
    top: 0;
}

.honortopnum span:nth-child(2) {
    position: absolute;
    top: 60%;
    left: 0;
    transform: rotateX(180deg);
    background-image: linear-gradient(rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.13));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.honortopnum {
    position: relative;
    margin-right: 1.5rem;
    padding:3rem 0;
}

.honortopnr {
    font-size: 3rem;
    font-weight: bold;
    width: 100%;
    border-bottom:1px solid #ffffff50;
    padding-bottom:3rem;
}


.honortopnr {
    position: relative;
    display: flex;
    line-height: 1.5;
    margin-left: 0.6rem;
    flex-direction: column;
}

.honortopnr span {
    font-weight: bold;
}



.modal-dialog {
    width: 66rem;
    margin: 10rem auto;
}

.tanchu {
    height: auto;
    overflow: hidden;
    color: #666666;
    border: 2px solid #000;
}

.tanchu-lan {
    height: 5.5rem;
    line-height: 5.5rem;
    background-color: #000;
    font-size: 1.8rem;
    color: #FFFFFF;
    padding-left: 1rem;
    margin-top: -5.5rem;
}

.tanchu-nei {
    padding: 2rem;
    height: auto;
    overflow: hidden;
}

.tanchu-nei p {
    margin-bottom: 2rem;
}

.modal-header {
    background: #000;
}

.tanchu-nei .form-control {
    width: 100%;
    height: 3.4rem;
    border-radius: 0;
    padding: 0.6rem 1.2rem;
    margin: 0;
}

.tanchu-nei #message {
    height: auto;
}

.apply {
    position: fixed;
    z-index: 10000;
    background: rgba(0, 0, 0, .8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.zwcont {
    width: 60%;
    left: 20%;
    top: 50%;
    margin-top: 0;
    position: relative;
    transform: translate(0px, -50%);
}

.zwcont iframe {
    height: 620px;
    background: transparent;
    width: 100%;
}

.tmbody {
    background: transparent;
}

.zwcont .closets {
    position: absolute;
    height: 90px;
    right: 15px;
    top: 0;
    cursor: pointer;
    width: 40px;
    background: url(../images/gbtou.png) center no-repeat;
}

.honortopmenu {
    margin-bottom: 5rem;
    margin-top:5rem;
}

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

.gyhdtopleft,
.gyhdtopright {
    width: 50%;
}

.gyhdtopleft {
    font-size: 4.8rem;
    font-weight: bold;
}



#news .swiper-slide a{
    display: flex;
    flex-direction: column;
}
#news .swiper-slide .newsswipertoptu {
    width: 57.214285%;
    border-radius: 16px;
    overflow: hidden;
}
#news .swiper-slide .newsswipertopwen {
    width: 42.785715%;
    padding-left: 11.4rem;
    padding-top:4.6rem;
}
.newsswipertopwen img{
    width: 2.8rem;
}
.newsswipertopwentime {
    margin-bottom: 2rem;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #666666;
}
.newsswipertopwentitle{
    margin-bottom: 2.8rem;
    font-weight: normal;
    font-size: 2.4rem;
    line-height: 1.4;
    color: #161616;
}
.newsswipertopwenmemo{
    margin-bottom: 4.6rem;
    font-size: 1.6rem;
    line-height: 1.75;
    color: #666;
}
.newsswipertopwen span{
    display: flex;
    flex-wrap: nowrap;
}
.newsswipertopwen span p {
    color: #e60012;
    font-size: 1.6rem;
    line-height: 2.8rem;
    padding-right: 1.8rem;
}
#news .swiper-slide:hover .newsswipertopwen img {
    transform: translateX(0.8rem);
    transition: .5s;
}
#news .swiper-slide .newsswipertoptu img {
    width: 100%;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    position: relative;
    aspect-ratio: 869 / 502;
    object-fit: cover;
}
#news .swiper-slide:hover .newsswipertoptu img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 500ms ease-in 0ms;

}
.newsswipertopwen img{
    transition: .5s;
}
.newsswiper{
    padding-top:7.8rem;
    overflow: hidden;
}
#news{
    overflow: hidden;
    position:relative;
}
.gyhd .swiper-pagination{
    bottom:-4rem !important;
}
.gyhd{
    overflow-y: visible !important;
}
.gyhd .swiper-pagination .swiper-pagination-bullet{
    margin:0 1rem;
    background:#e60012;
}

.newslisttu{
    overflow: hidden;
}
.newslist{
    padding-top:3rem;
}
.nymenuerji{
    display: flex;
    align-items: center;
}
.nymenuerji .dropdown {
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

.nymenuerji .dropdown button {
    padding: 1rem;
    width: 38.4rem;
    border: 1px solid #ccc;
    background: #fff;
    cursor: pointer;
    text-align: left;
    position: relative;
}
.nymenuerji .dropdown button::after{
    content: '\25BC'; /* 向下小三角 */
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
}
.nymenuerji .dropdown button.active {
    border: 1px solid #e60012;
}
.nymenuerji .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #ccc;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.nymenuerji  {
    background: #eff1f3;
    height: 9rem;
    box-shadow: 0px 0px 12px rgba(33,33,33,0.05);
}
.nymenuerji .dropdown-menu li {
    padding: 10px;
    cursor: pointer;
}

.nymenuerji .dropdown-menu li:hover {
    background: #f0f0f0;
}

.nymenuerji .news-item {
    display: block;
    /* 默认全部显示 */
    margin-top: 10px;
}
.newslist{
    background:#f8f8f8;
}
.newslist .news-item{
    margin-bottom:3rem;
    background:#fff;
    box-shadow: 0px 2px 10px 0px rgba(15, 35, 65, 0.05);
}
.newslist .news-item a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 3rem;
}
.newlisttu{
    height: 20rem;
    width: 33.9rem;
}
.newlisttu img{
    object-fit: cover;
    width:100%;
    height:100%;
}
.newslistwen{
    padding-left: 5rem;
    width: calc(100% - 38.9rem);
}
.newslistwen .newslistwentitle{
    font-size: 2rem;
    color:#333;
    font-weight: bold;
    line-height: 3.2rem;
    color: #333333;
    margin-bottom: 1.5rem;
    transition: .5s;
}
.newslistwen .newslistwenmemo{
    font-size: 1.6rem;
    line-height: 2.2rem;
    color:#999;
    max-height: 4.4rem;
    overflow: hidden;
    margin-bottom: 3rem;
    transition: .5s;
}
.newslistwenitem{
    display: flex;
}
.newslistwentime{
    padding-right: 1.5rem;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #999999;
    transition: .5s;
}

.newslistwencategory{
    padding-left: 1.5rem;
    border-left: 1px solid #eee;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color:#e60012;
}
.newslist .news-item a .newslistwentitle:hover{
    color:#000;
    transition: .5s;
}
.newslist .news-item a .newslistwenmemo:hover {
    color: #000;
    transition: .5s;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
    background-color: #e60012;
    border-color: #e60012;
}
.pagination>li>a,
.pagination>li>span {
    color: #333;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #e60012;
}
.newsdtop {
    padding: 7.68rem 0rem 0;
}

.newsdtop a {
    font-size: 1.8rem;
}
.newsdtitle h2 {
    font-size: 4.8rem;
    margin-bottom: 6rem;
    font-weight: bold;
}

.newsdtitle h3 {
    font-weight: 2rem;
}

.newsdtitle {
    padding: 3.84rem 0;
    border-bottom: 1px solid #ededed;
}

.newsdcontent {
    padding: 6rem 0;
}

.newsdcontent p {
    font-size: 1.8rem;
    line-height: 2;
    margin-bottom: 1.8rem;
    text-indent: 2em;
}
.newsdcontent img{
	max-width:100%;
}
.newsdcontent iframe{
	width:100%;
	height:85rem;
}
.gyhdlist1{
    position:relative
}
.gyhdlist1 .gyhdlistwen h2{
    font-size: 5rem;
    color:#fff;
    font-weight: bold;
}
.gyhdlist1 .gyhdlistwen h3 {
    margin:1.5rem 0 4.5rem;
    color:#fff;
    font-size: 2rem;
    line-height: 2.6rem;
    opacity: 0.7;
}
.gyhdlist1 .gyhdlistwen a {
    width: 20rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid #fff;
    color:#fff;
    transition: .5s;
}
.gyhdlist1 .gyhdlistwen a:hover,.gyhdlist2 .gyhdlistwen a:hover{
    border-radius: 30px;
    transition: .5s;
}
.gyhdlist1 .gyhdlistwen{
    position:absolute;
    left:70%;
    top:50%;
    transform: translate(-50%,-50%);
}
.gyhdlist2 .gyhdlistwen h2 {
    font-size: 5rem;
    color: #fff;
    font-weight: bold;
}

.gyhdlist2 .gyhdlistwen h3 {
    margin: 1.5rem 0 4.5rem;
    color: #fff;
    font-size: 2rem;
    line-height: 2.6rem;
    opacity: 0.7;
}

.gyhdlist2 .gyhdlistwen a {
    width: 20rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    color: #fff;
    transition: .5s;
}
.gyhdlist2 .gyhdlistwen {
    position: absolute;
    left: 15.5%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.gyhdlist2{
    position:relative;
}
.gyhdlisttitle {
    font-size: 4.8rem;
    color: #161616;
    text-align: center;
    font-weight: bold;
    margin-bottom: 4rem;
}
.gyhdswiper .gyhdlistwen h2 {
    font-size: 2rem;
    line-height: 1.4;
    color: #161616;
    font-weight: bold;
    margin-bottom: 1.6rem;
    transition: .5s;
    height: 2.6rem;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.gyhdswiper section {
    font-size: 1.6rem;
    line-height: 1.75;
    color: #666;
    height: 5.6rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.gyhdswiper {
    padding: 6rem 0;
    background: #f8f8f8;
}
.gyhdlistwen{
    padding: 4rem 5.5rem;
    text-align: left;
}
.gyhdswiper {
    position: relative;
}
.gyhdswiper .swiper-button-next{
    background:url(../images/swiper-jt-r.png) no-repeat;
    width: 5rem;
    height: 5rem;
    background-size: cover;
    right:5rem;
}
.gyhdswiper .swiper-button-prev{
    background:url(../images/swiper-jt-l.png) no-repeat;
    width: 5rem;
    height: 5rem;
    background-size: cover;
    left:5rem;
}
.gyhdswiper .swiper-button-next:after,.gyhdswiper .swiper-button-prev:after{
    content:"";
    display: none;
}
.gyhd .swiper-slide{
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.index_news .index_newstitle {
    position: absolute;
    left: 10.4vw;
    top: 11.5rem;
    z-index: 9;
    font-weight: bold;
}
.index_news .index_newstitle .content1{
    margin:0;
}
#news .swiper-slide a p{
    height:5.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#000000cc;
    color:#fff;
}
#news .swiper-slide img {
    width: 100%;
    aspect-ratio: 34/20;
    object-fit: cover;

}

.News .pc_all_content .News_left .swiper-button-prev:after,
.News .pc_all_content .News_left .swiper-button-next:after{
    content:"";
}
.News .pc_all_content .News_left .swiper-button-prev,
.News .pc_all_content .News_left .swiper-button-next {
    background: url(../images/swiper-jt-r.png) no-repeat;
    width: 5rem;
    height: 5rem;
    background-size: cover;
}
.News .pc_all_content .News_left .swiper-button-prev{
    left:1rem;
    background: url(../images/swiper-jt-l.png) no-repeat;
    background-size: cover;
}
.News .pc_all_content .News_left .swiper-button-next{
    right:1rem;
}
.homenewstu img{
    max-width: 100%;
    aspect-ratio: 200 / 120;
    object-fit: cover;
    width: 31.5rem;
}
.News_right ul li{
    display: flex;
    justify-content: space-between;
}
.News_right .nav{
    display: flex;
    justify-content: space-between;
    width: 100%;
    background:#3d3d3d;
    color:#fff;
}
.News_right .nav li{
    width:33.33%;
    margin: 0;
}
.News_right .nav li a{
    width:100%;
    text-align: center;
    border-radius: 0;
    color:#fff;
}
.News_right .nav li.active a,.News_right .nav li:hover a{
    background:#e60012;
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover{
    background-color: #e60012 !important;
}
.index_news{
    background:#f8f8f8;
}
.tab-content{
    background:#fff;
}
.kjcxcontent-content .tab-content {
    background: transparent;
}
.tab-content ul{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding:0 3rem;
    box-shadow: 0px 2px 10px 0px rgba(15, 35, 65, 0.05);
}
.kjcxcontent-content .tab-content ul {
    padding:0;
    box-shadow: none;
}
.tab-content ul li{
    padding:2.2rem 0;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #f2f3f5;
}
.homenewstu{
    margin-right: 2rem;
}
.homenewswentitle{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 1.8rem;
    font-weight: bold;
    color:#000;
}
.homenewswenmid{
    color:#999;
}
.homenewswenmid{
    display: flex;
}
.homenewswentime {
    padding-right: 1.5rem;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #999999;
    transition: .5s;
}
.homenewswencategory {
    padding-left: 1.5rem;
    border-left: 1px solid #eee;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #e60012;
}
.homenewswenmore{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.homenewswen{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.homenewswen{
    width: 100%;
}
.mtlxtitle {
    font-size: 4.8rem;
    text-align: center;
    margin-bottom: 5rem;
    font-weight: bold;
}
.mtlx {
    padding: 7rem 0 10rem;
}
.mtlxform img{
    max-width: 100%;
}
.mtlxformbig h2{
    font-size: 3.6rem;
    margin-bottom:2rem;
}
.mtlxform{
    position:relative;
}
.mtlxformbig{
    position:absolute;
    left:75%;
    top:50%;
    transform: translate(-50%,-50%);
}
.mtlxformbig form input{
    width: 100%;
    margin-bottom:2rem;
    height: 4rem;
    padding:0 2rem;
    border: 1px solid #e3e3e3;
}
.mtlxformbig form button{
    width: 100%;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#e60012;
    border-radius: 30px;
    border:0;
    color:#fff;
    opacity: 0.8;
    font-size: 1.8rem;
    transition: .5s;
}
.mtlxformbig form button:hover{
    opacity: 1;
    transition: .5s;
}
.hzlxtop{
    position:relative;
}
.hzlxwen{
    position:absolute;
    top: 4rem;
    left:50%;
    transform: translate(-50%,0);
    color:#fff;
}
.hzlxtitle{
    color:#fff;
    font-size: 4.8rem;
    text-align: center;
    margin-bottom: 5rem;
    font-weight: bold;
    line-height: 1;
}
.hzlxbottom{
    width:120rem;
    background:#fff;
    box-shadow:0 2rem 2rem 0 rgba(68, 68, 68, .1);
    border-radius: 0.8rem;
    transform:translateY(-10rem) ;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding:5.6rem 0;
}
.hzlxbottom form{
    width: 50rem;
    display: flex;
    flex-direction: column;
}
.hzlxwen section{
    font-size: 1.6rem;
}
.serviceForm-list{
    display: flex;
    margin-bottom:2rem;
}
.serviceForm-list label{
    font-size: 1.8rem;
    width:12rem;
    text-align: right;
    margin-right: 2rem;
    margin-bottom:0;
    font-weight: normal;
}
.serviceForm-list input,.serviceForm-list select{
    width:calc(100% - 14rem);
    height: 4.8rem;
    border: 1px solid #e3e3e3;
    padding:0 1rem;
}
.serviceForm-list textarea{
    resize: none;
    width: calc(100% - 14rem);
    height: 9.6rem;
    border: 1px solid #e3e3e3;
    padding: 0 1rem;
}
.hzlxbottom button {
    width: 100%;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e60012;
    border-radius: 30px;
    border: 0;
    color: #fff;
    opacity: 0.8;
    font-size: 1.8rem;
    transition: .5s;
}
.hzlxbottom button:hover{
    opacity: 1;
    transition: .5s;
}
.founder{
    height: calc(100vh - 9.5rem);
    background:url(../images/ceobg.webp) no-repeat;
    background-size: cover;
    padding:6rem 0;
}
.founderleft{
    width: 77.5rem;
    height: 100%;
}
.founderpic{
    height: 100%;
}
.founderpic>img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.founderpic{
    position:relative;
}
.founderpic:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin: 30px;
    z-index: 1;
    pointer-events: none;
}
.founderpic img:last-child{
    position:absolute;
    right:-10rem;
    top:50%;
    transform: translate(0,-50%);
    width: auto;
    height: 80rem;
}
.founder{
    display: flex;
    justify-content: space-between;
    
}
.founderright{
    width: 93rem;
    padding:5rem 0;
    padding-right: 13.2rem;
    overflow-y: scroll;
}
.foundrighttitle h2{
    text-align: center;
    font-size: 4.8rem;
    font-weight: bold;
}
.foundrighttitle h3{
    font-size: 2rem;
    color:#666;
    text-align: center;
    padding:2rem 0 3rem;
}
.foundrighttitle{
    border-bottom:1px solid rgba(15, 35, 65, 0.1);
    position:relative;
}
.foundrighttitle:after{
    width: 20rem;
    height: 0.3rem;
    background:#e60012;
    display: block;
    content:"";
    margin: 0 auto;
}
.foundrightmemo p{
    font-size: 1.6rem;
    line-height: 1.75;
    text-indent:2em;
    margin-top:2rem;
    color:#999;

}
.foundrightmemo .rwjl p{
    text-indent:0;
}
.fzlc{
    background: linear-gradient(#f4fafb, #ecf8fa);
}
.fzlctop{
    padding: 6rem 0 4.5rem;
    text-align: center;
}
.fzlctoptitle{
    font-size: 4.8rem;
    font-weight: bold;
    text-align: center;
    color:#2c2c2c;
}
.fzlcnavtu img{
    width:100%;

}
.fzlcnavtu{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    overflow: hidden;
}
.fzlcnav{
    position: relative;
    height: 31.6rem;
}
.fzlcnav ul li {
    height: 100%;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    position: relative;
    vertical-align: top;
    border-bottom: 1px solid rgba(50, 190, 255, 0.2);
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    cursor: default;
    width: 16.66666667%;
    text-align: center;
    display: block;
}
.fzlcnav ul{
    height:100%;
    display: flex;
}
.fzlcnav ul li .number{
    font-family: DIN-Bold;
    font-weight: bold;
    font-size: 5rem;
    color:#fff;
    line-height: 1;
    margin-bottom:1.5rem;
}
.fzlcnav ul li p,.fzlcnav ul li .time{
    font-size: 2.4rem;
    margin-top:1.5rem
}
.fzlcnav ul li .line {
    margin-top: 2rem;
    height: 0.1rem;
    background-image: url(../images/line.webp);
}
.fzlcnav ul li .fzlcnavcontent{
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    cursor: default;
    white-space: normal;
}
.fzlcnav ul li .shadow {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    background-color: rgba(50, 190, 255, 0.3);
    opacity: 0;
    transition: .5s;
    cursor: pointer;
}
.fzlcnav ul li:hover .shadow{
    opacity: 1;
    transition: .5s;
}
.fzlccontentleft{
    display: block;
    position: absolute;
    width: 15rem;
    padding-top: 4.5rem;
    box-shadow: 0px 0px 2rem 0px rgba(0, 0, 0, 0.05);
    background: rgba(255, 255, 255, 0.6);
    height: calc(100vh - 9.5rem);
    overflow: auto;
    scrollbar-width: none;
    vertical-align: top;
    left:0;
}
.fzlccontent{
    display: flex;
    justify-content: flex-end;
}
.year-nav{
    overflow: auto;
    height: calc(100vh - 9.5rem);
}
.year-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 4.5rem;
}
.year-item p {
    position: relative;
    z-index: 2;
}
.year-item .topLine {
    height: 2px;
    margin: 0 auto;
    width: 1px;
    background-color: #0f2341;
    display: block;
    opacity: 0.1;
    position: absolute;
    top: -1px;
    left: 4px;
    filter: alpha(opacity=10);
}
.year-item:first-child .topLine {
    display: none;
}
.year-item .no {
    display: inline-block;
    cursor: pointer;
}
.year-item .yes {
    display: none;
}
.year-item .line {
    height: 3rem;
    margin: 0 auto;
    width: 0.1rem;
    background-color: #0f2341;
    display: block;
    opacity: 0.1;
    position: relative;
    top: -1px;
}
.year-item.cur .no {
    display: none;
}
.year-item.cur .yes {
    display: inline-block;
}
.year-item.cur span {
    color: #000000;
    font-size: 2rem;
    top: 0.6rem;
    padding-left: 0;
    left: 7.5rem;
}
.year-item span {
    display: block;
    color: #999999;
    font-size: 1.6rem;
    padding-left: 1.5rem;
    position: absolute;
    top: -0.1rem;
    cursor: pointer;
    left:6rem;
}
.o_u{
    display: inline-block;
    text-rendering: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fzlccontent::-webkit-scrollbar,.year-nav::-webkit-scrollbar {
    display: none;
    /* Chrome / Safari / Edge */
}
.content-swiper .swiper,.swiper.content-swiper{
    height: calc(100vh - 9.5rem);
}
.fzlccontentright{
    width: calc(100% - 15rem);
}
.content-swiper .swiper-slide{
    background:transparent;
    padding:6rem 9rem;
}
.fzlccontentrighttop .title{
    display: inline-block;
    background-image: -webkit-gradient(linear, left top, right top, from(#000000), to(#000000));
    background-image: -webkit-linear-gradient(left, #000000 0%, #000000 100%);
    background-image: -moz-linear-gradient(left, #000000 0%, #000000 100%);
    background-image: linear-gradient(to right, #000000 0%, #000000 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 4.8rem;
    font-weight: bold;
    font-stretch: normal;
    text-align: left;
    line-height: 1;
}
.fzlccontentrighttop{
    display: flex;
    justify-content: space-between;
    padding-bottom: 3rem;
    border-bottom:2px solid rgba(15,35,65,.05);
    position:relative;
}
.fzlccontentrighttop .title:after {
    content: " ";
    width: 200px;
    height: 3px;
    background-color: #000000;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 2;
}
.fzlccontentrighttop .time{
    font-size: 6.4rem;
    color: #000000;
    opacity: 0.3;
    line-height: 1;
    position: absolute;
    right: .9rem;
    top: -.6rem;
}
.fzlccontentrightbottom picture{
    width: 50%;
    padding-right: 6rem;
    vertical-align: top;
    display: block;
    position: relative;
}
.fzlccontentrightbottom picture img{
    width: 100%;
}
.fzlccontentrightbottom picture .imgbefore {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 20px solid #0f2341;
    opacity: 0.1;
    filter: alpha(opacity=10);
    z-index: 1;
    pointer-events: none;
}
.fzlccontentrightbottom{
    padding-top:2rem;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.fzlccontentrightbottom picture .picurebig{
    position:relative;
}
.fzlccontentrightbottomwen{
    padding-left: 6rem;
    width: 50%;
    padding-right: 4.5rem;
    max-height: 56rem;
    overflow: auto;
}
.fzlccontentrightbottom .vline {
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #0f2341;
    opacity: 0.1;
    filter: alpha(opacity=10);
    left:50%;
}

.fzlccontentrightbottomwen h3 {
    font-size: 2rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: 1rem;
}
.fzlccontentrightbottomwen p{
    color: #999999;
    font-size: 1.6rem;
    line-height: 1.75 !important;
}
.fzlccontentrightbottomwen .line {
    border-bottom: dashed 1px #0f2341;
    opacity: 0.1;
    padding-bottom: 20px;
}
.swiper.bfst{
    padding-top:9.5rem;
}
.swiper.bfst .swiper-slide{
    height: calc(100vh - 9.5rem) !important;
}
.swiper.bfst .swiper-slide.auto{
    height: auto !important;
    overflow:visible;
}
.bfst1title{
    display: block;
    position: absolute;
    margin-top: 1.5rem;
    color: #fff;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.bfst1title h2,.bfst1title h3,.bfst3title h2,
.bfst3title h3{
    font-size: 6.4rem;
    font-weight: bold;
    line-height: 7rem;
    text-align: center;
    width: 100%;
}
.bfst1title h3{
    margin-top:1.5rem;
}
.bfst1jt {
    position: absolute;
    width: 5.4rem;
    bottom: 3.9rem;
    left: 49%;
    animation: heart 0.8s ease-in-out 0.8s infinite alternate;
    z-index: 9999;
}
@keyframes heart {
    from {
        transform: translate(0, 0)
    }
    to {
        transform: translate(0, 8px)
    }
}
.bfst2 ul{
    display: flex;
    justify-content: space-between;
}
.bfst2 ul li>img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.bfst2,.bfst2 ul,.bfst2 ul li{
    height: 100%;
    position: relative;
}
.bfst2 ul li{
    width: 33.33%;
}
.bfst2 ul li .content {
    width: 63.9rem;
    padding: 6rem 4.5rem 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bfst2 ul li .content .title {
    font-size: 3.6rem;
    line-height: 4.2rem;
    font-weight: bold;
    color: #ffffff;
    position: relative;
    z-index: 5;
    top: 0;
    text-align: center;
}
.bfst2 ul li .content .memo {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 1.5rem;
    text-align: center;
    position: relative;
    z-index: 5;
}

.bfst2 ul li .content a {
    position: relative;
    z-index: 5;
    width: 15rem;
    height: 4rem;
    background: rgba(15, 35, 65, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #ffffff;
    margin: 3rem auto 0;
    transition: .5s;
    overflow: hidden;
}
.bfst2 ul li .content a::after{
    content:"";
    width: 0;
    height: 4rem;
    position:absolute;
    left: 0;
    top: 0;
    display: block;
    transition: .5s;
    z-index: -1;
}
.bfst2 ul li:first-child .content a:hover::after{
    width: 100%;
    background:#68ada0;
    transition: .5s;
}
.bfst2 ul li:nth-child(2) .content a:hover::after {
    width: 100%;
    background: #014f84;
    transition: .5s;
}
.bfst2 ul li:nth-child(3) .content a:hover::after {
    width: 100%;
    background: #4091b5;
    transition: .5s;
}
.bfst2 ul li dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 3rem 0 0 -0.5rem;
    width: -moz-calc(100% + 1rem);
    width: calc(100% + 1rem);
    position: relative;
    z-index: 5;
    padding-top: 10rem;
    position: absolute;
    left: 0;
    bottom: 6rem;
    padding: 0 4.5rem;
    width: 100%;
}
.bfst2 ul li dl dd .text h2{
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2rem;
    color: #ffffff;
    text-align: center;
    display: flex;
    justify-content: center;
}
.bfst2 ul li dl dd .text h3{
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: rgba(255, 255, 255, 0.8);
    font-family: "Arial";
    text-align: center;
    display: flex;
    justify-content: center;
}
.bfst2 ul li dl dd .text{
    margin-top:1rem;
}
.bfst2 ul li:first-child dl dd,.bfst2 ul li:last-child dl dd{
    width: 32.33%;
    padding: 0 0.5rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);
    height: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    padding: 2rem 1rem;

}
.bfst2 ul li dl dd a{
display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.bfst2 ul li dl dd h3{
    min-height: 3.6rem;
}
.swiper.bfst{
    height: 100vh;
}
.bfst2 ul li dl{
    justify-content: space-between;
}
.bfst2 ul li dl dd .icon img{
    width: 3.2rem;
    height: 3.2rem;
    object-fit: contain;
}
.bfst2 ul li dl dd .icon{
    width: 3.2rem;
    height: 3.2rem;
}
.bfst2 ul li:nth-child(2) dl dd {
    width: 24%;
    padding: 0 0.5rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);
    height: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2rem 1rem;
}
.bfst3{
    width: 100%;
    background: url(../images/bfst3_bg.png) no-repeat center;
    background-size: 100% 100%;
    overflow: hidden;
    height: 100% !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6rem 0;
}
.bfst3content{
    width: 83.33333333%;
}
.bfst3title h2,
.bfst3title h3{
    color:#fff;
    font-size: 4.8rem;
}
.bfst3title{
    margin-bottom:4.5rem;
}
.bfst3content ul.nav li{
    width: 25%;
    height: 5.1rem;
}
.bfst3content ul.nav{
    display: flex;
    justify-content: space-between;
    border-bottom:1px solid #538bb4;
    z-index: 0;
    position: relative;
    margin-bottom: 30px;
    z-index: 2;
}
.bfst3content ul.nav li a{
    color:#fff;
    opacity: 0.8;
    background:transparent;
    text-align: center;
    font-size: 2rem;
}
.bfst3content ul.nav li.active a,.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: transparent !important;
}
.bfst3content ul.nav li:hover{
    background:transparent;
}
.bfst3content ul.nav li.active a,.bfst3content ul.nav li:hover a{
    opacity: 1;
    font-weight: bold;
}
.bfst3content ul.nav li.active a:after,.bfst3content ul.nav li:hover a:after {
    content: "";
    width: 25rem;
    height: 0.3rem;
    display: block;
    background: #f5f5f6;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0);
}
.bfst3content .nav>li>a:focus,
.bfst3content .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    opacity: 1;
}
.gyhdlist1 img,.gyhdlist2 img{
    width:100%;
}
.hzlxtop img,.mtlxform img{
    width: 100%;
}
.gyhdlisttu img{
    width:100%;
}
.fzlc2 video{
    width:100%;
}
.bfjttoptitle {
    font-size: 4.8rem;
    text-align: center;
    margin-bottom:2rem;
    font-weight: bold;
    color:#2c2c2c;
    width: 100%;
}
.bfjttopright{
    box-shadow: 1px 4px 10px rgba(41, 41, 41, .35);
    position:relative;
    border-radius: 0 0 20px 20px;
}
.bfjttopright img{
    position:absolute;
    right:1rem;
    bottom:1rem;
}
.bfjtmidtitle{
    font-size: 4.8rem;
    text-align: center;
    padding:5.5rem 0 5rem;
    font-weight: bold;
    color: #2c2c2c;
    width: 100%;
}
.bfjtmid{
    background:#f2f5fb;
}
.bfjtmid ul{
    display: flex;
    justify-content: space-between;
    padding-bottom:5rem;
}
.bfjtmid ul li{
    background:#e1e1e1;
    width: 24%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:0 2rem;
    justify-content: space-between;
    transition: .5s;
}
.bfjtmid ul li:hover{
    background:#fff;
    transition: .5s;
    box-shadow: 0px 2px 10px 0px rgba(15, 35, 65, 0.05);
}
.bfjtmid ul li img{
    width: 32.4rem;
    padding-bottom:2rem;
}
.bfjtmid ul li p{
    font-size: 2rem;
    margin-top:2rem;
    color: #4d4d4d;
    height: 9rem;
}
.bfjtmid ul li .line {
    width: 20%;
    height: 1px;
    background-color: #4d4d4d;
    margin: 2rem auto 0px auto;
}
.bfjtmid ul li h2{
    height: 6.3rem;
    line-height: 6.3rem;
    font-size: 3rem;
    margin-top: 3rem;
    color: #4d4d4d;
    letter-spacing: 0.2rem;
}
.bfjtbottomtitle{
    text-align: center;
    font-size: 4.8rem;
    font-weight: bold;
    letter-spacing: 0.2rem;
    padding-top: 5.5rem;
    padding-bottom: 5rem;
}
.bfjtbottom ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 一行 4 列，每列占 1/4 */
    gap: 1.6rem; /* 项目之间的间距，可调整 */
}
.bfjtbottom ul li img{
    margin:1rem auto;
    width: 29.4rem;
    height: 19.4rem;
}
.bfjtbottom ul li {
    background:#f2f5fb;
    height: 30rem;
}
.bfjtbottom ul li p{
    font-size: 1.6rem;
    margin: 2.5rem 2.5rem 0px 2.5rem;
    color: #4d4d4d;
    overflow: hidden;
    text-align: center;
}
.bfjtbottom ul li span{
    height: 3.2rem;
    line-height: 3.2rem;
    display: inline-block;
    font-size: 1.2rem;
    text-align: center;
    width: 8rem;
    background-color: #2970ec;
    color: #fff;
    cursor: pointer;
    border-radius: 1.6rem;
    float: right;
    margin-right: 3rem;
}
.bfjtbottommore{
    width: 20rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #2970ec;
    color: #2970ec;
    margin:0 auto;
    margin-top:6rem;
    border-radius: 3rem;
}
.StockCode{
    border-top:1px solid #30303050;
}
.hjzrtitle{
    font-size: 4.8rem;
    text-align: center;
    margin-bottom: 2rem;
    font-weight: bold;
    color: #2c2c2c;
    width: 100%;
}
.hjzr {
    padding: 6rem 0;
    background:#f8f8f8;
}
.bfjttopleft img{
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
    height: auto;
    min-height: 100%;
    transition: 1s linear 2s;
    transform: scale(1.1, 1.1);
    object-fit: cover;
}
.bfjttopleft .swiper-slide-active img,
.swiper-slide-duplicate-active img {
    transition: 5s linear;
    transform: scale(1, 1);
}
.bgxztitle{
    font-size: 4.8rem;
    text-align: center;
    margin-bottom: 2rem;
    font-weight: bold;
    color: #2c2c2c;
    width: 100%;
    padding: 5.5rem 0 5rem;
}
.bgxzswiper{
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    height: auto !important;
}
.bgxzswiper .swiper-slide{
    position: relative;
    padding: 6rem 3rem;
    height: auto !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bgxz{
    padding-bottom:9rem;
}
.bgxzswiper .swiper-slide .time{
    font-size: 2.4rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 2.4rem;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
}
.bgxzswiper .swiper-slide .title{
    font-size: 1.6rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 2.5rem;
    letter-spacing: 0;
    color: #999999;
    padding-top: 1rem;
    padding-bottom: 2rem;
    text-align: center;
}
.bgxzswiper .swiper-slide a{
    display: block;
    height: 4rem;
    width: 15rem;
    font-size: 1.4rem;
    line-height: 4rem;
    text-align: center;
    cursor: pointer;
    color: #005aab;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    border: 1px solid;
    border-image-source: linear-gradient(-90deg, #e10019 0%, #712d62 0%, #005aab 0%, #000000 100%);
    border-image-slice: 1;
    margin: 0 auto;
}
.bgxzswiper .swiper-slide:after{
    position: absolute;
    content: '';
    width: 0.1rem;
    height: 12rem;
    right: 0;
    top: 50%;
    margin-top: -6rem;
    background-color: #eee;
}
.bgxzbig{
    position:relative;
}
.bgxz .swiper-button-prev,
.bgxz .swiper-button-next {
    background: url(../images/swiper-jt-r.png) no-repeat;
    width: 5rem;
    height: 5rem;
    background-size: cover;
    right:5rem;
}
.bgxz .swiper-button-prev {
    left: 5rem;
    right:auto;
    background: url(../images/swiper-jt-l.png) no-repeat;
    background-size: cover;
}
.bgxz .swiper-button-prev:after,.bgxz .swiper-button-next:after{
    display: none;
}
.gongyixiangmuleft{
    width: 25%;
    height: 100%;
    position: relative;
    text-align: center;
    background: url(../images/gongyihuodong.webp) left top no-repeat;
    background-size: auto 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.gongyixiangmu .title{
    font-size: 4.8rem;
    font-weight: bold;
    font-stretch: normal;
    line-height: 4.8rem;
    letter-spacing: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#000), to(#000));
    background-image: -webkit-linear-gradient(left, #000 0%, #000 100%);
    background-image: -moz-linear-gradient(left, #000 0%, #000 100%);
    background-image: linear-gradient(to right, #000 0%, #000 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.gongyixiangmu .memo{
    padding-top: 2rem;
    padding-bottom: 4.5rem;
    font-size: 1.6rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 2.5rem;
    letter-spacing: 0px;
    color: #999999;
}
.gongyixiangmu{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 55rem;
    background:#f2f1f4;
}
.gongyixiangmuright{
    width:75%;
    height: 100%;
}
.gongyixiangmuright ul li>img{
    width: 100%;
    height: 55rem;
    position: absolute;
    left: 0%;
    top: 0;
    z-index: 1;
}
.gongyixiangmuright ul li{
    position:relative;
    width: 33.33%;
}
.gongyixiangmuright ul{
    display: flex;
    justify-content: space-between;
}
.gongyixiangmuright ul li .gyxmcontent{
    z-index: 1;
    position: absolute;
    text-align: center;
    top: 6rem;
    left: 0;
    width: 100%;
    height: auto;
}
.gongyixiangmuright ul li .gyxmcontent .name{
    padding-bottom: 3rem;
    font-size: 2.4rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 2.5rem;
    letter-spacing: 0px;
    color: #000;
}
.gongyixiangmuright ul li .gyxmcontent a img{
    display: block;
    margin: 0 auto;
    width:4.8rem;
}
#qfzc,#rswz{
    position:relative;
}
.qfzcwen{
    position:absolute;
    left:5rem;
    top: 5rem;
}
.qfzcwen{
    max-width: 60rem;

}
.qfzcwen h2 {
    color: rgba(0, 0, 0, .7);
    font-size: 4.2rem;
    margin-bottom: 2rem;
    font-weight: bold;
}
.qfzcwen p{
    color: rgba(0, 0, 0, .7);
    line-height: 2;
    font-size:1.8rem;
}
.qfzfbigbottom{
    position:relative;
    bottom:0;
    width: 100%;
    height:7rem;
    background:#f6f7f9;
}
.qfzcbig{
    position: relative;
    padding-bottom:7rem;
}
.qfzfbigbottom ul li a{
    font-size: 1.8rem;
    height: 7rem;
    display: flex;
    align-items: center;
    color:#333;
    justify-content: center;
}
.qfzfbigbottom .nav-pills>li.active>a,
.qfzfbigbottom .nav-pills>li.active>a:focus,
.qfzfbigbottom .nav-pills>li.active>a:hover{
    color:#000 ;
    font-weight: bold ;
    background:#fff;
}
.qfzfbigbottom .nav-pills>li.active,.qfzfbigbottom .nav-pills>li:hover{
    background:#fff;
    box-shadow: 0px 0px 12px #eee;
}
.qfzfbigbottom ul li{
    width:50%;

}
.qfzfbigbottom ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.qfzc .tab-content img{
    width: 100%;
}
.qfzfbigbottom img{
    width: 7rem;
    transition: .5s;
}
.qfzfbigbottom ul.nav li a:hover,.qfzfbigbottom ul.nav li a:hover{
    background:transparent;
}
.qfzfbigbottom img:first-child{
    position:absolute;
    opacity: 0;
    left: 0;
    transition: .5s;
}
.qfzfbigbottomtu{
    position:relative;
}
.qfzfbigbottom ul.nav li:hover img:last-child ,.qfzfbigbottom ul.nav li.active img:last-child{
    opacity: 0;
    transition: .5s;
}
.qfzfbigbottom ul.nav li:hover img:first-child,.qfzfbigbottom ul.nav li.active img:first-child {
    opacity: 1;
    transition: .5s;
}
.qfzfbigbottom ul.nav li img:first-child {
    transition: .5s;
}
.honortopmenubig{
    display: flex;
    justify-content: space-between;
}
.honortopmenuleft h4{
    position: relative;
    padding-left: 0px;
    display: inline-block;
    color: #e60012;
    font-size: 2.2rem;
}
.honortopmenuleft h2{
    font-size: 4.8rem;
    color:#2c2c2c;
    margin-top: 0.8rem;
    line-height: 1.3;
    font-weight: bold;
}
.honortopmenuright ul,.honortopmenuright{
    display: flex;
    align-items: center;
}
.honortopmenuright ul li a{
    height: 5.5rem;
    line-height: 5.5rem;
    background: transparent;
    color: rgba(103, 120, 134, 1);
    display: block;
    float: left;
    padding: 0 3.8rem;
    border-radius: 5rem;
    border: 1px solid rgba(103, 120, 134, 1);
    transition: all 0.4s;
    margin-right: 1.2rem;
    margin-bottom: 0.6rem;
}
.honortopmenuright ul li.active a,.honortopmenuright ul li:hover a{
    border:1px solid #e10019;
    color:#e10019;
}
.honortopmenuright select {
    float: left;
    width: 30.7rem;
    margin-left: 1.4rem;
    border-radius: 5rem;
    overflow: hidden;
    border: 1px solid #c4cddb;
    position: relative;
    height: 5.5rem;
    padding: 0 2.3rem;
    font-size: 1.6rem;
    color: rgba(103, 120, 134, 1);
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
}
.honortopmenurightselect:after{
    content: "";
    position: absolute;
    right: 2rem;
    top: 50%;
    width: 1.4rem;
    height: 0.9rem;
    background: url(../images/select_jt.png) no-repeat center center / cover;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.honortopmenurightselect{
    position:relative;
}
.honorlist ul li a .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(103, 120, 134, 1);
    transition: all 0.4s;
    opacity: 0;
}
.honorlist ul li .honortu{
    overflow: hidden;
}
.honortu {
    padding: 0 1rem;
    border-radius: 30px;
    border: 3px solid #eeeeee;
    background: #fff;
}
.honorlist ul li:hover .honortu img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 500ms ease-in 0ms;
}
.honortu img{
    transition: all 500ms ease-in 0ms;
}
.honorlist ul li a:hover .bg{
    opacity: 1;
}
.honorlist ul li a .bg:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 4.8rem;
    height: 4.8rem;
    background: url(../images/zizhi_fd.png) center center/cover;
}
.honorlist ul li {
    float: left;
    border-radius: 0.8rem;
    cursor: pointer;
    position: relative;
}
.honorlist ul li .text{
    padding: 2.1rem 1.9rem;
    text-align: center;
    width: 34.5rem;
}
.honorlist ul li .time{
    color: rgba(103, 120, 134, 1);
    position: relative;
    padding-left: 20px;
    font-size: 1.6rem;
}
.honorlist ul li p{
    margin-top: 4px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 1.6rem;
}
.honorlist ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 三列 */
    gap: 2rem; /* 设置列和行之间的间隔，可以根据需要调整 */
}

.honorlist{
    background:rgb(243, 247, 251);
    padding:4rem;
}
.aboutbottom{
    position:relative;
}
.aboutbottom a{
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}
.aboutd {
    padding-bottom: 10rem;
}
.zzzx{
    background:#f5f5f4;
    padding:6.8rem 0 13.7rem;
}
.zzzxtitle h2{
    text-align: center;
    font-size: 4.4rem;
    font-weight: bold;
    padding-bottom:1.8rem;
    margin-bottom:2.1rem;
    position:relative;
}
.zzzxtitle h2:after{
    content:"";
    display: block;
    position:absolute;
    bottom:0;
    left:50%;
    transform: translate(-50%,0);
    width: 3.9rem;
    height:0.4rem;
    background:#e10019;
}
.zzzxtitle h3{
    font-size: 1.6rem;
    color:#808080;
    text-align: center;
}
.zzzxtitle{
    margin-bottom:6.6rem;
}
.zzzxbig ul{
    display: flex;
    justify-content: space-between;

}
.zzzxbig ul li{
    width:32%;
    background:#fff;
}
.zzzxbig-bottom{
    padding:3.3rem 2.6rem 3rem 2.1rem;
}
.zzzxbig-bottom h2{
    font-size: 2.8rem;
    font-weight: bold;
    color:#000;
    margin-bottom:1.8rem;
}
.zzzxbig-bottom h3{
    font-size: 1.8rem;
    color:#666666;
}
.zzzxbig-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.quanqiuhua-title h2{
    font-size: 4.4rem;
    font-weight: bold;
    color:#000;
    position:relative;
    margin-bottom:2.6rem;
    padding-bottom:1.7rem;
}
.quanqiuhua-title h2:after{
    content:"";
    width:3.9rem;
    height:0.4rem;
    display: block;
    background:#e60012;
}
.quanqiuhua{
    padding:16.3rem 0 6.8rem;
}
.quanqiuhua-title{
    width: 34.3rem;
}
.quanqiuhua-title section{
    font-size: 1.6rem;
    color:#333333;
    line-height: 2;
}
.quanqiuhua-title{
    margin-bottom:30.6rem;
}
.quanqiuhuashuju{
    width:36.3rem;
}
.quanqiuhuashuju ul{
    display: flex;
    flex-wrap: wrap;
}
.quanqiuhuashuju ul li{
    margin-bottom:8.2rem;
    width: 50%;
    font-size: 1.6rem;
    color:#4d4d4d;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.quanqiuhuashuju ul li:nth-child(1),
.quanqiuhuashuju ul li:nth-child(3){
    align-items: flex-start;
    justify-content: flex-start;
}
.quanqiuhuashuju ul li sup{
    font-size: 1.4rem;
    color:#4d4d4d;
}
.quanqiuhuashuju ul li span{
    color:#e60012;
    font-size: 6.7rem;
    font-family: "ElectroluxSans_4_Semibold";
}
.quanqiuhua{
    background:url(../images/quanqiuhua.png) no-repeat;
    background-size: 117.1rem;
    background-position: 70% center;
    position: relative;
}
.about-ppjz{
    padding:7rem 0 16.4rem;
    background:url(../images/qqhppjz.png) no-repeat;
    background-size:cover;
}
.about-ppjz-title h2{
    font-size: 4.4rem;
    font-weight: bold;
    color:#ffffff;
    position:relative;
    padding-bottom:1.9rem;
    margin-bottom:2rem;
    text-align: center;
}
.about-ppjz-title h2:after{
    content:"";
    display: block;
    background:#e60012;
    width: 3.9rem;
    height: 0.4rem;
    position:absolute;
    bottom:0;
    left:50%;
    transform: translate(-50%,0);
}
.about-ppjz-title h3{
    font-size: 1.6rem;
    color:#fff;
    text-align: center;
    margin-bottom:7.2rem;
}

.ppjzd{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:2.7rem 3.1rem 0  3.6rem;
    text-align: center;
}
.ppjzd img{
    margin-bottom:2.5rem;
    aspect-ratio:1/1;
    object-fit:contain;
    object-position: center;
    width: 9.3rem;
}
.ppjzd p{
    font-size: 1.4rem;
    color:#666666;
    line-height: 2.2rem;
}
.about-ppjz{
    position:relative;
}
#ppjz{
    overflow-y: visible;
    background:url(../images/ppjzbg.png) no-repeat;
    background-size: cover;
}
#ppjz .swiper-pagination{
    bottom:-10rem;
}
#ppjz .swiper-pagination-bullet {
    width: 2.1rem;
    height: 2.1rem;
    background:transparent;
    opacity: 1;
    border:1px solid #fff;
    margin:0 3rem;
}
#ppjz .swiper-pagination-bullet-active {
    background:#fff;
}
.about-ppjz.swiper-button-next{
    background:url(../images/swiper-jt-r-w.png) no-repeat;
    width:5rem;
    height:5rem;
    background-size:100%;
    right:5rem;
}
.about-ppjz.swiper-button-prev{
    background: url(../images/swiper-jt-l-w.png) no-repeat;
    width:5rem;
    height:5rem;
    background-size:100%;
    left:5rem;
}
.about-ppjz.swiper-button-next:after,
.about-ppjz.swiper-button-prev:after{
    display: none;
}

#ppjz .swiper-slide {
    height: 42.5rem;
    background-size: cover;
    background:transparent;

}
.swiper.bfst #ppjz .swiper-slide {
    height: 42.5rem !important;
    background-size: cover;
    background:transparent;
}
.zzzxbig-top img{
    width: 100%;
}
.zzzxbig ul li{
    position:relative;
}
.zzzxbig-bottom{
    transition: .5s;
}
.zzzxbig ul li:hover .zzzxbig-bottom{
    position: absolute;
    width: 100%;
    bottom: -30%;
    height: 60%;
    background: #fff;
    align-items: flex-start;
    transition: .5s;
}
.zzzxbig ul li .zzzxbig-bottom section{
    opacity: 0;
    transition: .5s;
    display: none;
    font-size: 1.6rem;
    color:#666;
    margin-top:2rem;
    line-height: 2;
}
.zzzxbig .swiper-slide{
    overflow: visible;
}
.zzzxbig ul li:hover .zzzxbig-bottom section{
    opacity: 1;
    transition: .5s;
    display: block;
}
.zzzx{
    position:relative;
    
}
 .animate-wave {
     position: absolute;
     top: 39.5%;
     left: 67.5%;
     right: 0;
     margin: 0 auto;
     width: 0;
     height: 0;
     z-index: 1;
     transform: translate(-50%, -50%);
 }

 .wave {
     position: absolute;
     border-radius: 50%;
     border: 1px dashed #e60012;
     opacity: 0;
     transform: translate(-50%, -50%) scale(0);
     animation: ripple 4s infinite;
 }

 .wave1 {
     width: 12.8rem;
     height: 12.8rem;
     background-color: rgba(230, 0, 18, 0.05);
     animation-delay: 0s;
 }

 .wave2 {
     width: 25.3rem;
     height: 25.3rem;
     background-color: rgba(230, 0, 18, 0.03);
     animation-delay: 0.5s;
 }

 .wave3 {
     width: 50rem;
     height: 50rem;
     background-color: rgba(230, 0, 18, 0.03);
     animation-delay: 1s;
 }

 .wave4 {
     width: 77.6rem;
     height: 77.6rem;
     background-color: rgba(230, 0, 18, 0.03);
     animation-delay: 1.5s;
 }

 .wave5 {
     width: 110.1rem;
     height: 110.1rem;
     background-color: rgba(230, 0, 18, 0.03);
     animation-delay: 2s;
 }

 @keyframes ripple {
     0% {
         opacity: 0;
         transform: translate(-50%, -50%) scale(0.5);
     }

     10% {
         opacity: 1;
     }

     90% {
         opacity: 0.3;
         transform: translate(-50%, -50%) scale(1);
     }

     100% {
         opacity: 0;
         transform: translate(-50%, -50%) scale(1.2);
     }
 }
#zzzx{
    background:#fff;
}
.kjcx{
    background:url(../images/kjcx.png) no-repeat;
    padding-top:6.7rem;
    padding-bottom:14.4rem;
    background-size: cover;
}
.kjcx .zzzxtitle h2{
    margin-bottom:4.1rem;
}
.kjcxbig{
    display: flex;
    position:relative;
    padding-top:6.8rem;
    padding-bottom:3.2rem;
}
.kjcxbig{
    width: 152.3rem;
    background:#ffffff59;
    z-index: 1;
    border-radius: 12px;
}
.kjcxbig-nav{
    width: 41.3rem;
    z-index: 2;
    position:relative;
}
.kjcxcontent-content{
    z-index: 2;
}
.kjcxbig-nav ul li a{
    font-size: 2rem;
    font-weight: bold;
    color:#333333;
    padding:2rem 6.3rem 1.6rem;
    display: block;
}
.kjcxbig-nav ul li.active a{
    background:#e6e6e6;
}
.kjcxbig-nav:after{
    content:"";
    width: 1px;
    display: block;
    height: 100%;
    background:#fff;
    position:absolute;
    right:0;
    bottom:0;
}
.kjcxcontent-content{
    width:calc(100% - 41.3rem);
    padding-left: 10rem;
}
.kjcxcontent-content h3{
    font-weight: bold;
    font-size: 2.4rem;
    color:#333333;
    margin-bottom:3rem;
}
.kjcxcontent-content h4{
    font-size: 2rem;
    color:#4d4d4d;
    line-height: 3.3rem;
    margin-bottom:4rem;
}
.kjcxcontent-content p{
    font-size: 1.6rem;
    color:#4d4d4d;
    line-height: 3.4rem;
}
.kjcxcontent-content b{
    color:#e60012;
}
.kjcxcg{
    padding:12.8rem 0;
}
.kjcxcg .zzzxtitle h2{
    margin-bottom:9.6rem;
}
.kjcxcg-list ul{
    display: flex;
    justify-content: space-between;
}
.kjcxcg-list ul li{
    background:#f7f7f8;
    width:36.2rem;
    height:53.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top:7rem;
    padding-left:1.5rem;
    padding-right:1.5rem;
    border-radius: 12px;
    transition: .5s;
}
.kjcxcgtu{
    position:relative;
}
.kjcxcgtu img:last-child{
    opacity: 0;
    position:absolute;
    left:0;
    top:0;
    transition: .5s;
}
.kjcxcg-list ul li:hover img:last-child{
    opacity: 1;
    transition: .5s;
}

.kjcxcgwen{
    font-size: 2.6rem;
    font-weight: bold;
    color:#000000;
    margin:2.2rem 0 3rem;
    transition: .5s;
}
.kjcxcg-list ul li:hover .kjcxcgwen {
    color: #e60013;
    transition: .5s;
}
.kjcxcg-list ul li:hover{
    background:#fff;
    box-shadow: 0px 0px 10px rgba(20, 3, 6, 0.1);
    transition: .5s;
}
.kjcxcg-list{
    font-size: 1.6rem;
    color:#4d4d4d;
    line-height: 1;
    text-align: center;
}
.kjcxcg-list p{
    margin-bottom:1.6rem;
    line-height: 1.5;
}
.gjgyl{
    padding:8.5rem 0 12.9rem;
}
.gjgyl .zzzxtitle h2{
    margin-bottom:4.5rem;
}
.gjgylcontent{
    position:relative;
}
.gjgylcontent section{
    position:absolute;
    width:74.5rem;
    color:#fff;
    left: 4.1rem;
    top:8.1rem;
    text-indent:2em;
    font-size: 1.6rem;
    line-height:3.1rem;
}
.gjgylcontent section h3{
    font-size: 1.8rem;
    color:#fff;
    font-weight: bold;
    margin-bottom:3.2rem;
}
.wmdys{
    background:#f4f6fa;
    padding:10.5rem 0 13.1rem;
}
.wmdysleft{
    width:83rem;
}
.wmdysright{
    width:65.7rem;
}
.wmdysbig{
    display: flex;
    justify-content: space-between;
}
.youshiswiper img{
    aspect-ratio: 221 / 281;
    object-fit: contain;
    width: 22.1rem;
    height: 28.1rem;
    object-position:center ;
    margin: 0 auto;
}
.youshiswipertu{
    padding:1.3rem 0 1.7rem;
}
.youshiswiper p{
    font-size: 1.5rem;
    text-align: center;
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;

}
.youshiswiperwen{
    padding: 1rem 0;
    border-top: 1px solid #f4f6fa;
}
.wmdysright h3{
    font-size: 2rem;
    font-weight: bold;
    margin-bottom:2.1rem;
}
.wmdysright p{
    font-size: 1.8rem;
    color:#333333;
    text-indent:2em;
    line-height: 3.3rem;
}
.wmdysright{
    position:relative;
}
.wmdysright .swiper-button-next,.wmdysright .swiper-button-prev{
    width:4rem;
    height: 4rem;
    background:#cccccc;
    transition: .5s;
}
.wmdysright .swiper-button-next:after,
.wmdysright .swiper-button-prev:after{
    color:#fff;
    font-size: 1.8rem;
}
.wmdysright .swiper-button-next:hover,
.wmdysright .swiper-button-prev:hover{
    background:#e60012;
    transition: .5s;
}
.wmdysright .swiper-button-next{
    right:auto;
    left:5rem;
    bottom:0;
    top: auto;
}
.wmdysright .swiper-button-prev{
    left:0;
    bottom:0;
    top: auto;
}
.gjgylplbg{
    width:100%;
    height: 24.2rem;
    background:#606060;
    position: absolute;
    top: 0;
    z-index: 1;
}
.gjgylpl{
    position:relative;
    padding-top:6.2rem;
    padding-bottom:9.4rem;
    background:#f4f6fa;
}
.gjgylpl .zzzxtitle{
    z-index: 2;
    position: relative;
}
.gjgylpl-list ul{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2.8rem;
}
.gjgylpl-list{
    position:relative;
    z-index: 2;
    background:#fff;
    border-radius: 10px;
    width: 152.1rem;
    height: 48.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gjgylpl-list ul li{
    width: 18.3rem;
    height: 11.3rem;
    border-radius: 1rem;
    border:1px solid #cccccc50;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.gjgylpl-list-tu{
    width: 4rem;
    height: 4rem;
    margin-bottom:1.3rem;
}
.gjgylpl-list-tu img{
    width: 100%;
    object-fit: contain;
    height: 100%;
}
.hxkh{
    padding:6.8rem 0 6rem;
    background:url(../images/hxkh.png) no-repeat;
    background-size: cover;;
}
#hxkh .swiper-slide{
    height: 12.4rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
#hxkh{
    width: 100%;
    height: 60.1rem;
    margin-left: auto;
    margin-right: auto;
}
#hxkh .swiper-slide img{
    max-width: 20rem;
    max-height:10rem;
    object-fit: contain;
}
.bkcp:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 46rem;
    background-color: #ebebeb;
    z-index: -1;
}
.bkcp .container .row{
    position:relative;
}
#wenqi{
    padding-bottom:13.4rem;
    padding-right: 18.5rem;
}
.kjcxcontent-content .tab-content ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 一行4列 */
    gap: 10px; /* 元素之间的间距，可根据需要调整 */
    padding-right: 12.5rem;
}
.kjcxcontent-content .tab-content ul li{
    background:#fff;
    border-radius: 7px;

}

.kjcxcontent-content .tab-content ul li h4 {
    font-size: 1.6rem;
    color: #e60012;
    line-height: 3.3rem;
    margin-bottom: 1.4rem;
}
.kjcxcontent-content .tab-content ul li p{
    font-size: 1.2rem;
    color: #4d4d4d;
    line-height: 2.3rem;
}
.kjcxcontent-content .tab-content ul li {
    padding: 2rem 1.5rem;
    position: relative;
    border-bottom: 1px solid #f2f3f5;
    cursor:initial;
}
#hexin ul li h3{
    font-size: 1.6rem;
    text-align: center;
    font-weight: bold;
    margin-bottom:0;
    position:absolute;
    left:0;
    top: 3rem;
    width: 100%;
}
.wlbjicon li{
    position:relative;
}
.wlbjicon li:after{
    content:"";
    width: 1.3rem;
    height: 1.3rem;
    display: block;
    border-radius: 100%;
    position: absolute;
    left: -2rem;
    top: 50%;
    transform: translate(0px, -50%);
}
.wlbjicon li:first-child:after{
    background:#0071bc;
}
.wlbjicon li:nth-child(2):after {
    background: #fbb03b;
}
.wlbjicon li:nth-child(3):after {
    background: #e60012;
}
.wlbjicon li:nth-child(4):after {
    background: #39b54a;
}
.wlbjicon ul{
    display: flex;
    justify-content: space-between;
}
.wlbjicon{
    position: absolute;
    right:0;
    bottom:0;
    width:86.8rem;
}
.quanqiuhua .row{
    position:relative;
}
#ppjz .swiper-slide:hover .ppjzd p{
    color:#e10019;
    transition: .5s;
}
.ppjzd p{
    transition: .5s;
}
#ppjz .swiper-slide:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 500ms ease-in 0ms;
}
#ppjz .swiper-slide img{
    transition: all 500ms ease-in 0ms;
}
.bfst3 .tab-content{
    background:transparent;
}
.bfst2 ul li:first-child dl dd img{
    transition: .5s;
    transform: translateY(0);
}
.bfst2 ul li:first-child dl dd:hover img{
    transform: translateY(-1rem);
    transition: .5s;
}
.bfst2 ul li:nth-child(2) dl dd:hover img{
    transform: translateY(-1rem);
    transition: .5s;
}
.bfst2 ul li:last-child dl dd:hover img{
    transform: translateY(-1rem);
    transition: .5s;
}
.gjgylpl-list ul li{
    transition: .5s;
}
.gjgylpl-list ul li:hover{
    transform: translateY(-1rem);
    transition: .5s;
}
#hxkh .swiper-slide{
    transition: .5s;
}
#hxkh .swiper-slide:hover{
    transform: translateY(-1rem);
    transition: .5s;
}
.honortop{
    padding:12rem 0;
    background:url(../images/honortop.jpg) no-repeat top;
    background-size: cover;
}
#gaoduan ul li,#zhineng ul li{
    width:49%;
    border-bottom:0;
    overflow: hidden;
    padding:0;
}
#gaoduan ul li img,
#zhineng ul li img{
        transition: all 500ms ease-in 0ms;
        width: 100%;
}
#gaoduan ul li:hover img,
#zhineng ul li:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 500ms ease-in 0ms;
}
#gaoduan ul,#zhineng ul{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding:0;
}
.quanqiuright ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    padding: 0;
}
.quanqiubig{
    display:flex;
    justify-content: space-between;
}
.quanqiuright ul li{
    padding:0;
    border:0;
}
.quanqiuright{
    width: 110.8rem;
}
.quanqiuleft{
    width:48.3rem;
    overflow: hidden;
}
.quanqiuleft a{
    width:100%;
    height: 100%;
    overflow: hidden;
}
.quanqiuleft a img{
    width: 100%;
    height: 100%;
    transition: all 500ms ease-in 0ms;
}
.quanqiuleft a:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 500ms ease-in 0ms;
}
.quanqiuright ul li{
    overflow: hidden;
}
.quanqiuright ul li img{
    width: 100%;
    height: 100%;
    transition: all 500ms ease-in 0ms;
}
.quanqiuright ul li:hover img{
     -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 500ms ease-in 0ms;   
}
.bkcp{
    padding-top:7rem;
    padding-bottom:7rem;
    position:relative;
}
.bkcptu{
    position:relative;
}
.bkcptu img:last-child{
    position:absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .5s;
}
.bkcpwen{
    position:absolute;
    bottom:0;
    width:80%;
    left:50%;
    transform: translate(-50%, 0px);
    background:url(../images/new-text-bg.png) no-repeat;
    padding:3rem 0 3.6rem;
    font-size:2.4rem;
    font-weight: bold;
    text-align: center;
}
#bkcp ul li:hover .bkcptu img:last-child{
    opacity: 1;
    transition: .5s;
}
.zzzx .swiper-pagination {
    bottom:10% !important;
}
.ql-align-center{
	text-align:center;
}
.gyhdlisttu img{
	width:49.7rem;
	height:37rem;
	object-fit:cover;
}