.index_banner {
    width: 100vw;
    height: 100vh;
}

.index_banner .swiper-slide {
    width: 100%;
    height: 100%;
}

.index_banner .swiper-slide .img {
    display: block;
    width: 100%;
    height: 100%;
}

.index_banner .swiper-slide .img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: cubic-bezier(0.77, 0, 0.175, 1) 2s;

}

.index_banner .swiper-slide.swiper-slide-active .img img {
    transform: scale(1);
}

.index_banner .swiper-pagination {
    bottom: 45px;
}

.index_banner .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    margin: 0 20px;
    position: relative;
    opacity: 1;
    transition: 0.6s;
}

.index_banner .swiper-pagination .swiper-pagination-bullet:after {
    content: url("/public/template/xinanfang/images/logo_p.svg");
    width: 36px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: 0.6s;
}

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

.index_banner
.swiper-pagination
.swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    opacity: 1;
}

.sec1 {
    position: relative;
    padding: 92px 0 140px;
}

.sec1 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.sec1 .bg img {
    display: block;
    width: 100%;
    height: 100%;
}

.sec1 .wrap {
    width: 1400px;
    margin: 0 auto;
}

.sec1 .wrap .title {
    line-height: 1;
    margin: 0 0 50px;
}

.sec1 .wrap .title h5 {
    font-weight: bold;
    font-size: 36px;
    color: #111111;
    margin: 0 0 22px;
}

.sec1 .wrap .title p {
    font-weight: 400;
    font-size: 18px;
    color: #6c7380;
}

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

.sec1 .wrap .content .l {
    width: 680px;
    border-radius: 10px;
}

.sec1 .wrap .content .l .pro_swiper {
    width: 100%;
    height: 460px;
    border-radius: 15px;
}

.sec1 .wrap .content .l .pro_swiper .swiper-slide {
    position: relative;
}

