#ventricle {
    transition: all 0.3s ease;
}

#ventricle:hover {
    background: #054686;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
}

.ventricle {
    background: #054686;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1) !important;
}

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

.venLoIm {
    width: 490px;
    max-width: 100%;
    margin-bottom: 18px;
}

.venLoIm img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.venRg_1 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.venRg_1lan {
    display: flex;
    align-items: center;
    margin-right: 22px;
}

.venRg_1lan>a {
    display: flex;
    align-items: center;
}

.venRg_1lan>a img {
    margin-right: 4px;
}

.venRg_1lan>a span {
    color: #fff;
    font-size: var(--zj-venRg_1lan);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.venRg_1lan>span {
    width: 1px;
    height: 16px;
    background: #fff;
    margin: 0 10px;
}

.venSehFo {
    min-width: 204px;
    border-radius: 60px;
    border: 1px solid rgba(219, 219, 219, 0.5);
    background: #fff;
    padding: 2px 14px;
    display: flex;
    align-items: center;
}

.venSehFo input {
    color: #666;
    font-size: var(--zj-venRg_1lan);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-right: 8px;
}

.venSehFo input::-webkit-input-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.venSehFo input:-moz-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.venSehFo input::-moz-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.venSehFo input:-ms-input-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

.venSehFo input.active {
    color: red;
}

.venSehFo input.active::-webkit-input-placeholder {
    color: #e01e24;
}

.venSehFo input.active:-moz-placeholder {
    color: #e01e24;
}

.venSehFo input.active::-moz-placeholder {
    color: #e01e24;
}

.venSehFo input.active:-ms-input-placeholder {
    color: #e01e24;
}

.venSehFo i {
    font-size: 14px;
    color: rgba(5, 70, 134, 1);
    flex: 0 0 auto;
}

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

.venLi {
    margin-right: 1vw;
}

.venLi:last-child {
    margin-right: 0vw;
}

.venLibox {
    position: relative;
}

.venLibox>a {
    display: block;
    padding-bottom: 20px;
    position: relative;
}

.venLibox>a::after {
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 12px;
    background: #fff;
    transition: all 0.3s ease;
}

.venLibox>a:hover:after {
    width: 100%;
}

.venLi.on .venLibox>a::after {
    width: 100%;
}

.venLibox>a span {
    color: #fff;
    font-size: var(--zj-venLibox);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    /* --size: 1px;
    --color: #fff;
    text-decoration: none;
    background-image: linear-gradient(var(--color), var(--color));
    background-size: 0% var(--size);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition-property: background-size, color, opacity;
    transition-duration: 0.5s;
    transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1); */
}

.venLi.on .venLibox>a span {
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
}

.venLi_se {
    position: absolute;
    width: 240%;
    left: 50%;
    transform: translateX(-50%);
    top: 66px;
    transition: all 0.3s ease;
    opacity: 0;
    pointer-events: none;
}

.venLibox:hover .venLi_se {
    top: 43px;
    opacity: 1;
    pointer-events: auto;
}

.venLi_se>a {
    border-bottom: 1px solid rgba(221, 221, 221, 0.50);
    display: block;
    background: #FFF;
    color: #232323;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px;
    transition: all 0.3s ease;
}

.venLi_se>a:hover {
    background: #BF461E;
    color: #fff;
}

@media (max-width: 1700px) {
    .venLoIm {
        width: 460px;
    }
}

@media (max-width: 1536px) {
    .venRg_1 {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-bottom: 12px;
    }

    .venSehFo i {
        font-size: 18px;
    }
}

@media (max-width: 1199.9px) {
    .venRg_1 {
        display: none;
    }

    .venRg_2 {
        display: none;
    }
}

/*  */
#venPho {
    display: none;
}

#venPho .venPhoSack {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 26px;
    height: 100%;
    margin-left: 12px;
}

#venPho .venPhoSack::before,
#venPho .venPhoSack::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    transform: translateY(-50%);
    background: #fff;
    transition: all .5s;
}

#venPho .venPhoSack::before {
    margin-top: -7px;
}

#venPho .venPhoSack::after {
    margin-top: 7px;
}

#venPho .venPhoSack.on::before {
    margin-top: 0px;
    transform: translateY(50%) rotate(46deg);
    background: #fff;
}

#venPho .venPhoSack.on::after {
    margin-top: 0px;
    transform: translateY(0%) rotate(-46deg);
    background: #fff;
}

#ventricle:hover #venPho .venPhoSack::before {
    background: #fff;
}

#ventricle:hover #venPho .venPhoSack::after {
    background: #fff;
}

.ventricle #venPho .venPhoSack::before {
    background: #fff;
}

.ventricle #venPho .venPhoSack::after {
    background: #fff;
}

.venPr #venPho .venPhoSack::before {
    background: #fff;
}

.venPr #venPho .venPhoSack::after {
    background: #fff;
}

#venPho .venPhoSack span {
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    background: #fff;
    transition: all .5s;
}

#venPho .venPhoSack.on span {
    opacity: 0 !important;
}

#ventricle:hover #venPho .venPhoSack span {
    background: #fff;
}

.ventricle #venPho .venPhoSack span {
    background: #fff;
}

.venPr #venPho .venPhoSack span {
    background: #fff;
}

@media (max-width: 1199.9px) {
    #venPho {
        display: block;
    }

    .venSack {
        padding: 20px 0;
    }
}

@media (max-width: 642px) {
    .venLoIm {
        width: 268px;
    }
}

#venPhoSec {
    /* display: none; */
    position: fixed;
    right: -100%;
    opacity: 0;
    top: 82.6px;
    width: 100%;
    height: 100vh;
    background: #fff;
    transition: all 0.8s ease;
    /* animation-name: fadeInUp11t; */
    /* animation-duration: 0.8s; */
    z-index: 999;
}

@keyframes fadeInUp11t {
    0% {
        opacity: 0;
        /* -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0) */
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

#venPhoSec ul li .xiaopingsanji {
    display: flex;
    height: 45px;
    align-items: center;
}

#venPhoSec .menu_list li {
    border-bottom: 1px solid #33333330;
}

#venPhoSec .menu_list li .xiaopingsanji a {
    width: 100%;
}

#venPhoSec ul li i {
    /* color: #fff; */
    color: #333;
    padding-left: 15px;
}

.menu_head {
    height: 46px;
    line-height: 46px;
    /* padding: 0 38px; */
    /* margin: auto; */
    /* border-bottom: 1px solid #33333330; */
    display: flex;
    justify-content: space-between;
}

.menu_head a {
    font-size: 16px;
    /* color: #fff; */
    color: #222;
    /* font-weight: bold; */
    /* font-family: Mott4; */
    width: 100%;
    margin: auto;
    display: block;
}

.xiantiao>a {
    color: #054686;
    /* font-weight: bold; */
}

.menu_body {
    line-height: 38px;
    display: none;
    /* border-bottom: 1px solid #33333330; */
    margin-bottom: 10px;
}

.menu_body a {
    display: block;
    /* height: 38px; */
    line-height: 32px;
    /* font-family: Mott4; */
    padding-left: 10px;
    /* color: #fff; */
    color: #666;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.5s ease;
}

.menu_body h2 {
    padding-left: 53px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 28px;
}

.menu_body a:hover {
    color: var(--zj-venTe-co1);
}

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

.venPhoSecLangu>a {
    font-size: 16px;
    color: #222;
    display: block;
    margin-right: 20px;
    padding: 20px 0;
}

@media (max-width: 642px) {
    #venPhoSec {
        top: 65.33px;
    }

    #venPho .venPhoSack {
        width: 20px;
    }
}

@media (max-width: 499px) {
    #venPhoSec {
        top: 65.33px;
    }
}



/*  */
.so1 {
    position: relative;
}

#so1Sw {
    overflow: hidden;
}

.so1SwIM img {
    width: 100%;
    height: 80vh;
    object-fit: cover;
    object-position: center;
}

