.indexban {
    position: relative
}

.m-bann {
    display: none
}

.indexban .textbox {
    position: absolute;
    left: 50%;
    margin-left: -42.97vw;
    z-index: 3;
    top: 260px;
    opacity: 1
}

/* .indexban .textbox.cur{} */
.indexban .textbox .title1 {
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 72px;
    line-height: 90px
}

.indexban .textbox .title2 {
    color: #fff;
    text-align: center;
    font-size: 30px;
    line-height: 48px
}

.indexban .textbox .entitle {
    font-family: Arial;
    color: rgba(255, 255, 255, 0.1);
    text-align: center;
    font-size: 16px
}

.indexban .videobox .video video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: fill;
    object-position: center center
}

/* .indexban .videobox.cur .video video{z-index:9;visibility:visible;opacity:1;object-fit:fill;object-position:center center}
.indexban .videobox.cur .textbox,
.indexban .videobox.cur .img{z-index:-1;visibility:hidden;opacity:0} */
.indexban .videobox .img {
    z-index: -1;
    visibility: hidden;
    opacity: 0
}

.indexban .play {
    width: 70px;
    height: 70px;
    margin: 82px auto 0;
    cursor: pointer;
    display: none
}

.indexban .textbox .box {
    width: 922px;
    height: 385px;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    padding: 68px 10px 0
}

.indexban .textbox .title3 {
    color: #fff;
    font-size: 24px;
    text-align: center;
}

.indexban .textbox .more {
    width: 180px;
    height: 56px;
    position: relative;
    background-color: #303b8b;
    color: #fff;
    line-height: 56px;
    padding-left: 84px;
    border-radius: 56px;
    margin: 52px auto 0
}

.indexban .textbox .more:after {
    content: "";
    width: 30px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 40px;
    top: 50%;
    transition: 0.5s ease-in-out 0s;
    -webkit-transition: 0.5s ease-in-out 0s;
    -moz-transition: 0.5s ease-in-out 0s
}

.indexban .textbox .more:hover {
    padding-left: 40px
}

.indexban .textbox .more:hover:after {
    left: 110px
}

.indexban .swiper-button-next,
.indexban .swiper-button-prev {
    width: 80px;
    height: 80px;
    border-radius: 80px;
    margin-top: -40px;
    opacity: 1;
    background-size: 18px 34px
}

.indexban .swiper-button-next {
    background-image: url(../images/banr.png);
    right: calc(49px + 2.5vw)
}

.indexban .swiper-button-prev {
    background-image: url(../images/banl.png);
    left: calc(49px + 2.5vw)
}

.indexban .swiper-button-next:hover,
.indexban .swiper-button-prev:hover {
    background-color: rgba(48, 59, 139, 0.9)
}

.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    position: relative;
    width: 10px;
    height: 10px;
    margin: 0 55px;
    vertical-align: middle;
    padding: 0;
    border: 2px solid rgba(255, 255, 255, 0.35);
    background: 0;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1;
    z-index: 6
}

.indexban .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 50px
}

.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before,
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    transform-origin: 0 0;
    transform: translate3d(-50%, -50%, 0);
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    border: 1px solid transparent;
    border-radius: 50%
}

.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after {
    width: 34px;
    height: 34px
}

.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:after,
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:before {
    border-color: rgba(255, 255, 255, 0.3)
}

.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:before {
    border-top-color: transparent;
    animation: rotating 3s linear infinite
}

.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:after {
    width: 34px;
    height: 34px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    animation: rotating 3s linear reverse infinite
}

.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 2px solid white
}

.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:before {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2)
}

.indexban .swiper-container-horizontal>.swiper-pagination-bullets:after {
    content: "";
    width: 100%;
    height: 106px;
    background: linear-gradient(to top, rgba(10, 20, 25, 0.7) 0, rgba(10, 20, 25, 0) 100%);
    position: absolute;
    bottom: -49px;
    left: 0
}

.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .show1 {
    width: 110px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.35);
    position: absolute;
    top: 50%;
    right: -112px
}

.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .show2 {
    width: 0;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 100%
}

/* .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active .show2{width:110px;transition:10s ease-in-out 0s;-webkit-transition:10s ease-in-out 0s;-moz-transition:10s ease-in-out 0s} */
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active .show2 {
    animation: fillWidth 10s linear infinite
}

.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-last-of-type(1) .show1,
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-last-of-type(1) .show2 {
    display: none
}

@keyframes rotating {
    from {
        transform: rotate(0) translate3d(-50%, -50%, 0)
    }

    to {
        transform: rotate(360deg) translate3d(-50%, -50%, 0)
    }
}

@keyframes fillWidth {
    from {
        width: 0
    }

    to {
        width: 110px
    }
}

@keyframes unfillWidth {
    from {
        left: 0;
        width: 100%
    }

    to {
        left: 100%;
        width: 0
    }
}

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