.sec1 .wrap .content .l .pro_swiper .swiper-slide .pro_text {
    width: 680px;
    height: 140px;
    background: linear-gradient(180deg, #005cff, #7dbefe);
    border-radius: 10px 10px 0px 0px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 38px 33px 0 39px;
}

.sec1 .wrap .content .l .pro_swiper .swiper-slide .pro_text .pro_text_l {
    line-height: 1;
}

.sec1 .wrap .content .l .pro_swiper .swiper-slide .pro_text .pro_text_l h5 {
    font-weight: bold;
    font-size: 24px;
    color: #ffffff;
    margin: 0 0 20px;
    transition: 0.6s;
}

.sec1 .wrap .content .l .pro_swiper .swiper-slide .pro_text .pro_text_l p {
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
}

.sec1 .wrap .content .l .pro_swiper .swiper-slide .pro_text .pro_text_r {
    display: flex;
    align-items: center;
}

.sec1 .wrap .content .l .pro_swiper .swiper-slide .pro_text .pro_text_r p {
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    margin: 0 8px 0 0;
    transition: 0.6s;
}

.sec1
.wrap
.content
.l
.pro_swiper
.swiper-slide
.pro_text
.pro_text_r
.iconfont {
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    transition: 0.6s;
}

.sec1
.wrap
.content
.l
.pro_swiper
.swiper-slide
.pro_text:hover
.pro_text_l
h5 {
    color: #ff8c1f;
}

.sec1 .wrap .content .l .pro_swiper .swiper-slide .pro_text:hover .pro_text_r p,
.sec1
.wrap
.content
.l
.pro_swiper
.swiper-slide
.pro_text:hover
.pro_text_r
.iconfont {
    color: #ff8c1f;
}

.sec1 .wrap .content .l .pro_swiper .swiper-slide .img {
    width: 100%;
    height: 100%;
}

.sec1 .wrap .content .l .pro_swiper .swiper-slide .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.sec1 .wrap .content .r {
    display: flex;
    flex-wrap: wrap;
    width: 700px;
}

.sec1 .wrap .content .r .item {
    display: block;
    width: 220px;
    height: 220px;
    background: linear-gradient(-45deg, #d8e3ff, #fff);
    border-radius: 10px;
    border: 2px solid #ffffff;
    margin-bottom: 20px;
    padding: 20px 0 0;
    position: relative;
    transition: 0.6s;
    cursor: pointer;
}

.sec1 .wrap .content .r .item:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(180deg, #005cff, #7dbefe);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.6s;
}

.sec1 .wrap .content .r .item .img {
    width: 160px;
    height: 122px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.sec1 .wrap .content .r .item .img img {
    transition: 2s;
}

.sec1 .wrap .content .r .item p {
    font-weight: 500;
    font-size: 20px;
    color: #3c4145;
    text-align: center;
    transition: 0.6s;
    position: relative;
    z-index: 1;
}

.sec1 .wrap .content .r .item:not(:nth-child(3n)) {
    margin-right: 20px;
}

.sec1 .wrap .content .r .item:hover .img img {
    transform: scale(1.1);
}

.sec1 .wrap .content .r .item:hover,
.sec1 .wrap .content .r .item.on {
    box-shadow: 0px 5px 10px 0px rgba(0, 51, 140, 0.1);
}

.sec1 .wrap .content .r .item:hover:after,
.sec1 .wrap .content .r .item.on:after {
    opacity: 1;
}

.sec1 .wrap .content .r .item:hover p,
.sec1 .wrap .content .r .item.on p {
    color: #ffffff;
}

.sec2 {
    padding: 80px 0 187px;
    position: relative;
    overflow: hidden;
}

.sec2 .cir {
    width: 971px;
    height: 971px;
    position: absolute;
    bottom: -428px;
    right: -477px;
    border-radius: 50%;
    border: 200px solid #f0f5ff;
}

.sec2 .title {
    text-align: center;
    line-height: 1;
    margin: 0 0 115px;
}

.sec2 .title h5 {
    font-weight: bold;
    font-size: 36px;
    color: #111111;
    margin: 0 0 20px;
}

.sec2 .title p {
    font-weight: 400;
    font-size: 18px;
    color: #6c7380;
}

.sec2 .content {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}

.sec2 .content img {
    display: block;
    width: 1000px;
    margin: 0 auto;
}

.sec2 .content .item_box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.sec2 .content .item_box .item {
    width: 260px;
    position: absolute;
    top: -20px;
    right: 105px;
}

.sec2 .content .item_box .item h5 {
    font-weight: bold;
    font-size: 26px;
    color: #111111;
    margin: 0 0 15px;
    transition: 0.6s;
}

.sec2 .content .item_box .item p {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 24px;
}

.sec2 .content .item_box .item:nth-child(2) {
    top: 150px;
    right: -290px;
}

.sec2 .content .item_box .item:nth-child(3) {
    top: 450px;
    right: -190px;
}

.sec2 .content .item_box .item:nth-child(4) {
    top: 450px;
    right: unset;
    left: -190px;
    text-align: right;
}

.sec2 .content .item_box .item:nth-child(5) {
    top: 160px;
    right: unset;
    left: -290px;
    text-align: right;
}

.sec2 .content .item_box .item:hover h5 {
    color: #005cff;
}

.sec3 {
    position: relative;
    display: flex;
}

.sec3 .l {
    padding: 100px 0 120px;
    width: calc(240px + (100vw - 1400px) / 2);
    background: rgba(0, 0, 0, 0.6);
}

.sec3 .l .title {
    padding: 0 0 0 calc((100vw - 1400px) / 2);
    margin: 0 0 84px;
    position: relative;
}

.sec3 .l .title h5 {
    font-weight: bold;
    font-size: 24px;
    color: #ffffff;
}

.sec3 .l .title:after {
    content: "";
    width: 47px;
    height: 2px;
    background: #ffffff;
    position: absolute;
    bottom: -13px;
}

.sec3 .l .l_list .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    height: 78px;
    padding: 0 40px 0 calc((100vw - 1400px) / 2);
    cursor: pointer;
    position: relative;
}

.sec3 .l .l_list .item:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #005cff;
    opacity: 0;
    transition: 0.6s;
}

.sec3 .l .l_list .item .item_l {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.sec3 .l .l_list .item .item_l img {
    display: block;
    width: 32px;
    opacity: 0;
    transition: 0.4s;
}

.sec3 .l .l_list .item .item_l p {
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
    line-height: 32px;
    opacity: 0.5;
    white-space: nowrap;
    transform: translateX(-32px);
    transition: 0.6s;
}

.sec3 .l .l_list .item .iconfont {
    font-size: 14px;
    color: #ffffff;
    opacity: 0.5;
    transition: 0.6s;
    position: relative;
    z-index: 1;
}

.sec3 .l .l_list .item:hover:after,
.sec3 .l .l_list .item.on:after {
    opacity: 1;
}

.sec3 .l .l_list .item:hover .item_l img,
.sec3 .l .l_list .item.on .item_l img {
    opacity: 1;
}

.sec3 .l .l_list .item:hover .item_l p,
.sec3 .l .l_list .item.on .item_l p {
    transform: translateX(9px);
    opacity: 1;
}

.sec3 .l .l_list .item:hover .iconfont,
.sec3 .l .l_list .item.on .iconfont {
    opacity: 1;
}

.sec3 .swiper {
    width: 1420px;
    margin: 0 0 0 130px;
    padding: 0 0 100px;

}

.sec3 .swiper .swiper-slide {
    height: 100%;
    display: flex;
}

.sec3 .swiper .swiper-slide .slide_l {
    height: 100%;
    padding: 95px 0 0;
    width: 670px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.sec3 .swiper .swiper-slide .slide_l h3 {
    font-weight: bold;
    font-size: 36px;
    color: #ffffff;
    margin: 0 0 90px;
    opacity: 0;
    letter-spacing: 1px;
}

.sec3 .swiper .swiper-slide .slide_l .content {
    margin: 0 0 25px;
    opacity: 0;
    transform: translateY(30px);
}

.sec3 .swiper .swiper-slide .slide_l .content h2 {
    font-weight: 500;
    font-size: 28px;
    color: #ffffff;
    margin: 0 0 15px;
}

.sec3 .swiper .swiper-slide .slide_l .content p {
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    line-height: 26px;
    opacity: 0.8;
    height: 130px;
}

.sec3 .swiper .swiper-slide .slide_l .slide_l_list {
    display: flex;
    flex-wrap: wrap;
    height: 192px;
    opacity: 0;
    transform: translateY(30px);
}

.sec3 .swiper .swiper-slide .slide_l .slide_l_list .item {
    margin-right: 66px;
    margin-bottom: 40px;
}

.sec3 .swiper .swiper-slide .slide_l .slide_l_list .item .img {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
}

.sec3 .swiper .swiper-slide .slide_l .slide_l_list .item p {
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
}

.sec3 .swiper .swiper-slide .slide_l a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 118px;
    height: 36px;
    background: #ffffff;
    border-radius: 18px;
    transition: 0.6s;
    opacity: 0;
    transform: translateY(30px);
    pointer-events: none;
}

.sec3 .swiper .swiper-slide .slide_l a p {
    font-weight: 400;
    font-size: 15px;
    color: #383838;
    transition: 0.6s;
}

.sec3 .swiper .swiper-slide .slide_l a .iconfont {
    font-weight: 400;
    font-size: 18px;
    color: #383838;
    transition: 0.6s;
}

.sec3 .swiper .swiper-slide .slide_l a:hover {
    background: #005cff;
}

.sec3 .swiper .swiper-slide .slide_l a:hover p,
.sec3 .swiper .swiper-slide .slide_l a:hover .iconfont {
    color: #ffffff;
}

.sec3 .swiper .swiper-slide .slide_r {
    padding: 235px 0 0 87px;
    opacity: 0;
    transform: translateY(30px);
}

.sec3 .swiper .swiper-slide .slide_r h5 {
    font-weight: 500;
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 30px;
}

.sec3 .swiper .swiper-slide .slide_r .flex {
    display: flex;
    flex-wrap: wrap;
    width: 340px;
}

.sec3 .swiper .swiper-slide .slide_r .flex .item {
    margin-bottom: 30px;
    text-align: center;
    display: block;
}

.sec3 .swiper .swiper-slide .slide_r .flex .item .img {
    width: 100px;
    height: 100px;
    background: #ffffff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 9px;
    overflow: hidden;
}

.sec3 .swiper .swiper-slide .slide_r .flex .item .img img {
    display: block;
    transition: 3s;
  max-width: 80%;
}

.sec3 .swiper .swiper-slide .slide_r .flex .item:hover .img img {
    transform: scale(1.1);
}

.sec3 .swiper .swiper-slide .slide_r .flex .item:hover p {
    color: #005CFF;
}

.sec3 .swiper .swiper-slide .slide_r .flex .item p {
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
    transition: 0.6s;
}

.sec3 .swiper .swiper-slide .slide_r .flex .item:not(:nth-child(3n)) {
    margin-right: 20px;
}

.sec3 .swiper .swiper-slide.swiper-slide-active .slide_l a {
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0px);
    transition-delay: 0.3s;
}

.sec3 .swiper .swiper-slide.swiper-slide-active .slide_l .content {
    opacity: 1;
    transform: translateY(0px);
    transition: 0.4s;
    transition-delay: 0.1s;
}

.sec3 .swiper .swiper-slide.swiper-slide-active .slide_l .slide_l_list {
    opacity: 1;
    transform: translateY(0px);
    transition: 0.4s;
    transition-delay: 0.2s;
}

.sec3 .swiper .swiper-slide.swiper-slide-active .slide_l h3 {
    opacity: 1;
    transition: 0.4s;
}

.sec3 .swiper .swiper-slide.swiper-slide-active .slide_r {
    opacity: 1;
    transform: translateY(0px);
    transition: 0.6s;
}

.sec3 .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.sec3 .bg img {
    display: block;
    width: 100%;
    height: 100%;
    filter: brightness(0.8);
    opacity: 0;
    transition: 0.6s;
    position: absolute;
    top: 0;
    left: 0;
}

.sec3 .bg img.on {
    opacity: 1;
}

.sec4 {
    position: relative;
}

.sec4 .bg {
    width: 100%;
}

.sec4 .bg img {
    display: block;
    width: 100%;
}

.sec4 .wrap {
    width: 1400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.sec4 .wrap .title {
    margin: 0 0 30px;
}

.sec4 .wrap .title h1 {
    font-weight: 400;
    font-size: 36px;
    color: #292c33;
    line-height: 52px;
}

.sec4 .wrap .title h1 span {
    display: block;
    font-weight: bold;
    color: #005cff;
}

.sec4 .wrap .content {
    margin: 0 0 57px;
}

.sec4 .wrap .content > p {
    width: 586px;
    font-weight: 400;
    font-size: 18px;
    color: #292c33;
    line-height: 36px;
    margin: 0 0 75px;
}

.sec4 .wrap .content a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 45px;
    background: #005cff;
    border-radius: 23px;
}

.sec4 .wrap .content a p {
    font-weight: 400;
    font-size: 15px;
    color: #ffffff;
}

.sec4 .wrap .content a .iconfont {
    font-size: 18px;
    color: #ffffff;
}

.sec4 .wrap .num_list {
    width: 700px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sec4 .wrap .num_list .item {
    width: 300px;
    border-top: 2px solid #292c33;
    padding: 17px 0 0;
}

.sec4 .wrap .num_list .item h5 {
    font-weight: 500;
    font-size: 16px;
    color: #292c33;
    line-height: 1;
    padding: 0 0 0 18px;
    position: relative;
    margin: 0 0 15px;
}

.sec4 .wrap .num_list .item h5:after {
    content: "";
    width: 9px;
    height: 9px;
    background: #292c33;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.sec4 .wrap .num_list .item .num {
    display: flex;
    align-items: flex-end;
    line-height: 1;
}

.sec4 .wrap .num_list .item .num p {
    font-weight: bold;
    font-size: 64px;
    color: #005cff;
}

.sec4 .wrap .num_list .item .num span {
    font-weight: bold;
    font-size: 24px;
    color: #005cff;
    display: block;
    margin: 0 0 5px 2px;
}

.sec4 .wrap .num_list .item > p {
    margin: 15px 0 0;
    font-weight: 400;
    font-size: 16px;
    color: #292c33;
}

.sec4 .wrap .num_list .item:nth-child(1),
.sec4 .wrap .num_list .item:nth-child(2) {
    margin: 0 0 82px;
}

.sec4 .wrap .num_list .item:nth-child(2) .num span {
    font-size: 18px;
}

.sec5 {
    padding: 102px 0 87px;
}

.sec5 .wrap {
    width: 1400px;
    margin: 0 auto;
}

.sec5 .wrap .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 50px;
}

.sec5 .wrap .title h5 {
    font-weight: bold;
    font-size: 36px;
    color: #111111;
}

.sec5 .wrap .title .item_list {
    display: flex;
    align-items: center;
}

.sec5 .wrap .title .item_list .item {
    width: 118px;
    height: 36px;
    background: #f5f6f7;
    border-radius: 18px;
    font-weight: 500;
    font-size: 16px;
    color: #888888;
    line-height: 36px;
    text-align: center;
    margin: 0 0 0 12px;
    transition: 0.6s;
    cursor: pointer;
}

.sec5 .wrap .title .item_list .item:hover,
.sec5 .wrap .title .item_list .item.on {
    background: #005cff;
    color: #ffffff;
}

.sec5 .wrap .swiper .swiper-slide {
    display: flex;
    justify-content: space-between;
    background: #ffffff;
}

.sec5 .wrap .swiper .swiper-slide .slide_l {
    width: 660px;
    pointer-events: none;
    opacity: 0;

}

.sec5 .wrap .swiper .swiper-slide .slide_l .img {
    display: block;
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.sec5 .wrap .swiper .swiper-slide .slide_l .img img {
    width: 100%;
    height: 100%;
    display: block;
    transition: 3s;
}

.sec5 .wrap .swiper .swiper-slide .slide_l .img:hover img {
    transform: scale(1.1);
}

.sec5 .wrap .swiper .swiper-slide .slide_l .slide_l_text {
    width: 100%;
    height: 240px;
    background: #f0f1f2;
    padding: 60px 66px 0 44px;
    position: relative;
    border-radius: 0 0 10px 10px;
}

.sec5 .wrap .swiper .swiper-slide .slide_l .slide_l_text .time {
    width: 99px;
    height: 99px;
    border: 5px solid #ffffff;
    text-align: center;
    position: absolute;
    top: -70px;
    left: 40px;
    background: linear-gradient(45deg, #005cff, #63b0ec);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.sec5 .wrap .swiper .swiper-slide .slide_l .slide_l_text .time h5 {
    font-weight: bold;
    font-size: 43px;
    color: #ffffff;
    line-height: 1;
}

.sec5 .wrap .swiper .swiper-slide .slide_l .slide_l_text .time p {
    font-weight: 400;
    font-size: 15px;
    color: #ffffff;
    line-height: 1;
    margin: 5px 0 0;
}

.sec5 .wrap .swiper .swiper-slide .slide_l .slide_l_text a {
    display: block;
    font-weight: bold;
    font-size: 20px;
    color: #292c33;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 20px;
    transition: 0.6s;
}

.sec5 .wrap .swiper .swiper-slide .slide_l .slide_l_text a:hover {
    color: #005cff;
}

.sec5 .wrap .swiper .swiper-slide .slide_l .slide_l_text p {
    font-weight: 400;
    font-size: 16px;
    color: #77797e;
    line-height: 30px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sec5 .wrap .swiper .swiper-slide .slide_r {
    width: 660px;
    pointer-events: none;
    opacity: 0;

}

.sec5 .wrap .swiper .swiper-slide .slide_r .item {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    padding: 0 0 0 20px;
    border-top: 1px dashed #b5b6ba;
    position: relative;
}

.sec5 .wrap .swiper .swiper-slide .slide_r .item:after {
    content: "";
    width: 100px;
    height: 2px;
    background: #005cff;
    position: absolute;
    top: -1px;
    left: 0;
}

.sec5 .wrap .swiper .swiper-slide .slide_r .item .time {
    text-align: center;
    line-height: 1;
    padding: 0 30px 0 0;
    border-right: 1px solid rgba(0, 92, 255, 0.2);
    margin: 0 30px 0 0;
}

.sec5 .wrap .swiper .swiper-slide .slide_r .item .time h5 {
    font-weight: bold;
    font-size: 43px;
    color: #005cff;
}

.sec5 .wrap .swiper .swiper-slide .slide_r .item .time p {
    font-weight: 400;
    font-size: 13px;
    color: #005cff;
}

.sec5 .wrap .swiper .swiper-slide .slide_r .item .content {
    text-align: center;
    width: 460px;
}

.sec5 .wrap .swiper .swiper-slide .slide_r .item .content h5 {
    font-weight: bold;
    font-size: 18px;
    color: #292c33;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 15px;
    transition: 0.6s;
}

.sec5 .wrap .swiper .swiper-slide .slide_r .item .content p {
    font-weight: 400;
    font-size: 14px;
    color: #77797e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sec5 .wrap .swiper .swiper-slide .slide_r .item:hover .content h5 {
    color: #005cff;
}

.sec5 .wrap .swiper .swiper-slide.swiper-slide-active .slide_r,
.sec5 .wrap .swiper .swiper-slide.swiper-slide-active .slide_l {
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0);

}

@media screen and (max-width: 1919px) {
  .index_banner .swiper-pagination{
    bottom: 2.34375vw;
  }
  .index_banner .swiper-pagination .swiper-pagination-bullet{
    width: 0.625vw;
    height: 0.625vw;
    margin: 0px 1.0416666667vw;
  }
  .index_banner .swiper-pagination .swiper-pagination-bullet::after{
    width: 1.875vw;
    height: 1.0416666667vw;
  }
  .sec1{
    padding: 4.7916666667vw 0px 7.2916666667vw;
  }
  .sec1 .wrap{
    width: 72.9166666667vw;
  }
  .sec1 .wrap .title{
    margin: 0px 0px 2.6041666667vw;
  }
  .sec1 .wrap .title h5{
    font-size: 1.875vw;
    margin: 0px 0px 1.1458333333vw;
  }
  .sec1 .wrap .title p{
    font-size: 0.9375vw;
  }
  .sec1 .wrap .content .l{
    width: 35.4166666667vw;
    border-radius: 0.5208333333vw;
  }
  .sec1 .wrap .content .l .pro_swiper{
    height: 23.9583333333vw;
    border-radius: 0.78125vw;
  }
  .sec1 .wrap .content .l .pro_swiper .swiper-slide .pro_text{
    width: 35.4166666667vw;
    height: 7.2916666667vw;
    border-radius: 0.5208333333vw 0.5208333333vw 0px 0px;
    padding: 1.9791666667vw 1.71875vw 0px 2.03125vw;
  }
  .sec1 .wrap .content .l .pro_swiper .swiper-slide .pro_text .pro_text_l h5{
    font-size: 1.25vw;
    margin: 0px 0px 1.0416666667vw;
  }
  .sec1 .wrap .content .l .pro_swiper .swiper-slide .pro_text .pro_text_l p{
    font-size: 0.9375vw;
  }
  .sec1 .wrap .content .l .pro_swiper .swiper-slide .pro_text .pro_text_r p{
    font-size: 0.7291666667vw;
    margin: 0px 0.4166666667vw 0px 0px;
  }
  .sec1 .wrap .content .l .pro_swiper .swiper-slide .pro_text .pro_text_r .iconfont{
    font-size: 0.7291666667vw;
  }
  .sec1 .wrap .content .r{
    width: 36.4583333333vw;
  }
  .sec1 .wrap .content .r .item{
    width: 11.4583333333vw;
    height: 11.4583333333vw;
    border-radius: 0.5208333333vw;
    border: 0.1041666667vw solid rgb(255, 255, 255);
    margin-bottom: 1.0416666667vw;
    padding: 1.0416666667vw 0px 0px;
  }
  .sec1 .wrap .content .r .item::after{
    border-radius: 0.5208333333vw;
  }
  .sec1 .wrap .content .r .item .img{
    width: 8.3333333333vw;
    height: 6.3541666667vw;
    margin: 0px auto 0.9375vw;
  }
  .sec1 .wrap .content .r .item p{
    font-size: 1.0416666667vw;
  }
  .sec1 .wrap .content .r .item:not(:nth-child(3n)){
    margin-right: 1.0416666667vw;
  }
  .sec1 .wrap .content .r .item:hover, .sec1 .wrap .content .r .item.on{
    box-shadow: rgba(0, 51, 140, 0.1) 0px 0.2604166667vw 0.5208333333vw 0px;
  }
  .sec2{
    padding: 4.1666666667vw 0px 9.7395833333vw;
  }
  .sec2 .cir{
    width: 50.5729166667vw;
    height: 50.5729166667vw;
    bottom: -22.2916666667vw;
    right: -24.84375vw;
    border: 10.4166666667vw solid rgb(240, 245, 255);
  }
  .sec2 .title{
    margin: 0px 0px 5.9895833333vw;
  }
  .sec2 .title h5{
    font-size: 1.875vw;
    margin: 0px 0px 1.0416666667vw;
  }
  .sec2 .title p{
    font-size: 0.9375vw;
  }
  .sec2 .content img{
    width: 52.0833333333vw;
  }
  .sec2 .content .item_box .item{
    width: 13.5416666667vw;
    top: -1.0416666667vw;
    right: 5.46875vw;
  }
  .sec2 .content .item_box .item h5{
    font-size: 1.3541666667vw;
    margin: 0px 0px 0.78125vw;
  }
  .sec2 .content .item_box .item p{
    font-size: 0.8333333333vw;
    line-height: 1.25vw;
  }
  .sec2 .content .item_box .item:nth-child(2){
    top: 7.8125vw;
    right: -15.1041666667vw;
  }
  .sec2 .content .item_box .item:nth-child(3){
    top: 23.4375vw;
    right: -9.8958333333vw;
  }
  .sec2 .content .item_box .item:nth-child(4){
    top: 23.4375vw;
    left: -9.8958333333vw;
  }
  .sec2 .content .item_box .item:nth-child(5){
    top: 8.3333333333vw;
    left: -15.1041666667vw;
  }
  .sec3 .l{
    padding: 5.2083333333vw 0px 6.25vw;
    width: calc(-23.9583333333vw + 50vw);
  }
  .sec3 .l .title{
    padding: 0px 0px 0px calc(-36.4583333333vw + 50vw);
    margin: 0px 0px 4.375vw;
  }
  .sec3 .l .title h5{
    font-size: 1.25vw;
  }
  .sec3 .l .title::after{
    width: 2.4479166667vw;
    height: 0.1041666667vw;
    bottom: -0.6770833333vw;
  }
  .sec3 .l .l_list .item{
    height: 4.0625vw;
    padding: 0px 2.0833333333vw 0px calc(-36.4583333333vw + 50vw);
  }
  .sec3 .l .l_list .item .item_l img{
    width: 1.6666666667vw;
  }
  .sec3 .l .l_list .item .item_l p{
    font-size: 0.9375vw;
    line-height: 1.6666666667vw;
    transform: translateX(-1.6666666667vw);
  }
  .sec3 .l .l_list .item .iconfont{
    font-size: 0.7291666667vw;
  }
  .sec3 .l .l_list .item:hover .item_l p, .sec3 .l .l_list .item.on .item_l p{
    transform: translateX(0.46875vw);
  }
  .sec3 .swiper{
    width: 73.9583333333vw;
    margin: 0px 0px 0px 6.7708333333vw;
    padding: 0px 0px 5.2083333333vw;
  }
  .sec3 .swiper .swiper-slide .slide_l{
    padding: 4.9479166667vw 0px 0px;
    width: 34.8958333333vw;
  }
  .sec3 .swiper .swiper-slide .slide_l h3{
    font-size: 1.875vw;
    margin: 0px 0px 4.6875vw;
  }
  .sec3 .swiper .swiper-slide .slide_l .content{
    margin: 0px 0px 1.3020833333vw;
    transform: translateY(1.5625vw);
  }
  .sec3 .swiper .swiper-slide .slide_l .content h2{
    font-size: 1.4583333333vw;
    margin: 0px 0px 0.78125vw;
  }
  .sec3 .swiper .swiper-slide .slide_l .content p{
    font-size: 0.8333333333vw;
    line-height: 1.3541666667vw;
    height: 6.7708333333vw;
  }
  .sec3 .swiper .swiper-slide .slide_l .slide_l_list{
    height: 10vw;
    transform: translateY(1.5625vw);
  }
  .sec3 .swiper .swiper-slide .slide_l .slide_l_list .item{
    margin-right: 3.4375vw;
    margin-bottom: 2.0833333333vw;
  }
  .sec3 .swiper .swiper-slide .slide_l .slide_l_list .item .img{
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    margin: 0px auto 0.7291666667vw;
  }
  .sec3 .swiper .swiper-slide .slide_l .slide_l_list .item p{
    font-size: 0.8333333333vw;
  }
  .sec3 .swiper .swiper-slide .slide_l a{
    width: 6.1458333333vw;
    height: 1.875vw;
    border-radius: 0.9375vw;
    transform: translateY(1.5625vw);
  }
  .sec3 .swiper .swiper-slide .slide_l a p{
    font-size: 0.78125vw;
  }
  .sec3 .swiper .swiper-slide .slide_l a .iconfont{
    font-size: 0.9375vw;
  }
  .sec3 .swiper .swiper-slide .slide_r{
    padding: 12.2395833333vw 0px 0px 4.53125vw;
    transform: translateY(1.5625vw);
  }
  .sec3 .swiper .swiper-slide .slide_r h5{
    font-size: 1.25vw;
    margin-bottom: 1.5625vw;
  }
  .sec3 .swiper .swiper-slide .slide_r .flex{
    width: 17.7083333333vw;
  }
  .sec3 .swiper .swiper-slide .slide_r .flex .item{
    margin-bottom: 1.5625vw;
  }
  .sec3 .swiper .swiper-slide .slide_r .flex .item .img{
    width: 5.2083333333vw;
    height: 5.2083333333vw;
    border-radius: 0.5208333333vw;
    margin: 0px 0px 0.46875vw;
  }
  .sec3 .swiper .swiper-slide .slide_r .flex .item p{
    font-size: 0.8333333333vw;
  }
  .sec3 .swiper .swiper-slide .slide_r .flex .item:not(:nth-child(3n)){
    margin-right: 1.0416666667vw;
  }
  .sec4 .wrap{
    width: 72.9166666667vw;
  }
  .sec4 .wrap .title{
    margin: 0px 0px 1.5625vw;
  }
  .sec4 .wrap .title h1{
    font-size: 1.875vw;
    line-height: 2.7083333333vw;
  }
  .sec4 .wrap .content{
    margin: 0px 0px 2.96875vw;
  }
  .sec4 .wrap .content > p{
    width: 30.5208333333vw;
    font-size: 0.9375vw;
    line-height: 1.875vw;
    margin: 0px 0px 3.90625vw;
  }
  .sec4 .wrap .content a{
    width: 6.7708333333vw;
    height: 2.34375vw;
    border-radius: 1.1979166667vw;
  }
  .sec4 .wrap .content a p{
    font-size: 0.78125vw;
  }
  .sec4 .wrap .content a .iconfont{
    font-size: 0.9375vw;
  }
  .sec4 .wrap .num_list{
    width: 36.4583333333vw;
  }
  .sec4 .wrap .num_list .item{
    width: 15.625vw;
    border-top: 0.1041666667vw solid rgb(41, 44, 51);
    padding: 0.8854166667vw 0px 0px;
  }
  .sec4 .wrap .num_list .item h5{
    font-size: 0.8333333333vw;
    padding: 0px 0px 0px 0.9375vw;
    margin: 0px 0px 0.78125vw;
  }
  .sec4 .wrap .num_list .item h5::after{
    width: 0.46875vw;
    height: 0.46875vw;
  }
  .sec4 .wrap .num_list .item .num p{
    font-size: 3.3333333333vw;
  }
  .sec4 .wrap .num_list .item .num span{
    font-size: 1.25vw;
    margin: 0px 0px 0.2604166667vw 0.1041666667vw;
  }
  .sec4 .wrap .num_list .item > p{
    margin: 0.78125vw 0px 0px;
    font-size: 0.8333333333vw;
  }
  .sec4 .wrap .num_list .item:nth-child(1), .sec4 .wrap .num_list .item:nth-child(2){
    margin: 0px 0px 4.2708333333vw;
  }
  .sec4 .wrap .num_list .item:nth-child(2) .num span{
    font-size: 0.9375vw;
  }
  .sec5{
    padding: 5.3125vw 0px 4.53125vw;
  }
  .sec5 .wrap{
    width: 72.9166666667vw;
  }
  .sec5 .wrap .title{
    margin: 0px 0px 2.6041666667vw;
  }
  .sec5 .wrap .title h5{
    font-size: 1.875vw;
  }
  .sec5 .wrap .title .item_list .item{
    width: 6.1458333333vw;
    height: 1.875vw;
    border-radius: 0.9375vw;
    font-size: 0.8333333333vw;
    line-height: 1.875vw;
    margin: 0px 0px 0px 0.625vw;
  }
  .sec5 .wrap .swiper .swiper-slide .slide_l{
    width: 34.375vw;
  }
  .sec5 .wrap .swiper .swiper-slide .slide_l .img{
    height: 20.8333333333vw;
  }
  .sec5 .wrap .swiper .swiper-slide .slide_l .slide_l_text{
    height: 12.5vw;
    padding: 3.125vw 3.4375vw 0px 2.2916666667vw;
    border-radius: 0px 0px 0.5208333333vw 0.5208333333vw;
  }
  .sec5 .wrap .swiper .swiper-slide .slide_l .slide_l_text .time{
    width: 5.15625vw;
    height: 5.15625vw;
    border: 0.2604166667vw solid rgb(255, 255, 255);
    top: -3.6458333333vw;
    left: 2.0833333333vw;
  }
  .sec5 .wrap .swiper .swiper-slide .slide_l .slide_l_text .time h5{
    font-size: 2.2395833333vw;
  }
  .sec5 .wrap .swiper .swiper-slide .slide_l .slide_l_text .time p{
    font-size: 0.78125vw;
    margin: 0.2604166667vw 0px 0px;
  }
  .sec5 .wrap .swiper .swiper-slide .slide_l .slide_l_text a{
    font-size: 1.0416666667vw;
    margin: 0px 0px 1.0416666667vw;
  }
  .sec5 .wrap .swiper .swiper-slide .slide_l .slide_l_text p{
    font-size: 0.8333333333vw;
    line-height: 1.5625vw;
  }
  .sec5 .wrap .swiper .swiper-slide .slide_r{
    width: 34.375vw;
  }
  .sec5 .wrap .swiper .swiper-slide .slide_r .item{
    height: 7.8125vw;
    padding: 0px 0px 0px 1.0416666667vw;
  }
  .sec5 .wrap .swiper .swiper-slide .slide_r .item::after{
    width: 5.2083333333vw;
    height: 0.1041666667vw;
  }
  .sec5 .wrap .swiper .swiper-slide .slide_r .item .time{
    padding: 0px 1.5625vw 0px 0px;
    margin: 0px 1.5625vw 0px 0px;
  }
  .sec5 .wrap .swiper .swiper-slide .slide_r .item .time h5{
    font-size: 2.2395833333vw;
  }
  .sec5 .wrap .swiper .swiper-slide .slide_r .item .time p{
    font-size: 0.6770833333vw;
  }
  .sec5 .wrap .swiper .swiper-slide .slide_r .item .content{
    width: 23.9583333333vw;
  }
  .sec5 .wrap .swiper .swiper-slide .slide_r .item .content h5{
    font-size: 0.9375vw;
    margin: 0px 0px 0.78125vw;
  }
  .sec5 .wrap .swiper .swiper-slide .slide_r .item .content p{
    font-size: 0.7291666667vw;
  }
}
@media screen and (max-width: 1024px) {
    .sec3 .swiper .swiper-slide.swiper-slide-active .slide_l .slide_l_list {
        flex-wrap: wrap;
        height: unset;
    }
    .sec3 .swiper .swiper-slide .slide_l .slide_l_list .item {
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .sec3 .bg {
        display: none;
    }
    
    .pc {
        display: none !important;
    }
    .ph {
        display: block !important;
    }
    .sec1 .wrap {
        width: 90%;
    }
    .sec1 {
        padding: 40px 0 60px;
    }
    .sec1 .wrap .title {
        margin: 0 0 30px;
    }
    .sec1 .wrap .title h5 {
        font-size: 24px;
        margin: 0 0 10px;
    }
    .sec1 .wrap .title p {
        font-size: 16px;
        line-height: 1.4;
    }
    .sec1 .wrap .content {
        display: block;
    }
    .sec1 .wrap .content .l {
        width: 100%;
        margin: 0 0 2vw;
    }
    .sec1 .wrap .content .r {
        width: 100%;
    }
    .sec1 .wrap .content .l .pro_swiper .swiper-slide {
        display: flex;
        flex-direction: column-reverse;
    }
    .sec1 .wrap .content .l .pro_swiper .swiper-slide .pro_text {
        width: 100%;
        height: unset;
        padding: 20px 15px 10px;
        position: relative;
        top: 0;
        left: 0;
        z-index: 3;
        border-radius: 10px 10px 0 0;
        background: linear-gradient(180deg, #005cff, #88C7FF);
        align-items: center;
    }
    .sec1 .wrap .content .l .pro_swiper .swiper-slide .item {
        margin: -10px 0 0;
       border-radius: 0 0 10px 10px;
    }
    .sec1 .wrap .content .l .pro_swiper .swiper-slide .pro_text .pro_text_l {
        width: 100%;
    }
    .sec1 .wrap .content .l .pro_swiper .swiper-slide .pro_text .pro_text_l h5 {
        font-size: 20px;
        margin: 0 0 10px;
    }
    .sec1 .wrap .content .l .pro_swiper .swiper-slide .pro_text .pro_text_l p {
        font-size: 16px;
        line-height: 1.4;
    }
    .sec1 .wrap .content .l .pro_swiper .swiper-slide .pro_text .pro_text_r .iconfont,.sec1 .wrap .content .l .pro_swiper .swiper-slide .pro_text .pro_text_r p {
        font-size: 12px;
    }
    .sec1 .wrap .content .l .pro_swiper {
        height: unset;
    }
    .sec1 .wrap .content .r .item {
        width: 44vw;
        height: 44vw;
        margin-bottom: 2vw;
        padding: 5vw 0 0;
        border-radius: 10px;
    }
    .sec1 .wrap .content .r .item::after {
          border-radius: 10px;
    }
    .sec1 .wrap .content .r {
        justify-content: space-between;
    }
    .sec1 .wrap .content .r .item:not(:nth-child(3n)) {
        margin-right: 0;
    }
    .sec1 .wrap .content .r .item .img {
        width: 35vw;
        height: 25vw;
        margin-bottom: 15px;
    }
    .sec1 .wrap .content .r .item p {
        font-size: 16px;
    }
    .sec2 {
        padding: 80px 0 80px;
    }
    .sec2 .title {
        margin: 0 0 30px;
        text-align: left;
    }
    .sec2 .wrap {
        width: 90%;
        margin: 0 auto;
    }
    .sec2 .title h5 {
        font-size: 24px;
        margin: 0 0 10px;
    }
    .sec2 .title p {
        font-size: 16px;
        line-height: 1.6;
    }
    .sec2 .content img {
        width: 100%;
    }
    .sec2 .content .item_box {
        position: unset;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 40px 0 0;
    }
    .sec2 .content .item_box .item {
        position: unset;
        width: 100%;
        text-align: left !important;
        margin: 0 0 30px;
    }
    .sec2 .content .item_box .item h5 {
        font-size: 20px;
        margin: 0 0 10px;
    }
    .sec2 .content .item_box .item p {
        font-size: 16px;
        line-height: 1.6;
    }
    .sec4 .bg {
        display: none;
    }
    .sec4 {
        padding: 60px 0;
    }
    .sec4 .wrap .content {
        margin: 0 0 40px;
    }
    .sec4 .wrap .content > p {
        width: 100%;
        font-size: 16px;
        line-height: 1.6;
        margin: 0px 0px 30px;
    }
    .sec4 .wrap .content a {
        width: fit-content;
        padding: 0 20px;
        height: 35px;
        border-radius: 20px;
    }
    .sec4 .wrap .content a p {
        font-size: 14px;
    }
    .sec4 .wrap .content a .iconfont {
        font-size: 14px;
    }
    .sec4 .wrap {
        width: 90%;
        position: unset;
        margin: 0 auto;
        transform: unset;
    }
    .sec4 .wrap .title h1 {
        font-size: 24px;
        line-height: 1.6;
    }
    .sec4 .wrap .title {
        margin: 0 0 20px;
    }
    .sec4 .wrap .num_list {
        width: 100%;
    }
    .sec4 .wrap .num_list .item {
        width: 49%;
        padding: 18px 0 0;
    }
    .sec4 .wrap .num_list .item h5 {
        font-size: 16px;
        padding: 0 0 0 10px;
        margin: 0px 0px 13px;
    }
    .sec4 .wrap .num_list .item h5::after {
        width: 5px;
        height: 5px;
    }
    .sec4 .wrap .num_list .item .num p {
        font-size: 28px;
    }
    .sec4 .wrap .num_list .item .num span {
        font-size: 12px;
        margin: 0 0 3px 3px;
    }
    .sec4 .wrap .num_list .item:nth-child(2) .num span {
        font-size: 12px;
    }
    .sec4 .wrap .num_list .item {
        padding: 10px 0 0;
    }
    .sec4 .wrap .num_list .item > p {
        margin: 10px 0 0;
        font-size: 14px;
    }
    .sec4 .wrap .num_list .item:nth-child(1), .sec4 .wrap .num_list .item:nth-child(2) {
        margin: 0px 0px 20px;
    }
    .sec5 .wrap {
        width: 90%;
    }
    .sec5 .wrap .title {
        display: block;
        margin: 0 0 40px;
    }
    .sec5 .wrap .title h5{
        font-size: 24px;
       margin: 0 0 30px;
    }
    .sec5 .wrap .title .item_list .item {
        width: 95px;
        height: 34px;
        border-radius: 34px;
        font-size: 14px;
        line-height: 34px;
        margin: 0px 10px 0px 0px;
    }
    .sec5 {
        padding: 60px 0 60px;
    }
    .sec5 .wrap .swiper .swiper-slide {
        display: block;
    }
    .sec5 .wrap .swiper .swiper-slide .slide_l {
        width: 100%;
    }
    .sec5 .wrap .swiper .swiper-slide .slide_l .img {
        height: 60vw;
       border-radius: 10px 10px 0px 0px;
    }
    .sec5 .wrap .swiper .swiper-slide .slide_l .slide_l_text .time p {
        font-size: 12px;
        margin: 8px 0 0;
    }
    .sec5 .wrap .swiper .swiper-slide .slide_l .slide_l_text .time {
        width: 70px;
        height: 70px;
        top: -50px;
        left: 20px;
    }
    .sec5 .wrap .swiper .swiper-slide .slide_l .slide_l_text {
        height: 155px;
        padding: 34px 20px 0;
        border-radius: 0px 0px 10px 10px;
    }
    .sec5 .wrap .swiper .swiper-slide .slide_l .slide_l_text a {
        font-size: 20px;
        margin: 0px 0px 15px;
    }
    .sec5 .wrap .swiper .swiper-slide .slide_l .slide_l_text p {
        font-size: 16px;
        line-height: 1.6;
    }
    .sec5 .wrap .swiper .swiper-slide .slide_l .slide_l_text .time h5 {
        font-size: 20px;
    }
    .sec5 .wrap .swiper .swiper-slide .slide_r {
        width: 100%;
        margin: 40px 0 0;
    }
    .sec5 .wrap .swiper .swiper-slide .slide_r .item .time p {
        font-size: 14px;
        margin: 13px 0 0;
    }
    .sec5 .wrap .swiper .swiper-slide .slide_r .item .time h5 {
        font-size: 18px;
    }
    .sec5 .wrap .swiper .swiper-slide .slide_r .item .time {
        padding: 0 8px 0 0;
        margin: 0 10px 0 0;
    }
    .sec5 .wrap .swiper .swiper-slide .slide_r .item .content {
        width: calc(100% - 80px);
    }
    .sec5 .wrap .swiper .swiper-slide .slide_r .item .content h5 {
        font-size: 18px;
        margin: 0 0 10px;
    }
    .sec5 .wrap .swiper .swiper-slide .slide_r .item .content p {
        font-size: 16px;
    }
    .sec5 .wrap .swiper .swiper-slide .slide_r .item {
        height: auto;
        padding: 20px 0;
    }
    .sec3 .l .title::after {
        width: 28px;
        height: 2px;
        bottom: -8px;
        left: 0;
        background: #111;
       
    }
    .sec3 .l .title h5 {
        font-size: 24px;
        text-align: left;
        color: #111;
    }
    .sec3 .l .title {
        width: 100%;
        padding: 0;
        margin: 0 auto 30px;
    }
    .sec3 {
        display: block;
        padding: 0 5vw;
    }
    .sec3 .l {
        width: 100%;
        padding: 30px 0 10px;
    }
    .sec3 .l .l_list {
        display: flex;
        align-items: center;
        width: 100%;
        margin: 0 auto;
        border-bottom: 1px solid #ffffff;
        padding: 0 0 10px;
        flex-wrap: wrap;
        
    }
    .sec3 .l .l_list .item {
        height: unset;
        border: 1px solid #ccc;
        padding: 5px 10px;
        margin-bottom: 10px !important;
    }
    .sec3 .l .l_list .item .item_l p {
        color: #111;
        
    }
    .sec3 .l .l_list .item:hover .item_l p, .sec3 .l .l_list .item.on .item_l p {
        transform: unset;
    }
    .sec3 .l .l_list .item:hover, .sec3 .l .l_list .item.on {
        
        border: 1px solid #005cff;
    }
    .sec3 .l .l_list .item .iconfont {
        display: none;
    }
    .sec3 .l .l_list .item:after {
        display: none;
    }
    .sec3 .l .l_list .item .item_l img {
        display: none;
    }
    .sec3 .l .l_list .item .item_l p {
        font-size: 14px;
        line-height: 1.4;
        transform: unset;
        opacity: 1;
    }
    .sec3 .l .l_list .item:not(:nth-last-child(1)) {
        margin: 0 10px 0 0;
    }
    .sec3 .l {
        background: unset;
    }
    .sec3 .swiper .swiper-slide {
        display: block;
        position: relative;
        padding: 50px 15px 0;
        height: 710px;
    }
    .sec3 .swiper .swiper-slide>img {
        display: block !important;
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        filter: brightness(0.5);
    }
    .sec3 .swiper .swiper-slide .slide_l {
        width: 100%;
        padding: 0;
        text-align: left;
        border-right: none;
        height: unset;
    }
    .sec3 .swiper .swiper-slide .slide_l .content h2 {
        font-size: 24px;
        margin: 0 0 10px;
    }
    .sec3 .swiper .swiper-slide .slide_l h3 {
        display: none;
    }
    .sec3 .swiper .swiper-slide .slide_l .content p {
        font-size: 16px;
        line-height: 1.6;
        height: auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .sec3 .swiper .swiper-slide.swiper-slide .slide_l .slide_l_list {
        justify-content: flex-start;
    }
    .sec3 .swiper .swiper-slide .slide_l .content p br {
        display: none;
        
    }
    .sec3 .swiper .swiper-slide .slide_l .slide_l_list .item p {
        font-size: 14px;
    }
    .sec3 .swiper .swiper-slide .slide_l h3 {
        font-size: 18px;
        margin: 0 0 10px;
    }
    .sec3 .swiper {
        width: 100%;
        margin: 0;
    }
    .sec3 .swiper .swiper-slide .slide_l .slide_l_list .item .img {
        width: 30px;
        height: 30px;
        margin: 0 auto 8px;
    }
    .sec3 .swiper .swiper-slide .slide_l a {
        width: fit-content;
        height: 35px;
        border-radius: 35px;
        padding: 0 15px;
        margin: 10px 0 30px;
    }
    .sec3 .swiper .swiper-slide .slide_l a p {
        font-size: 14px;
    }
    .sec3 .swiper .swiper-slide .slide_l a .iconfont {
        font-size: 14px;
    }
    .sec3 .swiper .swiper-slide .slide_r {
        padding: 0 0 40px;
    }
    .sec3 .swiper .swiper-slide .slide_l .content {
        margin: 0 0 40px;
    }
    .sec3 .swiper .swiper-slide .slide_r h5 {
        font-size: 20px;
        text-align: center;
        margin: 0 0 30px;
    }
    .sec3 .swiper .swiper-slide .slide_r .flex {
        width: 100%;
    }
    .sec3 .swiper .swiper-slide .slide_r .flex .item {
        margin-bottom: 15px;
    }
    .sec3 .swiper .swiper-slide .slide_r .flex .item .img {
        width: 16vw;
        height: 16vw;
        border-radius: 10px;
        margin: 0px 0px 10px;
    }
    .sec3 .swiper .swiper-slide .slide_r .flex .item:not(:nth-child(4n)) {
        margin-right: 5vw;
    }
    .sec3 .swiper .swiper-slide .slide_r .flex .item p {
        font-size: 14px;
    }
    
    .index_banner .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        margin: 0px 15px;
    }
    .index_banner .swiper-pagination .swiper-pagination-bullet::after {
        width: 26px;
        height: 12px;
    }
    .index_banner .swiper-pagination {
        bottom: 40px;
    }
    .sec1 .wrap .content .l .pro_swiper .swiper-slide .pro_text .pro_text_r {
        display: none;
    }
    .sec4 {
        background-image: url('/public/template/xinanfang/images/bg_zzc.jpg');
    }
    .index_banner {
        height: 70vh;
    }
    .sec2 .content .item_box .item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 10px;
        background: #fff;
        padding: 40px 20px;
        box-shadow: inset 3px 4px 25px 0px rgba(0, 92, 255, 0.3);
    }
    .sec2 .content>img {
        display: none;
    }
    .sec2 .content .item_box .item .l {
        display: block!important;
        width: 90px;
        
    }
    .sec2 .content .item_box .item .r {
        width: calc(100% - 110px);
    }
}