@font-face {
    font-family: 'Poppins-SemiBold';
    src:
        url('../font/Poppins-SemiBold.woff') format('woff'),
        url('../font/Poppins-SemiBold.ttf') format('truetype'),
        url('../font/Poppins-SemiBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-Regular';
    src:
        url('../font/Poppins-Regular.woff') format('woff'),
        url('../font/Poppins-Regular.ttf') format('truetype'),
        url('../font/Poppins-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
#page{
   word-break: break-word;
}
.header{
    position: sticky;
    top: 0;
    z-index: 20;
    background: #fff;
    transition: 0.5s;
}
.header.on{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.header .box{
    height: 3.33rem;
    color: #333;
}
.header .box .logo img{
    display: block;
    max-height: 2.07rem;
}
.header .header-right{
    display: flex;
    align-items: center;
}
.header .header-right .nav{
    padding-right: 1.27rem;
}
.header .header-right .nav>li h2{
    font-weight: normal;
    transition: 0.3s;
    height: 3.33rem;
    line-height: 3.33rem;
}
.header .header-right .nav>li{
    margin-right: 1.71rem;
}
.header .header-right .nav>li h2 a{
    display: block;
}
.header .header-right .nav>.nLi h2:hover{
    color: #E60012;
    font-weight: bold;
}
.header .header-right .nav>li.on h2 {
    color: #E60012;
    font-weight: bold;
}
.header .nav .nLi .navSub {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #fff;
    border-top: 1px solid #efefef;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}

.header .goLogin {
    width: 5.33rem;
    height: 1.33rem;
    line-height: 1.33rem;
    text-align: center;
    border: 1px solid #E60012;
    background: #E60012;
    color: #fff;
    transition: 0.3s;
    border-radius: 0.13rem;
    margin-right: 1.5rem;
}
.header .goLogin img{
    filter: brightness(0) invert(1);
    margin-left: 0.2rem;
    position: relative;
    top: -0.07rem;
    transition: 0.3s;
}
.header .goLogin:hover{
    background: #fff;
    color: #E60012;
}
.header .goLogin:hover img{
    filter: initial;
}
.header .header-phone{
    color: #1A1A1A;
    line-height: 24px;
}
.header .header-phone h5{
    line-height: 28px;
    color: #E60012;
    font-family: 'Poppins-SemiBold';
    font-weight: normal;
}
.header .header-right .nav .nLi .navSub{
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #fff;
    border-top: 1px solid #efefef;
    background-image: url(../images/navBg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.header .header-right .nav .nLi .navSub .wrap{
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0.8rem 0 2.67rem 0;
    z-index: 1;
}
.header .header-right .nav .nLi .navSub .wrap::after{
    content: "";
    position: absolute;
    top: 0.8rem;
    left: 2.67rem;
    height: calc(100% - 48px);
    width: 100%;
    background: url(../images/logo-svg.png) no-repeat top left;
    z-index: -1;
}
.header .header-right .nav .nLi .navSub .wrap .text{
    position: relative;
}
.header .header-right .nav .nLi .navSub .wrap .text h4{
    position: relative;
    line-height: 1.2rem;
    color: #333333;
    padding-bottom: 20px;
}
.header .header-right .nav .nLi .navSub .wrap .text h4::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0.27rem;
    background: #E60012;
    width: 1.67rem;
    height: 0.17rem;

}
.header .header-right .nav .nLi .navSub .wrap .text .txt{
    position: absolute;
    bottom: 0;
    left: 0;
}
.header .header-right .nav .nLi .navSub .wrap .text .txt .p{
    margin-top: 0.5rem;
}
.header .header-right .nav .nLi .navSub .wrap .text .txt .p:first-child{
    margin-top: 0;
}
.header .header-right .nav .nLi .navSub .wrap .text .txt span{
    display: block;
    line-height: 0.87rem;
    color: #888888;
}
.header .header-right .nav .nLi .navSub .wrap .text .txt p{
    line-height: 0.87rem;
    color: #888888;
    text-decoration: underline;
    display: inline-block;
}
.header .header-right .nav .nLi .navSub .wrapRight{
    display: flex;
    position: relative;
    justify-content: space-between;
    width: 35.6rem;
}
.header .header-right .nav .nLi .navSub .wrapRight .img{
    width: 10.1rem;
    height: 11.23rem;
    border-radius: 0.17rem;
    overflow: hidden;
}
.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo{
    
    
    border-right: 1px #E2E2E2 solid;
    min-height: 100%;
    
}
.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo>li>a{
    width: 6.4rem;
    box-sizing: border-box;
    padding-right: 1rem;
}
.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree{
    position: absolute;
    top: 0;
    left: 5.2rem;

    border-right: 1px #E2E2E2 solid;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    transition: all 0.3s ease;
    /* 修改为使用active类控制显示 */
    min-height: 100%;
    height: auto;
    display: block;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree li {
    position: relative;
    opacity: 0;
    transform: translateX(-15px);
    transition: all 0.3s ease;
    transition-delay: 0s;
}
.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree>li>a {
    padding-left: 2.04rem;
    padding-right: 1.2rem;
    width: 9.2rem;
    box-sizing: border-box;
}
.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree>li>a>.icon{
    right: 0.5rem;
}
.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo li:hover > .navSubThree {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree li {
    opacity: 0;
    transform: translateX(-15px);
    transition: all 0.3s ease;
    transition-delay: 0s;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree li:nth-child(1) {
    transition-delay: 0.05s;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree li:nth-child(2) {
    transition-delay: 0.1s;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree li:nth-child(3) {
    transition-delay: 0.15s;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree li:nth-child(4) {
    transition-delay: 0.2s;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree li:nth-child(5) {
    transition-delay: 0.25s;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree li:nth-child(6) {
    transition-delay: 0.3s;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree li:nth-child(7) {
    transition-delay: 0.35s;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree li:nth-child(8) {
    transition-delay: 0.4s;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree li:nth-child(9) {
    transition-delay: 0.45s;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree li:nth-child(10) {
    transition-delay: 0.5s;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree li:nth-child(11) {
    transition-delay: 0.55s;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree li:nth-child(12) {
    transition-delay: 0.6s;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree li:nth-child(13) {
    transition-delay: 0.65s;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree li:nth-child(14) {
    transition-delay: 0.7s;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree li:nth-child(15) {
    transition-delay: 0.75s;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo li:hover > .navSubThree li {
    opacity: 1;
    transform: translateX(0);
}

/* 当悬停在.navSubThree上时，其父级li > a变红色 */
.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo li .navSubThree:hover,
.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo li:hover .navSubThree {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo li:hover > a,
.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo li .navSubThree:hover ~ a {
    color: #E60012;
}
.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo li:hover>a .icon{
    filter: initial;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubFour {
    position: absolute;
    top: 0;
    left: 8.4rem;

    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    transition: all 0.3s ease;
    /* 修改为使用active类控制显示 */
    height: auto;
    min-height: 11.6rem;
    display: block;
   
}
.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubFour>li>a{
    padding-left:1.67rem;
    padding-right: 2rem;
    box-sizing: border-box;
    width: 6.67rem;
    white-space: nowrap;
}


.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubThree li:hover > .navSubFour {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubFour li {
    opacity: 0;
    transform: translateX(-15px);
    transition: all 0.3s ease;
    transition-delay: 0s;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubFour li:nth-child(1) {
    transition-delay: 0.05s;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo .navSubFour li:nth-child(2) {
    transition-delay: 0.1s;
}

.header .header-right .nav .nLi .navSub .wrapRight .navSubTwo li:hover > .navSubThree li:hover > .navSubFour li {
    opacity: 1;
    transform: translateX(0);
}


.header .header-right .nav .nLi .navSub .wrapRight li a{
    display: block;
    line-height: 0.74rem;
    color: #888;
    position: relative;
    padding: 0.24rem 0;
    padding-right: 0.2rem;
    transition: 0.3s;
}
.header .header-right .nav .nLi .navSub .wrapRight li a .icon{
    position: absolute;
    top: 50%;
    right: 0.5rem;
    transform: translateY(-50%);
    filter: brightness(0) invert(0.6);
    transition: 0.3s;
}
.header .header-right .nav .nLi .navSub .wrapRight li a:hover{
   
        background: linear-gradient(to right, #E60012, #F17400);
        /* 标准的语法 */
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
        /* 防止在某些浏览器中显示默认颜色 */
}
.header .header-right .nav .nLi .navSub .wrapRight li a:hover .icon{
    filter: initial;
}
.language{
    position: relative;
}
.language .lang-icon{
    position: relative;
    top: -2px;
}
.languageSub{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    text-align: center;
    font-size: 0.53rem;
    padding: 0.2rem 0;
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
}
.languageSub a{
    transition: 0.3s;
    display: block;
    line-height: 1.2rem;
}
.languageSub a:hover{
    color: #E60012;
}

.banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.banner .swiper-slide em{
    display: block;
    padding-bottom: 39.06%;
}
.banner .swiper-slide .item {
    position: absolute;
    z-index: 2;
    top: 41%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.banner .swiper-slide .item .imgText{
    max-height: 5.6rem;
}
.banner .indexMore{
    color: #fff;
    margin-top: 5.8%;
}
.banner .indexMore .icon img{
    filter: brightness(0) invert(1);
}
.banner .indexMore span::after{
    background: #fff;
}
.banner .bannerSwitch{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    pointer-events: none;
}
.banner .bannerSwitch .indexSwitch{
    margin: 5px 0;
    pointer-events: initial;
}
.banner .bannerSwitch .indexSwitch.prev{
    transform: rotate(180deg);
}

.indexMore{
    color: #1A1A1A;
    display: flex;
    align-items: center;
    width: 6rem;
}
.indexMore span {
    position: relative;
    font-weight: bold;
    transition: 0.3s;
}
.indexMore span::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #1A1A1A;
    transition: 0.3s;
}
.indexMore .icon{
    width: 1.8rem;
    height: 1.3rem;
    border-radius: 0.33rem;
    border: 1px #CBCBCB solid;
    position: relative;
    box-sizing: border-box;
    margin-left: 0.3rem;
    transition: 0.3s;
}
.indexMore .icon img{
    position: absolute;
    top: 0.47rem;
    right: 0.4rem;
    height: 0.4rem;
    width: 0.43rem;
    transition: 0.3s;
}
.indexMore:hover span{
    background: linear-gradient(to right, #E60012, #F17400);
        /* 标准的语法 */
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
}
.indexMore:hover span::after{
    background: linear-gradient(to right, #E60012, #F17400);
}
.indexMore:hover .icon{
    background: linear-gradient(to right, #E60012, #F17400);
    border-color: transparent;
}
.indexMore:hover .icon img{
    filter: brightness(0) invert(1);
}
.indexSwitch{
    position: relative;
    width: 1.8rem;
    height: 1.3rem;
    border-radius: 0.33rem;
    background: rgba(255,255,255,0.3);
    backdrop-filter: blur(10px);
    cursor: pointer;
    transition: 0.3s;
}
.indexSwitch img{
    position: absolute;
    right: 0.33rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.61rem;
}
.indexSwitch:hover{
    background: #E60012;
    backdrop-filter: none;
}
.indexBox{
    background-image: url(../images/indexOneBg.png);
    position: relative;
    z-index: 1;
}
.indexTitle h3{
    color: #222;
    line-height: 2.07rem;
}
.indexTitle p{
    position: relative;
    line-height: 1.07rem;
    padding: 0.2rem 0 0.73rem 0;
    color: #888;
     
}

.indexTwo .indexTitle p{
       width: 68%;
}
.indexTitle p::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 5px;
    border-radius: 8px;
    background: #E60012;
}
.indexTitle .indexMore{
    margin-top: 2.67rem;
}
/*indexOne*/
.indexOne{
    height: 2.33rem;
    background: #fff;
    border-radius: 3.33rem;
    box-shadow: 0 0.13rem 0.67rem rgba(0,0,0,0.12);
    margin-top: -1.17rem;
    padding: 0 1.2rem 0 1.07rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.indexOne .box{
    width: calc(100% - 4.73rem);
    overflow: hidden;
    height: 100%;
    line-height: 2.33rem;
}
.indexOne .tit{
    position: relative;
    display: flex;
    align-items: center;
    font-weight: bold;
    color: #E60012;
    width: 4.73rem;
}
.indexOne .tit::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0.6rem;
    height: 0.46rem;
    width: 1px;
    background: #D8D8D8;
    transform: translateY(-50%);
}
.indexOne .tit img{
    position: relative;
    top: 1px;
    margin-right: 0.33rem;
}
.indexOne .box a{
    position: relative;
    padding-right: 4.73rem;
}
.indexOne .box a i{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: #999;
}
/*indexTwo*/
.indexTwo{
    position: relative;
    padding: 3.83rem 0 2.67rem 0;
}
.indexTwo .box{
    position: relative;
}
.indexTwo .indexTitle{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.indexTwoScoll{
    margin-left: 23.5rem;
    overflow: hidden;
    border-top-left-radius: 10px;
    position: relative;
}
.indexTwoScoll em{
    display: block;
    padding-bottom: 123.5%;
    transition: 0.7s;
}
.indexTwoScoll .swiper-slide{
    position: relative;
    overflow: hidden;
}
.indexTwoScoll h3{
    position: absolute;
    bottom: 1.93rem;
    left: 0;
    width: 100%;
    padding: 0 0.8rem;
    box-sizing: border-box;
    color: #fff;
    line-height: 1.07rem;
    transition: 0.3s;
}
.indexTwoScoll h3::before{
    content: "";
    position: absolute;
    top: -0.53rem;
    left: 0.8rem;
    width: 1.07rem;
    height: 0.1rem;
    border-radius: 0.27rem;
    background: #fff;
    transition: 0.3s;
}
.indexTwoScoll .swiper-slide:hover em{
    transform: scale(1.05);
}
/* .indexTwoScoll .swiper-slide:hover h3{
    color: #E60012;
}*/
.indexTwoScoll .swiper-slide:hover h3::before{
    width: 1.67rem;
} 
.indexTwoSwitch{
    position: absolute;
    top: 50%;
    right: 14%;
    z-index: 12;
    transform: translateY(-50%);
}
.indexTwoSwitch .indexSwitch{
    margin: 10px 0;
}
.indexTwoSwitch .prev{
    transform: rotate(180deg);
}
.indexTwo .ksrkBox{
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    display: flex;
    position: relative;
    z-index: 13;
    margin-top: -0.87rem;
    box-shadow: 0 0 40px rgba(55,1,1,0.07);
}
.indexTwo .ksrkBox .item{
   height: 7.67rem;
   width: 20%; 
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   position: relative;
   flex: 1;
}
.indexTwo .ksrkBox .item::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/ksrkBg.jpg) no-repeat center;
    background-size: cover;
    opacity: 0;
    transition: 0.5s;
}
.indexTwo .ksrkBox .item .txt{
    position: relative;
    z-index: 2;
}
.indexTwo .ksrkBox .item .icon{
    width: 2.67rem;
    height: 2.67rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.indexTwo .ksrkBox .item .icon img{
    max-width: 100%;
    max-height: 100%;
    transition: 0.3s;
}
.indexTwo .ksrkBox .item h4{
    line-height: 1.07rem;
    color: #888888;
    margin-top: 0.67rem;
    transition: 0.3s;
    white-space: nowrap;
}
.indexTwo .ksrkBox .item:hover::after{
    opacity: 1;
}
.indexTwo .ksrkBox .item:hover h4{
    color: #fff;
}
.indexTwo .ksrkBox .item:hover .icon img{
    filter: brightness(0) invert(1);
}
/*indexThree*/
.indexThree{
  position: relative;
}
.indexThree .bgScoll{
    overflow: hidden;
}
.indexThree .bgScoll em{
    position: relative;
    display: block;
    height: 100vh;
    transform: scale(1.1);
    transition: 7s linear;
}
.indexThree .bgScoll em::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
   background-image: linear-gradient(to top, rgba(0,0,0,0.4) 20%,rgba(0,0,0,0) 100%);
}
.indexThree .bgScoll .swiper-slide-active em{
    transform: scale(1);
}
.indexThree .box{
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
    z-index: 13;
    padding-top: 2.67rem;
    box-sizing: border-box;
}
.indexThree .box .indexTitle{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.indexThree .box .indexTitle h3{
    color: #fff;
}
.indexThree .box .indexTitle p {
    color: #fff;
}
.indexThree .indexTitle p::after{
    background: #fff;
}
.indexThree .box .indexTitle .indexMore{
    color: #fff;
    position: relative;
    top: -0.73rem;
    justify-content: flex-end;
}
.indexThree .box .indexTitle .indexMore span::after{
    background: #fff;
}
.indexThree .box .indexTitle .indexMore:hover span::after{
    background: linear-gradient(to right, #E60012, #EF5A04);
}
.indexThree .box .indexTitle .indexMore .icon img{
    filter: brightness(0) invert(1);
}
.indexThree .tabBox{
    position: absolute;
    bottom: 2.63rem;
    left: 0;
    width: 100%;
    z-index: 13;
    display: flex;
    justify-content: center;
}
.indexThree .tabBox .item{
    position: relative;
    width: 19%;
    height: 5.33rem ;
    border-radius: 0.33rem;
    background: rgba(255,255,255,0.2);
    padding: 0.7rem 0.93rem 0.47rem 0.47rem;
    box-sizing: border-box;
    backdrop-filter: blur(10px);
    color: #fff;
    transition: 0.3s;
    margin: 0 0.35%;
}
.indexThree .tabBox .item::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #E60012, #EF5A04);
    opacity: 0;
    border-radius: 10px;
}
.indexThree .tabBox .item .icon{
    position: relative;
    z-index: 1;
    height: 1.67rem;
}
.indexThree .tabBox .item .icon img{
    max-height: 100%;
    max-width: 100%;
}
.indexThree .tabBox .item .text{
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 0.56rem;
}
.indexThree .tabBox .item .text p{
    line-height: 0.87rem;
    margin-left: -0.27rem;
    font-family: 'Poppins-Regular';
}
.moreIcon{
    width: 1.8rem;
    height: 1.3rem;
    display: block;
    border: 1px #fff solid;
    border-radius: 10px;
    position: relative;
    box-sizing: border-box;
    transition: 0.3s;
}
.moreIcon img{
    position: absolute;
    top: 0.43rem;
    right: 0.4rem;
    height: 0.4rem;
    width: 0.43rem;
    transition: 0.3s;
    filter: brightness(0) invert(1);
}
.indexThree .tabBox .item .text .moreIcon{
    position: relative;
    top: -4px;
}
.indexThree .tabBox .item.on::after{
   opacity: 1;
}
/*indexFour*/
.indexFour{
    background: url(../images/indexFourBg.jpg) no-repeat center;
    background-size: cover;
    padding: 2.67rem 0;
}
.indexFour .box{
    display: flex;
    justify-content: space-between;
}
.indexFour .box .left{
    width: 32.19%;
}
.indexFour .box .left .indexTitle .indexMore:hover .icon{
    background: #E60012;
}
.indexFour .box .left .indexTitle .indexMore:hover .icon img{
    filter: brightness(0) invert(1);
}
.indexFour .box .left .jjBox{
    background: url(../images/bg.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    padding: 2.17rem 2rem 0 2rem;
    border-radius: 0.33rem;
    margin-top: 1.68rem;
    height: 15.33rem;
    box-sizing: border-box;
}
.indexFour .box .left .jjBox h3{
    line-height: 1.07rem;
}
.indexFour .box .left .jjBox .txt{
    line-height: 1.27rem;
    margin-top: 0.53rem;
    font-weight: bold;
}
.indexFour .box .left .jjBox .label{
    margin-top: 1.33rem;

    min-height: 5rem;
    margin-bottom: 0.43rem;
}
.indexFour .box .left .jjBox .label span{
    float: left;
    display: block;
    border: 1px rgba(255,255,255,0.5) solid;
    border-radius: 0.17rem;
    height: 1.27rem;
    line-height: 1.2rem;
    padding: 0 0.33rem;
    margin-right: 0.33rem;
    margin-bottom: 0.33rem;
}

.indexMore.white{
    color: #fff;
}
.indexMore.white span::after{
   background: #fff;
}
.indexMore.white .icon{
    border-color: #fff;
}
.indexMore.white .icon img{
    filter: brightness(0) invert(1);
}
.indexMore.white:hover span{
    color: #fff;
    background: none;
    -webkit-text-fill-color: initial;
}

.indexFour .box .left .indexMore:hover .icon{
    background: #fff;
}
.indexFour .box .left .indexMore:hover .icon img{
    filter: initial;
}
.indexFour .box .left .indexTitle .indexMore span::after{
    background: #1A1A1A;
}
.indexFour .box .left .indexTitle .indexMore:hover span{
    background: linear-gradient(to right, #E60012, #F17400);
        /* 标准的语法 */
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
}
.indexFour .box .left .indexTitle .indexMore:hover span::after{
    background: linear-gradient(to right, #E60012, #EF5A04);
}


.indexFour .box .right{
    width: 65.88%;
}
.indexFour .box .right .linkBtnBox{
    display: flex;
    justify-content: space-between;
}
.indexFour .box .right .linkBtnBox .item{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22.77%; 
    height: 8.6rem;
    background: #fff;
    border-radius: 0.33rem;
    position: relative;
    overflow: hidden;
} 
.indexFour .box .right .linkBtnBox .item::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 5px;
    background: #E60012;
    transition: 0.3s;
}
.indexFour .box .right .linkBtnBox .item img{
    transition: 0.6s;
    display: block;
    margin: 0 auto;
}
.indexFour .box .right .linkBtnBox .item h4{
    margin-top: 1rem;
    color: #1A1A1A;
    text-align: center;
}
.indexFour .box .right .linkBtnBox .item:hover::after{
    width: 100%;
}
.indexFour .box .right .linkBtnBox .item:hover img{
    transform: rotate3d(0,1,0,-360deg);
}

.indexAbout{
    position: relative;
    border-radius: 0.33rem;
    height: 15.33rem;
    z-index: 1;
    margin-top: 1.08rem;
}
.indexAbout .bg{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: auto;
    z-index: -1;
}
.indexAbout .indexAboutBox{
    width: 100%;
    height: 100%;
    background: url(../images/indexAboutBg.png) no-repeat left center;
    background-size: auto 100%;
    padding: 2.17rem 0 0 1.93rem;
    padding-right: 42.88%;
    box-sizing: border-box;
    position: relative;
}
.indexAbout .indexAboutBox h3{
    color: #1A1A1A;
    line-height: 1.07rem;
    margin-bottom: 1rem;
}
.indexAbout .indexAboutBox .text{
    line-height: 0.93rem;
    color: #888888;
}
.indexAbout .indexAboutBox .indexMore{
    position: absolute;
    left: 1.93rem;
    bottom: 2.17rem;
}
/*indexFive*/
.indexFive{
    background: url(../images/indexFiveBg.jpg) no-repeat bottom center;
    background-size: cover;
   position: relative;
}
.indexFive::after{
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    width: 1px;
    height: 100%;
    background: #F6F6F6;
}
.indexFive .box{
    position: relative;
    padding: 2.67rem 0;
}
.indexFive .box::after{
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    background: #F6F6F6;
}
.indexFive .box::before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 1px;
    height: 100%;
    background: #F6F6F6;
}
.indexFive .box .indexTitle{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.indexFive .box .indexTitle .indexMore{
    position: relative;
    top: -0.73rem;
    justify-content: flex-end;
}
.indexFive .box .indexTitle .indexMore .icon img{
    filter: brightness(0) invert(0.2);
}
.indexFive .box .indexTitle .indexMore:hover .icon img{
    filter: brightness(0) invert(1);
}
.indexNews{
    display: flex;
    justify-content: space-between;
   
}
.indexNews .indexTitle{
    margin-bottom: 1.5rem;
}
.indexNews .left{
    width: 45%;
    position: relative;
    overflow: hidden;
}
.indexNews .left .pic{
    overflow: hidden;
    border-radius: 0.33rem;
    height: 100%;
}
.indexNews .left .pic em{
    display: block;
    /* padding-bottom: 91.67%; */
    height: 100%;
    transition: 0.6s;
}
.indexNews .left .text{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1rem 4.33rem 2.93rem 50.1px;
    box-sizing: border-box;
   
   
    background-image: linear-gradient(to bottom, rgba(0,0,0,0),rgba(230,0,50,0.3));
 
}
.indexNews .left .text::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: url(../images/yinying.png) no-repeat 10% 10%; */
    background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(230,0,50,0.8));
    border-bottom-left-radius: 0.33rem;
    border-bottom-right-radius: 0.33rem;
    background-size: auto 260%;
}
.indexNews .left .text::before{
    content: "";
    position: absolute;
    bottom: 1.67rem;
    left: 1.67rem;
    width: calc(100% - 3.33rem);
    height: 1px;
    background: #fff;
    opacity: 0.5;
    z-index: 1;
}
.indexNews .left .text .time{
    position: relative;
    z-index: 1;
    color: #fff;
    height: 0.8rem;
    display: flex;
    align-items: center;
}
.indexNews .left .text .time img{
    margin-right: 0.2rem;
}
.indexNews .left .text h3{
    position: relative;
    z-index: 1;
    line-height: 1.27rem;
    margin-top: 0.2rem;
    color: #fff;
}
.indexNews .left .text .moreIcon{
    position: absolute;
    bottom: 2.93rem;
    right: 1.67rem;
    z-index: 1;
   
}
.indexNews .left:hover .pic em{
    transform: scale(1.1);
}
.indexNews .left:hover .text .moreIcon{
    background: #fff;
    border-color: #fff;
}
.indexNews .left:hover .text .moreIcon img{
    filter: initial;
}
.indexNews .right{
    position: relative;
    width: 50%;
    background: url(../images/news.png) no-repeat bottom right;
    background: auto 100%;
}

.indexNews .right ul li{
    margin-bottom: 1.3rem;
}
.indexNews .right ul li:last-child{
    margin-bottom: 0;
}
.indexNews .right ul li a{
    position: relative;
    display: block;
    padding-bottom: 1rem;
    padding-right: 3rem;
    border-bottom: 1px #E2E2E2 solid;
}
.indexNews .right ul li a .time{
    color: #888;
    display: flex;
    align-items: center;
    line-height: 0.93rem;
    margin-bottom: 0.27rem;
    font-family: 'Poppins-Regular';
}
.indexNews .right ul li a .time img{
    position: relative;
    top: -1px;
    margin-right: 0.27rem;
    filter: brightness(0) invert(0.6);
}
.indexNews .right ul li a h3{
    color: #1A1A1A;
    height: 1.27rem;
    line-height: 1.27rem;
    transition: 0.3s;
}
.indexNews .right ul li a .moreIcon{
    position: absolute;
    right: 0;
   bottom: 1rem;
   border-color: rgba(0,0,0,0);

}
.indexNews .right ul li a .moreIcon img{
    filter: brightness(0) invert(0.5);
}
.indexNews .right ul li a:hover h3{
    color: #E60012;
}
.indexNews .right ul li a:hover .moreIcon{
    background: #E60012;
    border-color: #E60012;
}
.indexNews .right ul li a:hover .moreIcon img{
    filter: brightness(0) invert(1);
}
/*footer*/
.footer{
    position: relative;
    background: url(../images/footerBg.jpg) no-repeat top right ;
    background-size: cover;
    padding-top: 2.07rem;
    color: #fff;
}
.footer .gradientBg{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    
}
.footer .gradientBg canvas {
    display: block;
    width: 100%;
    height: 100%;
}
.footer .box{
    position: relative;
    z-index: 1;
    pointer-events: none;
}
.footer .box .footerTop{
    display: flex;
    justify-content: space-between;
    padding-bottom: 2.33rem;
}
.footer .box .footerTop .left .footerLogo{
    filter: brightness(0) invert(1);
    margin-bottom: 1rem;
    display: block;
}
.footer .box .footerTop .left .footerLogo img{
    display: block;
    max-height: 2.07rem;
}
.footer .box .footerTop .left ul li{
    margin-top: 0.5rem;
}
.footer .box .footerTop .left ul li span{
    display: block;
    line-height: 0.87rem;
    opacity: 0.7;
}
.footer .box .footerTop .left ul li p{
    line-height: 0.87rem;
    font-weight: bold;
    text-decoration: underline;
}
.footer .box .footerTop .right{
    display: flex;
    max-width: calc(100% - 16.67rem);
    justify-content: space-between;
    width: 55%;
    padding-left: 2.73rem;
    box-sizing: border-box;
    border-left: 1px rgba(255,255,255,0.2) solid;
}
.footer .box .footerTop .right .footerNav{
    display: flex;
    justify-content: space-between;
    width: calc(100% - 8.2rem);
}
.footer .box .footerTop .right .footerNav dt {
    display: block;
    line-height: 0.87rem;
    font-weight: bold;
    margin-bottom: 0.67rem;
}
.footer .box .footerTop .right .footerNav dd{
    line-height: 0.93rem;
}
.footer .box .footerTop .right .footerNav dd a{
    transition: 0.3s;
}
.footer .box .footerTop .right .footerNav dd a:hover{
    text-decoration: underline;
}
.footer .box .footerTop .right .ewm p{
    line-height: 0.87rem;
    margin-bottom: 0.67rem;
    font-weight: bold;
}
.footer .box .footerTop .right .ewm img{
    width: 4.23rem;

}

.footerBtm{
    display: flex;
    justify-content: space-between;
    line-height: 1.33rem;
    padding: 0.83rem 0;
    border-top: 1px rgba(255,255,255,0.2) solid;
}
.footerBtm .left{
    opacity: 0.7;
    display: flex;
}
.footerBtm .left span{
    padding-left: 27px;
    display: flex;
    align-items: center;
}
.footerBtm .left span a{
    position: relative;
    transition: 0.3s;
    display: block;
    padding-left: 12px;
    margin-left: 12px;
}
.footerBtm .left span a:first-child{
    padding-left: 0;
    margin-left: 0;
}
.footerBtm .left span a:first-child::after{
    display: none;
}
.footerBtm .left span a::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 16px;
    background: rgba(255,255,255,0.7);
    transform: translateY(-50%);
  
}
.footerBtm .left span a:hover{
    text-decoration: underline;
}
.footer .dmui-select {
    position: relative;
    width: 6.67rem;
}

.footer .dmui-select .name {
   
    height: 1.33rem;
    line-height: 1.27rem;
    background: none;
    color: rgba(255,255,255,0.7);
    padding:  0 0.4rem;
    box-sizing: border-box;
    cursor: pointer;
    border: 1px #fff solid;
}

.footer .dmui-select .name:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg) translate(-50%, -50%);
}

.footer .dmui-select .list {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 10px 0;
    box-sizing: border-box;
    color: #666;
    max-height: 260px;
    overflow-y: auto;
}

.footer .dmui-select .list li {
    line-height: 16px;
    padding: 2px 10px;
    border-bottom: 1px solid #eee;
    ;
}

.footer .dmui-select .list li a {
    transition: 0.3s;
    font-size: 0.5rem;
    line-height: 0.87rem;
}

.footer .dmui-select .list li a:hover {
    color: #E60012;
}
.footer .footerLogo,
.footer ul li,
.footer a,
.footer .footerNav dt,
.footer .footerNav dd a,
.footer .ewm p, 
.footerBtm .left,
.footerBtm .left span a,
.footer .dmui-select .name,
.footer .dmui-select .list li a
{
    pointer-events: initial;
}
/*内页*/
.nBanner{
    position: relative;
}
.nBanner .bg{
    padding-bottom: 36.458%;
}
.nBanner .box{
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
    padding-top: 1.6rem;
    box-sizing: border-box;
}
.crumb{
    color: #888;
    display: flex;
    align-items: center;
}
.crumb img{
    margin-right: 0.2rem;
}
.crumb a{
    color: #888;
    transition: 0.3s;
    font-weight: bold;
    display: block;
    padding-right: 0.2rem;
    margin-left: 0.2rem;
}
.crumb a:hover{
    color: #E60012;
}
.crumb a:hover em{
    color: #888;
}
.crumb a:last-child em{
    display: none;
}
.nBanner .box .crumbBox .crumb{
    color: #fff;
}
.nBanner .box .crumbBox .crumb img{
    filter: brightness(0) invert(1);
    margin-right: 0.17rem;
}
.nBanner .box .crumbBox .crumb a{
    color: #fff;
  
}
.nBanner .box .crumbBox .crumb a:hover{
    color: #E60012;
}
.nBanner .box .crumbBox .crumb a:hover em{
    color: #fff;
}
.nBanner .textBox{
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
}
.nBanner .textBox h3{
    line-height: 2.07rem;
}
.nBanner .textBox .txt{
    line-height: 1.07rem;
    margin-top: 0.2rem;
    padding-bottom: 0.9rem;
    position: relative;
}
.nBanner .textBox .txt::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1.67rem;
    height: 0.17rem;
    background: #E60012;
}
.nBanner .textBox .nNav{
    margin-top: 2.07rem;
    display: flex;
    align-items: center;
}
.nBanner .textBox .nNav a{
    position: relative;
    display: flex;
    align-items: center;
    height: 1.73rem;
    border-radius: 50%;
    text-align: center;
    line-height: 1.73rem;
    color: #fff;
    transition: 0.3s;
    padding: 0 0.3rem 0 0.2rem;
    border-radius: 0.17rem;
    overflow: hidden;
    z-index: 1;
    font-weight: bold;
}
.nBanner .textBox .nNav a::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 0.5rem;
    background: #fff;
    transform: translateY(-50%);
}
.nBanner .textBox .nNav a::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #E60012, #F17400);
    z-index: -1;
    opacity: 0;
}
.nBanner .textBox .nNav a img{
    margin-right: 0.33rem;
    position: relative;
    top: -0.07rem;
    filter: brightness(0) invert(1);
    transition: 0.3s;
    width: 0;
    overflow: hidden;
}
.nBanner .textBox .nNav a:last-child::after{
    display: none;
}
.nBanner .textBox .nNav a:hover{
   color: #fff;
}
.nBanner .textBox .nNav a:hover img{
filter: brightness(0) invert(1);
   width:0.67rem ;
}
.nBanner .textBox .nNav a:hover::before{
   opacity: 1;
}
.nBanner .textBox .nNav a:hover::after{
    display: none;
}

.nBanner .textBox .nNav a.on::before {
    opacity: 1;
}
.nBanner .textBox .nNav a.on:hover{
    color: #fff;
}
.nBanner .textBox .nNav a.on::after {
    display: none;
}
.nBanner .textBox .nNav a.on img{
    width: 0.67rem;
    filter: brightness(0) invert(1);
}
.nBanner .textBox .nNav a.removeAfter::after{
    display: none;
}

/*走进长江*/
.aboutOne{
    padding: 1.73rem 0 1.43rem 0;
    background: url(../images/aboutOneBg.jpg) no-repeat bottom center;
    background-size: cover;
}
.aboutOne .box{
    display: flex;
    justify-content: space-between;
}
.aboutOne .box .left{
    width: 39.43%;
}
.aboutOne .box .left h3{
    color: #222;
    line-height: 1.87rem;
}
.aboutOne .box .left .text{
    margin: 1.23rem 0 2.63rem 0;
    line-height: 0.93rem;
    color: #888888;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}
.aboutOne .box .left .text p:first-child{
    margin-top: 0;
}
.aboutOne .box .left .text p{
    margin-top: 0.67rem;
}
.indexMore-gray .icon img{
    filter: brightness(0) invert(0.2);
}
.indexMore-gray:hover .icon img{
    filter: brightness(0) invert(1);
}
.aboutOne .box .right{
    position: relative;
   border-radius: 0.3rem;
   overflow: hidden;
   width: 53.125%;
   
}
.aboutOne .box .right .rightImg{
    display: block;
    width: 100%;
}
.aboutOne .box .right .itemBox{
    position: absolute;
}
.aboutOne .box .right .item{
   
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.aboutOne .box .right .img{
    display: block;
    position: relative;
    z-index: 2;
    width: 432px;
}
.aboutOne .box .right .name{
    text-align: center;
    color: #888888;
    margin-top: 0.4rem;
}
.aboutOne .box .right .item .bg{
    position: relative;
    display: block;
}
.aboutOne .box .right .item .txt{
    position: absolute;
    z-index: 1;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
 
}
.aboutOne .box .right .item p{
    line-height: 32px;
    color: #222;
}
.aboutOne .box .right .item span{
    color: #222;
}
.aboutOne .box .right .item span b{
    background: linear-gradient(to right, #E60012, #F17400);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-size: 1.8rem;
   display: inline-block;
   line-height: 1;
   font-family: "Poppins-SemiBold";
   font-weight: normal;
}
.aboutOne .box .right .itemBox.zqyyb{
    top: 1.67rem;
    right: 10rem;
}
.aboutOne .box .right .itemBox.ggcl{
    left: -7.4rem;
    bottom: 8rem;
    z-index: 2;
}

.aboutTwo{
    display: flex;
    justify-content: space-between;
    margin: 1.33rem auto 0 auto;
}
.aboutTwo .item{
    position: relative;
    display: block;
    border-radius: 0.33rem;
    overflow: hidden;
    width: 39.375%;
}
.aboutTwo .item.cur {
    width: 58.75%;
}

.aboutTwo .item .pic em {
    padding-bottom: 20rem;
}
.aboutTwo .item .pic{
    overflow: hidden;
}
.aboutTwo .item .pic em{
    display: block;
    transition: 0.3s;
}
.aboutTwo .item .text{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg,rgba(255,255,255,0) 20%,rgba(0,46,73,0.94));
    padding: 2.4rem 1.67rem 1.67rem 1.67rem;
    color: #fff;
    box-sizing: border-box;
}
.aboutTwo .item .text p{
    font-family: 'Poppins-Regular';
}
.aboutTwo .item .text h3{
    padding-right: 2rem;

}

.aboutTwo .item .text .moreIcon{
    position: absolute;
    bottom: 1.9rem;
    opacity: 0;
    right: 3rem;
    transition: 0.5s;
}
.aboutTwo .item .text .moreIcon:hover{
    background: #E60012;
    border-color: #E60012;
}
.aboutTwo .item.cur .text .moreIcon{
    right: 1.67rem;
    opacity: 1;
}
.aboutTen{
     background: url(../images/aboutTenBg.jpg) no-repeat bottom center;
     padding: 1.9rem 0;
}
.aboutTen .word{
    margin-top: 1.2rem;
}
.aboutThree{
     background: url(../images/aboutThreeBg.jpg) no-repeat bottom center;
     background-size: cover;
     padding: 2.43rem 0 2.67rem 0;
     background-attachment: fixed;
    
}
.aboutThree .textBox{
    display: flex;
    justify-content: space-between;
  
}
.aboutThree .textBox .text{
    line-height: 0.93rem;
    max-width: calc(100% - 7.67rem);
}
.aboutThree .textBox .text p:first-child{
    margin-bottom: 0.14rem;
    line-height: 0.93rem;
}

.aboutThree .itemBox{
    display: flex;
    justify-content: space-between;
    margin-top: 1.87rem;
}
.aboutThree .itemBox .item{
    position: relative;
    width: 19%;
    background: rgba(255,255,255,0.75);
    border-radius: 0.33rem;
    height: 12rem;
    padding: 1rem 0 0 1.2rem;
    box-sizing: border-box;
    transition: 0.3s;
}
.aboutThree .itemBox .item:hover{
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.aboutThree .itemBox .item .icon{
    display: block;
    width: 2.67rem;
    height: 2.67rem;
}
.aboutThree .itemBox .item h3{
    margin: 0.71rem 0 0.27rem 0;
    line-height: 0.8rem;
    color: #1A1A1A;
}
.aboutThree .itemBox .item p{
    line-height: 0.86rem;
    color: #888888;
}
.aboutThree .itemBox .item span{
    display: block;
   position: absolute;
   left: 1rem;
   bottom: 1.4rem;
font-family: 'Poppins-Regular';
}
.aboutThree .itemBox .item:last-child .txt{
    /* display: flex;
    justify-content: space-between;
    flex-wrap: wrap; */
}
.aboutThree .itemBox .item:last-child .txt p{
    /* width: 50%; */
}
.aboutThree .itemBox .item ul{
    list-style:initial;
}
.aboutThree .itemBox .item ol{
    list-style:auto;
}
.aboutThree .itemBox .item ul li{
    list-style:initial;
    list-style-type:initial;
}
.aboutThree .itemBox .item ol li{
     list-style:auto;
    list-style-type:auto;
}
.aboutFour{
    padding: 3.53rem 0 0.5rem 0;
}
.nTitle{
    color: #222;
    line-height: 1.87rem;
}
.aboutFour{
    background: url(../images/aboutFourBg.jpg) no-repeat bottom center;
    background-size: cover;
}
.aboutFour .nTitle{
    position: relative;
    z-index: 1;
}
.aboutFour .box{
    position: relative;
}
.aboutFour .box .number{
    position: absolute;
    top: -3rem;
    left: 0;
   width: 100%;
    font-size: 20rem;
    color: #F5F5F5;
    line-height: 1;
    font-family: 'Poppins-SemiBold';
}
.aboutFour .box .number span{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity .5s ease-in-out;
        white-space: nowrap;
}
.aboutFour .box .number span.cur{
    opacity: 1;
}
.aboutFour .wrapBox{
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 1rem;
}
.aboutFour .wrapBox::after{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background: linear-gradient(#F17400,#E60012);
}
.aboutFour .wrapBox::before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -4px;
    width: 8px;
    height: 8px;
    background: linear-gradient(#F17400,#E60012);
    border-radius: 50%;
    z-index: 1;
}
.aboutFour .wrapBox .wrap{
    width: calc(50% - 5.5rem);
    box-sizing: border-box;
    margin:0 3.5rem 0 2rem ;
    overflow: hidden;
}
.aboutFour .wrapBox .wrap h3{
    margin: 1.13rem 0 0.97rem 0;
    line-height: 1.2rem;
    color: #1A1A1A;
}
.aboutFour .wrapBox .wrap ul{
    padding-right: 1.7rem;
    height: 9.93rem;
    overflow-y: auto;
    position: relative;
    -webkit-overflow-scrolling: touch; 
}
.aboutFour .wrapBox .wrap ul li{
    margin-bottom: 0.47rem;
}
.aboutFour .wrapBox .wrap ul li h4{
    line-height: 0.93rem;
    color: #1A1A1A;
    font-family: 'Poppins-SemiBold';
    letter-spacing: 1px;
    margin-bottom: 0.16rem;
    font-weight: normal;
}
.aboutFour .wrapBox .wrap ul li h4 img{
    margin-right: 0.17rem;
    position: relative;
    top: -0.08rem;
}
.aboutFour .wrapBox .wrap ul li .txt{
    line-height: 0.93rem;
    color: #888888;
}

.nSwitch{
    position: relative;
    width: 1.8rem;
    height: 1.3rem;
    border: 1px #CBCBCB solid;
    border-radius: 0.17rem;
    cursor: pointer;
    transition: 0.3s;
}
.nSwitch img{
    position: absolute;
    top: 0.47rem;
    right: 0.5rem;
    width: 0.33rem;
}
.aboutFour .wrapBox .wrap .nSwitch{
    position: absolute;
    top: 40%;
    right: 0;
}
.nSwitch:hover{
    background: #E60012;
    border-color: #E60012;
}
.nSwitch:hover img{
    filter: brightness(0) invert(1);
}
.aboutFour .wrapBox .wrap .nSwitch.prev{
    right: auto;
    left: 0;
}
.aboutFour .wrapBox .wrap .nSwitch.prev img{
    transform: rotate(-90deg);
    right: auto;
    left: 0.5rem;
}
.aboutFour .wrapBox .wrap .nSwitch.swiper-button-disabled{
    opacity: 0.4;
}
.aboutFour .wrapBox .wrap .nSwitch.swiper-button-disabled:hover{
    background: none;
    border-color: #CBCBCB;
}
.aboutFour .wrapBox .wrap .nSwitch.swiper-button-disabled img{
    filter: initial;
}
.aboutFour .scrollBox{
    position: relative;
    margin-top: 10px;
    height: 7rem;
}

.aboutFour .scrollBox .scrollTab{
    position: absolute;
    top: -1rem;
    left: 0;
    width: 100%;
    overflow: hidden;
    height: 100%;
}
.aboutFour .scrollBox .line{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.aboutFour .scrollBox ul li{
    width: 20% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aboutFour .scrollBox ul li .year{
    cursor: pointer;
    width: 5.1rem !important;
    height: 5.1rem;
    position: relative;
    margin: 0 auto;
    transition: 0.3s;
}
.aboutFour .scrollBox ul li span{
    text-align: center;
    background-color: #EFEFEF;
    border-radius: 50%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 2.8vw;
    transition: transform .5s ease-in-out, background-color .5s ease-in-out, box-shadow .5s ease-in-out;
    display: -ms-flexbox;
    display: flex;
    transform: scale(.36);
    color: #1A1A1A;
}
.aboutFour .scrollBox ul li .year::before{
    content: "";
    opacity: 1;
    border: 1px dashed rgba(0, 0, 0, .4);
    border-radius: 50%;
    width: 2.3rem;
    height: 2.3rem;
    transition: opacity .5s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.aboutFour .scrollBox ul li.swiper-slide-active span{
    background: linear-gradient(90deg,#E60012,#F17400);
    transform: scale(1);
    color: #fff;
}
.aboutFour .scrollBox ul li.swiper-slide-active .year::before{
    opacity: 0;
}
.aboutFour .scrollBox ul li.swiper-slide-active+li .year{
    top: -0.3rem;
}
.aboutFour .scrollBox ul li.swiper-slide-active + li + li .year{
    top: 2.1rem;
}
.aboutFour .scrollBox ul li.swiper-slide-prev .year {
    top: 0.5rem;
}

.aboutFive{
    background: url(../images/aboutFiveBg.jpg) no-repeat bottom center;
    background-size: cover;
}
.aboutFive .box{
    display: flex;
}
.aboutFive .box .left,.aboutFive .box .right{
    width: 50%;
}
.aboutFive .box .left{
    position: relative;
    padding-top: 2.67rem;
    height: 23.8rem;
    box-sizing: border-box;
}
.aboutFive .box .left ul{
    position: absolute;
    bottom: 2.77rem;
    left: 0;
}
.aboutFive .box .left ul li{
    line-height: 0.93rem;
    color: #888888;
    margin-top: 0.67rem;
    cursor: pointer;
}
.aboutFive .box .left ul li.cur{
    background: linear-gradient(to right, #E60012, #F17400);
    /* 标准的语法 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.aboutFive .box .left .nSwitchBox{
    position: absolute;
    right: 4.93rem;
    bottom: 2.77rem;
    display: flex;
}
.nSwitchBox .prev{
    margin-right: 0.33rem;
}
.nSwitchBox .prev img{
    transform: rotate(-90deg);
    right: auto;
    left: 0.5rem;
}
.aboutFive .box .right{
    padding: 2.77rem 0 0 3.73rem;
    box-sizing: border-box;
}
.aboutFive .box .right .title h3{
    line-height: 1.67rem;
    margin-top: 0.1rem;
}
.aboutFive .box .right h4{
    line-height: 1.2rem;
    margin-top: 0.8rem;
    opacity: 0.8;
    margin-bottom: 60px;
}
.aboutFive .box .right ul li{
    display: flex;
    margin-bottom: 1.33rem;
    align-items: center;
}
.aboutFive .box .right ul li .icon{
    width: 1.87rem;
    height: 1.87rem;
    border-radius: 0.17rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin-right: 1.17rem;
}
.aboutFive .box .right ul li .icon img{
    width: 0.83rem;
}
.aboutFive .box .right ul li p{
    line-height: 1.07rem;
}
.aboutFive .box .right .scrollBox{
    overflow: hidden;
}

.aboutFive .box .left .nSwitchBox .nSwitch.swiper-button-disabled {
    opacity: 0.4;
}

.aboutFive .box .left .nSwitchBox .nSwitch.swiper-button-disabled:hover {
    background: none;
    border-color: #CBCBCB;
}

.aboutFive .box .left .nSwitchBox .nSwitch.swiper-button-disabled img {
    filter: initial;
}
/*弹窗*/
.tanBg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 999;
    display: none;
}
.tanBox{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 72%;
    max-height: calc(100vh - 2rem);
    background-color: #fff;
    border-radius: 0.67rem;
    z-index: 1000;
    padding: 2.67rem 1.3rem 7.53rem 2.8rem;
    box-sizing: border-box;
    background-image: url(../images/tanBg.jpg);
    background-position: bottom center;
    background-size: cover;
    /* text-align: justify; */
    display: none;
}
.tanBox .nTitle{
    text-align: center;
    margin-bottom: 1rem;
    padding-right: 1.6rem;
}
.tanBox .item{
    margin-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px #E2E2E2 solid;
}
.tanBox .item:first-child{
    margin-top: 0;
}
.tanBox .item:last-child{
    padding-bottom: 0;
    border: none;
}
.tanBox .item .txt{
    margin-bottom: 11px;
}
.tanBox p{
    font-size: 0.53rem;
    color: #888888;
    line-height: 0.93rem;
}
.tanBox h4{
    font-size: 0.67rem;
    color: #222222;
    line-height: 0.93rem;
    margin-bottom: 11px;
}
.tanBox .box{
    max-height: calc(100vh - 13rem);
    overflow-y: auto;
    padding-right: 1.6rem;
    position: relative;
    -webkit-overflow-scrolling: touch;
}
.tanBoxMGS .box{
     max-height: calc(100vh - 14.5rem);
}

.tanBox .close{
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 14.67rem;
    height: 2.33rem;
    text-align: center;
    line-height: 2.33rem;
    border-radius: 3.33rem;
    background: linear-gradient(90deg,#E60012,#F17400);
    cursor: pointer;
}
.ysBox{
    display: flex;

}
.ysBox .ysBoxl{
    width: 44.5%;
    padding-right: 6%;
    box-sizing: border-box;
}
.ysBox .ysBoxl h3{
    line-height: 1;
    margin-bottom: 1.2rem;
    color: #222222;
}
.ysBox .ysBoxr{
    width: 55.5%;

}
.ysBox .ysBoxr ul li{
    display: flex;
    border: 1px #E2E2E2 solid;
    border-radius: 0.1rem;
    background: #F7F7F7;
    min-height: 3.87rem;
    padding: 0.52rem 0.67rem;
    box-sizing: border-box;
    margin-bottom: 0.33rem;
}
.ysBox .ysBoxr ul li:last-child{
    margin-bottom: 0;
}
.ysBox .ysBoxr ul li .icon{
    width: 1.93rem;
    height: 1.93rem;
}
.ysBox .ysBoxr ul li .icon img{
    display: block;
    width: 100%;
}
.ysBox .ysBoxr ul li .text{
    width: calc(100% - 2.6rem);
    margin-left: 0.67rem;
}
.ysBox .ysBoxr ul li .text h3{
    line-height: 1.13rem;
    color: #222222;
}
.ysBox .ysBoxr ul li .text p{
    line-height: 0.8rem;
    color: #888888;
}

.nPageBox{
    padding-top: 2.67rem;
    padding-bottom: 1.5rem;
    min-height: 13.33rem;
}
.inpageGrayBg{
    background: #F7F7F7;
}
.nPageBox .nTitle{
    font-weight: bold;
}
.nSearch{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1.4rem 0 1.17rem 0;
}
.nSearch .search{
    display: flex;
    justify-content: space-between;
    width: 70%;
}
.nSearch .search .layui-form{
    width: 49%;
    position: relative;
}
.layui-input,
.layui-select,
.layui-textarea{
    height: 2rem !important;
    font-size: 0.6rem !important;
}
.layui-input,
.layui-textarea{
    padding: 0 1.33rem !important;
    border-radius: 0.17rem;
}
.nSearch .search .layui-form .icon{
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    /* pointer-events: none; */
    cursor: pointer;
}
.nSearch .txt{
    color: #888888;
}
.gsggList ul{
    padding-bottom: 0.5rem;
}
.gsggList ul li{
    margin-bottom: 0.67rem;
}
.gsggList ul li a{
    display: flex;
    justify-content: space-between;
    background: #fff;
    border-radius: 0.17rem;
    padding: 0.83rem;
    box-sizing: border-box;
    transition: 0.3s;
}
.gsggList ul li a .date{
    position: relative;
    width: 3.33rem;
    height: 3.33rem;
    border-radius: 0.1rem;
    border: 1px #E2E2E2 solid;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: 0.3s;
    color: #222222;
}
.gsggList ul li a .date::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #E60012, #F17400);
    transition: 0.3s;
    opacity: 0;
    border-radius: 0.1rem;
}
.gsggList ul li a .date b{
    position: relative;
    z-index: 1;
}
.gsggList ul li a .date p{
    margin-top: 0.08rem;
    position: relative;
    z-index: 1;
}
.gsggList ul li a .text{
    width: calc(100% - 4.4rem);
}
.gsggList ul li a .text h3{
    height: 34px;
    line-height: 34px;
    color: #222222;
    margin-bottom: 5px;
}
.gsggList ul li a .text p{
    line-height: 0.87rem;
    color: #888888;
    height: 1.73rem;
}
.gsggList ul li a:hover .date::after{
    opacity: 1;
}
.gsggList ul li a:hover{
    box-shadow: 0 0 0.93rem rgba(0,0,0,0.1);
}
.gsggList ul li a:hover .date{
    color: #fff;
}

/*页码*/
.page{
    display: flex;
    justify-content: center;
    padding-bottom: 35px;
}
.page .pageList{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1.3rem;
}

.page a{
    display: block;
    min-width: 1.67rem;
    height: 1.67rem;
    line-height: 1.6rem;
    border: 1px #E2E2E2 solid;
    border-radius: 0.17rem;
    text-align: center;
    color: #999999;
    margin: 0 0.17rem;
    transition: 0.3s;
}
.page .prev,.page .next{
    width: 5.33rem;
}
.page a:hover,.page a.on{
    background: #E60012;
    color: #fff;
    border-color: #E60012;
}

.newsTop{
    display: flex;
    justify-content: space-between;
    margin-top: 1.33rem;
}
.newsTop .item{
    width: 25%;
    border-radius: 0.33rem;
    height: 18.5rem;
    display: block;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    transition: 0.5s;
}
.newsTop .item .text{
    position: relative;
    transition: 0.3s;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1.27rem 1.1rem 0 1.1rem;
    box-sizing: border-box;
    background: #F7F7F7;
    transition: 0.5s;
}
.newsTop .item .text .time{
    display: flex;
    line-height: 0.8rem;
    color: #888888;
    transition: 0.3s;
}
.newsTop .item .text .time img{
    filter: brightness(0) invert(0.6);
    margin-right: 0.3rem;
    transition: 0.3s;
}
.newsTop .item .text h3{
    line-height: 1.13rem;
    height: 2.27rem;
    color: #222222;
    margin-top: 0.37rem;
    transition: 0.3s;
}
.newsTop .item .text .p{
    line-height: 0.93rem;
    height: 3.72rem;
    margin-top: 0.87rem;
    padding-top: 0.87rem;
    color: #888888;
    border-top: 1px #D8D8D8 solid;
    transition: 0.3s;
}
.newsTop .item .text .indexMore{
    position: absolute;
    bottom: 1.73rem;
    left: 1.1rem;
    transition: 0.3s;
}
.newsTop .item .pic{
    width: 100%;
    height: 100%;
}
.newsTop .item .pic em{
    display: block;
    height: 100%;
    border-radius: 0.33rem;
}
.newsTop .item .moreIcon{
    position: absolute;
    bottom: 1.6rem; 
    right: 1.83rem;
}
.newsTop .item.on{
    width: 45.375%;
}
.newsTop .item.on .text{
    top: calc(100% - 5rem);
    background: none;
}
.newsTop .item.on .text .time{
    color: #fff;
}
.newsTop .item.on .text .time img{
    filter: brightness(0) invert(1);
}
.newsTop .item.on .text h3{
    color: #fff;
    height: 1.13rem;
    -webkit-line-clamp: 1;
    padding-right: 3.5rem;
}
.newsTop .item.on .text .p{
    opacity: 0;
}
.newsBox{
    background: url(../images/newsBoxBg.jpg) no-repeat center;
    background-size: cover;
    padding: 2.4rem 0 1.5rem 0;
    margin-top: 2.4rem;
}
.newsBox .nSearch{
    margin-top: 0;
}
.newsList{ 
    margin-top: 1.67rem;
}
.newsList ul li{
    margin-bottom: 35px;
    width: 31.875%;
    margin-right: 2.1875%;
    background: #fff;
    border-radius: 0.17rem;
    overflow: hidden;
    float: left;
}
.newsList ul li:nth-child(3n){
    margin-right: 0;
}
.newsList ul li a{
    position: relative;
    display: block;
    padding: 0.87rem 1.1rem;
    z-index: 1;
    transition: 0.3s;
}
.newsList ul li a::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/newsBg.png) no-repeat bottom right;
    background-size: cover;
    z-index: -1;
    opacity: 0;
    transition: 0.3s ;
}
.newsList ul li a .time{
    line-height: 0.8rem;
    color: #888888;
    display: flex;
    align-items: center;
    transition: 0.3s;
}
.newsList ul li a .time img{
    margin-right: 0.27rem;
    filter: brightness(0) invert(0.6);
}
.newsList ul li a h3{
    margin: 0.37rem 0 1.53rem 0;
    line-height: 1.13rem;
    height: 2.27rem;
    transition: 0.3s;
}
.newsList ul li a .br{
    display: block;
    width: 100%;
    height: 1px;
    background: #D8D8D8;
    margin-bottom: 0.8rem;
}
.newsList ul li a:hover::after{
    opacity: 1;
}
.newsList ul li a:hover .time,.newsList ul li a:hover h3{
    color: #fff;
}
.newsList ul li a:hover .br{
    background: #fff;
}
.newsList ul li a:hover .time img{
    filter: brightness(0) invert(1);
}
.newsList ul li a:hover .indexMore{
    color: #fff;
}
.newsList ul li a:hover .indexMore span::after{
    border-color: #fff;
    background: #fff;
}
.newsList ul li a:hover .indexMore .icon{
    border-color: #fff;
}
.newsList ul li a:hover .indexMore .icon img{
    filter: brightness(0) invert(1);
}
.inpageCrumb{
    padding: 1.6rem 0 2.67rem 0;
}
.inpageCon{
    position: relative;
}
.inpageCon .inpageLine{
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #F7F7F7;
}
.inpageCon::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #F7F7F7;
}
.inpageCon::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #F7F7F7;
}
.nPageCon .inpageCon{
    padding-bottom: 1.6rem;
}
.newsDetail{
    margin-top: 0;
}
.inpageCon .inpageTitle h3{
    line-height: 2rem;
    color: #000000;
    opacity: 0.85;
    margin-bottom: 0.6rem;
}
.inpageCon .inpageTitle .txt{
    display: flex;
    line-height: 0.73rem;
}
.inpageCon .inpageTitle .txt span{
    position: relative;
    color: #666666;
    display: flex;
    align-items: center;
    padding-right: 16px;
    margin-right: 16px;
}
.inpageCon .inpageTitle .txt span::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 16px;
    background: #D8D8D8;
    transform: translateY(-50%);
}
.inpageCon .inpageTitle .txt span img{
    margin-right: 0.17rem;
}
.inpageCon .inpageTitle .txt span:last-child{
    padding-right: 0;
    margin-right: 0;
}
.inpageCon .inpageTitle .txt span:last-child::before{
    display: none;
}
.newsDetail .box{
    display: flex;
    justify-content: space-between;
}
.newsDetail .box .inpageNav{
    width: 7.93rem;
    border-right: 1px #D8D8D8 solid;
}
.newsDetail .box .right{
    width: calc(100% - 7.93rem);
    padding-left: 4.93rem;
    box-sizing: border-box;
}
.newsDetail .box .right .word{
    min-height: 12rem;
}
.newsDetail .box .inpageNav h4{
    line-height: 0.93rem;
    color: #262626;
    margin-bottom: 0.2rem;
}
.newsDetail .box .inpageNav ul li{
    line-height: 1.07rem;
    color: #888888;
}
.newsDetail .box .inpageNav ul li a{
    position: relative;
    padding-left: 0.73rem;
    transition: 0.3s;
}
.newsDetail .box .inpageNav ul li a::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #888888;
    transition: 0.3s;
    transform: translateY(-50%);
}
.newsDetail .box .inpageNav ul li a::after{
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0.73rem;
    width: calc(100% - 0.73rem);
    height: 2px;
    background: linear-gradient(to right, #E60012, #F17400);
    transition: 0.3s;
    opacity: 0;
}
.newsDetail .box .inpageNav ul li a:hover,.newsDetail .box .inpageNav ul li.on a{
    background: linear-gradient(to right, #E60012, #F17400);
    /* 标准的语法 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.newsDetail .box .inpageNav ul li a:hover:before,.newsDetail .box .inpageNav ul li.on a::before{
    background: #E60012;
}
.newsDetail .box .inpageNav ul li a:hover::after,
.newsDetail .box .inpageNav ul li.on a::after{
    opacity: 1;
}
.newsDetail .box .inpageNav .share{
    margin-top: 0.93rem;
}
.newsDetail .box .inpageNav .share p{
    margin-bottom: 0.57rem;
    color: #262626;
}
.newsDetail .box .inpageNav .share .shareItem{
    display: flex;
    align-items: center;
}
.newsDetail .box .inpageNav .share .shareItem .item{
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
    width: 1.53rem;
    height: 1.53rem;
    background: #F7F7F7;
    border-radius: 50%;
    border: 1px #E2E2E2 solid;
    margin-right: 0.6rem;
}
.newsDetail .box .inpageNav .share .shareItem .item:last-child{
    margin-right: 0;
}
.newsDetail .box .inpageNav .share .shareItem .item img{
    width: 0.67rem;
    transition: 0.3s;
}
.newsDetail .box .inpageNav .share .shareItem .item:hover{
    background: #E60012;
    border-color: #E60012;
}
.newsDetail .box .inpageNav .share .shareItem .item:hover img{
    filter: brightness(0) invert(1);
}


.newsDetail .box .right .word{
    line-height: 1.07rem;
    color: #888888;
    text-align: justify;
}
.inpageLinks{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 1.17rem 0;
    border-top: 1px #E2E2E2 solid;
    border-bottom: 1px #E2E2E2 solid;
    margin-top: 1.83rem;
}
.inpageLinks .item{
    display: flex;
    align-items: center;
    color: #888;
}
.inpageLinks .item.itemLeft .nSwitch{
    margin-right: 0.3rem;
}
.inpageLinks .item.itemLeft .nSwitch img{
    transform: rotate(-90deg);
    right: auto;
    left: 0.5rem;
}
.inpageLinks .item.itemRight .nSwitch{
    margin-left: 0.3rem;
}
.inpageLinks .item.itemCenter img{
    margin-right: 0.3rem;
}
.inpageLinks .item:hover{
    color: #262626;
    font-weight: bold;
}
.inpageLinks .item.noShow{
    opacity: 0.3;
    cursor: default;
}
.inpageLinks .item.noShow:hover{
    color: #888;
}
.inpageLinks .item.noShow .nSwitch:hover{
    border: 1px #CBCBCB solid;
    background: none;
}
.inpageLinks .item.noShow .nSwitch:hover img{
    filter: initial;
}
.xgxwBox{
    margin: 2.4rem 0 3.2rem 0;
}
.xgxwBox .box .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.33rem;
}
.xgxwBox .xgxwScoll{
    overflow: hidden;
    padding-bottom: 0.67rem;
}
.xgxwBox .box .title .nSwitchBox{
    display: flex;
}
.xgxwBox .swiper-button-disabled{
    opacity: 0.3;
}
.xgxwBox .swiper-button-disabled:hover{
    border: 1px #CBCBCB solid;
    background: none;
}
.xgxwBox .swiper-button-disabled:hover img{
    filter: initial;
}
.xgxwScoll ul li{
    background: #F7F7F7;
    margin-bottom: 0;
}
.xgxwScoll .btn{
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}
.xgxwScoll .btn span{
    position: relative;
    width: 10px;
    height: 10px;
    margin: 0 12px !important;
}
.xgxwScoll .btn span::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px #E60012 solid;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: 0.3s;
}
.xgxwScoll .btn span.swiper-pagination-bullet-active{
    background: #E60012;
}
.xgxwScoll .btn span.swiper-pagination-bullet-active::after{
    opacity: 1;
}
.xgxwScoll .newsList{
    margin-top: 0;
}
.xgxwScoll .indexMore:hover span{
    color: #fff;
        background: none;
        -webkit-text-fill-color: initial;
}
.xgxwScoll .indexMore:hover span::after{
    background: #fff;
}
.xgxwScoll .indexMore:hover .icon{
    border-color: #fff;
}


.searchTitle .nSearch{
    margin: 0;
    display: block;
}
.searchTitle .nSearch .search{
    width: 18.67rem;
}
.searchTitle .nSearch .search .layui-form{
    width: 100%;
}
.zpggText{
    margin-top: 0.3rem;
   width: 52%;
    font-size: 0.6rem;
}
.zpggBox{
    margin-top: 1.43rem;
}
.zpggBox ul{
    padding-bottom: 0.67rem;
}
.zpggBox ul li{
    margin-bottom: 0.5rem;
}
.zpggBox ul li a{
    height: 2.67rem;
    background: #fff;
    border: 1px #E2E2E2 solid;
    border-radius: 0.17rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.67rem ;
}
.zpggBox ul li a h3{
    width: 50%;
    color: #252525;
    transition: 0.3s;
    padding-right: 1rem;
    box-sizing: border-box;
}
.zpggBox ul li a .text{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50%;
}
.zpggBox ul li a .text .label{
    width: 58%;
    display: flex;
    align-items: center;
    color: #666666;
    transition: 0.3s;
}
.zpggBox ul li a .text .label span{
    display: block;
    position: relative;
    margin-right: 0.53rem;
    padding-right: 0.53rem;
}
.zpggBox ul li a .text .label span::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 0.53rem;
    background: #666666;
    transition: 0.3s;
    transform: translateY(-50%);
}
.zpggBox ul li a .text .label span:last-child{
    margin-right: 0;
    padding-right: 0;
}
.zpggBox ul li a .text .label span:last-child::after{
    display: none;
}
.zpggBox ul li a .text .time{
    width: 4.33rem;
    color: #888888;
    transition: 0.3s;
    display: flex;
    align-items: center;
}
.zpggBox ul li a .text .time img{
    filter: brightness(0) invert(0.6);
    transition: 0.3s;
    margin-right: 0.3rem;
}
.zpggBox ul li a .text .icon{
    width: 0.5rem;
}
.zpggBox ul li a .text .icon img{
    width: 0.4rem;
    transition: 0.3s;
    filter: brightness(0 ) invert(0.6);
}
.zpggBox ul li a .text .icon
.zpggBox ul li a:hover{
    box-shadow: 0 0 20px rgba(0,0,0,0.08);
}
.zpggBox ul li a:hover h3,.zpggBox ul li a:hover .label,
.zpggBox ul li a:hover .time{
    color: #E60012;
}
.zpggBox ul li a:hover .label span::after{
    background: #E60012;
}
.zpggBox ul li a:hover .time img,.zpggBox ul li a:hover .icon img{
    filter:initial;
}
.zpggBox ul li a:hover .icon img{
    width: 0.5rem;
}
.zpggBan{
    background: url(../images/zpggBanBg.jpg) bottom center no-repeat;
    background-size: cover;
    padding: 1.6rem 0;
}
.zpggBan h3{
    margin-top: 2.67rem;
    line-height: 2rem;
    color: #000000;
}
.zpggBan .label{
    line-height: 0.73rem;
    color: #666666;
    margin-top: 18px;
    display: flex;
    align-items: center;
}

.zpggBan .label span {
    display: block;
    position: relative;
    margin-right: 0.53rem;
    padding-right: 0.53rem;
}

.zpggBan .label span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 0.53rem;
    background: #666666;
    transition: 0.3s;
    transform: translateY(-50%);
}

.zpggBan .label span:last-child {
    margin-right: 0;
    padding-right: 0;
}

.zpggBan .label span:last-child::after {
    display: none;
}
.zpggDetailBox{
    padding-top: 1.5rem;
    padding-bottom: 2.67rem;
}
.zpggDetailBox .itemDetail:first-child{
    margin-top: 0;
}
.zpggDetailBox .itemDetail{
    display: flex;
    justify-content: space-between;
    margin-top: 33px;
}
.zpggDetailBox .itemDetail .title{
    line-height: 0.93rem;
    color: #262626;
}
.zpggDetailBox .itemDetail .text{
    width: 100%;
    line-height: 2;
    color: #888;
}
.zpggDetailBox .box{
    position: relative;
     margin-bottom: 1.63rem;
}
/* .zpggDetailBox .box::after{
    content: "";
    position: absolute;
    left: 237px;
    top:0;
    width: 1px;
    height: 100%;
    background: #D8D8D8;
} */

/*通用内页*/
.contentBox{
    display: flex;
    justify-content: space-between;
}
.contentBox .menuBox{
    width: 11.07rem;
}
.contentBox .backBtn{
    width: 6rem;
    height: 1.67rem;
    border: 1px #DCDCDC solid;
    border-radius: 3.33rem;
    background: #fff;
    color: #222;
    transition: 0.3s;
}
.contentBox .backBtn:hover{
    background: #E60012;
    border-color: #E60012;
    color: #fff;
}
.contentBox .menuBox .menu{
    margin-top: 1.3rem;
    border-radius: 0.17rem;
    overflow: hidden;
}
.contentBox .menuBox .menu h3{
    height: 3rem;
    line-height: 3rem;
    padding-left: 0.83rem;
    background: linear-gradient(90deg, #E60012, #F17400);
    color: #fff;
}
.contentBox .menuBox .menu .list{
    background: #fff;
 
}
.contentBox .menuBox .menu .list>li>a{
    line-height: 2.33rem;
    padding: 0 0.83rem;
    border-bottom: 1px #D8D8D8 solid;
    padding-left: 1.67rem;
}
.contentBox .menuBox .menu .list>li:last-child>a{
    border-bottom: none;
}
.contentBox .menuBox .menu .list li a{
    display: block;
    position: relative;
}
.contentBox .menuBox .menu .list li a::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #262626;
    transition: 0.3s;
    transform: translateY(-50%);
}
.contentBox .menuBox .menu .list>li>a::before{
    left: 0.83rem;
}
.contentBox .menuBox .menu .list>li:last-child{
    padding-bottom: 1px;
}
.contentBox .menuBox .menu .list>li:last-child .listTwo{
    margin-bottom: 0.5rem;
}
.contentBox .menuBox .menu .list li a img{
    position: absolute;
    top: 40%;
    right: 1.57rem;
    transform: translateY(-50%);
    filter: brightness(0) invert(0.6);
    transform: rotate(90deg);
    transition: 0.3s;
}
.contentBox .menuBox .menu .list .listTwo{
    display: none;
    margin: 0 0.83rem;
    background: #F7F7F7;
    border-radius: 0.17rem;
    padding: 0.67rem 0.67rem 0.5rem 0.83rem;
}
.contentBox .menuBox .menu .list .listTwo>li>a{
    line-height: 0.7rem;
    padding: 0.3rem 0;
        padding-right: 0.8rem;
   
}
.contentBox .menuBox .menu .list .listTwo li a{
    padding-left: 0.67rem;
    color: #888888;
    transition: 0.3s;
}

.contentBox .menuBox .menu .list .listTwo li a::before{
    background: #888888;
}

.contentBox .menuBox .menu .list .listTwo li a img{
    right: 0.2rem;
}
.contentBox .menuBox .menu .list .listThree{
    display: none;
    margin-left: 0.73rem;
}
.contentBox .menuBox .menu .list .listThree li a{
    line-height: 0.7rem;
    padding: 0.3rem 0 0.3rem 0.67rem;
}
.contentBox .menuBox .menu .list .listFour {
    display: none;
    margin-left: 0.73rem;
}

.contentBox .menuBox .menu .list .listTwo>li.show>a{
    border-bottom: none;
}
.contentBox .menuBox .menu .list .listThree>li.on>a{
    background: linear-gradient(to right, #E60012, #F17400);
    /* 标准的语法 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.contentBox .menuBox .menu .list .listThree>li.on>a::before{
    background: #E60012;
}

.contentBox .menuBox .menu .list .listFour li.on a{
    background: linear-gradient(to right, #E60012, #F17400);
    /* 标准的语法 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.contentBox .menuBox .menu .list .listFour li.on a::before{
    background: #E60012;
}


.contentBox .menuBox .menu .list .listTwo>li.on>a{
    background: linear-gradient(to right, #E60012, #F17400);
    /* 标准的语法 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.contentBox .menuBox .menu .list .listTwo>li.on>a::before{
    background: #E60012;
}
.contentBox .menuBox .menu .list .listTwo>li.on>a img{
    filter: initial;
}
.contentBox .menuBox .menu .list>li.on>a {
    background: linear-gradient(to right, #E60012, #F17400);
    /* 标准的语法 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    border-bottom: none;
}

.contentBox .menuBox .menu .list>li.on>a::before {
    background: #E60012;
}

.contentBox .menuBox .menu .list>li.on>a img {
    filter: initial;
}
.contentBox .menuBox .menu .list li.on a img{
    transform: rotate(0);
}
.contentBox .menuBox .menu .list li a:hover {
    color: #E60012;
}

.contentBox .menuBox .menu .list li a:hover:before {
    background: #E60012;
}
.contentBox .menuBox .menu .list>li.noChild a{
    border-bottom: 1px #D8D8D8 solid ;
}
.contentBox .menuBox .menu .list li.line a{
    border-bottom: none;
}
.contentBox .content{
    width: calc(100% - 12.8rem);
}
.contentBox .content .nTitle{
    
    line-height:1.67rem;
}
.contentBox .content .inpageWord{
    margin-top: 1.3rem;
    min-height: calc(100% - 1.3rem - 1.67rem);
    background: #fff;
    padding: 0.8rem 1.1rem;
    box-sizing: border-box;
    border-radius: 0.17rem;
}
.contentBox .content .word{
    color: #333;
}
.contentBox .content .word ul{
    list-style:initial;
}
.contentBox .content .word ol{
    list-style:auto;
}
.contentBox .content .word ul li{
    list-style:initial;
    list-style-type:initial;
}
.contentBox .content .word ol li{
     list-style:auto;
    list-style-type:auto;
}
.word{
    line-height: 0.93rem;
    color: #888;
    /* text-align: justify; */
}
.word img{
    max-width: 100%;
    height: auto !important;
}
.word table{
    max-width: 100%;
}
.word video{
    max-width: 100%;
}
/**/
.jrywBox{
    padding-bottom: 3.73rem;
}
.jrywBox .inpageCrumb{
    padding-bottom: 1.67rem;
}
.jrywBox .jrywWrap{
    background: url(../images/jrywBg.jpg) no-repeat center center;
    padding: 1.33rem;
    display: flex;
    justify-content: space-between;
    background-size: cover;
}
.jrywBox .jrywWrap .left{
    position: relative;
    width: 34%;
    padding-top: 1.33rem;
}
.jrywBox .jrywWrap .left .btmTxt{
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 26px;
    color: #666666;
}
.jrywBox .jrywWrap .right{
    width: 65.625%;
    padding: 0.67rem 0.67rem 1.17rem 1.33rem;
    box-sizing: border-box;
    background: #fff;
    border-radius: 0.17rem;
    
}
.jrywBox .jrywWrap .right .wrap{
    overflow: hidden;
}
.jrywBox .jrywWrap .right .swiper-slide{
display: flex;
    justify-content: space-between;
}   
.jrywBox .jrywWrap .right .text{
    width: 38.68%;
    padding-top: 0.93rem;
}

.jrywBox .jrywWrap .right .text h3{
    color: #222;
    margin-bottom: 0.7rem;
}
.jrywBox .jrywWrap .right .img{
    width: 56.56%;
}
.jrywBox .jrywWrap .right .img em{
    display: block;
    padding-bottom: 71%;
    border-radius: 0.17rem;
    overflow: hidden;
}
.jrywBox .jrywWrap .right .tab{
    margin-top: 1.07rem;
    display: flex;
    justify-content: space-between;
    margin-right: 0.33rem;
    border-bottom: 1px #D8D8D8 solid;
}
.jrywBox .jrywWrap .right .tab a{
    position: relative;
    display: block;
    color: #888888;
    font-weight: bold;
    padding-bottom: 1rem;
}
.jrywBox .jrywWrap .right .tab a.cur{
    background: linear-gradient(to right, #E60012, #F17400);
    /* 标准的语法 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.jrywBox .jrywWrap .right .tab a::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -0.18rem;
    width: 0.37rem;
    height: 0.37rem;
    background: linear-gradient(to right, #E60012, #F17400);
    border-radius: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: 0.3s;
}
.jrywBox .jrywWrap .right .tab a.cur::after{
    opacity: 1;
}
/*常见问题*/
.cjwlList{
    margin-bottom: 1.17rem;
}
.cjwlList .item{
    border-bottom: 1px #E2E2E2 solid;
    cursor: pointer;
}
.cjwlList .item h4{
    position: relative;
    height: 3.5rem;
    line-height: 3.5rem;
    padding-left: 2.67rem;
    transition: 0.3s;
    padding-right: 1.2rem;
    display: flex;
    align-items: center;
}
.cjwlList .item h4 .icon{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 0.4rem;
    transition: 0.3s;
    opacity: 0.4;
}
.cjwlList .item h4 .num{
    position: absolute;
    top: 54%;
    left: 0;
    transform: translateY(-50%);
    width: 2.6rem;
    height: 1.87rem;
    z-index: 1;
    align-items: center;
    transition: 0.3s;
}
.cjwlList .item h4 .num span{
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #888;
    z-index: 2;
    line-height: 1.87rem;
}
.cjwlList .item h4 .num::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url(../images/Qbg.svg) no-repeat center center;
    background-size: contain;
    z-index: -1;
   
}
.cjwlList .item h4 .num::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url(../images/Qbg_on.svg) no-repeat center center;
    background-size: contain;
    z-index: 0;
    transition: 0.3s;
    opacity: 0;
}
.cjwlList .item h4 p{
    line-height: 1.5;
}
.cjwlList .item .txt{
    display: none;
    padding: 1.07rem 1.33rem;
    background: #fff;
    border-radius: 0.17rem;
    line-height: 0.93rem;
    color: #888888;
}
.cjwlList .item.on{
    border-bottom: none;
}
.cjwlList .item.on h4 p,.cjwlList .item:hover h4 p{
    background: linear-gradient(to right, #E60012, #F17400);
    /* 标准的语法 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.cjwlList .item.on h4 .num::before,.cjwlList .item:hover h4 .num::before{
    opacity: 1;
}
.cjwlList .item.on h4 .num span,.cjwlList .item:hover h4 .num span{
    color: #fff;
}
/*我们的团队*/
.teamBox ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.teamBox ul li{
    width: 47.65%;
    background: #fff;
    border-radius: 3.33rem 0.27rem 0.27rem 3.33rem;
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.57rem;
    margin-bottom: 1.6rem;
}
.teamBox ul li .img{
    position: relative;
    width: 9.33rem;
    height: 12.27rem;  
    
}
.teamBox ul li .img::after{
    content: "";
    position: absolute;
    top: 17px;
    left: 17px;
    width: 100%;
    height: 100%;
    border: 1px #D32D26 solid;
    border-radius: 2rem 0.17rem  2.5rem 0.17rem;
    opacity: 0.3;
}
.teamBox ul li .img em{
    display: block;
    height: 100%;
    border-radius: 2rem 0.17rem 2rem 0.17rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.teamBox ul li .img .name{
    position: absolute;
    bottom: -0.7rem;
    left: 0;
    min-width: 4.4rem;
    height: 1.73rem;
    line-height: 1.73rem;
    text-align: center;
    color: #fff;
    background: linear-gradient(to right, #E60012, #F17400);
    border-radius: 0.07rem 0.67rem 0.07rem 0.67rem;
    overflow: hidden;
    z-index: 1;
}
.teamBox ul li .text{
    width: calc(100% - 9.33rem);
    padding: 1.33rem 0.8rem 1.33rem 1.57rem;
    box-sizing: border-box;
}
.teamBox ul li .text h4{
    background: linear-gradient(to right, #E60012, #F17400);
    /* 标准的语法 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    margin-bottom: 1rem;
    display: inline-block;
}
.teamBox ul li .text .txt{
    line-height: 0.87rem;
    color: #888888;
    -webkit-line-clamp: 6;
    margin-bottom: 1.87rem;
}
.teamTan{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 69%;
    max-height: calc(100vh - 2rem);
    background: #fff;
    z-index: 1000;
    border-radius: 3.33rem 0.27rem 0.27rem 3.33rem;
    padding-bottom: 0.67rem;
    display: none;
}
.teamTan .close{
    position: absolute;
    top: 0.67rem;
    right: 0.67rem;
    width: 1rem;
    cursor: pointer;

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

.teamTan .box  .img {
    position: relative;
    width: 11.67rem;
    height: 15.33rem;

}

.teamTan .box  .img::after {
    content: "";
    position: absolute;
    top: 17px;
    left: 17px;
    width: 100%;
    height: 100%;
    border: 1px #D32D26 solid;
    border-radius: 2rem 0.17rem 2.5rem 0.17rem;
    opacity: 0.3;
}

.teamTan .box  .img em {
    display: block;
    height: 100%;
    border-radius: 2rem 0.17rem 2rem 0.17rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.teamTan .box  .img .name {
    position: absolute;
    bottom: -0.7rem;
    left: 0;
    min-width: 4.4rem;
    height: 1.73rem;
    line-height: 1.73rem;
    text-align: center;
    color: #fff;
    background: linear-gradient(to right, #E60012, #F17400);
    border-radius: 0.07rem 0.67rem 0.07rem 0.67rem;
    overflow: hidden;
    z-index: 2;
}
.teamTan .box .text{
    width: calc(100% - 11.67rem);
    padding: 0.67rem 1.67rem 0 2rem;
    box-sizing: border-box;
}
.teamTan .box .text h4{
    line-height: 0.87rem;
    padding: 0.67rem 0 0.9rem 0;
    border-bottom: 1px #D8D8D8 solid;
    margin-bottom: 1.13rem;
}
.teamTan .box .text .txtBox{
    display: flex;
    justify-content: space-between;
    line-height: 0.93rem;
    color: #888888;
    border-bottom: 1px #D8D8D8 solid;
}
.teamTan .box .text .txtBox .lftext{
    width: 35.9%;
    padding-right: 0.9rem;
    border-right: 1px #D8D8D8 solid;
    height: 8.33rem;
    box-sizing: border-box;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.teamTan .box .text .txtBox .frtext {
    width: 64.1%;
    padding-left: 1.33rem;
    height: 8.33rem;
    box-sizing: border-box;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.teamTan .box .text .inpageLinks{
    padding: 0 ;
    border: none;
    margin-top: 0.93rem;
}
/*项目*/
.projectCon .nTitle{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.projectCon .nSearch .search{
    width: 100%;
}
.projectCon .nSearch .search .layui-form{
    width: 100%;
}
.projectCon .nSearch .search .layui-form .icon{
    width: 1.93rem;
}
.projectCon .nSearch .search .layui-form .icon img{
    height: 100%;
}
.projectCon .nSearch{
    width: 13rem;
    margin: 0 ;
    display: block;
}
.projectBox ul.clearfix>li{
    width: 32%;
    margin-right: 2%;
    border-radius: 5px;
    background: #fff;
    border: 1px #E2E2E2 solid;
    box-sizing: border-box;
    margin-bottom: 0.73rem;
}
.projectBox ul li:nth-child(3n){
    margin-right: 0;
}
.projectBox ul li .itemTop{
    padding: 0.6rem 0.33rem 0.77rem 0.6rem;
}
.projectBox ul li .itemTop .img{
    width: 3rem;
    height: 1.67rem;
    border: 1px #E2E2E2 solid;
    border-radius: 0.07rem;
}
.projectBox ul li .itemTop .img img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.projectBox ul li .itemTop .title{
    width: calc(100% - 3.2rem);
}
.projectBox ul li .itemTop .title h3{
        white-space: nowrap;
    margin-bottom: 0.16rem;
    color: #262626;
}
.projectBox ul li .itemTop .title p{
    color: #888888;
    height: 24px;
}
.projectBox ul li .itemCenter{
    padding: 0 0.6rem;
    line-height: 0.87rem;
    color: #888888;
    height: 6.16rem;
    -webkit-line-clamp: 7;
}
.projectBox ul li .itemBottom{
    padding: 0.83rem 0.6rem;
    border-top: 1px #E2E2E2 solid;
    display: flex;
    align-items: center;
}
.projectBox ul li .itemBottom span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.33rem;
    height: 1.33rem;
    border-radius: 0.17rem;
    background: #F7F7F7;
    color: #888;
}
.projectBox ul li .itemBottom span img{
    filter: brightness(0) invert(0.6);
    margin-right: 0.17rem;
}
.zyqsContent{
    padding-bottom: 1.8rem;
}
.zyqsContent .inpageCrumb{
    padding-bottom: 1.6rem;
}
.zyqsBox{
    background: #fff;
    padding: 1rem;
}
.zyqsBox .zyqsTitle{
    padding-bottom: 0.6rem;
    border-bottom: 1px #E2E2E2 solid;
    font-weight: bold;
    margin-bottom: 1rem;
}
.zyqsBox .zyqsTitle span{
    position: relative;
    background: linear-gradient(to right, #E60012, #F17400);
    /* 标准的语法 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.zyqsBox .zyqsTitle span::after{
    content: "";
    position: absolute;
    bottom: -0.7rem;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #E60012, #F17400);
}
.btnBox{
    margin-top: 1.6rem;
}
.btnBox a{
    display: block;
    padding: 0 1.33rem;
    height: 1.67rem;
    line-height: 1.67rem;
    border-radius: 0.13rem;
    background: linear-gradient(to right, #E60012, #F17400);
    color: #fff;
    margin: 0 0.5rem;
    transition: 0.3s;
}
.btnBox a:hover{
    opacity: 0.8;
}
.yScoll{
    height: 300px;
    max-width: 35rem;
    width: 96%;
    overflow-y: scroll;
    text-align: left;
    border: 1px solid #E2E2E2;
    -moz-border-radius: 0.17rem;
    -webkit-border-radius: 0.17rem;
    margin: 0 auto;
    padding: 0.8rem;
    box-sizing: border-box;
}
/*结构性融资*/
.jgxrzBox{
    flex-wrap: wrap;
   display: flex;
   justify-content: space-between;
}
.jgxrzBox .item{
    width: 48.3%;
    border: 1px #E2E2E2 solid;
    border-radius: 0.17rem;
    overflow: hidden;
    background: #fff;
    margin-top: 1.17rem;
}
.jgxrzBox .item .pic em{
    display: block;
    padding-bottom: 44.2%;
}
.jgxrzBox .item .text{
    padding: 0.77rem 1rem 1.07rem 1rem;
}
.jgxrzBox .item .text h3{
    color: #262626;
    margin-bottom: 0.47rem;
}
.jgxrzBox .item .text .txt{
    min-height: 3.47rem;
    margin-bottom: 0.47rem;
}
.jgxrzBox .item .text ul li{
    position: relative;
    line-height: 26px;
    padding-left: 0.4rem;
}
.jgxrzBox .item .text ul li::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0.1rem;
    height: 0.1rem;
    background: #888;
    border-radius: 50%;
    transform: translateY(-50%);
    display: none;
}

/*联系我们*/
.linkus {
    width: 100%;
    /* max-width: 1200px; */
}

.linkus .office {
    background: url('../images/linkusBac.png') no-repeat center right;
    background-size: cover;
    color: white;
    padding: 40px;
    border-radius: 8px;
    margin-bottom: 1.17rem;
}

.linkus .office-title {
    font-size: 1.13rem;
    margin-bottom: 10px;
}

.linkus .office-subtitle {
    font-size: 0.73rem;
    margin-bottom: 1.37rem;
}

.linkus .office-info {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.linkus .info-item {
    flex: 1;
    display: flex;
    align-items: self-start;
    /* gap: 10px; */
    font-size: 0.6rem;
}


.linkus .item-title {
    margin-bottom: 5px;
    margin-top: -4px;
}

.linkus .icon-placeholder {
    width: 1.87rem;
    height: 1.87rem;
    background-color: #f7f7f7;
    margin-right: 0.5rem;
    text-align: center;
    line-height: 1.87rem;
    border-radius: 0.17rem;
}
.linkus .item{
    width: calc(100% - 2.37rem);
}

.linkus .business {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.linkus .business-item {
    position: relative;
    width: 31.875%;
    background-color: white;
    padding: 1.33rem;
    border-radius: 0.27rem;
    background-image: url('../images/lxwmBg.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    box-sizing: border-box;
}
.linkus .business-item::after{
    content: "";
    position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
    height: 0.17rem;
    background: #E60012;

}

.linkus .business-title {
    font-size: 1.13rem;
    margin-bottom: 10px;
}

.linkus .business-subtitle {
    font-size: 0.73rem;
    margin-bottom: 1.23rem;
    color: #888888;
}

.linkus .business-info .info-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
}

.linkus .business-info .info-item .item-title {
    color: #888888;
}

/*软件下载*/
.section {
    margin-bottom: 1rem;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #E2E2E2;
}

.section-title {
    font-size: 0.93rem;
    font-weight: bold;
    color: #222222;
    padding: 0.67rem 1rem;
    background-color: #EDEDED;
}

.desktop {
    display: flex;
    padding: 1rem 0.67rem;


}

.desktop-left .image-placeholder {
    width: 4.8rem;
    height: 4.8rem;
    background-color: #ddd;
    border-radius: 8px;
}

.desktop-right {
    flex: 1;
    display: flex;
}

.description {
    font-size: 0.73rem;
    font-weight: bold;
    margin-left: 1.33rem;
}

.description ul {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

.description ul li {
    margin-left: 15px;
    font-size: 0.6rem;
    margin-bottom: 5px;
    color: #888888;
    /* line-height: 1.2rem; */
    font-weight: 300;
    list-style: disc;
    text-decoration: underline;
}

.download-info {
    /* margin-top: 10px; */
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0px;

    font-variation-settings: "opsz" auto;
    color: #888888;

}

.download-button {
    display: inline-block;
    width: 6rem;
    height: 1.67rem;
    border-radius: 3.33rem;
    opacity: 1;
    background: #F7F7F7;
    box-sizing: border-box;
    border: 1px solid #DCDCDC;
    cursor: pointer;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.download-button img {
    margin-right: 7px;
}
.download-button:hover{
    opacity: 0.7;
}

.version,
.update-date {
    font-size: 14px;
    color: #666;
}

.mobile {
    display: flex;
    gap: 20px;
}

.mobile-platform {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem 3.23rem 0.83rem 2.5rem;
}

.mobile-platform-left {
    flex: 473;
    border-right: 1px solid #E2E2E2;
}

.mobile-platform-right {
    flex: 740;


}

.platform-title {

    width: 100%;
    height: 2rem;
    line-height: 2rem;
    border-radius: 5px;
    opacity: 1;
    color: #FFFFFF;
    text-align: center;

    /* 渐变-红橙 */
    background: linear-gradient(90deg, #E60012 0%, #F17400 100%);
    margin-bottom: 0.77rem;
}

.android {
    padding: 0 0.93rem;
    width: 100%;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    box-sizing: border-box;
}

.android-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
}

.qr-code-placeholder {
    width: 4.4rem;
    height: 4.4rem;
    background-color: #ddd;
    margin-bottom: 0.77rem;
}

.qr-code-desc {
    color: #888888;
    font-size: 0.6rem;
    margin-bottom: 0.67rem;
    text-align: center;
    /* 超出省略 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.section {
    margin-bottom: 1.84rem;
    /* background-color: #fff; */
    border-radius: 8px;
    /* padding: 0.67rem; */
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
}



.file-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.file-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.73rem 1rem;
    background-color: #fff;
    margin-bottom: 0.5rem;
    font-size: 0.73rem;
    color: #222222;
    /* //超出省略 */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;

    /* border-bottom: 1px solid #ddd; */
}

.file-item:hover .file-name {
    background: linear-gradient(90deg, #E60012 0%, #F17400 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.file-item:hover{
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.file-item:hover .icon-placeholder{
    filter: brightness(0) invert(0.1);
}
.tableDowmBox{
    width: 100%;
}
.tableDowmBox .section{
    background: none;
    border:none;
}
.tableDowmBox .section ul li{
    border: 1px #E2E2E2 solid;
    border-radius: 0.17rem;
}
.section-title {
    font-weight: bold;
    margin-bottom: 0.5rem;
    background-color: #EDEDED;
    font-size: 0.93rem;
    border: 1px #E2E2E2 solid;
    border-radius: 0.17rem;
}

.file-item:last-child {
    border-bottom: none;
}

.file-name {
    font-size: 0.73rem;
    color: #333;
    font-weight: bold;
    transition: 0.3s;
}



.icon-placeholder {
    /* width: 24px; */
    /* height: 24px; */
    /* background-color: #ddd; */
    /* border-radius: 50%; */
}

.inpageBtn{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 1.33rem;
}
.inpageBtn a{
    display: block;
    width: 46%;
    height: 50px;
    line-height: 50px;
    background: linear-gradient(to right, #E60012 , #F17400);
    color: #fff;
    text-align: center;
    border-radius: 0.17rem;
    margin-bottom: 0.8rem;
    transition: 0.3s;
    font-weight: bold;
}
.inpageBtn a:hover{
    opacity: 0.8;
}

.attachments{
    margin-top: 1.4rem;
}
.attachments .attachments-title{
    position: relative;
    font-size: 0.73rem;
    font-weight: bold;
    color: #222;
    margin-bottom: 1rem;
}
.attachments .attachments-title::before{
    content: "";
    position: absolute;
    bottom: -0.33rem;
    width: 1rem;
    height: 0.07rem;
    border-radius: 0.07rem;
    background: #E60012;
}
.attachments li{
    line-height: 1.2rem;
}
.attachments li a{
    font-size: 0.6rem;
    transition: 0.3s;
}
.attachments li a:hover{
    color: #E60012;
}

.doing{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}
.doing .doingBox{
    height: 40px;
    line-height: 40px;
    padding: 0 1rem;
    background-color: #fff;
    border-radius: 0.13rem;
    border: 1px #E60012 solid;
    background: rgba(230,0,18,0.1);
    color: #E60012;
}
.ryBox{
    position: relative;
    overflow: hidden;
    margin-top: 1.33rem;
}
.ryBox .ryBoxScoll{
    position: relative;
    height: 26rem;
    overflow: hidden;
}
.ryBox .ryBoxScoll::after{
    content: "";
    position: absolute;
    top: 60%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #E2E2E2;
}
.ryBox .ryBoxScoll::before {
    content: "";
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #E2E2E2;
}
.ryItem{
    display: flex;
    /* padding-top: 0.5rem; */
}
.ryItem h3{
    width: 50%;
    padding-right: 10%;
    box-sizing: border-box;
    color: #888888;
}
.ryItem .txt{
    width: 50%;
    line-height: 1rem;
    color: #1A1A1A;
    font-weight: bold;
   
}
.ryBox .ryBoxP{
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    transform: translateY(-0.65rem);
    z-index: 12;
    background: #fff;
}
.ryBox .ryBoxP:hover{
    background: #E60012;
}
.ryBox .ryBoxN {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translateX(-50%);
    transform: translateY(-0.65rem);
    z-index: 12;
    background: #fff;
}
.ryBox .ryBoxP img {
    transform: rotateY(180deg);
    right: auto;
    left: 0.5rem;
}
.ryBox .ryBoxN img{
    transform: rotateX(180deg);
    right: auto;
    left: 0.8rem;
}

.ryBox .ryBoxN:hover {
    background: #E60012;
}
.ryBox .ryBoxScoll .swiper-slide{
    opacity: 0.7;
}
.ryBox .ryBoxScoll .swiper-slide.swiper-slide-active{
    opacity: 1;
}
.ryBox .ryBoxScoll .swiper-slide.swiper-slide-active .ryItem h3{
    /* background: linear-gradient(to right, #E60012, #F17400);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent; */
        color: #555;
}


/*响应式*/
@media screen and (max-width: 1600px) {
    .indexTwoScoll{
        margin-left: 19rem;
    }
    .teamBox ul li{
        width: 48.6%;
    }
    .teamBox ul li .img{
        width: 9rem;
        height: 11.5rem;
    }
    .teamBox ul li .text{
        width: calc(100% - 9rem);
        padding: 1.33rem 0.6rem 0 1.3rem;
    }
    .teamTan{
        width: 78%;
    }
        .tanBox{
            width: 74%;
        }
}
@media screen and (max-width: 1400px) {
    .indexNews .right ul li{
        margin-bottom: 1rem;
    }
    .indexNews .right ul li a{
        padding-bottom: 0.8rem;
    }
    .teamBox ul li .img {
        width: 8rem;
        height: 10rem;
    }

    .teamBox ul li .text {
        width: calc(100% - 8rem);
     
    }
    .teamBox ul li .text .txt{
        margin-bottom: 0.8rem;
    }
    .nBanner .textBox .nNav a{
        font-size: 0.5rem;
    }
    
}
@media screen and (max-width: 1300px) {
    .header .header-right .nav{
        padding-right: 0;
    }
    .header .header-right .nav .nLi .navSub .wrap .text h4{
        font-size: 0.66rem;
    }
    .header .header-right .nav .nLi .navSub .wrapRight{
        width: 34.5rem;
    }
    .banner .swiper-slide em{
        padding-bottom: 48%;
    }
   .indexAbout .indexAboutBox{
    background: url(../images/indexAboutBg.png) no-repeat right 200px center;
   }
    .indexThree .bgScoll em{
        height: auto;
        padding-bottom: 50%;
    }
    .aboutThree .itemBox .item{
        padding-left: 0.7rem;
        height: 11rem;
    }
    .newsDetail .box .right{
        padding-left: 2rem;
    }
    .zpggBox ul li a h3{
        width: 40%;
    }
    .zpggBox ul li a .text{
        width: 60%;
    }
    .teamTan {
        width: 86%;
    }
    
}
@media screen and (max-width: 1200px) {
    .header .header-right .nav {
        display: none;
    }
    
    .menuIcon {
        display: block;
    }
    .contentBox{
        display: block;
    }
    .contentBox .menuBox{
        display: none;
    }
    .contentBox .content{
        width: 100%;
    }
    .teamTan {
        width: 96%;
    }
    .aboutThree .itemBox{
        flex-wrap: wrap;
    }
    .aboutThree .itemBox .item{
        width: 31%;
        margin-bottom: 0.8rem;
    }
}
@media screen and (max-width: 1024px) {
    .footer .gradientBg{
        display: none;
    }
    .footer .box .footerTop .right{
        max-width: calc(100% - 13.67rem);
        width: 60%;
        padding-left: 1.73rem;
    }
    .nBanner .textBox .nNav{
        display: none;
    }
    .aboutOne .box .right{
        /* padding-right: 5rem; */
    }
    .aboutFour .box .number{
        top: 0;
    }
    .aboutFour .box .number span{
        font-size: 16rem;
    }
    .jrywBox .jrywWrap{
        display: block;
    }
    .jrywBox .jrywWrap .left{
        width: 100%;
        padding-top: 0;
    }
    .jrywBox .jrywWrap .right{
        width: 100%;
        margin-top: 1rem;
    }
    .jrywBox .jrywWrap .left .btmTxt{
        position: relative;
        bottom: auto;
        margin-top: 1rem;
    }
    .linkus .business-item {
        width: 49%;
        margin-bottom: 0.6rem;
    }
       

}
@media screen and (max-width: 880px) {
    .ryBox .ryBoxScoll{
        height: auto;
        padding-bottom: 1.3rem;
    }
    .ryItem .txt{
        width: 100%;
        margin-bottom: 1rem;
    }
    .ryItem h3{
        width: 100%;
        margin-bottom: 0.4rem;
    }
    .ryItem{
        display: block;
    }
    .ryBox .ryBoxScoll::before{
        display: none;
    }
    .ryBox .ryBoxScoll::after {
        display: none;
    }
        .ryBox .ryBoxP{
            top: auto;
            bottom: 0;
            left: 0;
            transform: none;
        }
        .ryBox .ryBoxN {
            top: auto;
            bottom: 0;
            left: 2.4rem;
            transform: none;
        }
                .ryBox .ryBoxN img{
                    transform: none;
                }
    .zpggText{
        width: 100%;
    }
    .indexTwoScoll{
        margin-left: 15rem;
    }
    .indexThree .bgScoll em{
        padding-bottom: 70%;
    }
    .indexThree .tabBox .item .text .moreIcon{
        display: none;
    }
    .footer .box .footerTop .right .footerNav{
        display: none;
    }
    .aboutOne .box .right .img{
        width: 10rem;
    }
    .aboutOne .box .right .item .bg{
        width: 250px;
    }
    .aboutOne .box .right .itemBox.zqyyb{
        right: 8.6rem;
    }
    .tanBox{
        width: 90%;
        padding: 1.8rem 1.6rem 5rem 2rem;
    }
    .aboutFour .wrapBox::before,.aboutFour .wrapBox::after{
        display: none;
    }
    .aboutFour .wrapBox .wrap{
        width: 77%;
    }
    .aboutFour .scrollBox .line{
        display: none;
    }
    .aboutFour .scrollBox ul li .year{
        top: auto !important;
    }
    .aboutFour .box .number{
        margin-top: 2rem;
    }
    .aboutFour .box .number span{
        font-size: 13rem;
    }
    .newsTop .item{
        width: 32%;
        height: 15.5rem;
    }
    .newsList ul li{
        width: 49%;
        margin-right: 0;
    }
    .newsList ul li:nth-child(2n){
        float: right;
    }
    .zpggBox ul li a h3 {
        width: calc(100% - 5.33rem);
    }

    .zpggBox ul li a .text {
        width: 5.33rem;
    }
    .zpggBox ul li a .text .label{
        display: none;
    }
    .searchTitle .nSearch .search{
        width: 8.67rem;
    }
    .zpggDetailBox .itemDetail .text{
        width: calc(100% - 8rem);
    }
    .zpggDetailBox .box::after{
        left: 5.2rem;
    }
    .teamBox ul li{
        width: 100%;
        margin-bottom: 1rem;
    }
    .teamBox ul li .img{
        width: 6rem;
        height: 8.4rem;
    }
    .teamBox ul li .img .name{
        min-width: 4rem;
        height: 1.4rem;
        line-height: 1.4rem;
    }
    .teamBox ul li .text{
        width: calc(100% - 6rem);
        padding: 1rem 0.4rem 0 1.4rem;
    }
    .teamBox ul li .text h4{
        margin-bottom: 0.6rem;
    }
    .teamBox ul li .text .txt{
        -webkit-line-clamp: 4;
    }
    .mobile {
        flex-direction: column;
    }

    .mobile-platform-left {
        border: none;
    }

    .mobile-platform {
        padding: 0;
    }

    .android {
        flex-direction: column;
        padding-bottom: 0.6rem;
    }
    .ysBox{
        display: block;
    }
    .ysBox .ysBoxl{
        width: 100%;
        margin-bottom: 1rem;
    }
    .ysBox .ysBoxr{
        width: 100%;
    }
    
}
@media screen and (max-width: 690px) {
    .indexThree .box .indexTitle p{
        font-size: 0.6rem;
    }
    .fz24{
        font-size: 0.7rem;
    }
    .fz23 {
        font-size: 0.65rem;
    }
    .menuIcon{
        margin-left: 0.4rem;
    }
    .header .box{
        height: 2.33rem;
    }
    .header .box .logo img{
        max-height: 1.6rem;
    }
    .header .goLogin{
        font-size: 0.47rem;
        width: 4.2rem;
        height: 1rem;
        line-height: 1rem ;
        margin-right: 0.6rem;
    }
   
    .header .header-phone{
        display: none;
    }
    .banner .swiper-slide em{
        padding-bottom: 56%;
    }
    .banner .swiper-slide .item .imgText{
        max-height: 3.6rem;
    }
    .indexMore .icon{
        width: 1.4rem;
        height: 1.1rem;
    }
    .indexMore .icon img{
        width: 0.3rem;
        top: 0.3rem;
    }
    .indexOne{
        padding: 0 0.5rem 0 0.8rem;
    }
    .indexOne .box a i{
        font-size: 0.46rem;
    }
    .indexOne .box a{
        padding-right: 3rem;
    }
    .indexSwitch{
        width: 1.54rem;
        height: 1.1rem;
    }
    .indexSwitch img{
        width: 0.5rem;
    }
    .indexTwo{
        padding: 1.2rem 0;
    }
    .indexTwo .indexTitle{
        position: relative;
    }
    .indexTitle .indexMore{
        margin-top: 0.6rem;
    }
    .indexTwoScoll{
        margin-left: 3%;
        margin-top: 1rem;
    }
    .indexTwoSwitch{
        right: 5%;
    }
    .indexTwoScoll h3{
        padding: 0 0.4rem;
    }
    .indexTwoScoll h3::before{
        left: 0.4rem;
    }
    .indexTwo .ksrkBox .item{
        height: 4rem;
    }
    .indexTwo .ksrkBox .item:nth-child(2n) h4{
        width: 90%;
    }
      .indexTwo .ksrkBox .item:first-child h4{
        width: 90%;
    }
    .indexTwo .ksrkBox .item .icon{
        width: 1.1rem;
        height: 1.1rem;
    }
    .indexTwo .ksrkBox .item h4{
        font-size: 0.46rem;
        height: 1.2rem;
        line-height: 0.6rem;
        margin-top: 0.3rem;
        white-space:normal;
    }
    .indexThree .box{
        padding-top: 1rem;
    }
    .indexTitle p{
        padding: 0 0 0.4rem 0;
            width: 100%;
    }
    .indexThree .tabBox{
        /* display: block; */
        bottom: 0.8rem;
        flex-wrap: wrap;
    }
    .indexThree .bgScoll em{
        padding-bottom: 90%;
    }
    .indexThree .tabBox .item{
                width: 31%;
        height: 2.4rem;
        box-sizing: border-box;
        display: block;
            padding: 0.1rem ;
            padding-top: 0.3rem;
            margin-bottom: 0.2rem;
    }
    .indexThree .tabBox .item .icon{
        width: 0.8rem;
        height: auto;
        margin: 0 auto;
    }
    .indexThree .tabBox .item .text{
        margin-top: 0.2rem;
        display: block;
    }
        .indexThree .tabBox .item .text p{
        display: none;
    }
    .indexThree .tabBox .item .text .txt h3{
        font-size: 0.6rem;
        text-align: center;
    }
    .indexFour{
        padding: 1rem 0;
    }
    .indexFour .box{
        display: block;
    }
    .indexFour .box .left{
        width: 100%;
    }
    .indexFour .box .right{
        width: 100%;
        margin-top: 0.6rem;
    }
    .indexFour .box .left .jjBox{
        margin-top: 1.2rem;
        padding: 1rem;
        height: auto;
    }
    .indexFour .box .right .linkBtnBox .item{
        height:4.5rem ;
        width: 23.77%;
    }
    .indexFour .box .right .linkBtnBox .item img{
        width: 1.8rem;
    }
    .indexFour .box .right .linkBtnBox .item h4{
        margin-top: 0.5rem;
        font-size: 0.6rem;
    }
    .indexAbout .indexAboutBox{
        padding: 1rem;
        height: auto;
    }
    .indexAbout .bg{
        display: none;
    }
    .indexAbout .indexAboutBox .indexMore{
        position: relative;
        bottom: 0;
        left: 0;
        margin-top: 1rem;
    }
    .indexAbout{
        height: auto;
    }
    .indexFive .box{
        padding: 1rem 0;
    }
    .indexFive .box .indexTitle .indexMore{
        position: absolute;
        top: 0.6rem;
        right: 0;
    }
    .indexNews{
        margin-top: 1rem;
        display: block;
    }
    .indexNews .left .pic em{
        height: auto;
        padding-bottom: 91%;
    }
    .indexFive::after{
        display: none;
    }
    .indexNews .left .text{
        padding: 6rem 0.8rem 2.93rem 0.8rem;
    }
    .indexNews .left .text::before{
        left: 0.8rem;
        width: calc(100% - 1.6rem);
    }
    .indexNews .left{
        width: 100%; 
    }
    .indexNews .right{
        width: 100%;
        margin-top: 1rem;
    }
    .footer{
        padding-top: 0.7rem;
    }
    .footer .box .footerTop{
        display: block;
        position: relative;
        padding-bottom: 1rem;
    }
        .footer .box .footerTop .left{
            width: calc(100% - 6rem);
        }
    .footer .box .footerTop .right{
        width: auto;
        max-width: 100%;
        padding-left: 0;
        border-left: none;
        position: absolute;
        bottom: 1rem;
        right: 0;
    }
    .footer .box .footerTop .right .ewm img{
        width: 3.5rem;
    }
    .footer .box .footerTop .right .ewm p{
        font-size: 0.47rem;
        margin-bottom: 0.4rem;
    }
    .footerBtm{
        display: block;
        height: auto;
    }
    .footerBtm .left{
        display: block;
        text-align: center;
        line-height: 0.8rem;
    }
    .footer .dmui-select{
        float: initial;
        width: 100%;
        margin-top: 0.5rem;
    }
    .footerBtm .left span{
        justify-content: center;
    }
    .indexNews .left .text::after{
        display: none;
        background: none;
        
    }
    .indexNews .left .text{
        background-image: linear-gradient(rgba(255, 255, 255, 0), #E60012); 
    }
    .indexNews .right ul li{
        margin-bottom: 0.4rem;
    }
    .indexNews .right ul li a{
        padding-bottom: 0.4rem;
    }
    .nBanner .bg{
        padding-bottom: 42%;
    }
    .nBanner .box .crumbBox .crumb{
        display: none;
    }
    .nBanner .textBox h3{
        line-height: 1.2rem;
    }
    .nBanner .textBox .txt{
        font-size: 0.56rem;
        margin-top: 0;
    }
    .aboutOne{
        padding: 1rem 0;
    }
    .aboutOne .box{
        display: block;
    }
    .aboutOne .box .left{
        width: 100%;
    }
    .aboutOne .box .left .text{
        margin: 0 0 0.8rem 0;
    }
    .aboutOne .box .right{
        /* padding-right: 0;
        display: flex;
        justify-content: center;
        display: block;
        overflow: hidden; */
        width: 100%;
        margin-top: 1rem;
    }
    .aboutOne .box .right .img{
        margin: 0 auto;
    }
    .aboutOne .box .right .itemBox{
        position: initial;
        float: left;
        width: 50%;
    }
    .aboutOne .box .right .item{
        position: initial !important;
    }
    .aboutOne .box .right .item .bg{
        width: 100%;
    }
    .aboutOne .box .right .item span b{
        font-size: 1.2rem;
    }
    .aboutOne .box .right .item .txt{
        top: 42%;
    }
   
    .aboutTwo{
        margin: 1rem auto 0 auto;
        display: block;
    }
    .aboutTwo .item.cur{
        width: 100%;
    }
    .aboutTwo .item{
        width: 100%;
    }
    .aboutTwo .item:first-child{
        margin-bottom: 0.8rem;
    }
    .aboutTwo .item .text .moreIcon{
        opacity: 1;
        right: 1.67rem;
    }
    .aboutTwo .item .pic em{
        padding-bottom: 10rem;
    }
    .aboutThree{
        padding: 1rem 0;
        margin-top: 0;
    }
    .aboutThree .textBox{
        display: block;
    }
    .aboutThree .textBox .text{
        max-width: 100%;
        margin-top: 0.5rem;
    }
    .aboutThree .itemBox{
        display: block;
        margin-top: 0;
    }
    .aboutThree .itemBox .item{
        margin-top: 0.8rem;
        width: 100%;
        padding: 1rem 0 0 1.6rem;
    }
    .aboutThree .itemBox .item span{
        left: 1.6rem;
    }
    .aboutFour{
        padding: 1rem 0;
        padding-bottom: 0;
    }
    .aboutFour .scrollBox{
        display: none;
    }
    .aboutFour .wrapBox .wrap{
        margin-right: 2rem;
    }
    .aboutFour .wrapBox .wrap h3{
        margin: 0.6rem 0 0.97rem 0;
    }
    .aboutFour .box .number span{
        font-size: 7rem;
    }
    .aboutFour .box .number {
        margin-top: 5rem;
    }
     .aboutTen{
        padding-bottom: 1.4rem;
    }
    .aboutFive{
        background-size: 900px auto;
        background-position: top left;
    }
    .aboutFive .box{
        display: block;
    }
    .aboutFive .box .left{
        padding-top: 1.2rem;
        width: 100%;
        height: auto;
    }
    .aboutFive .box .left ul{
        position: relative;
        bottom: auto;
        display: flex;
        justify-content: space-between;
    }
    .aboutFive .box .left .nSwitchBox{
        display: none;
    }
    .aboutFive .box .right{
        margin: 1rem 0;
        padding: 0.8rem;
        width: 100%;
        box-sizing: border-box;
        background: linear-gradient(90deg,#E60012,#EF5A04);
    }
    .aboutFive .box .right h4{
        margin-bottom: 0.8rem;
        margin-top: 0;
    }
    .aboutFive .box .right ul li{
        margin-bottom: 0.6rem;
    }
    .tanBox{
        padding: 0.8rem 1rem 4.4rem 1.2rem;
    }
    .tanBox .box{
        padding-right: 0.8rem;
        max-height: 69vh;
    }
    .tanBoxMGS .box{
        max-height: calc(100vh - 10.5rem);
    }
    .tanBox .nTitle{
        margin-bottom: 0.6rem;
        padding-right: 0.8rem;
        line-height: 1.4;
        font-size: 0.7rem;
    }
    .tanBox .close{
        width: 80%;
        bottom: 0.8rem;
        height: 1.8rem;
        line-height: 1.8rem;
    }
    .nPageBox{
        padding: 1.2rem 0 0.8rem 0;
    }
    .nSearch{
        margin: 0.6rem 0 ;
        display: block;
    }
    .nSearch .search{
        width: 100%;
        margin-bottom: 0.4rem;
    }
    .layui-input,
    .layui-textarea{
        padding: 0 0.33rem  !important;
        font-size: 0.57rem !important;
        height: 1.6rem !important;
    }
    .nSearch .search .layui-form .icon{
        width: 1.6rem;
        height: 1.6rem;
    }
    .page{
        padding-bottom: 0.33rem;
    }
    .page .pageList{
        padding: 0 0.3rem;
    }
    .page .pageList a{
        display: none;
    }
    .page .pageList a.on {
        display: block;
    }
    .page .prev,
    .page .next{
        width: 4.2rem;
    }
    .newsTop{
        margin-top: 0;
        display: block;
    }
    .newsTop .item{
        width: 100%;
        margin-top: 0.8rem;
        height: 12rem;
    }
    .newsTop .item .text{
        padding: 1rem 1rem 0 1rem;
    }
    .newsTop .item .text .p{
        -webkit-line-clamp: 2;
        height: 1.86rem;
    }
    .newsBox{
        margin-top: 1rem;
        padding: 1rem 0 0.5rem 0;
    }
    .newsList{
        margin-top: 1rem;
    }
    .newsList ul li{
        width: 100%;
        margin-bottom: 0.67rem;
    }
    .newsList ul li a h3{
        margin: 0.2rem 0 0.6rem 0;
    }
    .nPageBox .nTitle{
        font-size: 1rem;
    }
    .inpageCrumb{
        display: none;
    }
    .nPageCon .inpageCon{
        padding-bottom: 0;
    }
    .inpageCon .inpageTitle h3{
        font-size: 1rem;
        padding-top: 1rem;
        line-height: 1.4rem;
    }
    .newsDetail .box{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .newsDetail .box .right{
        width: 100%;
        padding-left: 0;
    }
    .inpageLinks{
        padding: 0.6rem 0;
        margin-top: 1rem ;
    }
    .inpageLinks .item span{
        display: none;
    }
    .newsDetail .box .inpageNav{
        width: 100%;
        border-right: none;
    }
    .newsDetail .box .inpageNav h4, .newsDetail .box .inpageNav ul{
        display: none;
    }
    .xgxwBox{
        margin: 1rem 0 1rem 0;
    }
    .xgxwBox .box .title{
        margin-bottom: 0.8rem;
    }
    .zpggBox{
        margin-top: 0.5rem;
    }
    .zpggBox ul li a{
        padding: 0 0.5rem; 
        height: 2.33rem;
    }
    .zpggDetailBox .itemDetail{
        display: block;
    }
    .zpggDetailBox .itemDetail .text{
        width: 100%;
    }
    .zpggDetailBox .box::after{
        display: none;
    }
    .zpggDetailBox{
        padding: 1rem 0;
    }
    .zpggBan{
        padding: 1rem 0;
    }
    .zpggBan h3{
        margin-top: 1.4rem;
    }
    .jrywBox .jrywWrap{
        padding: 0.8rem;
    }
    .jrywBox .jrywWrap .right{
        padding: 0.6rem;
    }
    .jrywBox .jrywWrap .right .swiper-slide{
        display: block;
    }
    .jrywBox .jrywWrap .right .text{
        width: 100%;
        padding-top: 0;
    }
    .jrywBox .jrywWrap .right .img{
        width: 100%;
        margin-top: 1rem;
    }
    .jrywBox{
        padding-bottom: 1.2rem;
    }
    .cjwlList .item h4{
        height: 2.6rem;
        line-height: 2.6rem;
    }
    .contentBox .content .nTitle{
        margin-bottom: 0.6rem;
    }
    .teamTan{
        border-radius: 0.4rem;
    }
    .teamTan .box{
        display: block;
    }
    .teamTan .box .img{
        display: none;
    }
    .teamTan .box .text{
        width: 100%;
        padding: 0.8rem;
    }
    .teamTan .box .text .txtBox{
        display: block;
        max-height: calc(100vh - 13rem);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .teamTan .box .text .txtBox .lftext{
        width: 100%;
        height: auto;
        padding-bottom: 0.8rem;
        margin-bottom: 0.8rem;
        border-bottom: 1px solid #E5E5E5;
        border-right: none;
    }
    .teamTan .box .text .txtBox .frtext{
        width: 100%;
        padding-left: 0;
        height: auto;
        padding-bottom: 0.8rem;
    }
    .projectBox ul li{
        width: 100%;
        margin-right: 0;
    }
    .projectCon .nTitle{
        display: block;
    }
    .projectCon .nSearch{
        width: 100%;
    }
    .zyqsContent{
        padding-top: 0.6rem;
    }
    .jgxrzBox .item{
        width: 100%;
    }
    .linkus .info-item {
        width: 100%;
        flex: 0 0 100%;
    }
    .linkus .business-item {
        width: 100%;
    }
    .desktop {
        flex-direction: column;
        /* align-items: center; */
    }

    .desktop-right {
        margin-top: 1rem;
        flex-direction: column;
        /* align-items: center; */
    }

    .download-info {
        align-items: flex-start;
    }

    .description {
        margin: 0.5rem 0;
    }


    .section-title{
        font-size: 0.8rem;
    }
    .download-info {
        margin-left: 0;
    }
    .xgxwScoll .btn{
        display: none;
    }
    .newsDetail .box .inpageNav .share .shareItem .weixin-btn{
        margin-right: 0.6rem;
    }
    .xgxwBox .xgxwScoll{
        padding-bottom: 0;
    }
    .contentBox .content .inpageWord{
        margin-top: 0;
        padding: 0.6rem;
    }
    .ryBox{
        margin-top: 0;
        padding-bottom: 0.5rem;
    }
    .ryBox .ryBoxN, .ryBox .ryBoxP{
        bottom: 0;
    }
}
@media screen and (max-height: 850px) {
    .tanBox{
        padding-bottom: 4.5rem;
    }
    .tanBox .close{
        bottom: 1rem;
    }
}