@media (max-width:1620px) {
    .indexban .textbox {
        margin-left: -44.97vw
    }

    .indexban .swiper-button-next {
        right: calc(20px + 2.4vw)
    }

    .indexban .swiper-button-prev {
        left: calc(20px + 2.4vw)
    }

    .indexban .textbox .title1 {
        font-size: 66px
    }

    .indexban .textbox .title2 {
        font-size: 26px
    }

    .indexban .textbox .title3 {
        font-size: 20px
    }

    .indexban .textbox.cur {
        top: 200px
    }

    .indexban .textbox {
        top: 300px
    }
}

@media (max-width:1440px) {
    .indexban .textbox {
        margin-left: -46.97vw
    }

    .indexban .swiper-button-next {
        right: calc(10px + 1.6vw)
    }

    .indexban .swiper-button-prev {
        left: calc(10px + 1.6vw)
    }

    .indexban .textbox.cur {
        top: 180px
    }

    .indexban .textbox {
        top: 260px
    }

    .indexban .textbox .title1 {
        font-size: 48px;
        line-height: 70px
    }

    .indexban .textbox .title2 {
        font-size: 22px;
        line-height: 34px
    }

    .indexban .textbox .title3 {
        font-size: 18px
    }

    .indexban .swiper-button-next,
    .indexban .swiper-button-prev {
        width: 58px;
        height: 58px;
        margin-top: -29px;
        background-size: 12px auto
    }

    .indexban .play {
        width: 56px;
        height: 56px;
        margin: 60px auto 0
    }

    .indexban .textbox .box {
        width: 640px;
        height: 280px;
        padding: 45px 10px 0
    }

    .indexban .textbox .more {
        margin: 30px auto 0
    }
}

@media (max-width:1280px) {
    .indexban .textbox {
        margin-left: -48.47vw
    }

    .indexban .swiper-button-next {
        right: 10px
    }

    .indexban .swiper-button-prev {
        left: 10px
    }

    .indexban .textbox .title1 {
        font-size: 40px;
        line-height: 52px
    }

    .indexban .textbox.cur {
        top: 140px
    }

    .indexban .textbox {
        top: 200px
    }
}

@media (max-width:1024px) {
    .pcbanner {
        display: none
    }

    .m-bann {
        display: block
    }

    .indexban .textbox {
        width: 100%;
        left: 0;
        margin-left: 0;
        padding: 0 15px
    }

    .indexban .textbox .title {
        font-size: 16px
    }

    .indexban .textbox {
        top: 15%
    }

    /* .indexban .textbox.cur{top:40px} */
    .indexban .textbox .title1 {
        font-size: 22px;
        line-height: 34px
    }

    .indexban .textbox .title2 {
        font-size: 16px;
        line-height: 22px
    }

    .indexban .textbox .entitle {
        font-size: 12px;
        line-height: 20px
    }

    .indexban .play {
        width: 40px;
        height: 40px;
        margin: 30px auto 0
    }

    .indexban .textbox .title3 {
        font-size: 16px
    }

    .indexban .textbox .more {
        width: 118px;
        height: 34px;
        line-height: 34px;
        font-size: 12px;
        padding-left: 50px
    }

    .indexban .textbox .more:after {
        width: 15px;
        left: 20px
    }

    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        opacity: 1;
        background-color: #fff
    }

    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
        background-color: #e62129
    }

    .indexban .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 15px
    }

    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 4px
    }

    .indexban .videobox .video video {
        z-index: -1;
        visibility: hidden;
        opacity: 0
    }

    .indexban .videobox.cur .video video {
        z-index: 9;
        visibility: visible;
        opacity: 1;
        object-fit: fill;
        object-position: center center
    }

    .indexban .videobox.cur .textbox,
    .indexban .videobox.cur .img {
        z-index: -1;
        visibility: hidden;
        opacity: 0
    }

    .indexban .videobox .img {
        z-index: 1;
        visibility: visible;
        opacity: 1
    }

    .indexban .play {
        display: block
    }
}

@media (max-width:380px) {
    .indexban .textbox .title1 {
        font-size: 22px;
        line-height: 32px
    }

    .indexban .textbox .title2 {
        font-size: 16px;
        line-height: 22px
    }

    .indexban .textbox .entitle {
        font-size: 12px;
        line-height: 20px
    }

    .indexban .play {
        width: 30px;
        height: 30px;
        margin: 30px auto 0
    }

    .indexban .textbox .title3 {
        font-size: 14px
    }

    .indexban .textbox .more {
        width: 110px;
        height: 34px;
        line-height: 34px;
        font-size: 12px;
        padding-left: 42px
    }

    .indexban .textbox .more:after {
        width: 15px;
        left: 20px
    }
}

@media (max-width:370px) {
    .indexban .textbox {
        top: 75px
    }

    .indexban .textbox.cur {
        top: 25px
    }
}

.indextitlebox .entitle {
    font-family: Arial;
    font-weight: bold;
    font-size: 48px;
    color: #000;
    line-height: 1
}

.indextitlebox .cntitle {
    font-size: 30px;
    color: #000;
    margin-top: 14px;
    line-height: 1.2
}

