.index_banner {position: relative;height: 100vh;}
.index_banner .bg {width: 100%;height: 100%;position: absolute;z-index: -1;}
.index_banner .bg .swiper {height: 100%;}
.index_banner .bg .swiper .PE{display: none;}
.index_banner .bg video {width: 100%;height: 100%;object-fit: cover;}
.index_banner .bg img {width: 100%;height: 100%;}

.index_banner .wrap {width: 1600px;left: 50%;transform: translateX(-50%);top:500px;position: absolute;}
.index_banner .wrap .text {width: 1200px; text-align:center;  }
.index_banner .wrap .text .swiper-slide-active .item h3,
.index_banner .wrap .text .swiper-slide-active .item p,
.index_banner .wrap .text .swiper-slide-active .item .more {opacity: 1;transform: translateY(0);}
.index_banner .wrap .text .swiper-slide-active .item h3 {transition-delay: 0.3s;}
.index_banner .wrap .text .swiper-slide-active .item p {transition-delay: 0.6s;}
.index_banner .wrap .text .swiper-slide-active .item .more {transition-delay: 0.9s;}
.index_banner .wrap .text .item {padding-bottom: 50px;}
.index_banner .wrap .text .item h3 { font-size:80px; line-height:80px;color: #fff;font-weight: 400;margin-bottom: 20px;transform: translateY(30px);opacity: 0;transition: all 1s; font-weight:bold}
.index_banner .wrap .text .item p {color: #fff;  line-height: 32px;font-size: 32px;transform: translateY(30px);opacity: 0;transition: all 1s; font-weight:bold}
.index_banner .wrap .text .item .more {margin-top: 40px;transform: translateY(30px);opacity: 0;transition: all 1s;}
.index_banner .wrap .text .item .more a {display: flex;align-items: center;justify-content: center;color: #fff;  font-size: 20px;width: 185px;height: 52px;background-color: #005883;border: 1px solid #005883;transition: all 1s;}
.index_banner .wrap .text .item .more a:hover {color: #005883;background-color: #fff;}

.index_banner .wrap .text .page { align-items: center;}
.index_banner .wrap .text .page .prev {transform: scaleX(-1);}
.index_banner .wrap .text .page .prev,
.index_banner .wrap .text .page .next {cursor: pointer;}
.index_banner .wrap .text .page .prev:hover span,
.index_banner .wrap .text .page .next:hover span {color: #005883;}
.index_banner .wrap .text .page .prev span,
.index_banner .wrap .text .page .next span {transition: all 0.5s;color: #000000;font-size: 16px;}
.index_banner .wrap .text .page .swiper-pagination {width: fit-content;position: static;margin: 0 10px;}
.index_banner .wrap .text .page .swiper-pagination-bullet {opacity: 1;background-color: #fff;transition: all 0.5s;margin: 0 4px;width: 10px;height: 10px;}
.index_banner .wrap .text .page .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #005883;}

.index_banner .bottom {position: absolute;bottom: 0;width: 100%;}
.index_banner .bottom .table {background-color: #005883;width: 100%;padding: 15px 0;}
.index_banner .bottom .table table {width: 1620px;margin: 0 auto;}
.index_banner .bottom .table table tr {height: 30px;}
.index_banner .bottom .table table tr th { font-size: 18px;text-align: left;font-weight: 700;}
.index_banner .bottom .table table tr td {font-size: 18px; font-weight: 400;}
.index_banner .bottom .table table tr th,
.index_banner .bottom .table table tr td {color: #fff;}
.index_banner .bottom .table table tr th:not(:first-child),
.index_banner .bottom .table table tr td:not(:first-child) {width: 18%;}

.index_banner .bottom .news {background-color: rgba(0, 0, 0, 0.6);padding: 30px 0;}
.index_banner .bottom .news .content {width: 1620px;margin: 0 auto;}
.index_banner .bottom .news .content .title {margin-bottom: 12px;}
.index_banner .bottom .news .content .title h4 {color: #fff; font-size: 28px;text-transform: uppercase;}
.index_banner .bottom .news .content .main {display: flex;gap: 0 20px;}
.index_banner .bottom .news .content .main .item {width: 320px;padding: 20px 14px;background-color: rgba(231, 235, 236, .1);}
.index_banner .bottom .news .content .main .item p {color: #fff; font-size: 22px;line-height: 28px;}


.index_banner2 {position: relative;height: 100vh;}
.index_banner2 .bg {width: 100%;height: 100%;position: absolute;z-index: -1;}
.index_banner2 .bg .swiper {height: 100%;}
.index_banner2 .bg .swiper .PE{display: none;}
.index_banner2 .bg video {width: 100%;height: 100%;object-fit: cover;}
.index_banner2 .bg img {width: 100%;height: 100%;}

.index_banner2 .wrap {width: 1600px;left: 50%;transform: translateX(-50%);top:400px;position: absolute;}
.index_banner2 .wrap .text {width: 1200px; text-align:center;  }
.index_banner2 .wrap .text .swiper-slide-active .item h3,
.index_banner2 .wrap .text .swiper-slide-active .item p,
.index_banner2 .wrap .text .swiper-slide-active .item .more {opacity: 1;transform: translateY(0);}
.index_banner2 .wrap .text .swiper-slide-active .item h3 {transition-delay: 0.3s;}
.index_banner2 .wrap .text .swiper-slide-active .item p {transition-delay: 0.6s;}
.index_banner2 .wrap .text .swiper-slide-active .item .more {transition-delay: 0.9s;}
.index_banner2 .wrap .text .item {padding-bottom: 50px;}
.index_banner2 .wrap .text .item h3 { font-size:80px; line-height:80px;color: #fff;font-weight: 400;margin-bottom: 20px;transform: translateY(30px);opacity: 0;transition: all 1s; font-weight:bold}
.index_banner2 .wrap .text .item p {color: #fff;  line-height: 32px;font-size: 32px;transform: translateY(30px);opacity: 0;transition: all 1s; font-weight:bold}
.index_banner2 .wrap .text .item .more {margin-top: 40px;transform: translateY(30px);opacity: 0;transition: all 1s;}
.index_banner2 .wrap .text .item .more a {display: flex;align-items: center;justify-content: center;color: #fff;  font-size: 20px;width: 185px;height: 52px;background-color: #005883;border: 1px solid #005883;transition: all 1s;}
.index_banner2 .wrap .text .item .more a:hover {color: #005883;background-color: #fff;}

.index_banner2 .wrap .text .page { align-items: center;}
.index_banner2 .wrap .text .page .prev {transform: scaleX(-1);}
.index_banner2 .wrap .text .page .prev,
.index_banner2 .wrap .text .page .next {cursor: pointer;}
.index_banner2 .wrap .text .page .prev:hover span,
.index_banner2 .wrap .text .page .next:hover span {color: #005883;}
.index_banner2 .wrap .text .page .prev span,
.index_banner2 .wrap .text .page .next span {transition: all 0.5s;color: #000000;font-size: 16px;}
.index_banner2 .wrap .text .page .swiper-pagination {width: fit-content;position: static;margin: 0 10px;}
.index_banner2 .wrap .text .page .swiper-pagination-bullet {opacity: 1;background-color: #fff;transition: all 0.5s;margin: 0 4px;width: 10px;height: 10px;}
.index_banner2 .wrap .text .page .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #005883;}

.index_banner2 .bottom {position: absolute;bottom: 0;width: 100%;}
.index_banner2 .bottom .table {background-color: #005883;width: 100%;padding: 15px 0;}
.index_banner2 .bottom .table table {width: 1620px;margin: 0 auto;}
.index_banner2 .bottom .table table tr {height: 30px;}
.index_banner2 .bottom .table table tr th { font-size: 18px;text-align: left;font-weight: 700;}
.index_banner2 .bottom .table table tr td {font-size: 18px; font-weight: 400;}
.index_banner2 .bottom .table table tr th,
.index_banner2 .bottom .table table tr td {color: #fff;}
.index_banner2 .bottom .table table tr th:not(:first-child),
.index_banner2 .bottom .table table tr td:not(:first-child) {width: 18%;}

.index_banner2 .bottom .news {background-color: rgba(0, 0, 0, 0.6);padding: 30px 0;}
.index_banner2 .bottom .news .content {width: 1620px;margin: 0 auto;}
.index_banner2 .bottom .news .content .title {margin-bottom: 12px;}
.index_banner2 .bottom .news .content .title h4 {color: #fff; font-size: 28px;text-transform: uppercase;}
.index_banner2 .bottom .news .content .main {display: flex;gap: 0 20px;}
.index_banner2 .bottom .news .content .main .item {width: 320px;padding: 20px 14px;background-color: rgba(231, 235, 236, .1);}
.index_banner2 .bottom .news .content .main .item p {color: #fff; font-size: 22px;line-height: 28px;}




.section1 .wrap {display: flex;}
.section1 .wrap .left,
.section1 .wrap .right {width: 50%;}
.section1 .wrap .left {position: relative;}
.section1 .wrap .left .img {height: 100%;}
.section1 .wrap .left .img img {width: 100%;height: 100%;}
.section1 .wrap .left .play {position: absolute;left: 50%;width: 82px;top: 50%;transform: translate(-50%, -50%);cursor: pointer;transition: all 0.6s;}
.section1 .wrap .left .play .orange {position: absolute;z-index: 19999999;width: 100%;opacity: 0;left: 0;}
.section1 .wrap .left .play img {transition: all 1s;}
.section1 .wrap .left .play:hover img {opacity: 0;}
.section1 .wrap .left .play:hover .orange {opacity: 1;}
.section1 .wrap .right {padding: 110px 460px 110px 80px;background-color: #F7F7F7;}
.section1 .wrap .right h3 {color: #1a1a1a;  font-size: 28px;margin-bottom: 58px;font-weight: 700;}
.section1 .wrap .right p { font-size: 20px;color: #333;line-height: 34px;}
.section1 .wrap .right p.aos-animate {transition-delay: 0.3s;}
.section1 .wrap .right .go.aos-animate {transition-delay: 0.6s;}
.section1 .wrap .right a {  width: 185px;height: 52px;background-color: #005883;color: #fff; font-size: 18px;justify-content: center;align-items: center;display: flex;font-weight: 700;margin-top: 40px;border: 1px solid #005883;transition: all 1s;}
.section1 .wrap .right a:hover {color: #005883;background-color: #fff;}

.section2 .wrap {padding-top: 100px;width: 1600px;margin: 0 auto;padding-bottom: 60px;}
.section2 .wrap .top {margin-bottom: 60px;}
.section2 .wrap .top .title {margin-bottom: 10px;}
.section2 .wrap .top .title div:nth-child(2).aos-animate {transition-delay: 0.1s;}
.section2 .wrap .top .title h3 {font-weight: 700; font-size:32px;margin-bottom: 10px;}
.section2 .wrap .top .title h4 { font-size: 32px;color: #1a1a1a;font-weight: 400;}
.section2 .wrap .top .main div:nth-child(1).aos-animate {transition-delay: 0.2s;}
.section2 .wrap .top .main p {color: #333;  line-height: 34px; font-size: 20px;}
.section2 .wrap .top .main .view {margin-top: 20px;display: flex;gap: 30px;}
.section2 .wrap .top .main .view.aos-animate {transition-delay: 0.3s;}
.section2 .wrap .top .main .view a {display: flex; align-items: center;justify-content: center;background-color: #005883; width: 185px;height: 52px;color: #fff;font-weight: 700;font-size: 16px;border: 1px solid #005883;transition: all 1s;}
.section2 .wrap .top .main .view a:hover {color: #005883;background-color: #fff;}
.section2 .wrap .bottom {position: relative;}
.section2 .wrap .bottom.aos-animate {transition-delay: 0.4s;}
.section2 .wrap .bottom .item:hover .img img {transform: scale(1.1);}
.section2 .wrap .bottom .item:hover .text {color: #005883;}
.section2 .wrap .bottom .item .img {overflow: hidden;}
.section2 .wrap .bottom .item .img img {transition: all 1s;}
.section2 .wrap .bottom .item .text {margin-top: 20px;   font-size: 20px;color: #333333;transition: all 1s;}
.section2 .wrap .bottom .item .text a{margin-top: 20px;   font-size: 20px;color: #333333;transition: all 1s;}
.section2 .wrap .bottom .item .text a:hover::before{margin-top: 20px;   font-size: 20px;color: #005883;transition: all 1s;}

.section2 .wrap .bottom .prev,
.section2 .wrap .bottom .next {width: 54px;height: 54px;border-radius: 50%;background-color: #F7F7F7;position: absolute;top: 90px;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: all 0.5s;}
.section2 .wrap .bottom .prev:hover,
.section2 .wrap .bottom .next:hover {background-color: #005883;color: #fff;}
.section2 .wrap .bottom .prev {left: -100px;transform: scaleX(-1);}
.section2 .wrap .bottom .next {right: -100px;}

.section3 .wrap {display: flex;}
.section3 .wrap .right,
.section3 .wrap .left {width: 50%;}
.section3 .wrap .left {background-color: #F7F7F7;padding-top: 80px;padding-right: 80px;padding-left: calc(50vw - 810px);}
.section3 .wrap .left .swiper-slide-active .item .title h3,
.section3 .wrap .left .swiper-slide-active .item .title h4 {opacity: 1;transform: translateY(0);}
.section3 .wrap .left .swiper-slide-active .item .title h3 {transition-delay: 0.3s;}
.section3 .wrap .left .swiper-slide-active .item .title h4 {transition-delay: 0.6s;}
.section3 .wrap .left .swiper-slide-active .item .text {opacity: 1;transform: translateY(0);transition-delay: 0.9s;}
.section3 .wrap .left .swiper-slide-active .item .go {opacity: 1;transform: translateY(0);transition-delay: 1.2s;}
.section3 .wrap .left .item {padding-bottom:20px;}
.section3 .wrap .left .item .title {margin-bottom: 30px;}
.section3 .wrap .left .item .title h3 {font-weight: 700px;  font-size: 36px;color: #1A1A1A;margin-bottom: 20px;  transition: all 1s;}
.section3 .wrap .left .item .title h4 {   font-size: 32px;color: #1A1A1A;font-weight: 400;transition: all 1s;}
.section3 .wrap .left .item .text {margin-bottom: 40px;transition: all 1s;}
.section3 .wrap .left .item .text p {color: #333;  font-size: 20px;line-height: 32px; }
.section3 .wrap .left .item a {display: flex;align-items: center;justify-content: center;background-color: #005883;width: 185px;height: 52px;color: #fff;font-weight: 700;font-size: 16px;border: 1px solid #005883;transition: all 1s;}
.section3 .wrap .left .item a:hover {color: #005883;background-color: #fff;}
.section3 .wrap .left .page .swiper-pagination {position: static;width: fit-content;}
.section3 .wrap .left .page .swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;margin-left: 0;background-color: #B7B7B7;transition: all 0.5s;}
.section3 .wrap .left .page .swiper-pagination .swiper-pagination-bullet:not(:last-child) {margin-right: 14px;}
.section3 .wrap .left .page .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #005883;}

.section3 .wrap .right {height: 800px;position: relative;}
.section3 .wrap .right .swiper {height: 100%;}
.section3 .wrap .right .list {position: absolute;left:50px;z-index: 10;bottom:260px; }
.section3 .wrap .right .list .item {position: relative;cursor: pointer; }
.section3 .wrap .right .list .item.active::before,
.section3 .wrap .right .list .item:hover::before {opacity: 1;}
.section3 .wrap .right .list .item.active .text,
.section3 .wrap .right .list .item:hover .text {border-bottom-color: rgba(255, 255, 255, 1);}
.section3 .wrap .right .list .item::before {width: 10px;height: 10px;display: block;content: "";border-radius: 50%;background-color: #ff0000;position: absolute;left: -34px;top:75%;transform: translateY(-50%);opacity: 0;transition: all 1s;}
.section3 .wrap .right .list .item .text {  font-size: 36px;color: #fff;padding-bottom: 15px;padding-top:65px;font-weight: 700;width: fit-content;text-transform: uppercase;transition: all 1s;border-bottom: 1px solid rgba(255, 255, 255, .3);}
.section3 .wrap .right img {width: 100%;height: 100%;}

.section4 .wrap {padding-top: 70px;padding-bottom: 130px;width: 1600px;margin: 0 auto;display: flex;justify-content: space-between;gap: 30px;}
.section4 .wrap .trem{flex: 1;}
.section4 .wrap .trem .title h3 {color: #1A1A1A;  font-size: 28px;margin-bottom: 40px;}
.section4 .wrap .trem .main .img {height: 312px;margin-bottom: 30px;overflow: hidden;}
.section4 .wrap .trem .main .img:hover img {transform: scale(1.1);}
.section4 .wrap .trem .main .img.aos-animate {transition-delay: 0.1s;}
.section4 .wrap .trem .main .img img {height: 100%;transition: all 1s;}
.section4 .wrap .trem .main .text {color: #333;margin-bottom: 20px;  font-size: 20px;line-height: 32px;}
.section4 .wrap .trem .main .text.aos-animate {transition-delay: 0.2s;}
.section4 .wrap .trem .main .more.aos-animate {transition-delay: 0.3s;}
.section4 .wrap .trem .main .more a {color: #fff;  font-weight: 700;display: flex;align-items: center;justify-content: center;  font-size: 18px;background-color: #005883;border: 1px solid #005883;transition: all 1s;width: 185px;height: 52px;}
.section4 .wrap .trem .main .more a:hover {color: #005883;background-color: #fff;}

.section5 {position: relative;}
.section5 .bg {width: 100%;height: 100%;position: absolute;z-index: -1;}
.section5 .bg img {width: 100%;height: 100%;}
.section5 .wrap {padding-top: 80px;padding-bottom: 66px;width: 1600px;margin: 0 auto;}
.section5 .wrap .top {width: 520px;}
.section5 .wrap .top .title {margin-bottom: 30px;}
.section5 .wrap .top .title h3 {color: #fff;  font-size: 28px;}
.section5 .wrap .top .text {margin-bottom: 40px;}
.section5 .wrap .top .text.aos-animate {transition-delay: 0.1s;}
.section5 .wrap .top .text p {  font-size: 20px;color: #fff;line-height: 30px;}
.section5 .wrap .top .more {margin-bottom: 80px;}
.section5 .wrap .top .more.aos-animate {transition-delay: 0.2s;}
.section5 .wrap .top .more a {color: #fff;  font-weight: 700;  font-size: 18px;  background-color: #005883;border: 1px solid #005883;transition: all 1s;width: 185px;display: flex;align-items: center;justify-content: center;height: 52px;}
.section5 .wrap .top .more a:hover {color: #005883;background-color: #fff;}
.section5 .wrap .bottom {  display: flex;gap: 30px;}
.section5 .wrap .bottom.aos-animate {transition-delay: 0.3s;}
.section5 .wrap .bottom .item {background-color: #fff;padding: 30px 40px 30px;  width: 32%;}
.section5 .wrap .bottom .item .title h4 {color: #1A1A1A;  font-size: 28px;  text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.section5 .wrap .bottom .item .text {margin-top: 18px;margin-bottom: 15px;}
.section5 .wrap .bottom .item .text p {color: #888888;  font-size: 18px;margin-bottom: 5px;}
.section5 .wrap .bottom .item .text a {display: flex;align-items: center;line-height: 1.2;color: #005883;}
.section5 .wrap .bottom .item .text a span {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 18px;}
.section5 .wrap .bottom .item .text a img {margin-left: 10px;width: 8px;}
.section5 .wrap .bottom .item .more {color: #fff;  font-weight: 700;  font-size: 18px;  background-color: #005883;border: 1px solid #005883;transition: all 1s;display: flex;align-items: center;justify-content: center;width: 185px;height: 52px;}

.section5 .wrap .bottom .item .more:hover {color: #005883;background-color: #fff;}

@media screen and (max-width: 1919px) {
.index_banner .wrap {width: 60.9375vw;top: 8.2291666667vw;}
.index_banner .wrap .text {width: 40.1041666667vw;padding: 3.2291666667vw 3.6458333333vw 2.5vw 2.2916666667vw;}
.index_banner .wrap .text .item {padding-bottom: 2.6041666667vw;}
.index_banner .wrap .text .item h3 {font-size: 2.0833333333vw;line-height: 2.6041666667vw;margin-bottom: 1.0416666667vw;transform: translateY(1.5625vw);}
.index_banner .wrap .text .item p {line-height: 1.6666666667vw;font-size: 1.0416666667vw;transform: translateY(1.5625vw);}
.index_banner .wrap .text .item .more {margin-top: 2.0833333333vw;transform: translateY(1.5625vw);}
.index_banner .wrap .text .item .more a {font-size: 1.0416666667vw;width: 9.6354166667vw;height: 2.7083333333vw;}
.index_banner .wrap .text .page .prev span,
.index_banner .wrap .text .page .next span {font-size: 0.7291666667vw;}
.index_banner .wrap .text .page .swiper-pagination {margin: 0px 0.5208333333vw;}
.index_banner .wrap .text .page .swiper-pagination-bullet {margin: 0px 0.2083333333vw;width: 0.5208333333vw;height: 0.5208333333vw;}

.index_banner .bottom .table {padding: 0.78125vw 0px;}
.index_banner .bottom .table table {width: 60.9375vw;}
.index_banner .bottom .table table tr {height: 1.5625vw;}
.index_banner .bottom .table table tr th {font-size: 0.9375vw;}
.index_banner .bottom .table table tr td {font-size: 0.9375vw;}
.index_banner .bottom .news {padding: 1.5625vw 0px;}
.index_banner .bottom .news .content {width: 60.9375vw;}
.index_banner .bottom .news .content .title {margin-bottom: 0.625vw;}
.index_banner .bottom .news .content .title h4 {font-size: 1.4583333333vw;}
.index_banner .bottom .news .content .main {gap: 0px 1.0416666667vw;}
.index_banner .bottom .news .content .main .item {width: 11.4583333333vw;padding: 1.1979166667vw 0.7291666667vw;}
.index_banner .bottom .news .content .main .item p {font-size: 1.1458333333vw;line-height: 1.4583333333vw;}


.index_banner2 .wrap {width: 60.9375vw;top: 8.2291666667vw;}
.index_banner2 .wrap .text {width: 40.1041666667vw;padding: 3.2291666667vw 3.6458333333vw 2.5vw 2.2916666667vw;}
.index_banner2 .wrap .text .item {padding-bottom: 2.6041666667vw;}
.index_banner2 .wrap .text .item h3 {font-size: 2.0833333333vw;line-height: 2.6041666667vw;margin-bottom: 1.0416666667vw;transform: translateY(1.5625vw);}
.index_banner2 .wrap .text .item p {line-height: 1.6666666667vw;font-size: 1.0416666667vw;transform: translateY(1.5625vw);}
.index_banner2 .wrap .text .item .more {margin-top: 2.0833333333vw;transform: translateY(1.5625vw);}
.index_banner2 .wrap .text .item .more a {font-size: 1.0416666667vw;width: 9.6354166667vw;height: 2.7083333333vw;}
.index_banner2 .wrap .text .page .prev span,
.index_banner2 .wrap .text .page .next span {font-size: 0.7291666667vw;}
.index_banner2 .wrap .text .page .swiper-pagination {margin: 0px 0.5208333333vw;}
.index_banner2 .wrap .text .page .swiper-pagination-bullet {margin: 0px 0.2083333333vw;width: 0.5208333333vw;height: 0.5208333333vw;}

.index_banner2 .bottom .table {padding: 0.78125vw 0px;}
.index_banner2 .bottom .table table {width: 60.9375vw;}
.index_banner2 .bottom .table table tr {height: 1.5625vw;}
.index_banner2 .bottom .table table tr th {font-size: 0.9375vw;}
.index_banner2 .bottom .table table tr td {font-size: 0.9375vw;}
.index_banner2 .bottom .news {padding: 1.5625vw 0px;}
.index_banner2 .bottom .news .content {width: 60.9375vw;}
.index_banner2 .bottom .news .content .title {margin-bottom: 0.625vw;}
.index_banner2 .bottom .news .content .title h4 {font-size: 1.4583333333vw;}
.index_banner2 .bottom .news .content .main {gap: 0px 1.0416666667vw;}
.index_banner2 .bottom .news .content .main .item {width: 11.4583333333vw;padding: 1.1979166667vw 0.7291666667vw;}
.index_banner2 .bottom .news .content .main .item p {font-size: 1.1458333333vw;line-height: 1.4583333333vw;}


.section1 .wrap .left .play {width: 4.2708333333vw;}

  .section1 .wrap .right {padding: 5.7291666667vw 20.8333333333vw 5.7291666667vw 4.1666666667vw;}

  .section1 .wrap .right h3 {font-size: 1.4583333333vw;margin-bottom: 3.0208333333vw;}

  .section1 .wrap .right p {font-size: 1.0416666667vw;line-height: 1.7708333333vw;}

  .section1 .wrap .right a {width: 9.6354166667vw;height: 2.7083333333vw;font-size: 0.9375vw;margin-top: 2.0833333333vw;}

  .section2 .wrap {padding-top: 5.2083333333vw;width: 60.9375vw;padding-bottom: 6.25vw;}

  .section2 .wrap .top {margin-bottom: 3.125vw;}

  .section2 .wrap .top .title {margin-bottom: 0.5208333333vw;}

  .section2 .wrap .top .title h3 {font-size: 1.4583333333vw;margin-bottom: 0.5208333333vw;}

  .section2 .wrap .top .title h4 {font-size: 1.6666666667vw;}

  .section2 .wrap .top .main p {line-height: 1.7708333333vw;font-size: 1.0416666667vw;}

  .section2 .wrap .top .main .view {margin-top: 1.0416666667vw;gap: 1.5625vw;}

  .section2 .wrap .top .main .view a {width: 9.6354166667vw;height: 2.7083333333vw;font-size: 0.8333333333vw;}

  .section2 .wrap .bottom .item .text {margin-top: 1.0416666667vw;font-size: 1.0416666667vw;}

  .section2 .wrap .bottom .prev,
  .section2 .wrap .bottom .next {width: 2.8125vw;height: 2.8125vw;top: 4.6875vw;}

  .section2 .wrap .bottom .prev {left: -5.2083333333vw;}

  .section2 .wrap .bottom .next {right: -5.2083333333vw;}

  .section3 .wrap .left {padding-top: 5.7291666667vw;padding-right: 4.1666666667vw;padding-left: calc(-30.46875vw + 50vw);}

  .section3 .wrap .left .item {padding-bottom: 2.0833333333vw;}

  .section3 .wrap .left .item .title {margin-bottom: 1.5625vw;}

  .section3 .wrap .left .item .title h3 {font-size: 1.4583333333vw;margin-bottom: 1.0416666667vw;}

  .section3 .wrap .left .item .title h4 {font-size: 1.6666666667vw;}

  .section3 .wrap .left .item .text {margin-bottom: 2.0833333333vw;}

  .section3 .wrap .left .item .text p {font-size: 1.0416666667vw;line-height: 1.6666666667vw;}

  .section3 .wrap .left .item a {width: 9.6354166667vw;height: 2.7083333333vw;font-size: 0.8333333333vw;}

  .section3 .wrap .left .page .swiper-pagination .swiper-pagination-bullet {width: 0.625vw;height: 0.625vw;}

  .section3 .wrap .left .page .swiper-pagination .swiper-pagination-bullet:not(:last-child) {margin-right: 0.7291666667vw;}

  .section3 .wrap .right {height: 31.7708333333vw;}

  .section3 .wrap .right .list {left: 4.6875vw;bottom: 2.6041666667vw;}

  .section3 .wrap .right .list .item::before {width: 0.5208333333vw;height: 0.5208333333vw;left: -1.7708333333vw;}

  .section3 .wrap .right .list .item .text {font-size: 1.875vw;padding-bottom: 0.78125vw;padding-top: 0.78125vw;}

  .section4 .wrap {padding-top: 3.6458333333vw;padding-bottom: 6.7708333333vw;width: 60.9375vw;gap: 1.5625vw;}

  .section4 .wrap .trem .title h3 {font-size: 1.4583333333vw;margin-bottom: 2.0833333333vw;}

  .section4 .wrap .trem .main .img {height: 16.25vw;margin-bottom: 1.5625vw;}

  .section4 .wrap .trem .main .text {margin-bottom: 1.0416666667vw;font-size: 1.0416666667vw;line-height: 1.6666666667vw;}

  .section4 .wrap .trem .main .more a {font-size: 0.9375vw;width: 9.6354166667vw;height: 2.7083333333vw;}

  .section5 .wrap {padding-top: 4.1666666667vw;padding-bottom: 3.4375vw;width: 60.9375vw;}

  .section5 .wrap .top {width: 27.0833333333vw;}

  .section5 .wrap .top .title {margin-bottom: 1.5625vw;}

  .section5 .wrap .top .title h3 {font-size: 1.4583333333vw;}

  .section5 .wrap .top .text {margin-bottom: 2.0833333333vw;}

  .section5 .wrap .top .text p {font-size: 1.0416666667vw;line-height: 1.5625vw;}

  .section5 .wrap .top .more {margin-bottom: 4.1666666667vw;}

  .section5 .wrap .top .more a {font-size: 0.9375vw;width: 9.6354166667vw;height: 2.7083333333vw;}

  .section5 .wrap .bottom {gap: 1.5625vw;}

  .section5 .wrap .bottom .item {padding: 1.5625vw 2.0833333333vw;}

  .section5 .wrap .bottom .item .title h4 {font-size: 1.4583333333vw;}

  .section5 .wrap .bottom .item .text {margin-top: 0.9375vw;margin-bottom: 0.78125vw;}

  .section5 .wrap .bottom .item .text p {font-size: 0.9375vw;margin-bottom: 0.2604166667vw;}

  .section5 .wrap .bottom .item .text a img {margin-left: 0.5208333333vw;width: 0.4166666667vw;}

  .section5 .wrap .bottom .item .more {font-size: 0.9375vw;width: 9.6354166667vw;height: 2.7083333333vw;}
  .section5 .wrap .bottom .item .text a span{font-size: 0.9375vw;}}

@media screen and (max-width: 1024px) {
.index_banner .bg .swiper .PE{display: block;}
  .index_banner .bg .swiper .PC{display: none;}
  .index_banner .wrap .text{width: 100%;padding: 200px;}
  .index_banner .wrap{width: 90%;top:200px;bottom:100px;z-index: 10;}
  .index_banner .top{position: relative;}

  .index_banner .wrap .text .item h3{font-size: 28px;line-height: 1.6;margin-bottom: 20px;}
  .index_banner .wrap .text .item p{font-size: 14px;line-height: 2;}
  .index_banner .wrap .text .item .more a{font-size: 14px;width: 160px;height: 40px;}

  .index_banner .wrap .text .page .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 50%;margin: 0 5px;}
  .index_banner .wrap .text .page .prev span, .index_banner .wrap .text .page .next span {font-size: 16px;}
  .index_banner .bottom .news .content,
  .index_banner .bottom .table table{width: 90%;}
  .index_banner .bottom .table table tr td,
  .index_banner .bottom .table table tr th{font-size: 14px;height: 20px;}
  .index_banner .bottom .table {padding: 10px 0;}
  .index_banner .bottom .news{padding: 30px 0;}
  .index_banner .bottom .news .content .title h4{font-size: 18px;margin-bottom: 20px;}
  .index_banner .bottom .news .content .main .item p{font-size: 14px;line-height: 1.6;}
  .index_banner .bottom .news .content .main .item{padding: 10px 20px;flex: 1;}
  .index_banner .bottom .table{display: none;}
  .index_banner .bottom{position: static;}
  .index_banner .bg{position: static;height: 100vh;}
  .index_banner{height: auto;}
  .index_banner .bottom .news {background-color: rgba(0, 0, 0, 1);}
  .index_banner .wrap .text .page .swiper-pagination{margin: 0 5px;}
  .index_banner .wrap .text .item{padding-bottom: 20px;top:200px;}
  .index_banner .bottom .news .content .main{gap: 20px;display: grid;grid-template-columns: repeat(3, 1fr);}
  .index_banner .bottom .news .content .main .item{width: 100%;}
  
  .index_banner2 .bg .swiper .PE{display: block;}
  .index_banner2 .bg .swiper .PC{display: none;}
  .index_banner2 .wrap .text{width: 100%;padding: 200px;}
  .index_banner2 .wrap{width: 90%;top:100px;bottom:100px;z-index: 10;}
  .index_banner2 .top{position: relative;}
  .index_banner2 .wrap .text .item h3{font-size: 28px;line-height: 1.6;margin-bottom: 20px;}
  .index_banner2 .wrap .text .item p{font-size: 14px;line-height: 2;}
  .index_banner2 .wrap .text .item .more a{font-size: 14px;width: 160px;height: 40px;}
  .index_banner2 .wrap .text .page .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 50%;margin: 0 5px;}
  .index_banner2 .wrap .text .page .prev span, .index_banner2 .wrap .text .page .next span {font-size: 16px;}
  .index_banner2 .bottom .news .content,
  .index_banner2 .bottom .table table{width: 90%;}
  .index_banner2 .bottom .table table tr td,
  .index_banner2 .bottom .table table tr th{font-size: 14px;height: 20px;}
  .index_banner2 .bottom .table {padding: 10px 0;}
  .index_banner2 .bottom .news{padding: 30px 0;}
  .index_banner2 .bottom .news .content .title h4{font-size: 18px;margin-bottom: 20px;}
  .index_banner2 .bottom .news .content .main .item p{font-size: 14px;line-height: 1.6;}
  .index_banner2 .bottom .news .content .main .item{padding: 10px 20px;flex: 1;}
  .index_banner2 .bottom .table{display: none;}
  .index_banner2 .bottom{position: static;}
  .index_banner2 .bg{position: static;height: 100vh;}
  .index_banner2{height: auto;}
  .index_banner2 .bottom .news {background-color: rgba(0, 0, 0, 1);}
  .index_banner2 .wrap .text .page .swiper-pagination{margin: 0 5px;}
  .index_banner2 .wrap .text .item{padding-bottom: 20px;top:200px;}
  .index_banner2 .bottom .news .content .main{gap: 20px;display: grid;grid-template-columns: repeat(3, 1fr);}
  .index_banner2 .bottom .news .content .main .item{width: 100%;}

  
  .section1 .wrap .right h3{font-size: 24px;line-height: 1.6;}
  .section1 .wrap{flex-direction: column;}
  .section1 .wrap .left, .section1 .wrap .right{width: 100%;}
  .section1 .wrap .right{padding: 60px 5vw;}
  .section1 .wrap .right h3{margin-bottom: 20px;}
  .section1 .wrap .right p{font-size: 14px;line-height: 2;}
  .section1 .wrap .right a{width: 160px;height: 40px;font-size: 14px;margin-top: 20px;}
  .section1 .wrap .left .play{width: 40px;}
  .section2 .wrap{width: 90%;padding-top: 60px;padding-bottom: 60px;}
  .section2 .wrap .top .title h3{font-size: 24px;margin-bottom: 20px;}
  .section2 .wrap .top .main p{font-size: 14px;line-height: 2;}
  .section2 .wrap .top .main .view{margin-top: 20px;}
  .section2 .wrap .top .main .view a{width: 160px;height: 40px;font-size: 14px;}
  .section2 .wrap .bottom .item .text{font-size: 14px;margin-top: 10px;}
  .section2 .wrap .bottom .tab{display: flex;gap: 20px;margin-top: 30px;}
  .section2 .wrap .bottom .prev, .section2 .wrap .bottom .next{position: static;width: 40px;height: 40px;}
  .section2 .wrap .top{margin-bottom: 20px;}
  .section2 .wrap .bottom .item .img img{width: 100%;}
  .section3 .wrap .left .page .swiper-pagination{display: none;}

  .section3 .wrap{flex-direction: column;}
  .section3 .wrap .right, .section3 .wrap .left{width: 100%;}
  .section3 .wrap .left{padding-left: 5vw;padding-right: 5vw;padding-top: 60px;padding-bottom: 60px;}
  .section3 .wrap .left .item .go{opacity: 1;transform: translateY(0);}
  .section3 .wrap .left .item{padding-bottom: 0;}
  .section3 .wrap .left .item .title h3{font-size: 24px;margin-bottom: 20px;}
  .section3 .wrap .left .item .text{font-size: 14px;line-height: 2;margin-bottom: 20px;}
  .section3 .wrap .left .item a{width: 160px;height: 40px;font-size: 14px;}
  .section3 .wrap .left .item .text p{font-size: 14px;line-height: 2;}
  .section3 .wrap .right {height: auto;}
  .section3 .wrap .right .list .item .text{font-size: 24px;padding: 10px 0;}
  .section3 .wrap .right .list .item::before{width: 8px;height: 8px;left: -20px;}
  .section3 .wrap .right .list{left: 5vw;bottom: 20px;}
  .section4 .wrap{width: 90%;gap: 20px;padding: 60px 0;}
  .section4 .wrap .trem .title h3{font-size: 24px;}
  .section4 .wrap .trem .main .img img{width: 100%;}
  .section4 .wrap .trem .main .img{margin-bottom: 20px;height: auto;}
  .section4 .wrap .trem .main .text{margin-bottom: 10px;font-size: 14px;line-height: 2;}
  .section4 .wrap .trem .main .more a {width: 160px;font-size: 14px;height: 40px;}
  .section4 .wrap .trem .title h3{margin-bottom: 20px;}
  .section4 .wrap{flex-direction: column;}
  .section5 .wrap{width: 90%;}
  .section5 .wrap .top .title h3 {font-size: 24px;}
  .section5 .wrap .top{width: 100%;}
  .section5 .wrap .top .text p span{font-size: 14px !important;line-height: 2 !important;}
  .section5 .wrap .top .text{margin-bottom: 20px;}
  .section5 .wrap .bottom .item{padding: 20px;}
  .section5 .wrap .bottom .item .title h4{font-size: 20px;}
  .section5 .wrap .bottom .item .text{margin: 10px 0;}
  .section5 .wrap .bottom .item .text p{font-size: 12px;margin-bottom: 5px;}
  .section5 .wrap .bottom .item .text a span{font-size: 14px;}
  .section5 .wrap .bottom .item .text a img{width: 14px;margin-left: 10px;}
  .section5 .wrap .bottom .item .more{font-size: 14px;width: 160px;height: 40px;}
  .section5 .wrap .bottom{gap: 20px 0;justify-content: space-between;flex-wrap: wrap;}
  .section5 .wrap .bottom .item{width: 49%;}
  .section5 .wrap{padding-top: 60px;padding-bottom: 60px;}
  .section3 .wrap .right .list .item::before{display: none;}
  .section5 .wrap .top .title{margin-bottom: 20px;}}
@media screen and (max-width: 767px) {
.index_banner .wrap .text .item h3 {font-size: 24px;margin-bottom: 10px;top:200px;}
.index_banner .bottom .news .content .main {gap: 10px;grid-template-columns: repeat(2, 1fr);}
.index_banner .wrap{bottom: 20px;}
.index_banner .bg{height: 520px;}

.index_banner2 .wrap .text .item h3 {font-size: 24px;margin-bottom: 10px;top:100px;}
.index_banner2 .bottom .news .content .main {gap: 10px;grid-template-columns: repeat(2, 1fr);}
.index_banner2 .wrap{bottom: 20px;}
.index_banner2 .bg{height: 520px;}

.section1 .wrap .right {padding: 50px 5vw;}
.section1 .wrap .right h3 {font-size: 24px;}
.section2 .wrap {padding-top: 50px;padding-bottom: 50px;}

.section3 .wrap .right .list .item .text {font-size: 20px;}
.section3 .wrap .right .list .item::before {width: 6px;height: 6px;left: -14px;}
.section3 .wrap .left{padding-top: 50px;padding-bottom: 50px;}

.section4 .wrap{padding: 50px 0;}

.section5 .wrap .bottom .item {width: 100%;}
.section5 .wrap .bottom .item .title h4 {font-size: 18px;}
.section5 .wrap{padding-top: 50px;padding-bottom: 50px;}

.index_banner .bottom .news .content .main .item {padding: 10px 15px;}
.index_banner2 .bottom .news .content .main .item {padding: 10px 15px;}

}
@media screen and (max-width: 540px) {
.index_banner .wrap .text .item h3 {font-size: 20px;top:200px;}
.index_banner2 .wrap .text .item h3 {font-size: 20px;top:200px;}

.section3 .wrap .right .list .item .text {font-size: 18px;padding: 6px 0;}
.section5 .wrap .bottom .item .text p{font-size: 12px;}
}