/* 首页banner */
.inBanBox {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 0.48s;
    background: #eaeef2;
}

.inBanSwiper.Act {
    border-radius: 0 0 20px 20px;
}

.inBanSwiper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: border-radius 0.48s;
}

.inBanItem {
    width: 100%;
    height: 100%;
    position: relative;
}

.inBanImg {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.inBanImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 6s;
    transform: translateZ(0);
    will-change: transform;
}

.inBanImg video {
    width: 100%;
    height: 100%;
    /* transform: scale(1.1); */
    object-fit: cover;
    transition: transform 10s;
}

.inBanImg::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    z-index: 6;
    background: rgb(0, 0, 0, .2);
}

.inBanTbox {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 6;
}

.inBanTit {
    position: relative;
}

.inBanTit p {
    font-size: 66px;
    line-height: 1.3;
    font-weight: 500;
    color: #fff;
    margin-bottom: 50px;
    transform: translateY(50px);
    opacity: 0;
    transform: scale(0.8);
    transform-origin: center;
    transition: opacity 1s ease-out, transform 1.5s ease-out;
}

.inBanTit span {
    font-size: 18px;
    padding-left: 18px;
    position: relative;
    display: block;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 10px;
    color: #fff;
}

.inBanTit span::before {
    width: 6px;
    height: 6px;
    position: absolute;
    left: 2px;
    top: 5px;
    content: '';
    background: #fff;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;

}

/* 
                .inBanItem.swiper-slide-active .inBanImg video {
                    transform: scale(1);
                } */
.inBanItem.swiper-slide-active .inBanTit p {
    display: inline-flex;
    opacity: 1 !important;
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
}

.inBanBtnBox .inBtn a {
    position: relative;
    display: flex;
    align-items: center;
    opacity: 0;
    transform: scale(0.8);
    transform-origin: center;
    transition: opacity 1s ease-out, transform 2s ease-out .4s;
}

.inBanItem.swiper-slide-active .inBanBtnBox .inBtn a {
    opacity: 1 !important;
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
}

.inBanBtnBox .inMore {
    margin-right: 20px;
}














.inBanBon {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 9;
    bottom: 50px;
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.8s;
}

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


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

.inBanSwiperBtn {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 8;
    transition: background 0.48s;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .3);
    margin-left: 10px;
}

.inBanSwiperBtn svg {
    width: 50%;
    height: 50%;
    object-fit: contain;
}

.inBanSwiperBtn svg path {
    fill: #fff;
}

.inBanSwiper_prev svg {
    transform: rotate(180deg);
}

.inBanSwiperBtn:hover {
    background: #012e71;
}

.inBanSwiperBtn:hover svg path {
    fill: #fff;
}
















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

.inBanBSwiper {
    position: relative;
    width: 300px;

}

.inBanBItem {
    position: relative;
}

.inBanBXian {
    position: relative;
    width: 100%;
    height: 2px;
    overflow: hidden;
    background: rgba(255, 255, 255, .1);
}

.inBanBXian::before {
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: rgba(255, 255, 255);
    transition: width 0.48s;
}

.inBanBItem.swiper-slide-thumb-active .inBanBXian::before {
    width: 100%;
    transition: width 8s;
}

.inBanBItem p {
    font-size: 18px;
    color: #fff;
    opacity: .8;
    font-family: "Montserrat";
}

.inBanBItem.swiper-slide-thumb-active p {
    opacity: 1;
}

.inBanGd {
    position: relative;

}

.inBanGd svg {
    width: 50px;
    height: 50px;
    position: relative;
    animation: move 5s infinite;
}

.inBanGd svg path {
    fill: #fff;
}

.inBanBox.Act .inBanBon {
    transform: translateY(0);
    opacity: 1;
}

@keyframes move {
    0% {
        transform: translateY(0);
    }

    /* 25% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(0);
  }
   75% {
    transform: translateY(10px);
  } */
    50% {
        transform: translateY(20px);
    }

    100% {
        transform: translateY(0);
    }
}

@media(max-width:1680px) {
    .inBanTit p {
        font-size: 60px;
    }
}

@media(max-width:1480px) {
    .inBanTit p {
        font-size: 52px;
    }
}

@media(max-width:1368px) {
    .inBanTit p {
        font-size: 48px;
    }

    .inBanGd svg {
        width: 42px;
        height: 42px;
    }
}

@media(max-width:1200px) {
    .inBanTit p {
        font-size: 44px;
    }
}

@media(max-width:1024px) {
    .inBanTit p {
        font-size: 40px;
    }
}

@media(max-width:900px) {
    .inBanTit p {
        font-size: 36px;
    }
}

@media(max-width:768px) {
    .inBanTit p {
        font-size: 32px;
    }
}

