:root {
    --blue: #2878DB
}

* {
    /* font-family: serif; */
    font-family: "Noto Sans SC";
}

html {
    width: 100%;
    overflow-x: hidden;
}


li {
    list-style: none;
}

.yahei {
    font-family: 'PMingLIU';
}

@font-face {
    font-family: 'youshe';
    src: url(./fonts/优设标题黑_0.ttf);
}

.youshe {
    font-family: youshe;
}

@font-face {
    font-family: 'SourceHanSans';
    src: url(./fonts/SourceHanSans-Normal.otf);
}

.SourceHanSans {
    font-family: SourceHanSans;
}

@font-face {
    font-family: 'SourceHanSansRegular';
    src: url(./fonts/SourceHanSans-Regular.otf);
}

.SourceHanSansRegular {
    font-family: SourceHanSansRegular;
}

@font-face {
    font-family: 'SourceHanSansBold';
    src: url(./fonts/SourceHanSans-Bold.otf);
}

.SourceHanSansBold {
    font-family: SourceHanSansBold;
}

@font-face {
    font-family: 'SourceHanSansHeavy';
    src: url(./fonts/SourceHanSans-Heavy.otf);
}

.SourceHanSansHeavy {
    font-family: SourceHanSansHeavy;
}

@font-face {
    font-family: 'SourceHanSansMedium';
    src: url(./fonts/SourceHanSans-Medium.otf);
}

.SourceHanSansMedium {
    font-family: SourceHanSansMedium;
}

.text-Noto-Sans-SC {
    font-family: "Noto Sans SC";
    /* font-weight: 400; */
}

.child-li,
.child-li ::after,
.child-li ::before {
    box-sizing: border-box;
    border-width: 0;
    border: none;
    border-color: #e5e7eb;
}

.bg-img {
    background: linear-gradient(rgba(30, 64, 175, 0.9), rgba(30, 64, 175, 0.6)), url(../../images/EN/banner.png);
}

.bg-img1 {
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(../../images/EN/2.jpg);
}

.bg-img2 {
    background: url(../../images/EN/26.png);
}

.bg-title:hover {
    background: url(../../images/new/title.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 50px;
}

.bg-logo {
    background: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url(../../images/EN/logo.png);
}

.bg-zl {
    background: url(../../images/EN/24.png);
}

.bg-foot {
    background: url(../../images/EN/25.png);
}

.bg-title1 {
    position: relative;
}

.bg-title1::after {
    content: '';
    width: 400px;
    height: 400px;
    background: url(../../images/EN/background.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: -9;
    position: absolute;
    left: 30px;
    top: 180px;
}

.bg-title2 {
    position: relative;
}

.bg-title2::after {
    content: '';
    width: 100px;
    height: 150px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 1) 100%);
    z-index: 9;
    position: absolute;
    left: -10px;
    bottom: 57px;
}

/* .border-right {
    position: relative;
}

.border-right::before {
    content: '';
    height: 22px;
    width: 100%;
    border-right: 2px solid #cdcdcd;
    position: absolute;
    right: -11px;
    top: 10px;
    z-index: 9;
} */

.border-right a {
    position: relative;
    z-index: 10;
}

.border-right a:hover {
    /* color: var(--blue); */
}

.background-gear {
    position: relative;
}

.background-gear::before {
    content: '';
    width: 400px;
    height: 400px;
    background: url(../../images/EN/background.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: -9;
    position: absolute;
    right: 144px;
    top: 100px;
    transform: rotateY(180deg) rotateZ(-68deg);
}

.background-gear1 {
    position: relative;
}

.background-gear1::before {
    content: '';
    width: 400px;
    height: 400px;
    background: url(../../images/EN/background.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: -9;
    position: absolute;
    left: 30px;
    top: 20px;
    transform: rotateZ(45deg);
}

.background-gear2 {
    position: relative;
}

.background-gear2::before {
    content: '';
    width: 400px;
    height: 400px;
    background: url(../../images/EN/background.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: -9;
    position: absolute;
    right: -110px;
    top: 0;
    transform: rotateY(180deg) rotateZ(68deg);
}

.text-line {
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
}

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

.shadow-hover:hover {
    --tw-shadow: 0 0 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 0 50px -12px rgb(0 0 0 / 0.25);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background-color: #fff !important;
}

.shadow-zl {
    --tw-shadow: 0 0 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 0 50px -12px rgb(0 0 0 / 0.25);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-box1 {
    box-shadow: 0 0 20px 2px #C3CADB;
}

.shadow-box3 {
    box-shadow: 0 0 20px 2px #8098db;
}

.swiper-3d .swiper-slide-shadow-right {
    background-size: 20%;
    background-image: linear-gradient(to left, rgba(51, 108, 214, 0.8), rgba(0, 0, 0, 0)) !important;
}

.swiper-3d .swiper-slide-shadow-left {
    background-size: 20%;
    background-image: linear-gradient(to right, rgba(51, 108, 214, 0.8), rgba(0, 0, 0, 0)) !important;
}
.v_news_content img,
.v_news_content video {
    margin: auto;
}
audio,
canvas,
embed,
iframe,
object,
svg,
video {
    margin: auto;
}