.so1SwPag {
    bottom: 26px !important;
}

.so1SwPag .swiper-pagination-bullet {
    --w: 10px;
    width: 10px;
    height: 10px;
    opacity: 1;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 12px !important;
    position: relative;
    transition: all 0.3s ease;
}

.so1SwPag .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
}

.so1SwPag .swiper-pagination-bullet::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%;
    transition: all 0.3s ease;
}

.so1SwPag .swiper-pagination-bullet-active::after {
    transform: translate(-50%, -50%) scale(2);
}

/*  */
.so2Sa {
    display: flex;
    justify-content: space-between;
    padding: 108px 0 106px;
}

.so2_1 {
    width: 50%;
    flex: 0 0 auto;
}

.so2_1top {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    position: relative;
    padding-bottom: 18px;
}

.so2_1top::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #DDD;
}

.so2_1top::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 78px;
    height: 4px;
    background: #054686;
    z-index: 12;
}

.so2_1p p {
    color: #323232;
    font-size: var(--zj-so2_1p);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

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

.so2_1bt p {
    color: #323232;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.so2_1bt svg {
    transition: all 0.3s ease;
    flex: 0 0 auto;
    margin-left: 12px;
}

.so2_1bt svg circle {
    transition: all 0.3s ease;
}

.so2_1bt:hover svg circle {
    fill: #BF461E;
}

/*  */
.so2_1butsw {
    position: relative;
}

#so2Sw {
    overflow: hidden;
    margin-top: 18px;
}

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

.so2SwIM {
    overflow: hidden;
}

.so2SwIM img {
    width: 100%;
    height: 470px;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 3 / 2;
    transition: all 0.5s ease;
}

.so2SwA:hover .so2SwIM img {
    transform: scale(1.08);
}

.so2SwP {
    position: absolute;
    width: 490px;
    max-width: 100%;
    left: 18px;
    bottom: 26px;
}

.so2SwP p {
    color: #FFF;
    font-size: var(--zj-so2SwP);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.so2SwPag {
    display: flex;
    justify-content: flex-end;
    bottom: 38px !important;
    padding-right: 20px !important;
}

.so2SwPag .swiper-pagination-bullet {
    --w: 10px;
    width: 10px;
    height: 10px;
    opacity: 1;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 12px !important;
    position: relative;
    transition: all 0.3s ease;
}

.so2SwPag .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
}

.so2SwPag .swiper-pagination-bullet::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%;
    transition: all 0.3s ease;
}

.so2SwPag .swiper-pagination-bullet-active::after {
    transform: translate(-50%, -50%) scale(2);
}

/*  */
.so2_1la {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 10px;
    position: relative;
}

.so2_1la::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border-bottom: 1px dashed #999;
}

.so2_1lap {
    width: 70%;
    flex: 0 0 auto;
    position: relative;
    padding-left: 20px;
}

.so2_1lap::after {
    position: absolute;
    content: "";
    --w: 10px;
    width: var(--w);
    height: var(--w);
    background: #054686;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease;
}

.so2_1la:hover .so2_1lap::after {
    background: #BF461E;
}

.so2_1lap p {
    color: #323232;
    font-size: var(--zj-venLibox);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: all 0.3s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.so2_1la:hover .so2_1lap p {
    color: #BF461E;
}

.so2_1laNum p {
    color: #666;
    text-align: center;
    font-size: var(--zj-so2_1laNum);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.3s ease;
}

.so2_1la:hover .so2_1laNum p {
    color: #BF461E;
}

.so2_2 {
    width: calc(50% - 84px);
}

.so2_2but {
    padding-top: 29px;
}

.so2_2la {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 17px 10px;
    position: relative;
}

.so2_2la::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border-bottom: 1px dashed #999;
}

.so2_2lNum {
    background: #054686;
    --w: 72px;
    min-width: var(--w);
    min-height: var(--w);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4px;
    flex: 0 0 auto;
    transition: all 0.3s ease;
}

.so2_2la:hover .so2_2lNum {
    background: #BF461E;
}

.so2_2lNum p {
    color: #FFF;
    text-align: center;
    font-size: var(--zj-so2_1p);
    font-style: normal;
    font-weight: 400;
    line-height: var(--zj-so2_1p);
    margin-bottom: 2px;
}

.so2_2lNum span {
    color: #FFF;
    text-align: center;
    font-size: var(--zj-venRg_1lan);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.so2_2lP {
    padding-left: 30px;
    width:90%;
}

.so2_2lP p {
    color: #323232;
    font-size: var(--zj-venLibox);
    font-style: normal;
    font-weight: 700;
    line-height: calc(var(--zj-venLibox) * 1.55);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}

.so2_2la:hover .so2_2lP p {
    color: #BF461E;
}

/* so3 */
.so3 {
    padding-bottom: 102px;
}

.so3_box {
    display: flex;
    justify-content: space-between;
    padding-top: 60px;
}

.so3_1 {
    position: relative;
    width: 40%;
    flex: 0 0 auto;
    padding: 24px 20px 120px;
}

.so3_1::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: url("../images/so3bg.png")/*tpa=https://haiyang.sdufe.edu.cn/images/so3bg.png*/ no-repeat;
    background-size: cover;
    background-position: center;
    min-width: 460px;
    height: 100%;
    z-index: -1;
}

.so3_1H {
    margin-bottom: 10px;
}

.so3_1H p {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.20);
    color: #ffffff00;
    font-size: var(--zj-so3_1H);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 3.2px;
}

.so3_1Img {
    padding-left: 60px;
    position: relative;
    z-index: 12;
}

.so3_1ImgA {
    display: none;
    position: relative;
}

.so3_1ImgA::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 10px;
    top: 10px;
    background: #054686;
    z-index: -1;
}

.so3_1ImgA.on {
    display: block;
}

.so3_1ImgA img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 3 / 2;
}

.so3_2 {
    width: calc(60% - 54px);
}

.so3_2A {
    position: relative;
    padding: 20px 14px;
    display: block;
}

.so3_2A::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #999;
    left: 0;
    bottom: 0;
}

.so3_21h {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    position: relative;
    padding-left: 24px;
}

.so3_21h::after {
    position: absolute;
    content: "";
    --w: 12px;
    width: var(--w);
    height: var(--w);
    border-radius: 50%;
    background: #054686;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease;
}

.so3_2A:hover .so3_21h::after {
    background: #BF461E;
}

.so3_2box.on .so3_21h::after {
    background: #BF461E;
}