.indexa {
    padding: 116px 0;
    background-image: url(../images/iabg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto
}

.iatextbox {
    width: calc(100% - 988px - 5.729vw);
    margin-right: 5.729vw
}

.iatextbox .title {
    font-size: 30px;
    margin: 28px 0 30px
}

.iatextbox .text {
    color: #666;
    line-height: 1.714;
    height: 188px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8
}

.iatextbox .btn {
    width: 180px;
    height: 56px;
    border-radius: 56px;
    margin-top: 1.5vw;
    display: block;
    background-color: #303b8b;
    color: #fff;
    line-height: 56px;
    padding-left: 84px;
    position: relative
}

.iatextbox .btn:after {
    content: "";
    width: 30px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 40px;
    background-color: #fff;
    transition: 0.5s ease-in-out 0s;
    -webkit-transition: 0.5s ease-in-out 0s;
    -moz-transition: 0.5s ease-in-out 0s
}

.iatextbox .btn:hover {
    padding-left: 34px
}

.iatextbox .btn:hover:after {
    left: 110px
}

.iavidexbox {
    position: relative
}

.iavidexbox video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.iavidexbox .play {
    width: 65px;
    height: 65px;
    position: absolute;
    top: 50%;
    margin-top: -34px;
    left: 50%;
    margin-left: -34px;
    z-index: 2;
    cursor: pointer
}

.iavidexbox.cur .img,
.iavidexbox.cur .play {
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.iavidexbox.cur video {
    z-index: 8;
    opacity: 1;
    visibility: visible
}

.iavidexbox:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.indexabot {
    margin-top: 108px;
    justify-content: space-between
}

.indexabotlist .numUp {
    color: #000;
    font-size: 60px;
    line-height: 1;
    font-family: Arial
}

.indexabotlist .unit {
    color: #666;
    margin-top: 34px;
    margin-left: 8px
}

.indexabotlist .text {
    margin-top: 4px;
    color: #666;
    padding-left: 5px
}

.indexb {
    position: relative
}

.indexbconlist .textbox {
    max-width: 368px;
    position: absolute;
    top: 10.937vw;
    left: 26.83vw;
    opacity: 0
}

.indexbconlist.cur .textbox {
    opacity: 1;
    left: 6.83vw
}

.indexbconlist .textbox .entitle {
    color: #fff;
    line-height: 0.95;
    font-size: 48px;
    font-weight: bold;
    font-family: Arial
}

.indexbconlist .textbox .cntitle {
    color: #fff;
    font-size: 30px;
    line-height: 36px;
    margin-top: 8px
}

.indexbconlist .textbox .text {
    margin: 26px 0 62px;
    color: #fff;
    line-height: 1.714;
    height: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.indexbconlist .textbox .btn {
    width: 180px;
    height: 56px;
    border-radius: 56px;
    display: block;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    line-height: 56px;
    padding-left: 84px;
    position: relative
}

.indexbconlist .textbox .btn:after {
    content: "";
    width: 30px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 40px;
    background-color: #fff;
    transition: 0.5s ease-in-out 0s;
    -webkit-transition: 0.5s ease-in-out 0s;
    -moz-transition: 0.5s ease-in-out 0s
}

.indexbconlist .textbox .btn:hover {
    padding-left: 34px;
    background-color: #303b8b;
    border-color: #303b8b
}

.indexbconlist .textbox .btn:hover:after {
    left: 110px
}

.indexbconlist .img {
    display: none
}

.indexbslide {
    width: 100%;
    position: absolute;
    bottom: 4.583vw;
    left: 0;
    background-color: rgba(255, 255, 255, 0.3);
    padding-top: 30px;
    padding-bottom: 20px
}

.indexbslide:after {
    content: "";
    width: calc(6.83vw + 4.166vw);
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 40px;
    left: 0
}

.indexbslide:before {
    content: "";
    width: calc(6.83vw + 4.166vw);
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 40px;
    right: 0
}

.indexblist {
    width: 12.5%;
    position: relative;
    cursor: pointer
}

.indexblist:after {
    content: "";
    width: calc(100% - 42px);
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 10px;
    right: -40%
}

.indexblist:nth-last-of-type(1):after {
    display: none
}

.indexblist .iconbox {
    width: 22px;
    height: 22px;
    position: relative;
    margin: 0 auto
}

.indexblist .showicon {
    width: 22px;
    height: 22px;
    margin: 0 auto
}

.indexblist .hideicon {
    width: 64px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    position: absolute;
    z-index: 6;
    top: 50%;
    margin-top: -32px;
    left: 50%;
    margin-left: -32px;
    opacity: 0;
    background-image: url(../images/ibiconbg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    transform: scale3d(0, 0, 0);
    -webkit-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    transition: 0.5s ease-in-out 0s;
    -webkit-transition: 0.5s ease-in-out 0s;
    -moz-transition: 0.5s ease-in-out 0s
}

.indexblist .hideicon img {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px
}

.indexblist .title {
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-top: 22px
}

/* .indexbbotbox{padding:0 90px} */
.indexblist.cur .showicon {
    display: none
}

.indexblist.cur .hideicon {
    opacity: 1;
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1)
}

.indexblist.cur .title {
    font-weight: bold
}

.indexbwapimglist {
    display: none
}

.ibwapslide .box {
    display: block;
    background-color: #fff;
    border-radius: 10px;
    padding: 35px 20px 70px
}

.ibwapslide .box .cntitle {
    text-align: center;
    font-size: 20px;
    color: #000;
    font-weight: bold
}

.ibwapslide .box .entitle {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    font-family: Arial;
    margin-top: 3px
}

.ibwapslide .box .text {
    color: #666;
    text-align: center;
    margin: 22px 0 35px;
    line-height: 1.6;
    height: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.ibwapslide .box .btn {
    width: 138px;
    height: 38px;
    line-height: 38px;
    padding-left: 60px;
    border-radius: 56px;
    margin: 0 auto 0;
    display: block;
    background-color: #303b8b;
    color: #fff;
    position: relative
}

.ibwapslide .box .btn:after {
    content: "";
    width: 20px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 25px;
    background-color: #fff;
    transition: 0.5s ease-in-out 0s;
    -webkit-transition: 0.5s ease-in-out 0s;
    -moz-transition: 0.5s ease-in-out 0s
}

.ibwapslide .box .btn:hover {
    padding-left: 34px
}

.ibwapslide .box .btn:hover:after {
    left: 110px
}

.ibwapslide .swiper-container-horizontal {
    border-radius: 10px;
    box-shadow: 0px 3px 30px 0px rgba(34, 34, 34, 0.13)
}

.ibwapslide .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 25px
}

.ibwapslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #999;
    opacity: 1
}

.ibwapslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: #e62129
}

.indexclist.cur .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0
}