@media(max-width:680px) {
    .inBanTit p {
        font-size: 28px;
        line-height: 1.5;
        margin-bottom: 30px;
    }

    .inBanBSwiper {
        position: relative;
        width: 250px;

    }

    .inBanGd svg {
        width: 36px;
        height: 36px;
    }

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


@media(max-width:500px) {
    .inBanTit p {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .inBanGd svg {
        width: 32px;
        height: 32px;
    }

}


/* 关于 */

.inAboBox {
    position: relative;
    height: 100%;
    padding-top: 90px;
    transform: translateY(-100px);
    transition: transform 0.8s;
}

.inAboBox.Act {
    transform: translateY(0);
}


.inAboBg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.inAboBg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transform: scale(1.1);
    transition: transform 0.8s ease-out .2s;
}

.inAboBox.Act .inAboBg img {
    transform: scale(1);
}

.inAboBg::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    z-index: 1;
    background: rgb(1, 46, 113, .1);
}

.inAboBg::after {
    width: 100%;
    height: 30%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background-image: linear-gradient(to bottom, rgb(1, 46, 113, 0), rgb(1, 46, 113, .6) 50%);
    /* background-image: linear-gradient(to bottom,  0%, rgba(0,0,0,.5) 60%); */
}

.inAboBox .inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

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

.inAboRig {
    width: 50%;
    position: relative;
}

.inAboText {
    width: 100%;
    margin-bottom: 30px;
    opacity: 0;
    transform: scale(0.8);
    transform-origin: center;
    transition: opacity 1s ease-out, transform 2s ease-out;

}
.inAboRig .inBtn{
    display: none;
}
.inAboBox.Act .inAboText {
    opacity: 1;
    transform: scale(1);
}

.inAboText P {
    font-size: 18px;
    color: #fff;
    margin-bottom: 8px;
}

.inAboList {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    opacity: 0;
    transform: scale(0.8);
    transform-origin: center;
    transition: opacity 1s ease-out, transform 2s ease-out;
}

.inAboBox.Act .inAboList {
    opacity: 1 !important;
    transform: scale(1) !important;
}

.inAboNItem {
    /* width: 25%; */
    padding: 50px 0;
    position: relative;
}

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

.inAboNum b {
    font-size: 60px;
    line-height: 1;
    font-weight: 600;
    color: #fff;
    font-family: "Montserrat";
}

.inAboNum i {
    font-size: 18px;
    color: #fff;
    line-height: 1.5;

    vertical-align: super;
    font-style: normal;
    opacity: .8;
    margin-left: 8px;
}

.inAboNTit p {
    font-size: 18px;

    color: #fff;
    margin-left: 10px;
}

.inAboNTit {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .8;
}

.inAboNTit svg,.inAboNTit img {
    width: 25px;
    height: 25px;
}

.inAboNTit svg path {
    fill: #fff;
}

.inAboTit {
    position: relative;
    font-size: 32px;
    color: #fff;
    display: block;
    margin-bottom: 20px;
    /* opacity: .8; */
}

.inAboLeft .inBtn {
    margin-top: 50px;
}

.inAboLeft .inAboRig {
    margin-top: 30px;
    display: none;
}

.inAboLeft {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: center;
    transition: opacity 1s ease-out, transform 2s ease-out;
}

.inAboBox.Act .inAboLeft {
    opacity: 1;
    transform: scale(1);
}


@media(max-width:1680px) {
    .inAboNum b {
        font-size: 60px;
    }
}

@media(max-width:1480px) {
    .inAboNum b {
        font-size: 52px;
    }

}

@media(max-width:1368px) {
    .inAboNTit p {
        font-size: 16px;
    }

    .inAboText P {
        font-size: 16px;
    }

    .inAboNum b {
        font-size: 48px;
    }
}

@media(max-width:1280px) {
    .inAboNum b {
        font-size: 44px;
    }

    .inAboNum i {
        font-size: 16px;
    }
}

@media(max-width:1200px) {
    .inAboNum b {
        font-size: 40px;
    }

    .inAboNTit p {
        font-size: 14px;
    }

    .inAboNTit svg {
        width: 22px;
        height: 22px;
    }
}

@media(max-width:1024px) {
    .inAboTop {
        flex-wrap: wrap;
    }

    .inAboLeft {
        width: 100%;
    }

    .inAboRig {
        width: 100%;
        margin-top: 30px;
    }
.inAboRig .inBtn{
    display: block;
}
    .inAboLeft .inBtn {
        display: none;
    }

    .inAboRig .inBtn {
        display: flex;
    }

    .inAboNum b {
        font-size: 36px;
    }
}

@media(max-width:900px) {
    .inAboList {
        flex-wrap: wrap;
        position: relative;
    }

    .inAboNItem {
        padding: 20px 0;
        width: 50%;
    }
}

@media(max-width:680px) {
    .inAboText P {
        font-size: 14px;
    }

    .inAboNum b {
        font-size: 32px;
    }

    .inAboNum i {
        font-size: 14px;
    }
}

@media(max-width:500px) {
    .inAboNItem {
        padding: 10px 0;
    }

    .inAboNTit p {
        font-size: 12px;
    }

    .inAboNTit svg {
        width: 20px;
        height: 20px;
        display: none;
    }

    .inAboBox {
        padding-top: 50px;
    }

    .inAboRig {
        margin-top: 15px;
    }

    .inAboNum b {
        font-size: 28px;
    }

    .inAboText {
        margin-bottom: 20px;
    }

    .inAboText P {
        font-size: 12px;
        margin-bottom: 0px;
    }

  

    .inAboBg::after {
        width: 100%;
        height: 50%;
    }
}