.so3_21h>p {
    color: #232323;
    text-overflow: ellipsis;
    font-size: var(--zj-venLibox);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-right: 12px;
    transition: all 0.3s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.so3_2A:hover .so3_21h>p {
    color: #BF461E;
}

.so3_2box.on .so3_21h>p {
    color: #BF461E;
}

.so3_21Num {
    flex: 0 0 auto;
}

.so3_21Num>p {
    color: #666;
    font-size: var(--zj-so2_1laNum);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.3s ease;
}

.so3_2A:hover .so3_21Num>p {
    color: #BF461E;
}

.so3_2box.on .so3_21Num>p {
    color: #BF461E;
}

.so3_2p p {
    color: #999;
    text-overflow: ellipsis;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 24px;
    transition: all 0.3s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.so3_2A:hover .so3_2p p {
    color: #BF461E;
}

.so3_2box.on .so3_2p p {
    color: #BF461E;
}

/* so4 */
.so45_box {
    background: url("../images/so45bg.png")/*tpa=https://haiyang.sdufe.edu.cn/images/so45bg.png*/ no-repeat;
    background-size: cover;
    background-position: bottom;
    padding-bottom: 46px;
}

.so4Sw {
    position: relative;
    margin-top: 72px;
}

#so4Sw {
    overflow: hidden;
}

.so4SwA {
    border: 1px solid #DDD;
    background: #FFF;
    box-shadow: 2px 4px 15px 0px rgba(5, 70, 134, 0.10);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 46px 40px 40px;
    transition: all 0.3s ease;
    
}

.so4SwA:hover {
    border: 1px solid #BF461E;
    background: #BF461E;
    box-shadow: 2px 4px 15px 0px rgba(0, 0, 0, 0.10);
}

.so4SwNum {
    border: 1px solid #054686;
    margin-bottom: 22px;
}

.so4SwA:hover .so4SwNum {
    border: 1px solid #05458600;
}

.so4SwNum p {
    color: #FFF;
    text-align: center;
    font-size: var(--zj-so2_1laNum);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: #054686;
    padding: 6px 12px;
    transition: all 0.3s ease;
    border-bottom: 1px solid rgba(191, 70, 30, 0);
}

.so4SwA:hover .so4SwNum p {
    border-bottom: 1px solid rgba(191, 70, 30, 0.50);
    background: #FFF;
    color: #BF461E;
}

.so4SwNum p:nth-child(2) {
    color: #054686;
    background: #fff;
    font-weight: 400;
}

.so4SwH {
    margin-bottom: 30px;
}

.so4SwH p {
    color: #232323;
    font-size: var(--zj-venLibox);
    font-style: normal;
    font-weight: 700;
    line-height: calc(var(--zj-venLibox) * 1.66);
    height:60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}

.so4SwA:hover .so4SwH p {
    color: #fff;
}

.so4SwP p {
    color: #999;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    transition: all 0.3s ease;
}

.so4SwA:hover .so4SwP p {
    color: #fff;
}

.so4SwP p svg {
    margin-right: 10px;
    flex: 0 0 auto;
}

.so4SwP p svg path {
    transition: all 0.3s ease;
}

.so4SwA:hover .so4SwP p svg path {
    fill: #fff;
}

.so4Sw .swiper-button-prev {
    left: -58px;
}

.so4Sw .swiper-button-next {
    right: -58px;
}

.so4Sw .swiper-button-prev::after,
.so4Sw .swiper-button-next::after {
    font-size: 30px;
    color: #DDDDDD;
    transition: all 0.3s ease;
}

.so4Sw .swiper-button-prev:hover:after,
.so4Sw .swiper-button-next:hover:after {
    color: #BF461E;
}

/* so5 */
.so5 {
    margin-top: 112px;
}

.so5H {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
}

.so5H svg {
    margin-right: 6px;
}

.so5H p {
    color: #232323;
    font-size: var(--zj-so5H);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/*  */
.so5U {
    display: flex;
    align-items: center;
}

.so5LBox {
    position: relative;
}

.so5L_1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 2px;
    border: 1px solid #DDD;
    background: #FFF;
    padding: 10px 15px;
    transition: all 0.3s ease;
    position: relative;
}

.so5L:hover .so5L_1 {
    border: 1px solid #BF461E;
}

.so5L_1 p {
    color: #232323;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-right: 8px;
}

.so5L_1 img {
    width: 24px;
    flex: 0 0 auto;
    transition: all 0.3s ease;
}

.so5L:hover .so5L_1 img {
    transform: rotate(-90deg);
}

.so5L_2 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    bottom: 60px;
    z-index: 12;
    border-radius: 2px;
    background: #FFF;
    box-shadow: 2px 4px 10px 0px rgba(143, 143, 143, 0.20);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s ease;
}

.so5LBox:hover .so5L_2 {
    max-height: 200px;
    opacity: 1;
}

.so5L_2box {
    border: 1px solid #DDD;
    padding: 12px;
    padding-right: 6px;
    overflow-y: scroll;
    max-height: 183px;
}

.so5L_2box::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #054686;
}

.so5L_2box::-webkit-scrollbar {
    width: 6px;
}

.so5L_2box::-webkit-scrollbar-track {
    border-radius: 2px;
    background: #DBDBDB;
}

.so5L_2A {
    display: block;
    margin-bottom: 6px;
}

.so5L_2A:last-child {
    margin-bottom: 0;
}

.so5L_2A span {
    color: #232323;
    font-size: var(--zj-so5L_2A);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    --size: 1px;
    --color: #BF461E;
    text-decoration: none;
    background-image: linear-gradient(var(--color), var(--color));
    background-size: 0% var(--size);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition-property: background-size, color, opacity;
    transition-duration: 0.5s;
    transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

.so5L_2A:hover span {
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
    color: #BF461E;
}

@media (max-width: 1536px) {
    .so1SwPag .swiper-pagination-bullet {
        --w: 8px;
        margin: 0 8px !important;
    }

    .so2_2 {
        width: calc(50% - 40px);
    }

    .so2_2lNum {
        --w: 62px;
    }

    .so2_2but {
        padding-top: 0px;
    }

    .so3_1 {
        width: 50%;
    }

    .so3_2 {
        width: calc(50% - 24px);
    }

    .so4SwA {
        padding: 26px 20px 20px;
    }

    .so4Sw .swiper-button-prev {
        left: -30px;
    }

    .so4Sw .swiper-button-next {
        right: -30px;
    }

    .so5L {
        width: 25%;
        margin-bottom: 20px;
    }

    .so3_21h::after {
        --w: 8px;
    }

    .so3_21h {
        padding-left: 20px;
    }

    .so3_2p p {
        padding-left: 20px;
    }

    .so2SwIM img {
        height: 380px;
    }
}

@media (max-width: 1199.9px) {
    .so2Sa {
        flex-direction: column;
    }

    .so2SwIM img {
        height: auto;
    }

    .so2_1 {
        width: 100%;
        margin-bottom: 20px;
    }

    .so2_2 {
        width: 100%;
    }

    .so2_2la {
        justify-content: flex-start;
    }

    .so3_box {
        padding-top: 20px;
    }

    .so3_1 {
        display: none;
    }

    .so3_2 {
        width: 100%;
    }

    .so5L {
        width: 33.333%;
    }
}

@media (max-width: 992px) {
    .so2_1top::before {
        width: 58px;
    }

    .so2Sa {
        padding: 46px 0 72px;
    }

    .so3 {
        padding-bottom: 72px;
    }

    .so4Sw {
        margin-top: 36px;
    }

    .so5 {
        margin-top: 67px;
    }
}

@media (max-width: 858px) {
    .so2_2lP {
        padding-left: 12px;
    }

    .so5L {
        width: 50%;
    }
}

@media (max-width: 642px) {
    .so5L {
        width: 100%;
    }
}

@media (max-width: 499px) {
    .so1SwPag .swiper-pagination-bullet {
        --w: 6px;
        margin: 0 6px !important;
    }

    .so3_21h::after {
        --w: 6px;
    }

    .so3_21h {
        padding-left: 12px;
        margin-bottom: 6px;
    }

    .so2Sa {
        padding: 34px 0 40px;
    }

    .so2SwP {
        width: 280px;
        bottom: 6px;

    }

    .so2SwPag {
        display: none;
    }

    .so2_1lap {
        padding-left: 8px;
    }

    .so2_1lap::after {
        --w: 6px;
    }

    .so3 {
        padding-bottom: 40px;
    }

    .so3_2A {
        padding: 12px;
    }

    .so3_2p p {
        padding-left: 12px;
    }

    .so4SwA {
        padding: 12px 12px 9px;
    }

    .so4Sw {
        margin-top: 21px;
    }

    .so5 {
        margin-top: 42px;
    }

    .so5H svg {
        width: 24px;
    }

    .so4Sw .swiper-button-prev {
        left: -20px;
    }

    .so4Sw .swiper-button-next {
        right: -20px;
    }

    .so4Sw .swiper-button-prev::after,
    .so4Sw .swiper-button-next::after {
        font-size: 18px;
    }

    .so5H {
        margin-bottom: 20px;
    }

    .so5L {
        margin-bottom: 8px;
    }
}

/* ft */
#footer {
    background: url("../images/ftbg.png")/*tpa=https://haiyang.sdufe.edu.cn/images/ftbg.png*/ no-repeat;
    background-size: cover;
    background-position: center;
    padding: 60px 0 63px;
}

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