.indexclist.cur .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #999;
    opacity: 1
}

.indexclist.cur .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: #e62129
}

.ibwapslide {
    margin-top: -40px
}

.indexc {
    position: relative;
    padding: 86px 0 80px;
    overflow: hidden
}

.indexc .indexcbg {
    position: absolute;
    top: 45px;
    left: -30px
}

.indexctop {
    position: relative;
    z-index: 3
}

.indexctopr {
    width: calc(100% - 380px);
    position: relative;
    padding: 0 50px
}

/* .indexctopr:after{content:"";width:114px;height:114px;position:absolute;top:0;right:0;z-index:3;background-image:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 15%, rgba(255,255,255,1) 60%);background-image:-webkit-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 15%, rgba(255,255,255,1) 60%);background-image:-moz-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 15%, rgba(255,255,255,1) 60%)} */
.indexctopr .swiper-slide {
    width: auto;
    cursor: pointer
}

.indexctopr .icon {
    width: 80px;
    height: 80px;
    margin: 0 auto
}

.indexctopr .img2 {
    display: none
}

.indexctopr .swiper-slide.cur .img1 {
    display: none
}

.indexctopr .swiper-slide.cur .img2 {
    display: block
}

.indexctopr .title {
    color: #666;
    margin-top: 14px;
    text-align: center
}

.indexctopr .swiper-button-next {
    width: 13px;
    height: 24px;
    background-size: 100% 100%;
    background-image: url(../images/icright.png);
    opacity: 1;
    right: 0;
    z-index: 6
}

.indexctopr .swiper-button-prev {
    width: 13px;
    height: 24px;
    background-size: 100% 100%;
    background-image: url(../images/icleft.png);
    opacity: 1;
    left: 0;
    z-index: 6
}

/* .indexctopr .swiper-button-prev.cur{opacity:1} */
.indexctopr:hover .swiper-button-next {
    opacity: 1
}

.indexcbot {
    margin-top: 44px
}

.indexclist {
    position: relative
}

.indexclist .swiper-button-next,
.indexclist .swiper-button-prev {
    width: 46px;
    height: 46px;
    margin-top: -23px;
    background-size: 100% 100%;
    opacity: 1
}

.indexclist .swiper-button-next {
    background-image: url(../images/col2right.png);
    right: -70px
}

.indexclist .swiper-button-next:hover {
    background-image: url(../images/col2right_cur.png)
}

.indexclist .swiper-button-prev {
    background-image: url(../images/col2left.png);
    left: -70px
}

.indexclist .swiper-button-prev:hover {
    background-image: url(../images/col2left_cur.png)
}

.indexclist,
.indexbwap {
    display: none
}

.indexclist .swiper-slide {
    width: 20%;
    height: 686px;
    overflow: hidden
}

.indexclist .swiper-slide .box {
    width: 550px;
    display: block;
    background-color: #000;
    position: relative
}

.indexclist .swiper-slide .img {
    overflow: hidden
}

.indexclist .swiper-slide img {
    opacity: 0.5
}