/* 产品 */
.inproBox {
    position: relative;
    height: 100%;
    padding-top: 96px;
    overflow: hidden;
}

.inproBg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.inproBg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    opacity: 0;
    transform: scale(1.1);
    transition: opacity 0.48s, transform 1s;
}

.inproBg img.Act {
    opacity: 1;
    transform: scale(1);
}

.inproBg::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    z-index: 1;
    background: rgb(0, 0, 0, .2);
}

.inproBox .inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    padding: 90px 0 50px;
}

.inproTop {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: center;
    transition: opacity 1s ease-out, transform 2s ease-out;
}

.inproBox.Act .inproTop {
    opacity: 1;
    transform: scale(1);
}

.inproList {
    /* margin-top: 50px; */
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-radius: 16px;
}

.inproItem {
    width: calc(33.3% - 10px);
    padding: 50px 30px;
    background-image: linear-gradient(to bottom, rgb(1, 46, 113, 0), rgb(1, 46, 113, .4) 80%);
    border-radius: 16px;
    backdrop-filter: blur(5px);
    position: relative;
    transform: translateY(100px);
    opacity: 0;
}

.inproItem:nth-child(1) {
    transition: flex 0.6s ease-out, transform 0.8s ease-out 0.4s, opacity 0.8s ease-out 0.4s;
}

.inproItem:nth-child(2) {
    transition: flex 0.6s ease-out, transform 0.8s ease-out 0.6s, opacity 0.8s ease-out 0.6s;
}

.inproItem:nth-child(3) {
    transition: flex 0.6s ease-out, transform 0.8s ease-out 0.8s, opacity 0.8s ease-out 0.8s;
}

.inproBox.Act .inproItem {
    transform: translateY(0);
    opacity: 1;
}

.inproTop .inBtn {
    margin-top: 30px;
}

.inproTit {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    position: relative;
}

.inproNum {
    font-size: 42px;
    color: #fff;
    font-family: "Montserrat";
    line-height: 1;
    font-weight: 600;
    margin-right: 10px;
}

.inproTit p {
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
    margin-left: 15px;
}

.inproItem.Act {
    background-image: linear-gradient(to bottom, rgb(1, 46, 113, 0), rgb(1, 46, 113, .5) 100%);
}



.inproItem.Act .inproTit p {
    color: #fff;
}

.inproTbox {
    position: relative;
    margin-top: 20px;
    display: none;
}

.inproText {
    margin-bottom: 20px;
}

.inproText p {
    font-size: 16px;
    letter-spacing: 1px;
    opacity: .8;
    position: relative;
    padding-left: 18px;
    color: #fff;
}

.inproText p::before {
    width: 6px;
    height: 6px;
    position: absolute;
    left: 2px;
    top: 12px;
    content: '';
    background: #fff;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
}

/* .inproItem.Act .inproTit p {
                    color: #002f6c;
                }

                .inproItem.Act .inproNum {
                    color: #002f6c;
                } */
.inproItem.Act .inproTit {
    display: flex;
    justify-content: flex-start;
}

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

.inproImg img {
    width: 50px;
    height: 50px;
}

.inproImg .img1 {
    display: block;
}

.inproImg .img2 {
    display: none;
}


.inproImg {
    position: relative;

}


@media(max-width:1680px) {

    .inproBox .inner {
        padding: 70px 0 40px;
    }

    .inproItem {
        padding: 30px;
    }

    /* .inproItem.Act .inproImg {
                        height: 65px;
                    } */

    .inproImg img {
        width: 42px;
        height: 42px;
    }

}

@media(max-width:1480px) {
    .inproBox .inner {
        padding: 50px 0 40px;
    }

    .inproTit p {
        font-size: 28px;
    }

    /* .inproItem.Act .inproImg {
                        height: 55px;
                    }

                    .inproImg img {
                        width: 55px;
                        height: 55px;
                    } */
}

@media(max-width:1368px) {
    .inproTit p {
        font-size: 24px;
    }

    .inproText p {
        font-size: 14px;
    }

    .inproImg img {
        width: 36px;
        height: 36px;
    }
}

@media(max-width:1280px) {
    .inproTit p {
        font-size: 20px;
    }

    .inproImg img {
        width: 30px;
        height: 30px;
    }
}

@media(max-width:1200px) {
    .inproItem {
        padding: 20px;
    }
}

@media(max-width:1024px) {
    .inproList {
        flex-wrap: wrap;
    }

    .inproItem {
        margin-top: 20px;
        width: 100%;
    }
   .inproTit p {
        font-size: 18px;
    }
        .inproImg img {
        width: 26px;
        height: 26px;
    }
    .inproBox{
        padding-top: 70px;
    }
}

@media(max-width:500px) {
    .inproItem {
        margin-top: 10px;
    }
}


/* 应用 */

.inCaseBox {
    position: relative;
    height: 100%;
    padding-top: 95px;
    overflow: hidden;
}

.inCaseBg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(1.1);
    transition: transform 0.8 .3s;
}