.ft1 {
    width: 52%;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ft1_logo {
    width: 641px;
    margin-bottom: 36px;
}

.ft1_logo img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.ft1_edu {
    display: flex;
}

.ftBtm01Con {
    margin-right: 10px;
}

.ftBtm01Con:last-child {
    margin-right: 0;
}

.ftBtm01Con p {
    color: #FFF;
    font-size: var(--zj-so5L_2A);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.8;
    transition: all 0.3s ease;
}

.ftBtm01Con>a:hover p {
    opacity: 1;
    color: #BF461E;
}

.ft2L {
    display: flex;
    align-items: flex-start;
    margin-bottom: 24px;
}

.ft2L:last-child {
    margin-bottom: 0;
}

.ft2L img {
    width: 20px;
    flex: 0 0 auto;
    margin-right: 6px;
}

.ft2L p {
    color: #FFF;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.3s ease;
}

.ft2L>a:hover p {
    color: #BF461E;
}


@media (max-width: 1536px) {
    .ft1_logo {
        width: 490px;
    }
}

@media (max-width: 1199.9px) {
    .ftSa {
        flex-direction: column;
    }

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

@media (max-width: 992px) {
    .ft2L {
        margin-bottom: 14px;
    }
}

@media (max-width: 642px) {
    .ft1_logo {
        width: 350px;
        max-width: 100%;
    }

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

@media (max-width: 499px) {
    #footer {
        padding: 38px 0 30px;
    }

    .ft2L img {
        padding-top: 4px;
        width: 16px;
    }
}

/* sub */
.subIMG img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.subNav {
    background: #F5F5F5;
}

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

.subNav1p {
    padding: 18px 192px 18px 24px;
    background: #054686;
    position: relative;
}

.subNav1p p {
    color: #FFF;
    font-size: var(--zj-so5H);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
    z-index: 10;
}

.subNav1p img {
    position: absolute;
    bottom: 0;
    right: 16px;
}

.subnav {
    flex: 0 0 auto;
}

.breadcrumb {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.breadcrumb-item::before {
    color: #999 !important;
}

.breadcrumb-item img {
    margin-right: 4px;
    flex: 0 0 auto;
}

.breadcrumb-item a {
    color: #999;
    font-size: var(--zj-so5L_2A);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.3s ease;
}

.breadcrumb-item a:hover {
    color: #BF461E;
}

@media (max-width: 1536px) {
    .subIMG img {
        height: 340px;
    }
}

@media (max-width: 499px) {
    .subIMG img {
        height: 240px;
    }
}

/* search1 */
.se1 {
    padding: 44px 0 118px;
}

.se1FoBox {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 44px;
}

.se1Fo {
    border-radius: 60px;
    border: 1px solid rgba(219, 219, 219, 0.50);
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
    padding: 12px 20px;
    width: 472px;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.se1In1 {
    width: 80%;
    color: #999;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.se1Fo input::-webkit-input-placeholder {
    color: #99999977;
}

.se1Fo input:-moz-placeholder {
    color: #99999977;
}

.se1Fo input::-moz-placeholder {
    color: #99999977;
}

.se1Fo input:-ms-input-placeholder {
    color: #99999977;
}

.se1Fo input.active {
    color: red;
}

.se1Fo input.active::-webkit-input-placeholder {
    color: #e01e24;
}

.se1Fo input.active:-moz-placeholder {
    color: #e01e24;
}

.se1Fo input.active::-moz-placeholder {
    color: #e01e24;
}

.se1Fo input.active:-ms-input-placeholder {
    color: #e01e24;
}

.se1Fo i {
    font-size: 24px;
    color: #054686;
}

.se1_u {
    margin-bottom: 44px;
}

.se2 {
    padding-top: 64px;
    padding-bottom: 96px;
}

.se2H p {
    overflow: hidden;
    color: #232323;
    text-align: center;
    text-overflow: ellipsis;
    font-size: var(--zj-venLibox);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/* subpagin */
.subPagin {
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.pagination>li {
    margin: 0 5px;
}

.pagination>li>a {
    display: block;
    padding: 2px 4px;
}

.pagination>li>a span {
    color: #666;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    --size: 1px;
    --color: #BF461E;
    text-decoration: none;
    background-image: linear-gradient(var(--color), var(--color));
    background-size: 0% var(--size);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition-property: background-size, color, opacity;
    transition-duration: 0.5s;
    transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

.pagination>li>a:hover span {
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
    color: #BF461E;
}

.pagination>li.active>a span {
    background-size: 100% var(--size);
    background-position-x: 0%;
    opacity: 1;
    color: #BF461E;
}


/* subbgbox */
.subbgbox {
    position: relative;
}

.subbgbox>img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

/* 研究院 */
.subNav2H p {
    color: #232323;
    font-size: var(--zj-subNav2H);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 12px;
}

.subNavSp .subNav1,
.yanju1_1 {
    width: 24%;
}

.subNavSp .subNav1p {
    padding: 18px 24px;
}

.subNavSp .subNav2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 24% - 66px);
}

.yanju1_2 {
    width: calc(100% - 24% - 66px);
}

@media (max-width: 992px) {

    .subNavSp .subNav1,
    .yanju1_1 {
        display: none;
    }

    .subNavSp .subNav2 {
        width: 100%;
    }
}

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

.yanju1_1U>svg {
    position: relative;
    left: 12%;
    top: 4px;
    z-index: -1;
}

.yanju1_1L {
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    background: #054686;
    transition: all 0.3s ease;
}

.yanju1_1L:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    background: #BF461E;
}

.yanju1_1L.on {
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    background: #BF461E;
}

.yanju1_1LA {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px;
}

.yanju1_1LA p {
    color: #FFF;
    font-size: var(--zj-so2_1laNum);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.yanju1_1LA i {
    font-size: var(--zj-so2_1bt);
    color: rgba(255, 255, 255, 0.4);
    transition: all 0.3s ease;
}

.yanju1_1LA:hover i {
    color: rgba(255, 255, 255, 1);
}

.yanju1_1L.on .yanju1_1LA i {
    color: rgba(255, 255, 255, 1);
}

.yanju1_2 {
    padding: 44px 16px 137px;
}

.yanju2box {
    padding: 44px 0 137px;
}

.yanju1_2Box p {
    color: #232323;
    font-size: var(--zj-venLibox);
    font-style: normal;
    font-weight: 400;
    line-height: calc(var(--zj-venLibox) * 2);
}

.yanju1_2Box p img {
    max-width: 100%;
}

@media (max-width: 1536px) {
    .yanju2box {
        padding: 36px 0 100px;
    }
}

/* yanju2 */
.yanju2_l {
    margin-bottom: 40px;
}

.yanju2_l:last-child {
    margin-bottom: 0;
}

.yanju2_lA {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(249, 252, 255, 0.30);
    box-shadow: 4px 4px 25px 0px rgba(5, 70, 134, 0.10);
    padding: 22px 36px;
}

.yanju2_l1 {
    flex: 0 0 auto;
    width: 10%;
    overflow: hidden;
}

.yanju2_l1 img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.yanju2_l2 {
    width: calc(260px + 80px);
    flex: 0 0 auto;
}

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

.yanju2_l2H p {
    color: #054686;
    font-size: var(--zj-so2_1laNum);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    min-width: 130px;
}

.yanju2_l2H p:nth-child(2) {
    color: #232323;
    font-size: var(--zj-venLibox);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.yanju2_l3 {
    width: 36%;
    flex: 0 0 auto;
}

.yanju2_l3 p {
    color: #666;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* yanju5 */
.yanju5_1 {
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #DDD;
    padding: 12px 6px 2px;
    margin-bottom: 16px;
}

.yanju5_1A {
    color: #232323;
    font-size: var(--zj-venLibox);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px 14px;
    margin-right: 30px;
    transition: all 0.3s ease;
    display: block;
}

.yanju5_1A:last-child {
    margin-right: 0;
}

.yanju5_1A:hover {
    border-radius: 4px;
    background: #BF461E;
    color: rgba(255, 255, 255, 1);
}

.yanju5_1A.on {
    border-radius: 4px;
    background: #BF461E;
    color: rgba(255, 255, 255, 1);
}

.yanju5_2box {
    display: none;
}

.yanju5_2box.on {
    display: block;
}

/* yanju6 */
.yanju6_h {
    margin-bottom: 26px;
}

.yanju6_h p {
    color: #232323;
    text-align: center;
    font-family: "Source Han Sans SC";
    font-size: var(--zj-so5H);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.yanju6_Num {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 14px;
    position: relative;
    margin-bottom: 28px;
}

.yanju6_Num::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #DDD;
    left: 0;
    bottom: 0;
}

.yanju6_Num p {
    color: #666;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 82px;
}

.yanju6_Num p:last-child {
    margin-right: 0;
}

.yanju6_p p {
    color: #232323;
    font-size: var(--zj-venLibox);
    font-style: normal;
    font-weight: 400;
    line-height: calc(var(--zj-venLibox) * 2);
}

.yanju6_Chan {
    position: relative;
    padding-top: 20px;
    margin-top: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.yanju6_Chan::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #DDD;
    left: 0;
    top: 0;
}

.yanju6_ChanA {
    display: flex;
    align-items: center;
    width: 40%;
}

.yanju6_ChanA:nth-child(3) {
    justify-content: flex-end;
}

.yanju6_ChanA:nth-child(2) {
    width: 20%;
    padding: 0 6px;
    justify-content: center;
}

.yanju6_ChanA i {
    color: rgba(102, 102, 102, 1);
    font-size: 20px;
    margin-right: 6px;
    transition: all 0.3s ease;
}

.yanju6_ChanA:hover i {
    color: #BF461E;
}

.yanju6_ChanA p {
    color: #666;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}

.yanju6_ChanA:hover p {
    color: #BF461E;
}

/* shizi_1 */
.shizi1_P {
    padding: 0 12px;
    margin-bottom: 54px;
}

.shizi1_P p {
    color: #232323;
    font-size: var(--zj-venLibox);
    font-style: normal;
    font-weight: 400;
    line-height: calc(var(--zj-venLibox) * 2);
}

.shizi1_U {
    margin: 0 !important;
    background: url("../images/shizi1bg.png")/*tpa=https://haiyang.sdufe.edu.cn/images/shizi1bg.png*/ no-repeat;
    background-size: cover;
    background-position: center;
    border: 0.5px solid rgba(255, 255, 255, 0.15);
}

.shizi1_L {
    width: 20%;
    padding: 0 !important;
    border: 0.5px solid rgba(255, 255, 255, 0.15);
    padding: 40px !important;
}

.shizi1_LNum {
    position: relative;
    margin-bottom: 16px;
}

.shizi1_LNum::after {
    position: absolute;
    content: "";
    width: 48px;
    height: 1px;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.40);
}

.shizi1_LNum p {
    color: #FFF;
    text-shadow: 2px 1px 0px rgba(5, 70, 134, 0.80);
    font-size: var(--zj-so2_1p);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.shizi1_LP p {
    color: #FFF;
    text-shadow: 1px 1px 0px rgba(5, 70, 134, 0.80);
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/* shizi2 */
.shizi2_U {
    width: 607px;
    max-width: 100%;
    margin: auto;
}

.shizi2_L {
    background: #FFF;
    box-shadow: 4px 4px 25px 0px rgba(5, 70, 134, 0.10);
    margin-bottom: 70px;
    display: flex;
    justify-content: space-between;
    padding: 30px 60px;
}

.shizi2_L1P {
    position: relative;
    padding-left: 14px;
}

.shizi2_L1P::after {
    position: absolute;
    content: "";
    width: 4px;
    height: 26px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 4px;
    background: #054686;
}

.shizi2_L1P p {
    color: #054686;
    font-size: var(--zj-so5H);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.shizi2_L2 {
    flex: 0 0 auto;
    position: inherit;
    margin-left: 60%;
     margin-top: -40px;
    width: 150px;

}

.shizi2_L2>a {
    display: flex;
    align-items: center;
    color: #232323;
    font-size: var(--zj-venLibox);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 4px 6px;
    position: relative;
    transition: all 0.3s ease;
    margin-bottom: 4px;
    width: 150px;
}

.shizi2_L2>a:last-child {
    margin-bottom: 0;
}

.shizi2_L2>a:hover {
    color: #BF461E;
}

.shizi2_L2>a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #DDD;
    left: 0;
    bottom: 0;
}

.shizi2_L2>a i {
    --w: 24px;
    width: var(--w);
    height: var(--w);
    background: rgba(245, 245, 245, 1);
    font-size: 12px;
    color: rgba(5, 70, 134, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex: 0 0 auto;
    margin-left: 50px;
    transition: all 0.3s ease;
    position: absolute;
    float: right;
    right: 1px;
}

.shizi2_L2>a:hover i {
    color: #fff;
    background: #BF461E;
}

/* shizi3 */
.shizi3_1 {
    margin-bottom: 54px;
}

.shizi3_1Sa {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #DDD;
    padding-bottom: 2px;
}

.shizi3_1P {
    color: #232323;
    font-size: var(--zj-venLibox);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px 14px;
    margin-right: 20px;
}

.shizi3_1A {
    color: #232323;
    font-size: var(--zj-venLibox);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 4px;
    background: #bf461e00;
    margin-right: 30px;
    display: block;
    padding: 10px 14px;
    transition: all 0.3s ease;
}

.shizi3_1A:last-child {
    margin-right: 0;
}

.shizi3_1A:hover {
    background: #bf461e;
    color: #fff;
}

.shizi3_1A.on {
    background: #bf461e;
    color: #fff;
}

.shizi3_2U {
    margin: 0;
}

.shizi3_2L {
    padding: 0;
    display: flex;
    justify-content: space-between;
    padding: 30px 26px;
    position: relative;
    border-bottom: 1px solid #DDD;
    margin-bottom: 32px;
}

.shizi3_2L::after {
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    left: 0;
    bottom: 0;
    background: rgba(191, 70, 30, 1);
    transition: all 0.5s ease;
}

.shizi3_2L:hover::after {
    width: 100%;
}

.shizi3_2Ls {
    padding: 0;
    display: flex;
    justify-content: space-between;
    padding: 30px 26px;
    position: relative;
    border-bottom: 1px solid #DDD;
    margin-bottom: 32px;
}

.shizi3_2Ls::after {
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    left: 0;
    bottom: 0;
    background: rgba(191, 70, 30, 1);
    transition: all 0.5s ease;
}

.shizi3_2Ls:hover::after {
    width: 100%;
}


.shizi3_2LIM {
    width: 28%;
    flex: 0 0 auto;
    transition: all 0.5s ease;
}

.shizi3_2L:hover .shizi3_2LIM {
    transform: translateY(-8px);
}

.shizi3_2LIM img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.shizi3_2LTe {
    width: calc(72% - 22px);
}

.shizi3_2LH {
    display: flex;
    align-items: flex-end;
    margin-bottom: 8px;
    padding-top: 10px;
}

.shizi3_2LH p {
    color: #232323;
    font-size: var(--zj-so2_1laNum);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-right: 20px;
}

.shizi3_2LH span {
    color: #054686;
    font-size: var(--zj-venLibox);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.shizi3_2LP {
    margin-bottom: 10px;
}

.shizi3_2LP p {
    color: #666;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* shizi4 */
.shizi4_1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px;
}

.shizi4_1Img {
    width: 25%;
    flex: 0 0 auto;
}

.shizi4_1Img img {
    width: 90%;
    object-fit: cover;
    object-position: center;
}

.shizi4_1Te {
    width: calc(75% - 38px);
}

.shizi4_1h {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}

.shizi4_1h>p {
    color: #232323;
    font-size: var(--zj-so5H);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.shizi4_1h>a {
    color: #666;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

.shizi4_1h>a:hover {
    color: #BF461E;
}

.shizi4_1h>a i {
    margin-right: 6px;
    color: rgba(102, 102, 102, 1);
    font-size: 20px;
    transition: all 0.3s ease;
}

.shizi4_1h>a:hover i {
    color: #BF461E;
}

.shizi4_1pBox {
    position: relative;
    padding-bottom: 34px;
    margin-bottom: 28px;
}

.shizi4_1pBox::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #DDD;
    left: 0;
    bottom: 0;
}

.shizi4_1p {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.shizi4_1p:last-child {
    margin-bottom: 0;
}

.shizi4_1p>p {
    color: #666;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    min-width: 85px;
    padding-right: 5px;
}

.shizi4_1p>span,
.shizi4_1p>a {
    color: #232323;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: all 0.3s ease;
}

.shizi4_1p>a:hover {
    color: #BF461E;
}

.shizi4_1p2 p {
    color: #666;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 6px;
}

.shizi4_1p2 span {
    color: #666;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.shizi4_2BO1 {
    background: #F5F5F5;
    display: flex;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 42px;
}

.shizi4_2BO1_li {
    padding: 14px 30px;
    transition: all 0.3s ease;
}

.shizi4_2BO1_li:hover {
    background: #BF461E;
}

.shizi4_2BO1_li.on {
    background: #BF461E;
}

.shizi4_2BO1_li p {
    color: #232323;
    font-size: calc(var(--zj-so2SwP) - 2px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.3s ease;
}

.shizi4_2BO1_li:hover p {
    color: #fff;
}

.shizi4_2BO1_li.on p {
    color: #fff;
}

.shizi4_2BO2_p {
    display: none;
}

.shizi4_2BO2_p.on {
    display: block;
}

.shizi4_2BO2_p p {
    color: #232323;
    font-size: var(--zj-venLibox);
    font-style: normal;
    font-weight: 400;
    line-height: calc(var(--zj-venLibox) * 2);
}

.shizi4_2BO2_p img,
.shizi4_2BO2_p p img {
    max-width: 100%;
}

/* shizi4 */
.shizi44_1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px;
}

.shizi44_1Img {
    width: 25%;
    flex: 0 0 auto;
}

.shizi44_1Img img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.shizi44_1Te {
    width: calc(75% - 38px);
}

.shizi44_1h {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}

.shizi44_1h>p {
    color: #232323;
    font-size: var(--zj-so5H);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.shizi44_1h>a {
    color: #666;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

.shizi44_1h>a:hover {
    color: #BF461E;
}

.shizi44_1h>a i {
    margin-right: 6px;
    color: rgba(102, 102, 102, 1);
    font-size: 20px;
    transition: all 0.3s ease;
}

.shizi44_1h>a:hover i {
    color: #BF461E;
}

.shizi44_1pBox {
    position: relative;
    padding-bottom: 34px;
    margin-bottom: 28px;
}

.shizi44_1pBox::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #DDD;
    left: 0;
    bottom: 0;
}

.shizi44_1p {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.shizi44_1p:last-child {
    margin-bottom: 0;
}

.shizi44_1p>p {
    color: #666;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    min-width: 85px;
    padding-right: 5px;
}

.shizi44_1p>span,
.shizi44_1p>a {
    color: #232323;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: all 0.3s ease;
}

.shizi44_1p>a:hover {
    color: #BF461E;
}

.shizi44_1p2 p {
    color: #666;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 6px;
}

.shizi44_1p2 span {
    color: #666;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.shizi44_2BO1 {
    background: #F5F5F5;
    display: flex;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 42px;
}

.shizi44_2BO1_li {
    padding: 14px 30px;
    transition: all 0.3s ease;
}

.shizi44_2BO1_li:hover {
    background: #BF461E;
}

.shizi44_2BO1_li.on {
    background: #BF461E;
}

.shizi44_2BO1_li p {
    color: #232323;
    font-size: calc(var(--zj-so2SwP) - 2px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.3s ease;
}

.shizi44_2BO1_li:hover p {
    color: #fff;
}

.shizi44_2BO1_li.on p {
    color: #fff;
}

.shizi44_2BO2_p {
    display: none;
}

.shizi44_2BO2_p.on {
    display: block;
}

.shizi44_2BO2_p p {
    color: #232323;
    font-size: var(--zj-venLibox);
    font-style: normal;
    font-weight: 400;
    line-height: calc(var(--zj-venLibox) * 2);
}

.shizi44_2BO2_p img,
.shizi44_2BO2_p p img {
    max-width: 100%;
}


/* 科学研究 */
.kex3Box {
    border: 0.5px solid #DDD;
    margin-bottom: 28px;
    margin-top: 36px;
}

.kex3_l {
    display: -webkit-box;
    align-items: center;
    border: 0.5px solid #DDD;
}

.kex3_l:nth-child(odd) {
    background: #F5F5F5;
}

.kex3_lsp {
    background: #054686 !important;
    height: 60px!important;;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kex3_lSa {
    padding: 16px 4px;
    border-right: 0.5px solid #DDD;
    display: flex;
    justify-content: center;
    align-items: center;
}


.kex3_lSa p {
    color: #232323;
    text-align: center;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.kex3_lsp .kex3_lSa p {
    color: #FFF;
}

.kex3_lSa:nth-child(1) {
    width: 6%;
    flex: 0 0 auto;
}

.kex3_lSa:nth-child(2) {
    width: 14%;
    flex: 0 0 auto;
}

.kex3_lSa:nth-child(3) {
    width: 43%;
    flex: 0 0 auto;
}

.kex3_lSa:nth-child(4) {
    width: 17%;
    flex: 0 0 auto;
}

.kex3_lSa:nth-child(5) {
    width: 20%;
    flex: 0 0 auto;
}

/* kex4 */
.kex4 .kex3_lSa:nth-child(1) {
    width: 6%;
    flex: 0 0 auto;
}

.kex4 .kex3_lSa:nth-child(2) {
    width: 21%;
    flex: 0 0 auto;
}

.kex4 .kex3_lSa:nth-child(3) {
    width: 36%;
    flex: 0 0 auto;
}

.kex4 .kex3_lSa:nth-child(4) {
    width: 9.25%;
    flex: 0 0 auto;
}

.kex4 .kex3_lSa:nth-child(5) {
    width: 9.25%;
    flex: 0 0 auto;
}

.kex4 .kex3_lSa:nth-child(6) {
    width: 9.25%;
    flex: 0 0 auto;
}

.kex4 .kex3_lSa:nth-child(7) {
    width: 9.25%;
    flex: 0 0 auto;
}

/* kex5 */

.kex5 .kex3_lSa:nth-child(1) {
    width: 6%;
    flex: 0 0 auto;
}

.kex5 .kex3_lSa:nth-child(2) {
    width: 13%;
    flex: 0 0 auto;
}

.kex5 .kex3_lSa:nth-child(3) {
    width: 13%;
    flex: 0 0 auto;
}

.kex5 .kex3_lSa:nth-child(4) {
    width: 40%;
    flex: 0 0 auto;
}

.kex5 .kex3_lSa:nth-child(5) {
    width: 14%;
    flex: 0 0 auto;
}

.kex5 .kex3_lSa:nth-child(6) {
    width: 14%;
    flex: 0 0 auto;
}

/* kex5_3 */

.kex5_3 .kex3_lSa:nth-child(3) {
    width: 32%;
    flex: 0 0 auto;
}

.kex5_3 .kex3_lSa:nth-child(4) {
    width: 21%;
    flex: 0 0 auto;
}

.kex5_3 .kex3_lSa:nth-child(5) {
    width: 14%;
    flex: 0 0 auto;
}

.kex5_3 .kex3_lSa:nth-child(6) {
    width: 14%;
    flex: 0 0 auto;
}

/* kex5_4 */

.kex5_4 .kex3_lSa:nth-child(2) {
    width: 27%;
    flex: 0 0 auto;
}

.kex5_4 .kex3_lSa:nth-child(3) {
    width: 13%;
    flex: 0 0 auto;
}

.kex5_4 .kex3_lSa:nth-child(4) {
    width: 26%;
    flex: 0 0 auto;
}

.kex5_4 .kex3_lSa:nth-child(5) {
    width: 14%;
    flex: 0 0 auto;
}

.kex5_4 .kex3_lSa:nth-child(6) {
    width: 14%;
    flex: 0 0 auto;
}

/* ind3_LA */
.ind3 {
    padding: 44px 0 84px;
}

.ind3_U {
    margin-bottom: 40px;
}

.ind3_LA {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding: 0;
    border: none !important;
    background: #ffffff00 !important;
    box-shadow: none !important;
    padding: 20px;
    position: relative;
    border-bottom: 1px dashed #999 !important;
}

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

.ind3_L1Num {
    min-width: 108px;
    flex: 0 0 auto;
    margin-right: 34px;
    margin-bottom: 0;
}

.ind3_LA .so4SwH {
    margin-bottom: 12px;
}

.ind3_LA .so4SwH p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;

}

.ind3_LA:hover .so4SwNum p {
    border-bottom: 1px solid #fff;
    background: #BF461E;
    color: #fff;
}

.ind3_LA:hover .so2_1bt svg circle {
    fill: #BF461E;
}

.ind3_LA:hover .so4SwH p {
    color: #BF461E;
}

.ind3_LA .so4SwP p:nth-child(1) {
    margin-bottom: 4px;
}

.ind3_LA .so4SwP p:nth-child(2) {
    margin-bottom: 0;
}

.ind3_LA:hover .so4SwP p svg path {
    fill: #BF461E;
}

.ind3_LA:hover .so4SwP p {
    color: #BF461E;
}

/* ind4 */
.ind4 {
    padding: 90px 0 82px;
}

/* ind2 */
.ind2 {
    padding: 44px 0 82px;
}

.ind2_U {
    margin-bottom: 44px;
}

.ind2_LA {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px dashed #999;
}

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

.ind2_L_1NUm {
    background: #054686;
    margin-right: 30px;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6px;
    transition: all 0.3s ease;
}

.ind2_LA:hover .ind2_L_1NUm {
    background: #BF461E;
}

.ind2_L_1NUm p {
    color: #FFF;
    font-size: var(--zj-so2_1p);
    font-style: normal;
    font-weight: 400;
    line-height: var(--zj-so2_1p);
    margin-bottom: 6px;
}

.ind2_L_1NUm span {
    color: #FFF;
    font-size: var(--zj-so5L_2A);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ind2_L_2 {
    margin-left: 12px;
    flex: 0 0 auto;
}

.ind2_L_2 svg {
    width: 30px;
}

.ind2_L_1H p {
    color: #323232;
    font-size: var(--zj-venLibox);
    font-style: normal;
    font-weight: 700;
    line-height: calc(var(--zj-venLibox) * 1.5);
    transition: all 0.3s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ind2_LA:hover .ind2_L_1H p {
    color: #BF461E;
}

.ind2_L_2 svg path {
    transition: all 0.3s ease;
}

.ind2_L_2 svg circle {
    transition: all 0.3s ease;
}

.ind2_LA:hover .ind2_L_2 svg path {
    fill: #fff;
}

.ind2_LA:hover .ind2_L_2 svg circle {
    fill: #BF461E;
}

/* ind1 */
.ind1 {
    padding: 44px 0 82px;
}

.ind1_u {
    margin-bottom: 20px;
}

.ind1_a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed #999;
    padding: 20px;
    transition: all 0.3s ease;
}

.ind1_a:hover {
    border-bottom: 1px dashed #BF461E;
}

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

.ind1_l1Num {
    transition: all 0.3s ease;
    padding: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 60px;
}

.ind1_a:hover .ind1_l1Num {
    background: #BF461E;
}

.ind1_l1Num p {
    color: #054686;
    font-size: var(--zj-so2_1p);
    font-style: normal;
    font-weight: 700;
    line-height: var(--zj-so2_1p);
    margin-bottom: 6px;
    transition: all 0.3s ease;
}

.ind1_a:hover .ind1_l1Num p {
    color: #fff;
}

.ind1_l1Num span {
    color: #054686;
    font-size: var(--zj-so5L_2A);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.3s ease;
}

.ind1_a:hover .ind1_l1Num span {
    color: #fff;
}

.ind1_l1Img {
    width: 20%;
    flex: 0 0 auto;
    margin-right: 30px;
    overflow: hidden;
}

.ind1_l1Img img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
    width: 100%;
    transition: all 0.3s ease;
}

.ind1_a:hover .ind1_l1Img img {
    transform: scale(1.08);
}

.ind1_l1Te {
    width: 62%;
    flex: 0 0 auto;
}

.ind1_l1H {
    margin-bottom: 14px;
}

.ind1_l1H p {
    color: #323232;
    font-size: var(--zj-so2_1laNum);
    font-style: normal;
    font-weight: 700;
    line-height: calc(var(--zj-so2_1laNum) * 1.4);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
    width: 776px;
    max-width: 100%;
}

.ind1_a:hover .ind1_l1H p {
    color: #BF461E;
}

.ind1_l1P {
    position: relative;
    padding-top: 14px;
}

.ind1_l1P::after {
    position: absolute;
    content: "";
    width: 60px;
    height: 2px;
    left: 0;
    top: 0;
    background: #054686;
    transition: all 0.3s ease;
}

.ind1_a:hover .ind1_l1P::after {
    background: #BF461E;
}

.ind1_l1P p {
    color: #666;
    font-size: var(--zj-so2_1bt);
    font-style: normal;
    font-weight: 400;
    line-height: calc(var(--zj-so2_1bt) * 1.75);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
    width: 776px;
    max-width: 100%;
}

.ind1_a:hover .ind1_l1P p {
    color: #BF461E;
}

.ind1_l2 {
    margin-left: 12px;
    flex: 0 0 auto;
}

.ind1_l2 svg {
    width: 30px;
}

.ind1_l2 svg path {
    transition: all 0.3s ease;
}

.ind1_a:hover .ind1_l2 svg path {
    fill: #fff;
}

.ind1_l2 svg circle {
    transition: all 0.3s ease;
}


.ind1_a:hover .ind1_l2 svg circle {
    fill: #BF461E;
}

.subXiala {
    display: none;
}

.subNavSp .subNav2 {
    position: relative;
}

.subXialabox {
    position: absolute;
    width: 100%;
    left: 0;
    top: 56px;
    z-index: 10;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.8s ease;
}

.subNav2.on .subXialabox {
    max-height: 600px;
    opacity: 1;
}

.subXialabox>a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    background: #054686;
    display: block;
    color: #FFF;
    font-size: var(--zj-so2_1laNum);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


    .yanju2box {
        width: 100%;
    }

    .subnav {
        display: none;
    }

    .subNavSp .subNav2 {
        padding: 12px 0;
    }

    .subXiala {
        display: block;
    }

    .yanju6_Chan {
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }

    .yanju6_ChanA {
        width: 100%;
    }

    .yanju6_ChanA:nth-child(2) {
        width: 100%;
        padding: 0;
        justify-content: flex-start;
    }

    .yanju6_ChanA:nth-child(3) {
        justify-content: flex-start;
    }

    .yanju1_2 {
        width: 100%;
    }

    .kex3_lSa {
        padding: 10px 4px;
    }

    .yanju1_2 {
        padding: 44px 0 77px 75px;
    }

    .shizi1_L {
        width: 33.3333%;
    }

    .shizi2_L {
        margin-bottom: 34px;
        padding: 18px 22px;
    display: block;
    }

    .shizi3_2L {
        /*width: 100%;*/
    }

    .shizi4_1 {
      /*  flex-direction: column;*/
    }

    .shizi4_1Img {
        margin-bottom: 20px;
    }

    .shizi4_1Te {
        width: 100%;
    }

    .yanju2_lA {
        flex-wrap: wrap;
    }

    .yanju2_l1 {
        width: 50%;
        margin-bottom: 20px;
    }

    .yanju2_l2 {
        width: 100%;
        margin-bottom: 16px;
    }

    .yanju2_l3 {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .ind1_l1Num {
        margin-right: 10px;
    }

    .ind1_l1Img {
        width: 26%;
        margin-right: 12px;
    }

    .ind1_l1 {
        width: 100%;
        justify-content: space-between;
    }

    .ind1_l2 {
        display: none;
    }

    .subNav1p img {
        width: 38%;
    }

    .subNav1p {
        padding: 12px 64px 12px 20px;
    }

    .ind2_L_2 {
        display: none;
    }

    .so2_1bt {
        display: none;
    }

    .yanju6_Num {
        flex-direction: column;
    }

    .yanju6_Num p {
        margin-right: 0;
    }

    .yanju5_1 {
        overflow-x: scroll;
    }

    .yanju5_1A {
        min-width: max-content;
    }

    .se1Fo {
        padding: 6px 16px;
    }

    .shizi1_L {
        width: 50%;
    }

    .shizi2_L {
        flex-direction: column;
    }

    .shizi2_L1P {
        margin-bottom: 20px;
    }

    .shizi2_L2>a {
        justify-content: space-between;
    }

    .shizi2_L2>a i {
        margin-left: 12px;
    }

    .shizi2_L {
        margin-bottom: 22px;
    }

    .shizi3_1Sabox {
        overflow-x: scroll;
        margin-bottom: 8px;
    }

    .shizi3_1Sa {
        width: 768px;
    }

    .shizi3_1P {
        width: max-content;
    }

    .shizi3_1A {
        width: max-content;
    }
}

@media (max-width: 642px) {
    .shizi3_2L {
        flex-direction: column;
        padding: 14px 12px;
    }

    .shizi3_2LIM {
        width: 44%;
    }

    .shizi3_2LTe {
        width: 100%;
    }

    .shizi4_2BO1 {
        overflow-x: scroll;
    }

    .shizi4_2BO1_li p {
        width: max-content;
    }
}




@media (max-width: 499px) {
    .yanju2box {
        padding: 20px 0 50px;
    }

    .se1_u {
        margin-bottom: 22px;
    }

    .pagination>li {
        margin: 0 2px;
    }

    .ind1_a {
        padding: 8px 6px;
    }

    .ind2_LA {
        padding: 8px 6px;
    }

    .ind3_LA {
        padding: 8px 6px;
    }

    .ind3_L1Num {
        min-width: 66px;
        margin-right: 16px;
    }

    .ind3_LA .so4SwH {
        margin-bottom: 4px;
    }

    .ind3 {
        padding: 24px 0 44px;
    }

    .ind3_U {
        margin-bottom: 26px;
    }

    .so4SwP p svg {
        width: 14px;
        margin-right: 4px;
    }

    .ind1_l1Img {
        display: none;
    }

    .ind1_l1Te {
        width: 77%;
    }

    .ind1_l1H {
        margin-bottom: 8px;
    }

    .ind1 {
        padding: 29px 0 50px;
    }

    .ind1_l1P {
        padding-top: 7px;
    }

    .ind2_L_1NUm {
        margin-right: 12px;
    }

    .ind2 {
        padding: 28px 0 43px;
    }

    .ind2_U {
        margin-bottom: 28px;
    }

    .ind4 {
        padding: 40px 0 42px;
    }

    .yanju6_Chan {
        padding-top: 16px;
        margin-top: 22px;
    }

    .yanju6_Num {
        margin-bottom: 22px;
    }

    .yanju6_h {
        margin-bottom: 12px;
    }

    .yanju1_2 {
        padding: 28px 0 46px;
    }

    .kex3Box {
        margin-top: 18px;
    }

    .yanju1_1LA {
        padding: 12px 12px;
    }

    .yanju5_1 {
        padding: 0 6px 2px;
        margin-bottom: 4px;
    }

    .yanju5_1A {
        padding: 6px 10px;
        margin-right: 12px;
    }

    .se1Fo i {
        font-size: 18px;
    }

    .se1 {
        padding: 36px 0 58px;
    }

    .se1FoBox {
        margin-bottom: 20px;
    }

    .shizi1_P {
        margin-bottom: 20px;
    }

    .shizi3_1 {
        margin-bottom: 24px;
    }

    .shizi3_1P {
        padding: 8px 6px;
        margin-right: 6px;
    }

    .shizi3_1A {
        margin-right: 14px;
        padding: 6px 12px;
    }

    .shizi3_2L {
        margin-bottom: 14px;
    }

    .shizi4_1Img {
        width: 48%;
    }

    .shizi4_1pBox {
        padding-bottom: 22px;
        margin-bottom: 18px;
    }

    .shizi4_2BO1_li {
        padding: 8px 13px;
    }

    .shizi4_1 {
        margin-bottom: 40px;
    }

    .shizi4_2BO1 {
        margin-bottom: 24px;
    }

    .yanju2_lA {
        padding: 12px 18px;
    }

    .yanju2_l2H p {
        font-size: 16px;
    }

    .yanju2_l {
        margin-bottom: 22px;
    }
}

.swiper-slide2w {
   width: 30%; 
}

@media (max-width: 1536px) {
 .swiper-slide2w {
   width: 30%; 
  }   
}


@media (max-width: 1199.9px) {
  .swiper-slide2w {
   width: 30%; 
  }   
}

@media (max-width: 992px) {
 .swiper-slide2w {
   width: 50%; 
  }   
 
}

@media (max-width: 768px) {
    .swiper-slide2w {
   width: 50%; 
  }   

}

@media (max-width: 642px) {
    .swiper-slide2w {
   width: 100%; 
}   

}

@media (max-width: 499px) {
  .swiper-slide2w {
   width: 100%; 
}  
}

/*公共样式 字体，行高，字体颜色等*/
.pagebar {
    font-size: 12px;
    font-family: SimSun;
    line-height:12px;

    color:#666;
}

/*去掉a链接的下划线*/
.pagebar a{
    text-decoration: none;
}

/*消掉最左侧页码区margin-left的5个像素*/
.pagebar .p_pages{
    margin-left: -5px;
}

/*按钮和页码的外观*/
.pagebar .p_fun_d, .pagebar .p_no_d,.pagebar .p_fun a, .pagebar .p_no a{
    
    padding: 5px 8px;
    margin: 0 5px;

    height:24px;
    -height:auto;
    color: #666666;
    font-weight: bold;
    font-size: 14px;
    line-height:12px;
    box-sizing:border-box;
    display:inline-block;
    vertical-align:middle;
}

/*文字对齐样式*/
.pagebar .p_t{
    line-height:12px;
    margin:0px;
    padding:0px;
    display:inline-block;
    vertical-align:middle;
}

/*无链接的字体颜色*/
.pagebar .p_fun_d, .pagebar .p_no_d{
    color: #666666;
    font-size:16px;
}
 
/*链接字体颜色*/
.pagebar .p_fun a, .pagebar .p_no a{
    color: #535353;
}

/*鼠标移上时有链接按钮的外观*/
.pagebar .p_no a:hover,.pagebar .p_fun a:hover, .pagebar .p_goto a:hover{
    background-color: #f5f5f5;
}


/*页码省略号...的外观*/
.pagebar .p_dot {
    margin-left:4px;
    margin-right:4px;
    color:#666;
}

/*当前页码的外观*/
.pagebar .p_no_d {
 color: #666666;text-decoration: underline;
 text-decoration-thickness: 2px;

}

.venSehFo button{background:unset;}