.indexclist .swiper-slide .textbox {
    width: 100%;
    padding: 0 30px;
    position: absolute;
    bottom: 20px;
    left: 0
}

.indexclist .swiper-slide .textbox .title {
    width: calc(100% - 120px);
    color: rgba(255, 255, 255, 0.5);
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.indexclist .swiper-slide .textbox .more {
    height: 34px;
    line-height: 34px;
    color: #fff;
    padding-left: 40px;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial;
    position: relative
}

.indexclist .swiper-slide .textbox .more:after {
    content: "";
    width: 30px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 0
}

.indexclist .swiper-slide.cur {
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1)
}

.indexclist .swiper-slide.cur .textbox .title {
    color: #fff
}

.indexclist .swiper-slide.cur img {
    opacity: 1;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1)
}

/* .indexclist .swiper-container{overflow:inherit} */
/* .indexclist .swiper-slide:nth-last-of-type(1){display:none} */


@media (max-width:1820px) {
    .iavidexbox {
        width: 878px
    }

    .iatextbox {
        width: calc(100% - 878px - 4.5vw);
        margin-right: 4.5vw
    }

    .indextitlebox .entitle {
        font-size: 44px
    }

    .iatextbox .title,
    .iatextbox .title {
        font-size: 26px
    }

    /* .iatextbox .btn{margin-top:4.5vw} */
    .iatextbox .title {
        margin: 22px 0 24px
    }
}

@media (max-width:1620px) {
    .indextitlebox .entitle {
        font-size: 40px
    }

    .indextitlebox .cntitle {
        font-size: 24px
    }

    .iavidexbox {
        width: 828px
    }

    .iatextbox {
        width: calc(100% - 828px - 3.5vw);
        margin-right: 3.5vw
    }

    .indexblist:after {
        right: -38%
    }

    .indexbslide:after {
        content: "";
        width: calc(4.83vw + 4.166vw)
    }

    .indexbslide:before {
        content: "";
        width: calc(4.83vw + 4.166vw)
    }

    .indexbconlist .textbox {
        top: 8.937vw
    }

    .indexbconlist.cur .textbox {
        left: 4.83vw
    }

    .indextitlebox .entitle {
        font-size: 40px
    }

    .iatextbox .title,
    .iatextbox .title {
        font-size: 24px
    }

    /* .iatextbox .btn{margin-top:4vw} */
    .iatextbox .title {
        margin: 20px 0 22px
    }
}

@media (max-width:1440px) {
    .indextitlebox .entitle {
        font-size: 30px
    }

    .indextitlebox .cntitle {
        font-size: 20px;
        margin-top: 8px
    }

    .iavidexbox {
        width: 748px
    }

    .iatextbox {
        width: calc(100% - 748px - 3.5vw);
        margin-right: 3.5vw
    }

    .iatextbox .title {
        font-size: 20px;
        margin: 18px 0 20px
    }

    /* .iatextbox .btn{margin-top:3vw} */
    .indexabotlist .numUp {
        font-size: 50px
    }

    .indexabotlist .unit {
        margin-top: 30px
    }

    .indexblist:after {
        right: -36%
    }

    .indexbslide:after {
        content: "";
        width: calc(3.83vw + 3.566vw)
    }

    .indexbslide:before {
        content: "";
        width: calc(3.83vw + 3.566vw)
    }

    .indexbconlist .textbox {
        top: 6.937vw
    }

    .indexbconlist.cur .textbox {
        left: 3.83vw
    }

    .indexbconlist .textbox .entitle {
        font-size: 36px
    }

    .indexbconlist .textbox .cntitle {
        font-size: 24px
    }

    .indexbconlist .textbox .text {
        margin: 18px 0 40px
    }

    /* .indexctopr{width:830px} */
    .indexc .indexcbg {
        width: 706px;
        left: -20px
    }

    .indexclist .swiper-slide .box {
        width: 450px
    }

    .indexclist .swiper-slide {
        height: auto
    }

    .indexclist .swiper-button-next,
    .indexclist .swiper-button-prev {
        width: 32px;
        height: 32px;
        margin-top: -16px
    }

    .indexclist .swiper-button-next {
        right: -40px
    }

    .indexclist .swiper-button-prev {
        left: -40px
    }
}

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

    .iatextbox {
        width: calc(100% - 688px - 2vw);
        margin-right: 2vw
    }

    .iatextbox .title {
        font-size: 20px;
        margin: 10px 0 12px
    }

    /* .iatextbox .btn{margin-top:2.5vw} */
    .indexbslide:after {
        content: "";
        width: calc(1.33vw + 4.266vw)
    }

    .indexbslide:before {
        content: "";
        width: calc(1.33vw + 4.266vw)
    }

    .indexbconlist .textbox {
        top: 5.5vw
    }

    .indexbconlist.cur .textbox {
        left: 1.33vw
    }

    .indexbconlist .textbox .entitle {
        font-size: 36px
    }

    .indexbconlist .textbox .cntitle {
        font-size: 24px
    }

    .indexbconlist .textbox .text {
        margin: 18px 0 40px
    }

    .indexctopr {
        width: calc(100% - 280px)
    }

    .indexc .indexcbg {
        width: 606px;
        left: -15px
    }

    .indexclist .swiper-button-next {
        right: 10px
    }

    .indexclist .swiper-button-prev {
        left: 10px
    }
}