.inCaseBox.Act .inCaseBg {
    transform: scale(1);
}

.inCaseBg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    opacity: 0;
    transform: scale(1.1);
    transition: opacity 0.48s, transform 1s;
}

.inCaseBg img.Act {
    opacity: 1;
    transform: scale(1);
}

.inCaseBg::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    z-index: 1;
    background: rgb(0, 0, 0, .2);
}

.inCaseBox .inner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.inCaseList {
    position: absolute;
    display: flex;
    height: 40%;
    bottom: 0;
    left: 0;
    width: 100%;
}

.inCaseItem {
    width: 25%;
    height: 100%;
    overflow: hidden;
    position: relative;
    transform: translateY(100px);
    opacity: 0;
}

.inCaseBox.Act .inCaseItem {
    transform: translateY(0);
    opacity: 1;
}

.inCaseItem:nth-child(1) {
    transition: transform 0.8s ease-out 0.4s, opacity 0.8s ease-out 0.4s
}

.inCaseItem:nth-child(2) {
    transition: transform 0.8s ease-out 0.5s, opacity 0.8s ease-out 0.5s
}

.inCaseItem:nth-child(3) {
    transition: transform 0.8s ease-out 0.6s, opacity 0.8s ease-out 0.6s
}

.inCaseItem:nth-child(4) {
    transition: transform 0.8s ease-out 0.7s, opacity 0.8s ease-out 0.7s
}

.inCaseItem::before {
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, 0) 90%);
}


.inCaseTit {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 70px 30px;
    transition: opacity .48s, bottom .8s;
}

.inCaseTit p {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
}

.inCaseIcon .icon1 {
    display: block;
}

.inCaseIcon .icon2 {
    display: none;
}

.inCaseIcon img {
    width: 75px;
    height: 75px;
    object-fit: contain;
    opacity: .8;
}

.inCaseIcon svg {
    width: 75px;
    height: 75px;
    object-fit: contain;
    opacity: .8;

}

.inCaseItem:hover .inCaseIcon .icon1 {
    display: none;
}

.inCaseItem:hover .inCaseIcon .icon2 {
    display: block;
}

.inCaseTit svg path {
    stroke-dasharray: 5000;
    stroke-dashoffset: -5000;
    animation: circle-draw 3s cubic-bezier(.215, .61, .355, 1) forwards;
}

.inCaseItem:nth-child(4) .inCaseTit svg path {
    animation: circle-draw 2s cubic-bezier(.215, .61, .355, 1) forwards;
}

@keyframes circle-draw {
    0% {
        stroke-dashoffset: -5000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

/* .inCaseTit svg path{
                    fill: #fff;
                  } */
.inCaseBtn {
    margin-top: 30px;
    position: relative;
}

.inCaseTbox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    bottom: -100px;
    background: rgb(0, 47, 108, .8);
    transform: translateX(-50%);
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: opacity .48s, bottom .8s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.inCaseItem.Act {
    background-image: linear-gradient(to bottom, rgb(1, 46, 113, 0), rgb(1, 46, 113, .8) 80%);
}


.inCaseItem.Act .inCaseTit {
    bottom: 50px;
}

.inCaseBt {
    position: relative;
}

.inCaseBt img {
    width: 90px;
}

.inCaseBt p {
    font-size: 28px;
    font-weight: 500;
    margin-top: 10px;
    color: #fff;
}

.inCaseText {
    margin: 20px 0;
    position: relative;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 1px;
    color: #fff;
    opacity: .8;
}

.inCaseMore {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #fff; */
    border: 1px solid rgb(255, 255, 255, .1);
}

.inCaseMore svg {
    width: 40%;
    height: 40%;
}

.inCaseMore svg path {
    fill: #fff;
}

.inCaseItem .inBtn {
    opacity: .95;
}

.inCaseLeft {
    width: 42%;
    position: absolute;
    left: 7%;
    top: 90px;
}

.inCaseLeft {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: center;
    transition: opacity 1s ease-out, transform 2s ease-out;
}


.inCaseBox.Act .inCaseLeft {
    opacity: 1;
    transform: scale(1);
}

@media(max-width:1680px) {
    .inCaseLeft {
        top: 50px;
    }

    .inCaseTit {
        padding: 50px 30px;
    }

    .inCaseIcon img,
    .inCaseIcon svg {
        width: 68px;
        height: 68px;
    }

    .inCaseTit p {
        margin-top: 10px;
    }

}

@media(max-width:1480px) {

    .inCaseIcon img,
    .inCaseIcon svg {
        width: 55px;
        height: 55px;
    }

    .inCaseTit p {
        font-size: 20px;
    }


}

@media(max-width:1368px) {
    .inCaseText {
        font-size: 16px;
    }

    .inCaseIcon img, .inCaseIcon svg {
        width: 50px;
        height: 50px;
    }

    .inCaseTit p {
        font-size: 18px;
    }

    .inCaseItem.Act .inCaseTit {
        bottom: 25px;
    }

    .inCaseList {
        height: 250px;
    }

    .inCaseLeft {
        width: 50%;
    }
}

@media(max-width:1280px) {
    .inCaseLeft {
        width: 55%;
    }

    .inCaseList {
        height: 220px;
    }
}

@media(max-width:1200px) {
    .inCaseIcon img, .inCaseIcon svg {
        width: 45px;
        height: 45px;
    }
}

@media(max-width:1023px) {
    .inCaseLeft {
        width: 86%;
    }
    .inCaseBox{
        padding-top: 70px;
    }
}

@media(max-width:900px) {
    .inCaseList {
        flex-wrap: wrap;
        height: auto;
    }

    .inCaseItem {
        height: 180px;
        width: 50%;
    }

    .inCaseItem:nth-child(1)::after, .inCaseItem:nth-child(2)::after {
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        bottom: 0;
        content: '';
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, 0) 90%);
    }

    .inCaseItem:nth-child(1)::before, .inCaseItem:nth-child(3)::before {
        width: 0;
    }
}