@media (max-width:1024px) {
    .indextitlebox .entitle {
        font-size: 24px
    }

    .indextitlebox .cntitle {
        font-size: 18px;
        margin-top: 3px
    }

    .indexa {
        background-image: url(../images/iabgwap.jpg);
        padding: 50px 0;
        background-size: 100% 100%
    }

    .iatextbox {
        width: 100%;
        margin-right: 0
    }

    .indexatop>.img {
        width: 100%;
        margin-top: 30px;
        float: left
    }

    .iatextbox .title {
        font-size: 18px;
        margin: 15px 0
    }

    .iatextbox .text {
        line-height: 1.6;
        font-size: 12px;
        -webkit-line-clamp: 10;
        height: 192px
    }

    .iatextbox .btn {
        margin-top: 45px;
        width: 138px;
        height: 38px;
        line-height: 38px;
        padding-left: 60px;
        float: left
    }

    .iatextbox .btn:after {
        left: 25px;
        width: 20px
    }

    .iavidexbox {
        width: 100%;
        margin-top: 40px
    }

    .iavidexbox .play {
        width: 38px;
        height: 38px;
        margin-top: -19px;
        margin-left: -19px
    }

    .indexabot {
        margin-top: 35px
    }

    .indexabotlist {
        width: 50%
    }

    .indexabotlist:nth-of-type(1),
    .indexabotlist:nth-of-type(2) {
        margin-bottom: 15px
    }

    .indexabotlist .numUp {
        font-size: 34px
    }

    .indexabotlist .text {
        font-size: 12px
    }

    .indexabotlist .unit {
        margin-left: 5px;
        margin-top: 14px
    }

    .indexb {
        display: none
    }

    .indexbwap {
        display: block
    }

    .indexc {
        padding: 65px 0 50px
    }

    .indexc .indexcbg {
        width: 100%;
        left: 0;
        top: 45px
    }

    .indexctop .indextitlebox {
        width: 100%
    }

    .indexctop .indextitlebox .entitle,
    .indexctop .indextitlebox .cntitle {
        text-align: center
    }

    .indexctopr {
        width: 100%;
        margin-top: 30px;
        padding: 0 35px
    }

    .indexctopr .icon {
        width: 46px;
        height: 46px
    }

    .indexctopr .title {
        margin-top: 8px;
        font-size: 12px
    }

    .indexctopr:after {
        width: 35px;
        height: 100px
    }

    /* .indexc .wrap{padding:0 0 0 15px} */
    .indexcbot {
        margin-top: 25px
    }

    .indexclist {
        padding-right: 45px;
        padding-left: 35px
    }

    /* .indexclist .swiper-container{padding-bottom:50px;overflow:hidden} */
    .indexclist .swiper-button-next,
    .indexclist .swiper-button-prev {
        width: 24px;
        height: 24px;
        margin-top: -12px
    }

    .indexclist .swiper-button-next {
        right: 10px
    }

    .indexclist .swiper-button-prev {
        left: 0
    }

    .indexclist .swiper-container {
        overflow: hidden
    }

    .indexclist .swiper-slide {
        height: auto
    }

    .indexclist .swiper-slide .box {
        width: 100%
    }

    .indexclist .swiper-slide .textbox {
        padding: 0 15px
    }

    .indexclist .swiper-slide .textbox .title {
        width: calc(100% - 100px);
        font-size: 18px;
        height: 24px;
        line-height: 24px
    }

    .indexclist .swiper-slide .textbox .more {
        font-size: 12px;
        line-height: 24px;
        height: 24px;
        padding-left: 25px
    }

    .indexclist .swiper-slide .textbox .more:after {
        width: 15px;
        top: 45%
    }

    .indexclist .swiper-slide:nth-last-of-type(1) {
        display: block
    }

    .indexctopr .swiper-button-next {
        right: 15px
    }

    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after,
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:before,
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets:after {
        display: none
    }

    .indexctopr .swiper-button-prev {
        left: 0
    }
}

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


.indexd {
    position: relative;
    padding: 50px 0 116px;
    background-color: #f4f4f5
}

.indexdbg {
    position: absolute;
    top: 72px;
    left: -30px
}

.indexdtop {
    position: relative;
    z-index: 3
}

.indexdtopr {
    margin-top: 56px
}

.indexdtoplist {
    color: #282828;
    font-size: 16px;
    cursor: pointer;
    line-height: 30px;
    padding-bottom: 16px;
    position: relative;
    margin-right: 56px
}

.indexdtoplist:nth-last-of-type(1) {
    margin-right: 0
}