@media(max-width:680px) {
    .inCaseTit p {
        font-size: 16px;
    }

    .inCaseIcon img, .inCaseIcon svg {
        width: 40px;
        height: 40px;
    }

    .inCaseItem.Act .inCaseTit {
        bottom: 10px;
    }

    .inCaseText {
        font-size: 14px;
    }
}

@media(max-width:500px) {
    .inCaseIcon img, .inCaseIcon svg {
        width: 35px;
        height: 35px;
    }
}

/* 全球化布局 */
.section5 {
    overflow: hidden;
}

.ingloBox {
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url('../images/ingloBg2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateY(-100px);
    transition: transform 0.8s ease-out .2s;
    overflow: hidden;
}

.ingloBox.Act {
    transform: translateY(0);
}

.ingloBg {
    position: absolute;
    width: 72%;
    top: 50%;
    left: 65%;
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
    transform-origin: center;
    transition: opacity 1s ease-out, transform 2s ease-out;
}

.ingloBg img {
    width: 100%;
    height: 100%;
    transform: scale(1.1);

}

.ingloBox.Act .ingloBg {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.ingloTBox {
    position: absolute;
    top: 54%;
    left: 8%;
    transform: translateY(-50%);
    width: 550px;
    box-sizing: border-box;
    height: calc(100vh - 250px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ingloTit {
    font-size: 28px;
    color: #fff;
    display: block;
    margin: 10px 0 30px;
    /* opacity: .8; */
    line-height: 1;
}

.ingloText {
    width: 80%;
    margin: 30px 0 0;
}

.ingloText span {
    font-size: 18px;
    color: #fff;
    display: block;
    margin-bottom: 6px;
}

.ingloList {
    position: relative;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
    transform: scale(0.8);
    transform-origin: center;
    transition: opacity 1s ease-out, transform 2s ease-out;
}

.ingloItem:first-child {
    width: 100%;
}


.ingloItem {
    width: 50%;
    position: relative;
    padding: 30px 0;
}



.ingloItem:nth-child(3) {
    padding-left: 50px;
}

/* .ingloItem:nth-child(3)::before {
                    width: 1px;
                    height: 100px;
                    content: '';
                    background: rgb(255, 255, 255, .1);
                    position: absolute;
                    left: -10px;
                    top: 50%;
                    transform: translateY(-50%);
                } */

.ingloItem span {
    font-size: 18px;
    color: #fff;
    opacity: .8;
}

.ingloItem b {
    font-size: 60px;
    line-height: 1;
    font-weight: 600;
    color: #fff;
    font-family: "Montserrat";
    font-weight: 600;
}

.ingloItem i {
    font-size: 18px;
    color: #fff;
    opacity: .8;
}

.inglouan {
    position: absolute;
    top: 15%;
    left: 17%;
    width: 500px;
    height: 500px;
    margin-top: -62px;
    margin-left: -175px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inglouan img {
    width: 50px;
    height: 50px;
    z-index: 2;
}

.inglouan span {
    background-color: rgb(255, 255, 255, .3);
    border-radius: 50%;
    animation-fill-mode: both;
    position: absolute;
    left: 0;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    animation: nation-circle 5s cubic-bezier(1, 2, 0.66, 3) infinite;
}

.inglouan span:nth-child(2) {
    animation-delay: 1s;
}

.inglouan span:nth-child(3) {
    animation-delay: 2s;
}

.inglouan span:nth-child(4) {
    animation-delay: 3s;
}

.inglouan span:nth-child(5) {
    animation-delay: 4s;
}

@keyframes nation-circle {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

.ingloGuo {
    position: absolute;
    display: flex;
    align-items: center;
    opacity: 0;
    transform: scale(0);
    transition: opacity 0.8s ease-out 0.5s, transform 0.8s ease-out 0.5s;
}

.ingloGuo span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    margin: 0 5px;
    position: relative;

}

.ingloGuo span::before {
    content: '';
    background-color: rgb(255, 255, 255, 8);
    border-radius: 50%;
    animation-fill-mode: both;
    position: absolute;
    position: absolute;
    left: -15px;
    top: -15px;
    /* opacity: 0; */
    margin: 0;
    width: 40px;
    height: 40px;
    animation: nation-circle 2s cubic-bezier(1, 2, 0.66, 3) infinite;
    z-index: 2;
}

.ingloGuo span::after {
    content: '';
    background-color: rgb(255, 255, 255, 8);
    border-radius: 50%;
    animation-fill-mode: both;
    position: absolute;
    left: -15px;
    top: -15px;
    /* opacity: 0; */
    margin: 0;
    width: 40px;
    height: 40px;
    animation: nation-circle 2s cubic-bezier(1, 2, 0.66, 3) infinite;
    z-index: 2;
    animation-delay: 1s;
}

.ingloGuo p {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.02em;
    color: #fff;
}

.ingloGuo1 {
    left: 28%;
    top: 42%;
}

.ingloGuo2 {
    left: 15%;
    top: 25%;
}

.ingloGuo3 {

    left: 10%;
    top: 53%;
}

.ingloGuo4 {
    left: 86%;
    top: 78%;
}

.ingloGuo5 {
    left: 70%;
    top: 26%;
}

.ingloGuo6 {
    left: 42%;
    top: 76%;
}





.ingloTop {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: center;
    transition: opacity 1s ease-out, transform 2s ease-out;
}

.ingloBox.Act .ingloTop {
    opacity: 1;
    transform: scale(1);
}




.ingloBox.Act .ingloList {
    opacity: 1;
    transform: scale(1);
}

.ingloBox.Act .ingloGuo {
    opacity: 1;
    transform: scale(1);
}

.inglouan {
    opacity: 0;
    transform: scale(0.8);
    transition: transform 0.8s ease-out 0.4s, opacity 0.8s ease-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
}

.ingloBox.Act .inglouan {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

@media(max-width:1680px) {

    .ingloItem b {
        font-size: 60px;
    }

    .ingloGuo1 {
        left: 23%;
        top: 42%;
    }

    .ingloGuo2 {
        left: 7%;
    }

    .ingloGuo3 {
        left: 7%;
    }

    .inglouan img {
        width: 40px;
        height: 40px;
    }
}

@media(max-width:1480px) {

    .ingloItem b {
        font-size: 56px;
    }

    .ingloBox.Act .ingloBg {
        left: 68%;
        opacity: 1;
    }

    .ingloGuo1 {
        left: 22%;
        top: 34%;
    }

    .ingloGuo2 {
        left: 3%;
        top: 27%;
    }

    .ingloGuo3 {
        left: 6%;
        top: 53%;
    }

    .ingloGuo p {
        font-size: 14px;
    }

    .inglouan img {
        width: 38px;
        height: 38px;
    }

    .inglouan {
        position: absolute;
        top: 10%;
        left: 28%;
    }
}

@media(max-width:1368px) {


    .ingloItem b {
        font-size: 48px;
    }

    .ingloText span {
        font-size: 16px;
    }

    .ingloItem span {
        font-size: 16px;
    }

    .ingloItem i {
        font-size: 16px;
    }

    .inglouan {
        width: 450px;
        height: 450px;
    }
}

@media(max-width:1024px) {
    .inglouan img {
        width: 30px;
        height: 30px;
    }

    .inglouan {
        position: absolute;
        top: 36%;
        left: 46%;
    }

    .inglouan {
        width: 400px;
        height: 400px;
    }

    .ingloBox.Act .ingloBg {
        left: 60%;
    }

    .ingloBg {
        width: 85%;
    }

    .ingloGuo p {
        font-size: 12px;
    }

    .ingloGuo span {
        display: block;
        width: 8px;
        height: 8px;
    }
}

@media(max-width:900px) {
    .ingloTBox {
        width: 88%;
    }

    .ingloItem b {
        font-size: 42px;
    }

    .inglouan {
        position: absolute;
    }

    .inglouan {
        width: 200px;
        height: 200px;
    }

    .ingloBox.Act .ingloBg {
        left: 54%;
    }

    .ingloBg {
        width: 90%;
    }
    .ingloTBox {
    height: calc(100vh - 180px);}
}

@media(max-width:680px) {
    .ingloGuo span {
        display: block;
        width: 6px;
        height: 6px;
    }

    .ingloGuo span::before {
        left: -12px;
        top: -12px;
    }

    .ingloGuo span::after {
        left: -18px;
        top: -18px;
    }

    .inglouan img {
        width: 20px;
        height: 20px;
    }

    .ingloGuo span::before {
        width: 30px;
        height: 30px;
    }

    .inglouan {
        position: absolute;
        top: 47%;
        left: 63%;
    }

    .inglouan {
        width: 100px;
        height: 100px;
    }

    .ingloItem b {
        font-size: 36px;
    }

    .ingloItem span {
        font-size: 14px;
    }

    .ingloText span {
        font-size: 14px;
    }
.ingloText{
    width: 100%;
}

}

@media(max-width:500px) {
    .ingloItem b {
        font-size: 32px;
    }

    .ingloGuo p {
        display: none;
    }

    .inglouan {
        position: absolute;
        top: 52%;
        left: 71%;
    }

    .ingloItem:nth-child(3) {
        padding-left: 20px;
    }

    .ingloItem {
        padding: 15px 0;
    }
}















.inNewBox {
    position: relative;
}

.inNList {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.inNItem {
    width: calc(50% - 15px);
    display: flex;
    justify-content: space-between;
    background: #f7f8f9;
    padding: 20px;
    border-radius: 20px;
    margin-right: 30px;
    margin-bottom: 30px;
    transition: all 0.48s;
}

.inNItem:nth-child(2n) {
    margin-right: 0;
}

/* .inNItem:last-child{
    margin-bottom: 0;
} */
.inNImg {
    width: 45%;
    padding-top: 50%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.inNImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: all 0.48s;
}

.inNTbox {
    width: 50%;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 20px 0;
}

.inNTit {
    font-size: 26px;
    line-height: 1.5;
    margin-top: 10px;
    transition: all 0.48s;
}

.inNIcon {
    font-size: 18px;
    color: #0084ca;
    transition: all 0.48s;
}

.inNText {
    font-size: 16px;
    color: #999;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 20px 0 30px;
}

.inNBtn .inBtn.black .inBtnText span {
    font-size: 18px;
}

.inNLBtn {
    display: flex;
    justify-content: center;
    margin-top: 70px;
}

.inNLBtn a::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgb(0, 132, 202, .1);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    content: '';
}

.inNLBtn a {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #0084ca;
    font-size: 18px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inNSwiper {
    margin-bottom: 50px;
}

.inNItem:hover {
    background: #0084ca;
}

.inNItem:hover .inNImg img {
    transform: scale(1.1);
}

.inNItem:hover .inNIcon {
    color: #ddd;
}

.inNItem:hover .inNTit {
    color: #fff;
}

.inNItem:hover .inNBtn .inBtn.black .inBtnText span {
    color: #fff;
}

.inNItem:hover .inBtn.black .inBtnJt p svg path {
    fill: #fff;
}

.inNItem:hover .inBtn.black a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.58);
}

@media (max-width: 1680px) {
    .inNTit {
        font-size: 24px;
    }
}

@media (max-width: 1368px) {
    .inNTit {
        font-size: 22px;
    }

    .inNBtn .inBtn.black .inBtnText span {
        font-size: 16px;
    }
    
    .inNewBox .inner {
    padding: 50px 0;
}
}

@media (max-width: 1280px) {}

@media (max-width: 1024px) {
    .inNImg {
        padding-top: 38%;
    }

    .inNItem {
        width: 100%;
        margin-right: 0;
    }
    .inNewBox{
        padding-top: 70px;
    }
}

@media (max-width: 680px) {
    .inNItem {
        width: 100%;
        flex-wrap: wrap;
        margin-right: 0;
    }

    .inNImg {
        width: 100%;
        padding-top: 55%;
    }

    .inNTbox {
        width: 100%;
        padding: 30px 0;
    }

    .inNImg {
        width: 100%;
        padding-top: 70%;
    }
    .inNewBox .inner {
    padding: 30px 0;
}
}








.inPBtn {
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(0, 0, 0, .1);
    position: relative;
    transition: all 0.48s;
    overflow: hidden;
}

.inPBtn span {
    font-size: 20px;
    transition: all 0.48s;
    position: relative;
}

.inPBtn:hover span {
    color: #fff;
}

.inPBtn:hover {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    padding: 20px 30px;
}

.inPBtn::before {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background: #0084ca;
    transition: all 0.48s;
    border-radius: 50px;
}

.inPBtn:hover::before {
    height: 100%;
}

.inPBtn:hover svg path {
    fill: #fff;
}

.inPBtn svg {
    width: 25px;
    height: 25px;
    position: relative;
}

@media (max-width: 768px) {
    .inPBtn span {
        font-size: 16px;
    }
}




























.inNewBox {
    position: relative;
    height: 100%;
    overflow: hidden;
    padding-top: 90px;
    transform: translateX(100px);
    transition: transform 0.8s;
}

.inNewBox.Act {
    transform: translateX(0);
}

.inNewBg {
    width: 100%;
    /* height: 100%; */
    position: absolute;
    left: 50%;
    bottom: -3%;
    transform: translateX(-50%);
}

.inNewBg p {
    font-size: 8vw;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    color: transparent;
    display: block;
    -webkit-text-stroke: 1px rgba(0, 0, 0, .1);

}

.inNewBg>img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    opacity: 0.1;
}

.inNewBox .Tit p {
    margin-top: 0;
}

.inNewBox .inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.inNewTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    opacity: 0;
    transform: scale(0.8);
    transform-origin: center;
    transition: opacity 1s ease-out, transform 2s ease-out;
}

.inNewList {
    margin: 50px 0;
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: scale(0.8);
    transform-origin: center;
    transition: opacity 1s ease-out, transform 2s ease-out;
}

.inNewSwiper {
    width: 100%;
    position: relative;
}

.inNewItem {
    position: relative;
    overflow: hidden;
}

.inNewImg {
    width: 100%;
    padding-top: 68%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.inNewImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: all 0.48s;
}

.inNewItem:hover .inNewImg img {
    transform: scale(1.1);
}

.inNewTbox {
    position: relative;
    z-index: 2;
    margin-top: 20px;
}

.inNewTit {
    font-size: 22px;
    line-height: 35px;
    height: 70px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.48s;
    margin-top: 10px;

}

.inNewText {

    font-size: 18px;
    margin: 20px 0 30px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.48s;
}


.inNewTime {
    font-size: 18px;
    color: #9E9E9E;
    font-family: "Montserrat";
    transition: all 0.48s;
    /* padding-left: 40px; */
    position: relative;

}
























.inNewNum {
    font-size: 18px;
}

.inNewItem:hover .inNewTit {
    color: #002f6c
}

.inNewBon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
    opacity: 0;
    transform: scale(0.8);
    transform-origin: center;
    transition: opacity 1s ease-out, transform 2s ease-out .2s;
    -webkit-transition: opacity 1s ease-out, transform 2s ease-out .2s;
    -moz-transition: opacity 1s ease-out, transform 2s ease-out .2s;
    -ms-transition: opacity 1s ease-out, transform 2s ease-out .2s;
    -o-transition: opacity 1s ease-out, transform 2s ease-out .2s;
}





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














.inNewMore {
    width: 55px;
    height: 55px;
    border-radius: 8px;
    background: #012e71;
    position: relative;
    z-index: 2;
    margin-right: 10px;
    transition: all .5s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition: all .5s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: all .5s cubic-bezier(.4, 0, .2, 1);
    -ms-transition: all .5s cubic-bezier(.4, 0, .2, 1);
    -o-transition: all .5s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer;
    overflow: hidden;
}

.inNewJt {
    width: 110px;
    display: flex;
    align-items: center;
}

.inNewIcon {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transition: transform .5s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition: transform .5s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: transform .5s cubic-bezier(.4, 0, .2, 1);
    -ms-transition: transform .5s cubic-bezier(.4, 0, .2, 1);
    -o-transition: transform .5s cubic-bezier(.4, 0, .2, 1);
}

.inNewMore svg {
    width: 40%;
    height: 40%;
}

.inNewMore svg path {
    fill: #fff;
    transition: all 0.48s;
}

.inNewMore:hover .inNewIcon {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}








.inNewSwiper_prev svg {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.inNewMore.swiper-button-disabled {
    background: #f7f8f9;
}

.inNewMore.swiper-button-disabled svg path {
    fill: #666;
}





.inNewBSwiper {
    width: calc(100% - 250px);
    height: 1px;
    background: rgb(0, 0, 0, .1);
    position: relative;
    overflow: hidden;
}

.inNewBItem {
    opacity: 0 !important;
}

.inNewBItem.swiper-slide-active {
    opacity: 1 !important;
}

.inNewBItem::before {
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: #002f6c;
    transition: width 0.2s;
}

.inNewBItem.swiper-slide-active::before {
    width: 100%;
    transition: width 8s;
}

.inNewSwiper_pagination {
    width: auto;
    position: relative;
    font-size: 18px;
    color: #666;
    font-family: "Montserrat";
}

.inNewSwiper_pagination .swiper-pagination-total {
    font-size: 18px;
    color: #666;
    transition: all 0.48s;
    position: relative;
    font-family: "Montserrat";
}

.inNewSwiper_pagination .swiper-pagination-current {
    font-size: 24px;
    color: #002f6c;
    font-family: "Montserrat";
}









.inNewBox.Act .inNewTop {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.inNewBox.Act .inNewList {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.inNewBox.Act .inNewBon {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

@media(max-width:1480px) {
    .inNewTit {
        font-size: 20px;
    }
      .inNewTime {
        font-size: 16px;
    }
}

@media(max-width:1368px) {
  

    .inNewIcon, .inNewMore {
        width: 50px;
        height: 50px;
    }

    .inNewJt {
        width: 100px;
    }
}

@media(max-width:1280px) {
    .inNewIcon, .inNewMore {
        width: 45px;
        height: 45px;
    }

    .inNewJt {
        width: 90px;
    }
}
@media(max-width:1024px){
    .inNewBox{
        padding-top: 70px;
    }
}

@media(max-width:680px) {
    .inNewIcon, .inNewMore {
        width: 40px;
        height: 40px;
    }

    .inNewJt {
        width: 80px;
    }

    .inNewSwiper_pagination .swiper-pagination-current {
        font-size: 20px;
    }

    .inNewSwiper_pagination, .inNewSwiper_pagination .swiper-pagination-total {
        font-size: 16px;
    }

    .inNewBSwiper {
        width: calc(100% - 200px);
    }

    .inNewList {
        margin: 35px 0;
    }
        .inNewTit {
        font-size: 18px;
    }
     .inNewBox{
        padding-top: 50px;
    }
}
@media(max-width:500px) {
        .inNewSwiper_pagination .swiper-pagination-current {
        font-size: 18px;
    }
     .inNewSwiper_pagination, .inNewSwiper_pagination .swiper-pagination-total {
        font-size: 14px;
    }
  .inNewBSwiper {
        width: calc(100% - 180px);
    }
    .inNewBg{
        bottom: -10px;
    }
}