.indexdtoplist:after {
    content: "";
    width: 0%;
    height: 2px;
    background-color: #303b8b;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.5s ease-in-out 0s;
    -webkit-transition: 0.5s ease-in-out 0s;
    -moz-transition: 0.5s ease-in-out 0s
}

.indexdtoplist.cur:after,
.indexdtoplist:hover:after {
    width: 100%
}

.indexdtoplist.cur,
.indexdtoplist:hover {
    color: #303b8b;
    font-weight: bold
}

.indexdbot {
    margin-top: 44px
}

.indexdlist {
    display: none
}

.column2_1left {
    width: 762px
}

.column2_1left a {
    display: block
}

.column2_1left .img img {
    width: 100%
}

.column2_1left .textbox {
    padding: 32.5px 50px 90px 40px;
    background-color: #fff
}

.column2_1left .datebox {
    margin-top: 4px;
    padding-right: 20px;
    border-right: 1px solid #ededed
}

.column2_1left .rightbox {
    width: calc(100% - 108px);
    margin-left: 20px
}

.column2_1left .day {
    color: #303b8b;
    font-size: 52px;
    line-height: 1;
    font-weight: bold;
    font-family: Arial
}

.column2_1left .year {
    color: #303b8b;
    font-size: 16px;
    margin-top: 2px;
    font-family: Arial
}

.column2_1left .title {
    color: #2e2e2e;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.column2_1left .text {
    margin-top: 34px;
    color: #999;
    height: 81px;
    line-height: 2.143;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.column2_1left .wapdate,
.column2item .wapdate {
    display: none;
    font-size: 16px;
    color: #ccc;
    font-weight: bold
}

.column2_1left:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.column2_1left:hover .title {
    color: #303b8b
}

.column2_1right {
    width: calc(100% - 822px);
    margin-left: 60px
}

.column2item {
    display: block;
    margin-bottom: 20px;
    padding: 36px 36px 36px 30px;
    background-color: #fff
}

.column2item:nth-last-of-type(1) {
    margin-bottom: 0
}

.column2item .datebox {
    padding-left: 35px;
    border-left: 1px solid #ececf0;
    transition: 0.5s ease-in-out 0s;
    -webkit-transition: 0.5s ease-in-out 0s;
    -moz-transition: 0.5s ease-in-out 0s
}

.column2item .day {
    font-size: 72px;
    line-height: 1;
    font-family: Arial
}

.column2item .year {
    color: #52504d;
    font-size: 20px;
    font-family: Arial
}

.column2item .textbox {
    width: calc(100% - 168px);
    margin-right: 46px
}

.column2item .title {
    font-size: 22px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.column2item .text {
    color: #999;
    margin-top: 16px;
    line-height: 1.714;
    height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.column2item:hover {
    background-color: #303b8b
}

.column2item:hover .title {
    color: #fff
}

.column2item:hover .text {
    color: rgba(255, 255, 255, 0.5)
}

.column2item:hover .datebox {
    border-left-color: rgba(255, 255, 255, 0.5)
}

.column2item:hover .datebox .day {
    color: #fff
}

.column2item:hover .datebox .year {
    color: rgba(255, 255, 255, 0.5)
}

.indexe {
    background-color: #f4f4f5;
}

.indexelist {
    width: calc((100% - 20px) / 2);
    position: relative
}

.indexelist:nth-of-type(1) {
    margin-right: 20px
}

.indexelist .wapimg {
    display: none
}

.indexelist .textbox {
    position: absolute;
    left: 4.83vw;
    top: 4.687vw
}

.indexelist .topicon {
    height: 34px
}

.indexelist .titlebox {
    margin-top: 54px
}

.indexelist .titlebox .cntitle {
    font-size: 30px;
    font-weight: bold
}

.indexelist .titlebox .entitle {
    color: rgba(51, 51, 51, 0.3);
    margin-top: 6px
}

.indexelist .iconbox {
    margin-top: 55px
}

.indexelist .iconlist {
    width: 110px;
    height: 110px;
    background-color: #fff;
    border-radius: 10px;
    padding-top: 20px;
    margin-right: 20px
}

.indexelist .iconlist:nth-last-of-type(1) {
    margin-right: 0
}

.indexelist .iconlist .icon {
    height: 31px;
    line-height: 31px;
    text-align: center
}

.indexelist .iconlist .icon img {
    display: inline-block;
    vertical-align: middle
}

.indexelist .iconlist .title {
    color: #999;
    margin-top: 15px;
    text-align: center
}

.indexelist .text {
    margin: 32px 0 66px;
    color: #666;
    font-size: 16px
}

.indexelist .text span {
    color: #e62129;
    font-weight: bold;
    font-family: Arial;
    font-size: 22px
}

.indexelist .btn {
    width: 48px;
    height: 33px;
    background-image: url(../images/iemore.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

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

@media (max-width:1620px) {
    .indexelist .textbox {
        left: 3.83vw;
        top: 3.5vw
    }
}

@media (max-width:1440px) {
    .indexdtoplist {
        margin-right: 35px
    }

    .column2_1left {
        width: 600px
    }

    .column2_1right {
        width: calc(100% - 660px)
    }

    .column2item {
        padding: 27px 36px 26px 30px
    }

    .column2item .day {
        font-size: 58px;
        text-align: center
    }

    .column2_1left .textbox {
        padding: 32px 50px 90px 40px
    }

    .indexelist .textbox {
        left: 2.33vw;
        top: 2.5vw
    }

    .indexelist .titlebox {
        margin-top: 35px
    }

    .indexelist .iconbox {
        margin-top: 30px
    }

    .indexelist .text {
        margin: 20px 0 40px
    }

    .indexelist .iconlist {
        width: 100px;
        padding: 20px 10px 0;
        margin-right: 10px
    }

}

@media (max-width:1280px) {
    .indexelist .titlebox {
        margin-top: 25px
    }

    .indexelist .iconbox {
        margin-top: 20px
    }

    .indexelist .textbox {
        left: 1.2vw
    }
}

@media (max-width:1024px) {
    .indexd {
        padding: 50px 0
    }

    .indexdbg {
        width: 80%;
        left: 50%;
        margin-left: -40%;
        top: 30px
    }

    .indexdtop .indextitlebox {
        width: 100%
    }

    .indexdtop .indextitlebox .entitle,
    .indexdtop .indextitlebox .cntitle {
        text-align: center
    }

    .indexdtopr {
        width: 100%;
        margin-top: 16px;
        text-align: center
    }

    .indexdtoplist {
        float: none;
        display: inline-block;
        margin: 0 10px;
        padding-bottom: 10px
    }

    .column2_1left {
        width: 100%
    }

    .column2_1left .textbox {
        padding: 25px 25px 40px
    }

    .column2_1left .wapdate {
        display: block
    }

    .column2_1left .datebox {
        display: none
    }

    .column2_1left .rightbox {
        width: 100%;
        margin-left: 0;
        float: none
    }

    .column2_1left .title {
        font-size: 18px;
        height: 56px
    }

    .column2_1left .text {
        margin-top: 15px;
        line-height: 1.6;
        height: 68px
    }

    .column2_1right {
        width: 100%;
        margin-top: 15px;
        margin-left: 0
    }

    .column2item {
        margin-bottom: 15px;
        padding: 25px 30px
    }

    .column2item .wapdate {
        display: block
    }

    .column2item .textbox {
        width: 100%;
        float: none
    }

    .column2item .datebox {
        display: none
    }

    .column2item .title {
        font-size: 18px;
        height: 24px;
        line-height: 24px;
        margin-top: 4px
    }

    .column2item .text {
        margin-top: 10px;
        line-height: 1.6;
        height: 44px
    }

    .indexdbot {
        margin-top: 25px
    }

    .indexelist .wapimg {
        display: block
    }

    .indexelist .img {
        display: none
    }

    .indexelist {
        width: 100%
    }

    .indexelist:nth-of-type(1) {
        margin-right: 0;
        margin-bottom: 15px
    }

    .indexelist .topicon {
        height: 22px
    }

    .indexelist:nth-of-type(1) .topicon img {
        width: 22px
    }

    .indexelist:nth-of-type(2) .topicon img {
        width: 18px
    }

    .indexelist .titlebox {
        margin-top: 10px
    }

    .indexelist .titlebox .cntitle {
        font-size: 18px
    }

    .indexelist .titlebox .entitle {
        font-size: 12px;
        margin-top: 4px
    }

    .indexelist .wapimg img {
        width: 100%
    }

    .indexelist .iconlist {
        width: 19%;
        margin-right: 1.25%;
        height: auto;
        padding: 15px 5px;
        border-radius: 5px
    }

    .indexelist .iconlist:nth-of-type(1) .icon img,
    .indexelist .iconlist:nth-of-type(2) .icon img {
        width: 20px
    }

    .indexelist .iconlist:nth-of-type(3) .icon img {
        width: 22px
    }

    .indexelist .iconlist:nth-of-type(4) .icon img,
    .indexelist .iconlist:nth-of-type(5) .icon img {
        width: 18px
    }

    .indexelist .iconlist .icon {
        height: 24px;
        line-height: 24px
    }

    .indexelist .iconlist .title {
        font-size: 12px;
        height: 32px;
        margin-top: 10px
    }

    .indexelist .textbox {
        width: calc(100% - 15px);
        top: auto;
        bottom: 20px;
        left: 15px
    }

    .indexelist:nth-of-type(2) .textbox {
        top: 20px;
        bottom: auto
    }

    .indexelist .text {
        margin: 10px 0 30px;
        font-size: 14px;
        max-width: 152px
    }

    .indexelist .btn {
        width: 38px;
        height: 26px
    }

    .indexelist .iconbox {
        margin-top: 40px
    }

    .indexelist .iconlist:nth-last-of-type(1) {
        margin-right: 0
    }

}

@media (max-width:380px) {
    .indexelist .iconlist {
        width: 66px;
        height: 66px
    }
}