/*  主题颜色  */
:root {
    --primary-color: #B91C24;
}

.pri-col {
    color: var(--primary-color);
}

/* 公用样式 */
/*img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

.content {
    overflow: hidden;
}

.title {
    text-align: center;
}

/* 表单样式 */
form {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    /*gap: .75rem .675rem;*/
}

form .form-item {
    display: flex;
    flex-direction: column;
    margin-right: .675rem;
    margin-bottom: .75rem;
    /*gap: .25rem;*/
}
.ser3 form .form-item:nth-child(2n -1) {
    margin-right: 0;
}
form .form-item label {
    margin-bottom: .25rem;
}
form .form-item label.required {
    display: flex;
    /*gap: .1rem;*/
}

form .form-item label.required::before {
    content: "*";
    color: var(--primary-color);
    font-size: .5rem;
    transform: translateY(-.075rem);
    margin-right: .1rem;
}

form .form-item input,
form .form-item select {
    width: 10.175rem;
    height: 1rem;
    border: .025rem solid #DBDBDB;
    padding: 0 .275rem;
}

form .item select,
form .form-item select,
.dialog-box .dialog2 form .form-item select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url("../images/select-down.svg") no-repeat right 0.5rem center/1rem 0.6rem;
    background-size: .3rem .15rem;
    padding-right: 1.5rem;
    cursor: pointer;
}

form .radio-box {
    flex-direction: row;
    margin-right: 0;
    /*gap: 1.05rem;*/
}
form .radio-box label {
    margin-right: 1.05rem;
    margin-bottom: 0;
}

form .radio-box .radio-group {
    display: flex;
    align-items: center;
    /*gap: .55rem;*/
}
form .radio-box .radio-group label {
    margin-right: .55rem;
}

form .radio-box input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: .35rem;
    height: .35rem;
    border: .025rem solid #CACACA;
    border-radius: 50%;
    background: #fff;
    outline: none;
    cursor: pointer;
    position: relative;
    transition: border-color .3s;
    padding: 0;
}

form .radio-box input[type="radio"]:checked {
    border-color: #666;
    background: #fff;
}

form .radio-box input[type="radio"]:checked::before {
    content: '';
    display: block;
    width: .18rem;
    height: .18rem;
    border-radius: 50%;
    background: #666;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

form .form-item textarea {
    resize: none;
    width: 21.075rem;
    height: 2.125rem;
    border: .025rem solid #DBDBDB;
    padding: .375rem .275rem;
}

form .btn-box {
    width: 100%;
    display: flex;
    /*gap: 1.5rem;*/
    align-items: center;
    justify-content: center;
}

form .btn-box button {
    width: 3.6rem;
    height: 1.075rem;
    border-radius: .55rem;
    background: #B3B3B3;
    transition: all .5s;
}
form .btn-box button:nth-child(1) {
    margin-right: 1.5rem;
}

form .btn-box button:hover {
    background-color: var(--primary-color);
}






/*----------------------------------------------*/
.head {
    padding: 0 4rem;
    background: rgba(255, 255, 255, 0);
    backdrop-filter: blur(37px);
}
.head.on1 {
    transform: translateY(-100%);
}
.head .icon-box {
    display: flex;
    align-items: center;
    /*gap: 1rem;*/
}
.head .icon-box a { display:flex; }
.head.active {
    background-color: #fff;
}

.head.active .logo img:nth-child(1) {
    opacity: 0;
}

.head.active .logo img:nth-child(2) {
    opacity: 1;
}

.head .icon-box svg {
    width: .6rem;
    height: .6rem;
}

.head .icon-box .globe {
    display: flex;
    align-items: center;
    /*gap: .15rem;*/
    margin: 0 1rem;
}
.head .icon-box .globe svg:nth-child(1) {
    margin-right: .15rem;
}
.head .btn {
    padding: .25rem .7rem;
    border-radius: 1.15rem;
    background-color: #B91C24;
    margin-left: .875rem;
    transition: all .5s;
    display: flex;
}

/*.head .btn:hover,*/
/*.head .btn.active {*/
/*    background-color: #B91C24;*/
/*}*/
.head .nav-box {
    height: 100%;
    width: 45%;
    gap: 0;
}

.head .nav-box>li {
    height: 100%;
    flex: 1;
    display: flex;
    justify-content: center;
}
.head .nav-box li.active>a {
    color: var(--primary-color);
}
.head .nav-box li a {
    height: 100%;
    display: flex;
    align-items: center;
}
.head .nav-box li>a:hover {
    color: var(--primary-color);
} 
.head .nav-box li .drop-w {
    width: 100vw;
    left: 0rem !important;
    transform: translateX(0) !important;
}
.head .nav-box li .drop.drop-w .lf {
    width: auto;
    padding: .65rem 2.5rem .65rem 4rem;
}
.head .nav-box li .drop.drop-w .lf .list {
    padding: 0;
    margin-top: .575rem;
    display: flex;
    flex-direction: column;
}
.head .nav-box li .drop.drop-w .lf .list .items {
    display: flex;
    align-items: center;
    margin-bottom: .75rem;
}
.head .nav-box li .drop.drop-w .lf .list .items:last-child {
    margin-bottom: 0;
}
.head .nav-box li .drop.drop-w .lf .list .items:hover,
.head .nav-box li .drop.drop-w .lf .list .items.active {
    background-color: initial;
}
.head .nav-box li .drop.drop-w .lf .list .items .img-box {
    width: .65rem;
    height: .65rem;
    margin-right: .6rem;
}
.head .nav-box li .drop.drop-w .rg .list {
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.25rem 2.5rem;
    max-height: 16.825rem;
    overflow-y: auto;
}
.head .nav-box li .drop.drop-w .rg .list .item {
    flex-direction: column;
    height: auto;
    align-items: initial;
}

.head .nav-box li .drop.drop-w .rg .list .item .title {
    text-align: left;
    display: flex;
    gap: .15rem;
    align-items: center;
    margin-bottom: .675rem;
}
.head .nav-box li .drop.drop-w .rg .list .item .title .line1 {
    width: 3.6rem;
    height: .025rem;
    background: linear-gradient(95deg,#B91C24 0%, rgba(245, 103, 86, 0) 100%);
    bottom: .025rem;
    left: .35rem;
}
.head .nav-box li .drop.drop-w .rg .list .item .title .line2 {
    width: 3.6rem;
    height: .025rem;
    top: 0;
    left: 1rem;
    background: linear-gradient(90deg,rgba(245, 103, 86, 0) 0%, #B91C24 100%);
}
.head .nav-box li .drop.drop-w .rg .list .item .title .cir {
    left: 4.38rem;
    top: -1px;
    display: flex;
    align-items: center;
}
.head .nav-box li .drop.drop-w .rg .list .item .title .cir .cir1 {
    width: .325rem;
    height: .325rem;
    border-radius: 50%;
    background: var(--primary-color);
}
.head .nav-box li .drop.drop-w .rg .list .item .title .cir img {
    width: .2rem;
    height: .4rem;
}
/*.head .nav-box li .drop.drop-w .rg .list .item .title span:nth-child(1) {*/
/*    width: .8rem;*/
/*    height: .8rem;*/
/*    border-radius: 50%;*/
/*    background: var(--primary-color);*/
/*    text-align: center;*/
/*    line-height: .8rem;*/
/*}*/
.head .nav-box li .drop.drop-w .rg .list .item .title span {
    color: var(--primary-color);
}
.head .nav-box li .drop.drop-w .rg .list .item ul {
    display: flex;
    flex-direction: column;
}
.head .nav-box li .drop.drop-w .rg .list .item ul li {
    margin-bottom: .5rem;
}
.head .nav-box li .drop.drop-w .rg .list .item ul li:last-child {
    margin-bottom: 0;
}
.head .nav-box li .drop.drop-w .rg .list .item ul li a {
    display: flex;
    align-items: center;
}
.head .nav-box li .drop.drop-w .rg .list .item ul li a span {
    margin-right: .5rem;
}
.head .nav-box li .drop.drop-w .rg .list .item ul li a .tag {
    color: var(--primary-color);
}
.head .nav-box li .drop.drop-w .rg .list .item ul li a img {
    width: .6rem;
    height: .45rem;
}
.head .nav-box li .drop.drop-w .rg .list .item ul li a:hover span {
    color: var(--primary-color);
}
.head .nav-box li .drop {
    position: absolute;
    /* width: 28.575rem; */
    /* height: 18.525rem; */
    background-color: #fff;
    left: 50%;
    top: 3rem;
    transform: translateX(-50%);
    display: none;
    opacity: 0;
}

.head .nav-box li .drop.on {
    display: flex;
}

.head .nav-box li .drop .lf {
    background-color: rgba(248, 248, 248, .8);
    width: 13.35rem;
}

.head .nav-box li .drop>.list {
    display: flex;
    flex-direction: column;
    padding: .4rem .6rem;
    min-width: 4rem;
    align-items: center;
    gap: .35rem;
}
.head .nav-box li .drop .list2 {
    min-width: 4rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .6rem;
}
.head .nav-box li .drop .list2 li:hover a span {
    color: var(--primary-color);
}
.head .nav-box li .drop .lf .list {
    padding: 1rem;
}
.head .nav-box li .drop .rg {
    padding:1.25rem 2.5rem;
}
.head .nav-box li .drop .rg .list {
    display: none;
    opacity: 0;
    transition: opacity .4s;
    flex-direction: column;
    gap: .5rem;
}
.head .nav-box li .drop .rg .list.on {
    display: flex;
}
.head .nav-box li .drop2 {
    width: 100%;
    left: 0 !important;
    transform: translateX(0) !important;
}
.head .nav-box li .drop2 .lf {
    width: 100%;
}
.head .nav-box li .drop2 .lf .list {
    display: flex;
    flex-direction: row;
    overflow-y:auto;
    justify-content: center;
    /*gap: 1.75rem;*/
}
.head .nav-box li .drop2 .list>.title {
    text-align: left;
    margin-bottom: .175rem;
}
.head .nav-box li .drop2 .list>.title span {
    color: var(--primary-color);
}
.head .nav-box li .drop2 .list .items {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    align-items: center;
}
.head .nav-box li .drop2 .list .items a {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    align-items: center;
}
.head .nav-box li .drop2 .list .items::before {
    display: none !important;
}
.head .nav-box li .drop2 .list .items::after {
    content:"";
    display: block;
    width: .95rem;
    height: .05rem;
    opacity: 0;
    transition: all .4s ease;
}
.head .nav-box li .drop2 .list .items .img-box1 {
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    flex-shrink: 0;
}
.head .nav-box li .drop2 .list .items .img-box1 img {
    width: 70%;
    height: 70%;
    transition: all .4s ease;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
}
.head .nav-box li .drop2 .list .items .img-box1 img:nth-child(2) {
    opacity: 0;
}
.head .nav-box li .drop2 .list .items.active {
    background: rgba(248, 248, 248, .8) !important;
}
.head .nav-box li .drop2 .list .items:hover::after, .head .nav-box li .drop2 .list .items.active::after {
    background: var(--primary-color);
    opacity: 1;
}
.head .nav-box li .drop2 .list .items:hover .img-box1 img:nth-child(1), .head .nav-box li .drop2 .list .items.active .img-box1 img:nth-child(1) {
    opacity: 0;
}
.head .nav-box li .drop2 .list .items:hover .img-box1 img:nth-child(2), .head .nav-box li .drop2 .list .items.active .img-box1 img:nth-child(2) {
    opacity: 1;
}
.head .nav-box li .drop .list .items::before {
    content:"";
    display: block;
    position: absolute;
    background: #fff;
    width: .025rem;
    height: 100%;
    left: 0;
    top: 0;
}
.head .nav-box li .drop .list .items.active::before,
.head .nav-box li .drop .list .items:hover::before {
    background: var(--primary-color);
}
.head .nav-box li .drop .list .items,
.head .nav-box li .drop .list .item {
    /*height: 1.2rem;*/
    cursor: pointer;
    display: flex;
    align-items: center;
    text-wrap: nowrap;
}
.head .nav-box li .drop2 .list .items:not(:last-child) { margin-right:1.75rem; }
.head .nav-box li .drop .list .items .img-box img {
    transition: all .5s;
}
.head .nav-box li .drop .list .items .img-box img:nth-child(2) {
    opacity: 0;
}
.head .nav-box li .drop .list .items.active {
    background-color: #fff;
}
.head .nav-box li .drop .list .items:hover span,
.head .nav-box li .drop .list .items.active span {
    color: var(--primary-color);
}
.head .nav-box li .drop .list .items:hover a,
.head .nav-box li .drop .list .items.active a {
    color: var(--primary-color);
}
.head .nav-box li .drop .list .items:hover .img-box img:nth-child(1),
.head .nav-box li .drop .list .items.active .img-box img:nth-child(1) {
    opacity: 0;
}
.head .nav-box li .drop .list .items:hover .img-box img:nth-child(2),
.head .nav-box li .drop .list .items.active .img-box img:nth-child(2) {
    opacity: 1;
}
.head .nav-box li .drop .list .items:hover {
    background-color: #fff;
}

.head .nav-box li .drop .list .items:hover>span,
.head .nav-box li .drop .list .item:hover>a {
    color: var(--primary-color);
}

.head.active .nav-box li a {
    color: #333;
}
.head.active .nav-box li.active>a {
    color: var(--primary-color);
}
.head.active .icon-box svg path {
    stroke: #333;
}
.head .login_btn { display:flex; }
.head .login_btn a { transition: all .5s ease; }
.head .login_btn a:hover,.head.active .login_btn a:hover{ color:var(--primary-color); }
.head.active .login_btn, .head.active .login_btn a { color:#333; }
.head .mb-btn, .head .mb-nav { display:none; }
.banner .swiper-wrapper .swiper-slide img,
.banner .swiper-wrapper .swiper-slide video{
    width: 100%;
    height: 27rem;
}

.banner .swiper-wrapper .swiper-slide .text {
    position: absolute;
    top: 7.875rem;
    left: 4rem;
}

.banner .swiper-wrapper .swiper-slide .text .h1 {
    display: block;
    width: 27.2rem;
}
.banner .swiper-wrapper .swiper-slide .text .h2 {
    width: 26rem;
    line-height: 1.6;
    margin-top: .6rem;
}
.banner .more {
    height: 1.325rem;
    width: 5.125rem;
    background: rgba(0, 0, 0, 0.30);
    backdrop-filter: blur(10px);
    border-radius: 1.15rem;
    margin-top: 2.575rem;
    display: flex;
    gap: .55rem;
    align-items: center;
    justify-content: center;
    border: none;
}

.banner .more svg {
    width: .2rem;
    height: .325rem;
}

.banner .swiper-pagination .swiper-pagination-bullet {
    width: 1.4rem;
    height: .05rem;
    background: #fff;
    opacity: 1;
    border-radius: .025rem;
}

.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #0F55D6;
}

.index1 {
    margin-top: 2rem;
    padding-bottom: 1.75rem;
}
.index1 .title {
    padding: 0 4rem;
    text-align: left;
}
.index1 .main {
    margin-top: 1.4rem;
}

.index1 .main ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .55rem;
}

.index1 .main ul .item {
    width: 23.1rem;
    height: 13.05rem;
    position: relative;
    overflow: hidden;
    display: none;
}
.index1 .main ul .item:nth-child(1),
.index1 .main ul .item:nth-child(2),
.index1 .main ul .item:nth-child(3),
.index1 .main ul .item:nth-child(4) {
    display: block;
}
.index1 .main ul .item.item2 {
    width: 16.375rem;
}

.index1 .main ul .item img.bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.index1 .main .text {
    height: 100%;
    padding: 1.275rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.index1 .main .text p {
    width: 7.75rem;
    margin-top: .45rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.more {
    width: 3.825rem;
    border: .025rem solid #333;
    padding: .3rem 0;
    border-radius: 1.15rem;
    margin-top: 2.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    transition: all .5s;
    cursor: pointer;
}

.more svg {
    width: .15rem;
    height: .25rem;
}

.more:hover {
    background-color: var(--primary-color);
    border: none;
}

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

.more:hover svg path {
    stroke: #fff;
}

.index1 .main ul .item img:nth-child(3) {
    width: 14.7rem;
    height: 8.325rem;
    position: absolute;
    bottom: .4rem;
    right: 1.25rem;
    transition: all .5s;
    object-fit: contain;
}
.index1 .main ul .item img:nth-child(3):hover {
    transform: scale(1.05);
}
.index1 .main ul .item.item2 img:nth-child(3) {
    width: 10.75rem;
    height: 7.7rem;
    bottom: 0;
    right: .8rem;
    object-fit: contain;
}

.index2 {
    position: relative;
}
.index2 .title {
    text-align: left;
    left: 4rem;
    transition: all .5s;
}
.index2 .progress1 {
    display: flex;
    flex-direction: column;
    /*gap: 1.125rem;*/
    position: absolute;
    top: 8.4rem;
    left: 4rem;
    z-index: 2;
}

.index2 .progress1 .pro-bullet {
    display: flex;
    align-items: center;
    /*gap: .3rem;*/
    cursor: pointer;
    margin-bottom: 1.125;
}
.index2 .progress1 .pro-bullet:last-child{
    margin-bottom: 0;
}
.index2 .progress1 .pro-bullet span {
    opacity: 0;
    transition: opacity .5s;
    margin-left: .3rem ;
}

.index2 .progress1 .pro-bullet .cir {
    width: .4rem;
    height: .4rem;
    border: .05rem solid rgba(255, 255, 255, .0);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
}

.index2 .progress1 .pro-bullet .cir .cir1 {
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transition: all .5s;
}

.index2 .progress1 .pro-bullet.active span {
    opacity: 1;
}

.index2 .progress1 .pro-bullet.active .cir {
    border: .05rem solid rgba(255, 255, 255, 1);
}

.index2 .progress1 .pro-bullet.active .cir .cir1 {
    background-color: #fff;
}

/* .index2 .swiper .swiper-wrapper .swiper-slide>img {
    height: 100vh;
    object-fit: cover;
} */
.index2 .swiper {
    width: 100%;
}

.index2 .swiper .swiper-wrapper {
    width: 100%;
}

.index2 .swiper .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.index2 .swiper .swiper-wrapper .swiper-slide>img {
    object-fit: contain;
    transform: scale(.2);
    transition: all .8s;
}
.index2 .swiper.on .swiper-wrapper .swiper-slide>img {
    transform: scale(1);
    object-fit: cover;
    width: 100%;
    height: 27rem;
}
.index2 .swiper.on .text {
    opacity: 1;
}
.index2 .swiper.on .text span {
    color: #fff;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}
.index2 .swiper .custom-pagination {
    position: absolute;
    height: .05rem;
    background-color: rgba(255, 255, 255, 0.2);
    bottom: 3.75rem;
    z-index: 2;
    display: flex;
    justify-content: space-around;
}

.index2 .swiper .custom-pagination .custom-bullet {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*gap: 22px;*/
    transform: translateY(-0.1rem);
    cursor: pointer;
}

.index2 .swiper .custom-pagination .custom-bullet .dian {
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    background-color: #fff;
    flex-shrink: 0;
    margin-bottom: .55rem;
}

.index2 .swiper .custom-pagination .custom-bullet .p1 {
    display: none;
    align-items: center;
    transform: translateY(-40%);
    background-color: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(7.5px);
    padding: .5rem .4rem;
    border-radius: 1.25rem;
    gap: .2rem;
    position: relative;
    height: 1.25rem;
    min-width: 5rem;
}

.index2 .swiper .custom-pagination .custom-bullet .p1>img {
    width: .8rem;
    height: .8rem;
}

.index2 .swiper .custom-pagination .custom-bullet .p1 img.line {
    width: 4.15rem;
    height: 100%;
    position: absolute;
    top: -0.025rem;
    right: -0.05rem;
}

.index2 .swiper .custom-pagination .custom-bullet.on .dian,
.index2 .swiper .custom-pagination .custom-bullet.on>span {
    display: none;
}

.index2 .swiper .custom-pagination .custom-bullet.on .p1 {
    display: flex;
}

.index2 .text {
    position: absolute;
    top: 40%;
    left: 13.275rem;
    display: flex;
    flex-direction: column;
    /*gap: 1rem;*/
    opacity: 1;
    transition: opacity .8s;
    
}
.index2 .text span {
    color: #333;
}
.index2 .text .p1 {
    display: flex;
    /*gap: 1.5rem;*/
    margin-top: 1rem;
}
.index2 .text .p1 .rg {
    margin-left: 1.5rem;
}
.index2 .text .p1 .rg p {
    width: 14rem;
    text-shadow: 10px 7px 4px rgba(0, 0, 0, 0.3);
}

.index2 .text .p1 .rg .more {
    margin-top: .95rem;
    border: .025rem solid #fff;
    background-color: rgba(0, 0, 0, 0.30);
}

.index2 .text .p1 .rg .more span {
    color: #fff;
    text-shadow: none;
}

.index2 .text .p1 .rg .more svg path {
    stroke: #fff;
}

.index2 .text .p1 .rg .more:hover {
    background-color: var(--primary-color);
    border: .025rem solid rgba(0, 0, 0, 0.00);
}

.index3 {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.index3>img {
    width: 17.75rem;
    height: 17.8rem;
    position: absolute;
    transform: scale(1.8);
    right:-3rem;
}

.index3 .main {
    opacity: 1;
    position: absolute;
    left: 4rem;
    /*transform: translateY(2.5rem);*/
}
.index3 .main .more {
    margin-top: .8rem;
}
.index3 .main p {
    width: 14.15rem;
    margin-top:.7rem;
}

.index3 .main .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1.2rem;
    /*gap: 1.5rem;*/
    width: 15rem;
}
.index3 .main .list .item:nth-child(2n) {
    margin-right: 0;
}
.index3 .main .list .item:nth-child(3),
.index3 .main .list .item:nth-child(4) {
    margin-bottom: 0;
}
.index3 .main .list .item {
    display: flex;
    /*gap: 1.375rem;*/
    align-items: center;
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
}

.index3 .main .list .item .img-box {
    width: 1.85rem;
    height: 1.85rem;
    flex-shrink: 0;
    margin-right: 1.375rem;
}

.index3 .main .list .item .t2 {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.index3 .main .list .item .t2 .num-box {
    display: flex;
    align-items: flex-end;
    gap: .1rem;
}

.index3 .main .list .item .t2 .num-box .num {
    color: #B91C24;
}
.index3 .main .list .item .t2 .num-box .num .TextAnimate {
    height: 2.075rem !important;
}
.index3 .main .list .item .t2 .num-box span {
    color: #B91C24;
    transform: translateY(-.2rem);
}

.index4 {
    padding: 4rem 0rem 3rem 4rem;
    display: flex;
    gap: 3rem;
    position: relative;
}

.index4 .lf {
    display: flex;
    flex-direction: column;
}

.index4 .lf>span:nth-child(1) {
    width: 11.4rem;
}

.index4 .lf>span:nth-child(2) {
    margin-top: 2.7rem;
    width: 10.225rem;
}

.index4 .lf>p {
    margin-top: .75rem;
}

.index4 .lf .more {
    margin-top: 1.5rem;
}

.index4 .rg {
    padding: 0 .25rem;
    overflow: hidden;
}

.index4 .rg .swiper {
    margin-top: 7.75rem;
    width: 100%;
}

.index4 .rg .swiper .swiper-wrapper .swiper-slide a {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: all .5s;
}

.index4 .rg .swiper .swiper-wrapper .swiper-slide a img {
    width: 9.7rem;
    /*height: 10.1rem;*/
    object-fit: contain;
    aspect-ratio: 16/9;
}

.index4 .rg .swiper .swiper-wrapper .swiper-slide a span {
    margin-top: .55rem;
    width: 8.7rem;
}

.index4 .rg .swiper .swiper-wrapper .swiper-slide a p {
    margin-top: .4rem;
}

.index4 .rg .swiper .swiper-wrapper .swiper-slide a svg {
    margin-top: .675rem;
    position: relative;
    z-index: -1;
    opacity: 0;
    transition: all .5s;
}

.index4 .rg .swiper .swiper-wrapper .swiper-slide:hover a {
    transform: translateY(-3rem);
}

.index4 .rg .swiper .swiper-wrapper .swiper-slide:hover a svg {
    z-index: 1;
    opacity: 1;
}

.index4 .rg .swiper .swiper-wrapper .swiper-slide:hover a svg circle {
    fill: var(--primary-color);
}

.index4 .rg .swiper .swiper-wrapper .swiper-slide:hover a svg path {
    fill: #fff;
}

.index4 .lf .btn {
    position: absolute;
    bottom: 5.5rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.index4 .lf .btn svg {
    width: 1.25rem;
    height: 1.25rem;
}

.index4 .lf .btn.next {
    transform: rotate(180deg);
    left: 5.5rem;
}

.index4 .lf .btn svg:hover circle,
.index4 .lf .btn svg:hover path {
    stroke: var(--primary-color);
}

.index5 .banner2 {
    height: 10.875rem;
}

.index5 .banner2 .text {
    padding: 2.8rem 4rem;
}

.index5 .banner2 .text p {
    margin-top: .5rem;
}

.index5 .more {
    border: .025rem solid #fff;
    margin-top: 1.2rem;
}

.index5 .more:hover {
    border: .025rem solid rgba(255, 255, 255, 0);
}

.banner2 {
    position: relative;
    width: 100%;
    height: 14rem;
}

.banner2 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
}

.banner2 .text {
    width: 60%;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 1.77%, rgba(0, 0, 0, 0.33) 97.21%);
    padding: 7rem 4rem 5.5rem;
}

.pro1 {
    display: flex;
    justify-content: space-between;
    padding: 3rem 4rem;
    gap: 1.5rem;
}
.pro1 .lf-box {
    width: 21%;
    position: relative;
}
.pro1 .lf {
    width: 100%;
    position: sticky;
    top: 4rem;
    background: #FFF;
    box-shadow: 4px 4px 27.6px 0px rgba(0, 0, 0, 0.06);
    flex-shrink: 0;
}

.pro1 .lf .list {
    display: flex;
    flex-direction: column;

}

.pro1 .lf .list .item a {
    padding: .75rem 0 .75rem 1.3rem;
    cursor: pointer;
    display: block;
}

.pro1 .lf .list .item a:hover {
    background-color: #faf7f8;
    color: var(--primary-color);
}


.pro1 .lf .list .item.active a {
    background-color: #faf7f8;
    color: var(--primary-color);
}


.pro1 .rg {
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    flex: 1;
}

.pro1 .rg .list {
    display: none;
    flex-wrap: wrap;
    /*gap: .725rem .825rem;*/
}
.pro1 .rg .list a {
    display: flex;
    margin-right: .825rem;
    margin-bottom: .725rem;
}
.pro1 .rg .list a:nth-child(3n) {
    margin-right: 0;
}
.pro1 .rg .list.on {
    display: flex;
}

.pro1 .rg .list .item {
    width: 9.425rem;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}

.pro1 .rg .list .item .img-box {
    width: 100%;
    height: 6.75rem;
    position: relative;
    overflow: hidden;
}

.pro1 .rg .list .item .img-box img {
    width: 100%;
    height: 100%;
}

.pro1 .rg .list .item .img-box img:nth-child(2) {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 8.1rem;
    height: 6.425rem;
    object-fit: contain;
}

.pro1 .rg .list .item .text {
    padding: .475rem .625rem .75rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
/*.pro1 .rg .list .item .text>span {*/
/*    min-height: 1.8rem;*/
/*}*/
.pro1 .rg .list .item span {
    transition: all .5s;
}

.pro1 .rg .list .item .text ul {
    list-style: disc;
    transform: translateX(.425rem);
}

.pro1 .rg .list .item .text ul li::marker {
    color: var(--primary-color);
}

.pro1 .rg .list .item .text .more {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: 0;
    border: none;
    justify-content: start;
    padding: 0;
}

.pro1 .rg .list .item .text .more:hover {
    background-color: #fff;
}

.pro1 .rg .list .item .text .more svg {
    width: .125rem;
    height: .2rem;
}

.pro1 .rg .list .item:hover span {
    color: var(--primary-color);
}

.pro1 .rg .list .item:hover .text .more svg path {
    stroke: var(--primary-color);
}


.pro2 {
    position: relative;
    padding: 3.25rem 4rem 2.5rem;
}

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

.pro2 .main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.pro2 .main .lf {
    padding-top: 2.35rem;
    display: flex;
    flex-direction: column;
    /*gap: .975rem;*/
}

.pro2 .main .lf .items {
    display: flex;
    flex-direction: column;
    /*gap: .375rem;*/
    margin-top: .975rem;
}

.pro2 .main .lf .items p {
    width: 17.725rem;
    display: flex;
    align-items: flex-start;
    /*gap: .225rem;*/
    margin-top: .375rem;
}

.pro2 .main .lf .items p::before {
    content: '';
    display: block;
    width: .175rem;
    height: .175rem;
    border-radius: 50%;
    background-color: var(--primary-color);
    flex-shrink: 0;
    transform: translateY(.25rem);
    margin-right: .225rem;
}

.pro2 .main .lf .list-btn {
    display: flex;
    /*gap: .9rem;*/
    margin-top: .975rem;
}

.pro2 .main .lf .list-btn .item {
    width: 3.825rem;
    height: 1rem;
    display: flex;
    /*gap: .275rem;*/
    align-items: center;
    justify-content: center;
    border: .025rem solid #CACACA;
    cursor: pointer;
    transition: all .5s;
    margin-right: .9rem;
}

.pro2 .main .lf .list-btn .item:last-child {
    margin-right: 0;
}
.pro2 .main .lf .list-btn .item .img-box {
    position: relative;
    width: .475rem;
    height: .5rem;
    margin-left: .275rem;
}

.pro2 .main .lf .list-btn .item .img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    transition: opacity .5s;
}

.pro2 .main .lf .list-btn .item .img-box img:nth-child(1) {
    opacity: 1;
}

.pro2 .main .lf .list-btn .item .img-box img:nth-child(2) {
    opacity: 0;
}

.pro2 .main .lf .list-btn .item:hover {
    background-color: var(--primary-color);
}

.pro2 .main .lf .list-btn .item:hover span {
    color: #fff;
}

.pro2 .main .lf .list-btn .item:hover .img-box img:nth-child(1) {
    opacity: 0;
}

.pro2 .main .lf .list-btn .item:hover .img-box img:nth-child(2) {
    opacity: 1;
}

.pro2 .main .rg {
    position: relative;
    width: 18.6rem;
    height: 18.025rem;
}
.pro2 .main .rg .box {
    overflow: hidden;
    height: 100%;
}
.pro2 .main .rg>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pro2 .main .rg .swiper {
    width: 100%;
    height: 100%;
}

.pro2 .main .rg .swiper .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro2 .main .rg .swiper .swiper-wrapper .swiper-slide img {
    width: 15.3rem;
    height: 8.5rem;
    object-fit: contain;
}

.pro2 .main .rg .swiper .swiper-pagination {
    bottom: 2.2rem;
}

.pro2 .main .rg .prev,
.pro2 .main .rg .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    z-index: 2;
    cursor: pointer;
}
.pro2 .main .rg .prev {
    left: -1.5rem;
}

.pro2 .main .rg .active path,
.pro2 .main .rg .active circle{
    fill: var(--primary-color);
    stroke: #fff;
}


.pro2 .main .rg .next {
    right: -1.5rem;
}


.banner .prev,
.banner .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    z-index: 2;
    cursor: pointer;
}
.banner .prev {
    left: 1.5rem;
}

.banner .prev:hover path,
.banner .prev:hover circle{
    fill: var(--primary-color);
    stroke: #fff;
}

.banner .next:hover path,
.banner .next:hover circle{
    fill: var(--primary-color);
    stroke: #fff;
}


.banner .next {
    right: 1.5rem;
}

.pro2 .main .rg .swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--primary-color);
}

.pro3 {
    padding: 3.15rem 0 3.25rem;
}

.pro3 .search-box {
    margin-top: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .4rem;
}

.pro3 .search-box input {
    width: 4.5rem;
    height: 1.25rem;
    background: #FAFAFA;
    padding: 0 .3rem;
}
.pro3 .search-box input::placeholder {
    color: #999;
}
.pro3 .search-box .btn {
    width: 1.25rem;
    height: 1.25rem;
    border: .025rem solid #CACACA;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .15rem;
    cursor: pointer;
    background-color: var(--primary-color);
}

.pro3 .search-box .btn svg path {
    stroke: #fff;
}

.pro3 .table-box {
    padding: 0 4rem;
    margin-top: 1.5rem;
    transition: all .4s ease;
}
.pro3 .more-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: .5rem;
}
.pro3 .more-btn .img-box {
    width: .6rem;
    height: .6rem;
    margin-bottom: .2rem;
}
.pro3 .more-btn .img-box img:nth-child(1) {
    opacity: 1;
}
.pro3 .more-btn .img-box img:nth-child(2) {
    opacity: 0;
}
.pro3 .more-btn p,
.pro3 .more-btn span{
    color: var(--primary-color);
    cursor: pointer;
}
.pro3 .more-btn.active .img-box img:nth-child(2) {
    opacity: 1;
}
.pro3 .more-btn.active .img-box img:nth-child(1) {
    opacity: 0;
}
.pro3 .more-btn p {
    margin-top: .25rem;
}
.pro3 .table-box table {
    width: 100%;
    border-collapse: collapse;
}
.pro3 .table-box table thead {
    background-color: var(--primary-color);
    text-align: center;
}

.pro3 .table-box table tr td {
    text-align: center;
    border: 1px solid #CACACA;
}
.pro3 .table-box table tr td:nth-child(1) {
    width: 4.15rem;
}
.pro3 .table-box table tr td:nth-child(2),
.pro3 .table-box table tr td:nth-child(4){
    width: 3.75rem;
}
.pro3 .table-box table tr td:nth-child(3) {
    width: 5.25rem;
}
.pro3 .table-box table tr td:nth-child(5) {
    width: 5.75rem;
}
.pro3 .table-box table tr td:nth-child(6) {
    width: 7.525rem;
}
.pro3 .table-box table tr td:nth-child(7) {
    width: 5.875rem;
}
.pro3 .table-box table tr td:nth-child(8) {
    4.125rem
}
.pro4 {
    padding: 2rem 4rem 2.75rem;
}

.pro4 .main {
    display: flex;
    flex-direction: row;
    gap: 1.8rem;
    margin-top: 1.75rem;
}

.pro4 .main .lf {
    flex-shrink: 0;
}

.pro4 .main .lf .img-box {
    width: 21.8rem;
    height: 14.725rem;
}

.pro4 .main .lf .img-box.on {
    display: block;
}

.pro4 .main .rg {
    height: 14.725rem;
    padding-left: 1.5rem;
    position: relative;
    overflow-y: hidden;
}

.pro4 .main .rg .list {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    list-style: disc;
}

.pro4 .main .rg .swiper .swiper-wrapper .swiper-slide span {
    display: flex;
    gap: .475rem;
    cursor: pointer;
}

.pro4 .main .rg .swiper .swiper-wrapper .swiper-slide span::before {
    content: "";
    display: block;
    width: .175rem;
    height: .175rem;
    border-radius: 50%;
    background-color: var(--primary-color);
    flex-shrink: 0;
    transform: translateY(.3rem);
}

.pro4 .main .rg .swiper .swiper-scrollbar {
    left: 0;
    right: initial;
    width: .025rem;
    background-color: #D6D5D5;
}

.pro4 .main .rg .swiper .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: var(--primary-color);
    width: .075rem;
    left: -0.025rem;
}

.pro5 {
    padding: 2.75rem 4rem 3.125rem;
}

.pro5 .main {
    margin-top: 2.125rem;
    display: flex;
    gap: 1.75rem;
}

.pro5 .main .lf {
    flex-shrink: 0;
    width: 16.775rem;
}
.pro5 .main .lf>img {
    width: 2.25rem;
    height: 2.25rem;
}
.pro5 .main .lf .text {
    display: none;
    flex-direction: column;
    gap: .6rem;
    opacity: 0;
    transition: all .5s;
    margin-top: 1.75rem;
}
.pro5 .main .lf .text.on {
    display: flex;
}
.pro5 .main .lf .btn-box {
    margin-top: 3.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.pro5 .main .lf .btn-box svg {
    width: 1.375rem;
    height: 1.375rem;
    cursor: pointer;
    transition: all .5s;
}
.pro5 .main .lf .btn-box svg:hover circle {
    fill: var(--primary-color);
}
.pro5 .main .lf .btn-box svg:hover path {
    stroke: #fff;
}
.pro5 .main .rg {
    overflow: hidden;
    display: flex;
}
.pro5 .main .rg .swiper {
    width: 60%;
}

.pro5 .main .rg .swiper .swiper-wrapper .swiper-slide {
    width: 14.4rem;
    transform: scale(.45);
    transition: all .5s;
}
.pro5 .main .rg .swiper .swiper-wrapper .swiper-slide .img-box {
    height: 100%;
    border-radius: .475rem;
    overflow: hidden;
}
/*.pro5 .main .rg .swiper .swiper-wrapper .swiper-slide .img-box img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/
.pro5 .main .rg .swiper .swiper-wrapper .swiper-slide span {
    margin-top: .45rem;
    transition: all .5s;
    display: block;
}
.pro5 .main .rg .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
    transform: scale(1);
}
.pro5 .main .rg .swiper .swiper-wrapper .swiper-slide.swiper-slide-active span {
    opacity: 0;
}
.pro6 {
    padding: 2.5rem 3.8rem 2.75rem;
    background-color: #FAFAFA;
}

.pro6 .main {
    margin-top: 1.75rem;
}

.pro6 .main .list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.875rem 1rem;
}

.pro6 .main .list .item .img-box {
    width: 9.225rem;
    height: 9.65rem;
    background: #fff;
    box-shadow: 0px 4px 32.7px 0px rgba(0, 0, 0, 0.04);
    display: flex;
    align-items: center;
    justify-content: center;
    border: .025rem solid rgba(185, 28, 36, 0);
    transition: all .5s;

}

.pro6 .main .list .item .img-box img {
    width: 7.725rem;
    height: 4.375rem;
    object-fit: contain;
}

.pro6 .main .list .item .text {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.pro6 .main .list .item .text span {
    transition: all .5s;
}

.pro6 .main .list .item:hover .img-box {
    border: .025rem solid rgba(185, 28, 36, 1);
}

.pro6 .main .list .item:hover .text span {
    color: var(--primary-color);
}

.pro6 .main .more {
    margin: 2.25rem auto 0;
}

.pro7 {
    padding: 2rem 4rem 3.5rem;
}

.pro7 .main {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pro7 .main .nav {
    display: flex;
    justify-content: space-between;
    position: relative;
    border-bottom: .025rem solid #999;
    width: 15.175rem;
    padding: 0 0 .425rem;
}

.pro7 .main .nav .item{width: 3.2rem;text-align:center;}
.pro7 .main .nav .item span {
    cursor: pointer;
}

.pro7 .main .nav .item.on span {
    color: var(--primary-color);
}

.pro7 .main .nav .bk {
    width: 3.2rem;
    height: 0;
    border: .025rem solid var(--primary-color);
    position: absolute;
    bottom: -0.025rem;
    left: 0;
    transition: all .5s;
}

.pro7 .main .list {
    margin-top: 1.75rem;
    display: none;
    flex-direction: column;
    gap: .3rem;
}

.pro7 .main .list.on {
    display: flex;
}

.pro7 .main .list .item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2.25rem;
    width: 40rem;
    height: 3.15rem;
    border: .025rem solid #EEE;
    background-color: #fff;
    transition: all .5s;
}

.pro7 .main .list .item a svg {
    width: .875rem;
    height: .875rem;
}

.pro7 .main .list .item a .lf {
    display: flex;
    align-items: center;
}

.pro7 .main .list .item a .lf .line {
    width: .025rem;
    height: 1.5rem;
    background-color: #EEE;
    margin: 0 1.5rem 0 1.375rem;
}

.pro7 .main .list .item a:hover {
    background-color: var(--primary-color);
}

.pro7 .main .list .item a:hover svg path {
    fill: #fff;
}

.pro7 .main .list .item a:hover .lf span {
    color: #fff;
}

.idy1 {
    background-color: #F8F8F8;
    padding: 2rem 4rem 3rem;
}

.idy1 .main {
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
}

.idy1 .main span {
    text-align: center;
    width: 33.45rem;
    display: block;
    
}
.idy1 .main span, .idy1 .main p {
    /*font-size: .45rem;*/
    color: #666;
}
.idy1 .main span p {
    display: inline;
}

.idy2 {
    position: relative;
    padding: 1.8rem 4rem 2.05rem;
    width: 100%;
    height: 17.775rem;
}

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

.idy2 .main {
    margin-top: 1.5rem;
    position: relative;
}

.idy2 .main .swiper-box {
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.idy2 .main .swiper-box .swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    position: relative;
}
.idy2 .main .swiper-box .swiper-wrapper .swiper-slide .bk {
    height: .125rem;
    width: 0;
    background: var(--primary-color);
    position: absolute;
    left: 0;
    top: 6.85rem;
    transition: all .5s;
}
.idy2 .main .swiper-box .swiper-wrapper .swiper-slide:hover .bk {
    width: 100%;
}
.idy2 .main .swiper-box .swiper-wrapper .swiper-slide .img-box {
    width: 100%;
    height: 6.85rem;
    overflow: hidden;
}

.idy2 .main .swiper-box .swiper-wrapper .swiper-slide .img-box img {
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.idy2 .main .swiper-box .swiper-wrapper .swiper-slide .img-box img:hover {
    transform: scale(1.05);
}

.idy2 .main .swiper-box .swiper-wrapper .swiper-slide .text {
    padding: .625rem .675rem;
    display: flex;
    flex-direction: column;
    /*gap: .275rem;*/
}

.idy2 .main .swiper-box .swiper-wrapper .swiper-slide .text p {
    opacity: .7;
    margin-top: .275rem;
}

.idy2 .main .prev,
.idy2 .main .next {
    width: 1.275rem;
    height: 1.275rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}

.idy2 .main .prev {
    left: -2.15rem;
}

.idy2 .main .next {
    right: -2.15rem;
}

.idy2 .main .prev:hover g,
.idy2 .main .next:hover g {
    opacity: 1;
}

.idy2 .main .prev:hover g ellipse,
.idy2 .main .next:hover g ellipse {
    fill: var(--primary-color);
}

.idy2 .main .prev:hover g path,
.idy2 .main .next:hover g path {
    stroke: #fff;
}

.idy3 {
    padding: 2rem 0 2.4rem;
}

.idy3 .btn-list {
    display: flex;
    justify-content: center;
    /*gap: 2rem;*/
}

.idy3 .btn-list .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*gap: .6rem;*/
    cursor: pointer;
    margin-right: 2rem;
}
.idy3 .btn-list .item:last-child {
    margin-right: 0;
}
.idy3 .btn-list .item svg {
    width: .975rem;
    height: .825rem;
    margin-bottom: .6rem;
}

.idy3 .btn-list .item.active svg path {
    fill: var(--primary-color);
}

.idy3 .btn-list .item.active span {
    color: var(--primary-color);
}

.dialog-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(51, 51, 51, .8);
    z-index: 200;
    display: none;
    align-items: center;
    justify-content: center;
    overscroll-behavior: contain;
}



.dialog-box.on {
    display: flex;
}

.dialog-box .my-dialog {
    width: 20.25rem;
    height: 22rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.75rem .875rem .625rem;
    background-color: #fff;
}
.dialog-box .my-dialog .title {
    z-index: 3;
}
.dialog-box .my-dialog img.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .2;
}

.dialog-box .my-dialog svg.close {
    width: .7rem;
    height: .7rem;
    position: absolute;
    top: .875rem;
    right: .875rem;
    cursor: pointer;
    z-index: 3;
}

.dialog-box .my-dialog .list {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*gap: .625rem;*/
    overflow-y: scroll;
    margin-top: 1rem;
    width: 100%;
    z-index: 3;
}

.dialog-box .my-dialog .list::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 3px;
    width: .1rem;
}

.dialog-box .my-dialog .list::-webkit-scrollbar-track {
    background: #E9E9E9;
    width: .05rem !important;
}

.dialog-box .my-dialog .list .item {
    cursor: pointer;
    margin-bottom: .625rem;
    text-align: center;
}
.dialog-box .my-dialog .list .item:last-child {
    margin-bottom: 0;
}
.dialog-box .my-dialog .list .item:hover span {
    color: var(--primary-color);
}

.dialog-box .my-dialog.dialog2 {
    width: 39.825rem;
}

.dialog-box .dialog2 form {
    margin-top: 1.25rem;
    display: flex;
    flex-wrap: wrap;
    gap: .8rem .475rem;
    justify-content: center;
    overflow-y: auto;
}

.dialog-box .dialog2 form .form-item {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.dialog-box .dialog2 form .form-item label {
    display: flex;
    align-items: center;
    gap: .15rem;
}

.dialog-box .dialog2 form .form-item label.required::before {
    content: "*";
    color: var(--primary-color);
}

.dialog-box .dialog2 form .form-item input,
.dialog-box .dialog2 form .form-item select {
    width: 11.4rem;
    height: 1.25rem;
    border: .025rem solid #DBDBDB;
    padding-left: .325rem;
}

.dialog-box .dialog2 form .form-item .long {
    width: 17.35rem;
}
.dialog-box video {
    width: 33.35rem;
    height: 18.05rem;
    border-radius: .5rem;
    background: #D9D9D9;
}
.vid-dialog-box .my-dialog {
    background: initial;
    width: 33.35rem;
    height: 18.05rem;
    padding: 0;
}
.vid-dialog-box .close {
    width: .7rem;
    height: .7rem;
    position: absolute;
    top: .875rem;
    right: .875rem;
    cursor: pointer;
}
.custom-date-picker {
    position: relative;
}
.dialog-box .my-dialog .hd {
    width: 100%;
    z-index: 3;
}
.dialog-box .my-dialog .hd ul {
    display: flex;
}
.dialog-box .my-dialog .hd ul li {
    width: 50%;
    display: flex;
    justify-content: center;
    align-content: center;
    cursor: pointer;
    position: relative;
    border: .025rem solid #999;
}
.dialog-box .my-dialog .hd ul li.on,
.dialog-box .my-dialog .hd ul li:hover {
    background: var(--primary-color);
    color: #fff;
    border: .025rem solid var(--primary-color);
}
.dialog-box .my-dialog .hd ul li::before {
    content: '';
    display: block;
    border-top: 10px solid #c9000b;
    border-bottom: 10px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    opacity: 0;
}
.dialog-box .my-dialog .hd ul li.on::before {
    opacity: 1;
}
.dialog-box .my-dialog .bd {
    z-index: 3;
    width: 100%;
    margin-top:.5rem;
}
.dialog-box .my-dialog .bd ul {
    display: none;
    opacity: 0;
    transition: all .5s;
}
.dialog-box .my-dialog .bd ul.on {
    display: block;
}
.dialog-box .my-dialog .bd ul li {
    display: flex;
}
.dialog-box .my-dialog .bd ul li a{
    line-height: 1rem;
    flex: 1;
}
.dialog-box .my-dialog .bd ul li a:hover span {
    color: var(--primary-color);
}
#datepicker-popup {
    width: 100%;
}

#datepicker-popup table {
    border-collapse: collapse;
    width: 100%;
}

#datepicker-popup th,
#datepicker-popup td {
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
}

#datepicker-popup th {
    background: #f5f5f5;
}

#datepicker-popup td {
    border: 1px solid #eee;
}

#datepicker-popup td.date-cell:hover {
    background: #b91c24;
    color: #fff;
}

.dialog-box .dialog2 form .btn-box {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 1.25rem;
    margin-top: 1.75rem;
}

.dialog-box .dialog2 form .btn-box button {
    width: 3.6rem;
    height: 1.075rem;
    border-radius: .55rem;
    background: #B3B3B3;
    transition: all .5s;
}

.dialog-box .dialog2 form .btn-box button:hover {
    background-color: var(--primary-color);
}
.idy4 {
    position: relative;
    padding: 1.45rem 4rem 0;
    transition: all .8s;
}
.idy4.on {
    padding: 0;
    
}
.idy4.on>.main {
    border-radius: 0;
}
.idy4 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 18.475rem;
    z-index: -1;
    opacity: 0.34;
    mix-blend-mode: multiply;
}
.idy4>.main {
    background: #fff;
    border-radius: .5rem .5rem 0 0 ;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}
.idy4 .main .swiper {
    overflow: hidden;
}
.idy4 .prev {
    position: absolute;
    left: 1.95rem;
    top: 9.675rem;
    cursor: pointer;
    z-index: 3;
}
.idy4 .next {
    position: absolute;
    right:1.95rem;
    top: 9.675rem;
    cursor: pointer;
    z-index: 3;
}
.idy4 .prev:hover g, .idy4 .next:hover g {
    opacity: 1;
}
.idy4 .prev:hover g ellipse, .idy4 .next:hover g ellipse {
    fill: var(--primary-color);
}
.idy4 .prev:hover g path, .idy4 .next:hover g path {
    stroke: #fff;
}
.idy4 .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 4rem .875rem;
    border-bottom: .025rem solid rgba(214, 214, 214, 0.50);
    overflow-x: auto;
    scrollbar-width: none;
}
.idy4.on1 .nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    background: #Fff;
    z-index: 3;
}
.idy4 .nav li {
    cursor: pointer;
    position: relative;
}
.idy4 .nav li::after {
    content:"";
    display: block;
    width: 3.075rem;
    height: .075rem;
    background: #fff;
    transition: all .5s;
    position: absolute;
    top: 1.61rem;
    left: 50%;
    transform: translateX(-50%);
}
.idy4 .nav li.active::after {
    background: var(--primary-color);
}
.idy4 .nav li.active span {
    color: var(--primary-color);
}

.idy4 .swiper-box .swiper-wrapper .swiper-slide {
    padding: 1rem 7.2rem;

}

.idy4 .swiper-box .swiper-wrapper .swiper-slide .main .p1 {
    display: flex;
    flex-direction: column;
    gap: .625rem;
    margin-top: .75rem;
    list-style: disc;
    transform: translateX(.6rem);
}

.idy4 .swiper-box .swiper-wrapper .swiper-slide .main .p1 li::marker {
    color: var(--primary-color);
}

.idy4 .swiper-box .swiper-wrapper .swiper-slide .main .img-box1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: .875rem;
    /*gap: 1.325rem;*/
}
.idy4 .swiper-box .swiper-wrapper .swiper-slide .main .img-box1 span {
    margin-top: 1.325rem;
}
/*.idy4 .swiper-box .swiper-wrapper .swiper-slide .main .img-box1 img {*/
/*    width: 24.65rem;*/
/*    height: 14.4rem;*/
/*}*/

/*.idy4 .swiper-box .swiper-wrapper .swiper-slide .main .img-box2 {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    gap: 4.5rem;*/
/*}*/

/*.idy4 .swiper-box .swiper-wrapper .swiper-slide .main .img-box2 img {*/
/*    width: 11.25rem;*/
/*    height: 9.75rem;*/
/*}*/

.pdt-box {
    margin-top: 2.125rem;
    padding-bottom: 2.25rem;
}

.pdt-box .list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: .675rem;
    margin-top: .875rem;
}

.pdt-box .list .item {
    width: 9.425rem;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}

.pdt-box .list .item .img-box {
    width: 100%;
    height: 6.75rem;
    position: relative;
    overflow: hidden;
}

.pdt-box .list .item .img-box img {
    width: 100%;
    height: 100%;
}

.pdt-box .list .item .img-box img:nth-child(2) {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 2.3rem;
    width: 6.1rem;
    height: 4.425rem;
}

.pdt-box .list .item .text {
    padding: .675rem .625rem .95rem;
    display: flex;
    flex-direction: column;
    /*gap: .5rem;*/
}

.pdt-box .list .item span {
    transition: all .5s;
}

.pdt-box .list .item .text ul {
    list-style: disc;
    transform: translateX(.425rem);
    margin: .5rem 0;
}

.pdt-box .list .item .text ul li::marker {
    color: var(--primary-color);
}

.pdt-box .list .item .text .more {
    display: flex;
    align-items: center;
    /*gap: .5rem;*/
    margin-top: 0;
    border: none;
    justify-content: start;
}

.pdt-box .list .item .text .more:hover {
    background-color: #fff;
}

.pdt-box .list .item .text .more svg {
    width: .125rem;
    height: .2rem;
    margin-left: .5rem;
}

.pdt-box .list .item:hover span {
    color: var(--primary-color);
}

.pdt-box .list .item:hover .text .more svg path {
    stroke: var(--primary-color);
}

.idy5 {
    padding: 3rem 4rem;
    background-color: #F9F9F9;
    display: flex;
    justify-content: space-between;
}

.idy5 .lf {
    display: flex;
    flex-direction: column;
}

.idy5 .lf .list {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    margin-top: 1.75rem;
}

.idy5 .lf .list .item {
    display: flex;
    gap: .675rem;
    align-items: center;
    cursor: pointer;
}

.idy5 .lf .list .item.active span {
    color: var(--primary-color);
}

.idy5 .lf .list .item.active svg path {
    stroke: var(--primary-color);
}

.idy5 .rg .items {
    display: none;
    flex-direction: column;
    gap: .55rem;
    opacity: 0;
    transition: opacity .5s;
}

.idy5 .rg .items.on {
    display: flex;
}

.idy5 .rg .items span {
    color: var(--primary-color);
}

.idy5 .rg .items p {
    width: 30.65rem;
}

.ser1 {
    padding: 2.25rem 4rem 2.5rem;
}

.ser1 .main {
    margin-top: 1.75rem;
}

.ser1 .main .list {
    display: flex;
    /*gap: .8rem;*/
}

.ser1 .main .list .item {
    background-color: #F6F7F9;
    padding: .95rem 1.75rem;
    display: flex;
    flex-direction: column;
    transition: all .5s;
    width: calc((100% - .8rem) / 2);
    margin-right: .8rem;
}
.ser1 .main .list .item:last-child {
    margin-right: 0;
}

.ser1 .main .list .item>div {
    display: flex;
    align-items: center;
    /*gap: .6rem;*/
    margin-bottom: 1.15rem;
}

.ser1 .main .list .item>div svg,
.ser1 .main .list .item>div .img-box {
    width: 1.175rem;
    height: 1.175rem;
}
.ser1 .main .list .item>div .img-box {
    margin-right: .6rem;
}
.ser1 .main .list .item>div .img-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ser1 .main .list .item>div .img-box img:nth-child(1) {
    opacity: 1;
}

.ser1 .main .list .item>div .img-box img:nth-child(2) {
    opacity: 0;
}

.ser1 .main .list .item:hover {
    background-color: var(--primary-color);
}

.ser1 .main .list .item:hover>div svg path {
    stroke: #fff;
}

.ser1 .main .list .item:hover>div span,
.ser1 .main .list .item:hover p {
    color: #fff;
}

.ser1 .main .list .item:hover>div .img-box img:nth-child(1) {
    opacity: 0;
}

.ser1 .main .list .item:hover>div .img-box img:nth-child(2) {
    opacity: 1;
}

.ser2 {
    padding: 1rem 4rem 2.75rem;
    position: relative;
}

.ser2 .main {
    margin-top: 1.75rem;
}

.ser2 .main .list1 {
    display: flex;
    align-items: center;
}

.ser2 .main .list1 .item {
    position: relative;
    width: 50%;
    height: 8.9rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1.75rem;
    /*gap: .625rem;*/
    overflow: hidden;
    z-index: 1;
}
.ser2 .main .list1 .item p {
    margin: .625rem 0;
}
.ser2 .main .list1 .item .more {
    border: .025rem solid #fff;
    margin-top: 1rem;
    background-color: rgba(0, 0, 0, 0.33);
    gap: 0;
}
.ser2 .main .list1 .item .more a {
    margin-right: .35rem;
}

.ser2 .main .list1 .item .more:hover {
    background-color: var(--primary-color);
    border: .025rem solid rgba(255, 255, 255, 0);
}

.ser2 .main .list1 .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all .5s;
}

.ser2 .main .list1 .item:hover img {
    transform: scale(1.05);
}

.ser2 .main .p1 {
    display: block;
    margin-top: 1.75rem;
}

.ser2 .main .list2 {
    margin-top: .875rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.ser2 .main .list2 .item span {
    display: flex;
    align-items: center;
    /*gap: .65rem;*/
}

.ser2 .main .list2 .item span::before {
    content: "";
    display: block;
    width: .175rem;
    height: .175rem;
    background-color: var(--primary-color);
    border-radius: 50%;
    margin-right: .65rem;
}

.ser2 img.bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32.7rem;
    z-index: -1;
}

.ser2 .flow {
    width: 100%;
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(25px);
    margin-top: 1.375rem;
    padding: 2.25rem 2.25rem 3rem;
}

.ser2 .flow .list3 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.ser2 .flow .list3 .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.ser2 .flow .list3 .item .img-box {
    width: 1.175rem;
    height: 1.175rem;
}

.ser2 .flow .list3 .item .text {
    margin-top: 1.05rem;
}

.ser2 .flow .list3 .item .text .num {
    position: absolute;
    font-size: 3.2rem;
    font-weight: 900;
    color: rgba(0, 0, 0, .02);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.ser2 .flow .list3 .item .list4 {
    display: flex;
    flex-direction: column;
    /*gap: .75rem;*/
    margin-top: 1.95rem;
}

.ser2 .flow .list3 .item .list4 li {
    width: 5.675rem;
    margin-bottom: .75rem;
}
.ser2 .flow .list3 .item .list4 li:last-child {
    margin-bottom: 0;
}
.ser2 .flow .list3 .item .list4 li span {
    display: flex;
    /*gap: .375rem;*/
}

.ser2 .flow .list3 .item .list4 li span::before {
    content: "";
    display: block;
    width: .175rem;
    height: .175rem;
    border-radius: 50%;
    background-color: var(--primary-color);
    flex-shrink: 0;
    transform: translateY(.25rem);
    margin-right: .375rem;
}

.ser2 .flow .list3 .item>img {
    width: 2.375rem;
    height: .25rem;
    position: absolute;
    right: -3.375rem;
    top: 2.4rem;
}
.ser2 .flow .list3 .item:last-child>img,
.ser2 .flow .list3 .item:last-child .line{
    display: none;
}
.ser2 .flow .list3 .item .line {
    width: 0rem;
    height: 8.5rem;
    border: .025rem solid rgba(102, 102, 102, 0.15);
    position: absolute;
    right: -2.075rem;
    bottom: .075rem;
}

.ser3 {
    padding: 3.1rem 4rem;
    position: relative;
    background: linear-gradient(180deg, #FFF 0%, #FFF 58%, rgba(255, 255, 255, 0.80) 100%);
}

.ser3 img.bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.ser3 .main {
    display: flex;
    /*gap: .6rem;*/
    margin-top: 1.75rem;
}

.ser3 .main .lf .img-box {
    width: 16.575rem;
    height: 100%;
    flex-shrink: 0;
}
.ser3 .main .lf .img-box img {
    height: 100%;
    width: 100%;
}
.ser3 .main .rg {
    width: 22.825rem;
    background: #FFF;
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.10);
    padding: 1.25rem .875rem 1rem;
    margin-left: .6rem;
}



.pbs1 {
    padding: 2.25rem 4rem;
}

.pbs1 .title {
    text-align: left;
}

.pbs1 .main {
    margin-top: 1.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pbs1 .main .list {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.pbs1 .main .list .item {
    padding: 1rem 0rem;
    border-bottom: .025rem solid #DFDFDF;
    display: flex;
    flex-direction: column;
}

.pbs1 .main .list .item .tp {
    display: flex;
    gap: .8rem;
    align-items: center;
}

.pbs1 .main .list .item .tp .img-box {
    position: relative;
    width: .625rem;
    height: .625rem;
    cursor: pointer;
}

.pbs1 .main .list .item .tp .img-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.pbs1 .main .list .item .tp .img-box img:nth-child(1) {
    opacity: 1;
}

.pbs1 .main .list .item .tp .img-box img:nth-child(2) {
    opacity: 0;
}

.pbs1 .main .list .item.on .tp .img-box img:nth-child(1) {
    opacity: 0;
}

.pbs1 .main .list .item.on .tp .img-box img:nth-child(2) {
    opacity: 1;
}

.pbs1 .main .list .item.on .tp span {
    color: var(--primary-color);
}

.pbs1 .main .list .item .drop {
    display: none;
    padding: .5rem .625rem;
    background: #EBEBEB;
    width: 36.6rem;
    margin: .5rem 1.425rem 0;
}

.ab1 {
    padding: 4rem 4rem 2.25rem;
    display: flex;
    justify-content: space-between;
    background: linear-gradient(180deg, #FFF 0%, #FFF 37.5%, rgba(255, 255, 255, 0.80) 70%, #FFF 100%);
    position: relative;
}

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

.ab1 .bt-img {
    position: absolute;
    width: 21.525rem;
    height: 13.075rem;
    bottom: 0;
    left: 4rem;
}

.ab1 .lf .text {
    font-size: 2.225rem;
    text-align: right;
    text-transform: uppercase;
}

.ab1 .lf .text span {
    width: 14.15rem;
    display: block;
    line-height: 120%;
}

.ab1 .lf .text span p {
    display: inline;
    line-height: 120%;
}

.ab1 .rg {
    width: 18.75rem;
}

.ab1 .rg .text {
    display: flex;
    flex-direction: column;
}
.ab1 .rg .text p,
.ab1 .rg .text span {
    display: inline;
    line-height: 150%;
    margin-top: .85rem;
}
.ab1 .rg .text span:nth-child(1) {
    margin-top: 0;
}

.ab1 .rg .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 3.5rem;
}

.ab1 .rg .list .item {
    display: flex;
    align-items: center;
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
}
.ab1 .rg .list .item:nth-child(2n) {
    margin-right: 0;
}
.ab1 .rg .list .item:nth-child(3),
.ab1 .rg .list .item:nth-child(4) {
    margin-bottom: 0;
}
.ab1 .rg .list .item .img-box {
    width: 1.85rem;
    height: 1.85rem;
    flex-shrink: 0;
    margin-right: 1.375rem;
}

.ab1 .rg .list .item .t2 {
    display: flex;
    flex-direction: column;
}

.ab1 .rg .list .item .t2 .num-box {
    display: flex;
    align-items: flex-end;
    margin-bottom: .6rem;
}

.ab1 .rg .list .item .t2 .num-box .num {
    color: #B91C24;
    margin-right: .1rem;
}
.ab1 .rg .list .item .t2 .num-box .num .TextAnimate {
    height: 2.075rem !important;
}
.ab1 .rg .list .item .t2 .num-box span {
    color: #B91C24;
    transform: translateY(-.2rem);
}

.ab2 {
    padding: 3.75rem 4rem 3.5rem;
}

.ab2 .main {
    margin-top: 1.75rem;
}

.ab2 .main .list {
    display: flex;
    justify-content: space-between;
}

.ab2 .main .list .item {
    display: flex;
    flex-direction: column;
    /*gap: .625rem;*/
    align-items: center;
}

.ab2 .main .list .item .cir {
    border-radius: 50%;
    border: .025rem solid #D6D6D680;
    width: 4.575rem;
    height: 4.575rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*gap: .425rem;*/
    margin-bottom: .625rem;
}

.ab2 .main .list .item .cir img {
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
    margin-bottom: .425rem;
}

.ab2 .main .list .item p {
    width: 7.575rem;
    text-align: center;
    line-height: 170%;
}

.ab2 .main2 {
    position: relative;
    width: 39.775rem;
    height: 14.375rem;
    margin: 1.5rem auto 0;
    display: flex;
    align-items: flex-end;
}

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

.ab2 .main2 ul {
    display: flex;
    border-top: .025rem solid #D9D9D9;
}

.ab2 .main2 ul li {
    width: 50%;
    height: 5.35rem;
    padding: 1rem 3rem;
    display: flex;
    flex-direction: column;
    /*gap: .35rem;*/
    transition: all .5s;
}
.ab2 .main2 ul li p {
    margin-top: .35rem;
}
.ab2 .main2 ul li.active {
    background: rgba(0, 0, 0, 0.30);
    backdrop-filter: blur(10px);
}

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

.ab3 .lf .img-box {
    width: 20.025rem;
    height: 100%;
    overflow: hidden;
}

.ab3 .lf .img-box img {
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.ab3 .lf .img-box img:hover {
    transform: scale(1.05);
}

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

.ab3 .rg {
    padding: 3.175rem 4rem 2.75rem 5.625rem;
}

.ab3 .rg>p {
    margin-top: 1.5rem;
}

.ab3 .rg ul {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
}

.ab3 .rg ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 3.425rem;
}
/*.ab3 .rg ul li:last-child {*/
/*    margin-right: 0;*/
/*}*/
.ab3 .rg ul li img {
    width: 1.75rem;
    height: 1.75rem;
    object-fit: contain;
}

.ab3 .rg ul li .num-box {
    display: flex;
    align-items: center;
    margin-top: .4rem;
}

.news1 {
    padding: 2.25rem 4rem 0;
    height: 30rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
}
.news1 .title { display:none; }
.news1 .lf {
    position: relative;
}

.news1 .lf .cir-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3.675rem;
    position: relative;
}

.news1 .lf .cir-box .cir1 {
    width: .475rem;
    height: .475rem;
    border-radius: 50%;
    background-color: var(--primary-color);
}
.news1 .lf .cir-box>svg {
    position: absolute;
    top: 2.5rem;
}
.news1 .lf .cir-box>svg circle.go {
    stroke-dashoffset: 50%;
}

.news1 .lf .cir-box>svg circle {
    fill: none;
    stroke: #FFD3D599;
    stroke-dashoffset: 300%;
    stroke-dasharray: 300%;
    -webkit-transition: stroke-dashoffset 2s ease-in-out;
    transition: stroke-dashoffset 2s ease-in-out;
}

.news1 .lf .cir-box .line {
    width: .025rem;
    height: 13.825rem;
    background-color: #FFC8CB;
    z-index: 3;
    top: .5rem;
}
.news1 .lf .cir-box .line span {
    background: var(--primary-color);
}
.news1 .lf .cir-box span {
    font-size: 2.7rem;
    color: #F0F0F0;
    transform: translateY(12.9rem);
}

.news1 .lf .cir-box .cir2 {
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    background-color: #FFD3D599;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 2.5rem;
    z-index: -1;
}

.news1 .lf .cir-box .cir3 {
    width: 5.025rem;
    height: 5.025rem;
    border-radius: 50%;
    background-color: #fff;
}

.news1 .lf .cir-box .btn {
    position: absolute;
    top: 11rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.news1 .lf .cir-box .btn svg {
    width: 1.25rem;
    height: 1.25rem;
}

.news1 .lf .cir-box .btn.prev {
    left: 2rem;
}

.news1 .lf .cir-box .btn.next {
    transform: rotate(180deg);
    right: 2rem;
}

.news1 .lf .cir-box .btn svg:hover circle,
.news1 .lf .cir-box .btn svg:hover path {
    stroke: var(--primary-color);
}

.news1 .mid {
    height: 100%;
    overflow: hidden;
}

.news1 .mid .swiper {
    width: 100%;
    height: 100%;
}

.news1 .mid .swiper .swiper-wrapper .swiper-slide a {
    display: flex;
    flex-direction: column;
    width: 12.45rem;
}

.news1 .mid .swiper .swiper-wrapper .swiper-slide a img {
    width: 12.45rem;
    height: 6.95rem;
}

.news1 .mid .swiper .swiper-wrapper .swiper-slide a span {
    margin-top: .75rem;
}

.news1 .mid .swiper .swiper-wrapper .swiper-slide a p {
    margin-top: .5rem;
}

.news1 .mid .swiper .swiper-wrapper .swiper-slide a:hover span {
    color: var(--primary-color);
}

.news1 .mid .swiper .cus-pagination {
    width: 2.575rem;
    height: 1.2rem;
    left: 6.7rem;
    top: 13.975rem;
    display: flex;
    gap: .65rem;
    align-items: center;
    justify-content: space-between;
    position: absolute;
}

.news1 .mid .swiper .cus-pagination .cus-current {
    font-size: 1rem;
    color: var(--primary-color);
}

.news1 .mid .swiper .cus-pagination .cus-total {
    font-size: .6rem;
    color: #666;
}

.news1 .rg .date {
    width: 12.475rem;
    position: relative;
}
.news1 .rg .date .list {
    display: flex;
    overflow-x: auto;
    /*gap: 1.4rem;*/
    align-items: center;
    padding: 0 1.225rem;
    scrollbar-width: none;
}
.news1 .rg .date .list .item {
    position: relative;
    cursor: pointer;
}
.news1 .rg .date .list .item:not(:last-child) {
    margin-right: 1.4rem;
}
.news1 .rg .date .list .item:hover a span,
.news1 .rg .date .list .item.active a span{
    color: #B2141C;
}
.news1 .rg .date .list .item::after {
    content:"";
    display: block;
    width: 180%;
    height: .15rem;
    background: #fff;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    bottom: -.05rem;
}
.news1 .rg .date .list .item:hover::after,
.news1 .rg .date .list .item.active::after {
    background: linear-gradient(90deg, rgba(185, 28, 36, 0) 0%, #B91C24 53.5%, rgba(185, 28, 36, 0) 100%);
}
.news1 .rg .date .mask {
    width: 1.225rem;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
}

.news1 .rg .date .mask.mask-l {
    left: 0;
    background: linear-gradient(269deg, rgba(255, 255, 255, 0.00) 0.7%, #fff 85.95%, #fff 100%);
}

.news1 .rg .date .mask.mask-r {
    right: 0;
    background: linear-gradient(-269deg, rgba(255, 255, 255, 0.00) 0.7%, #fff 85.95%, #fff 100%);
}

.news1 .rg>.list {
    display: flex;
    flex-direction: column;
    margin-top: 2.25rem;
    gap: 2rem;
}

.news1 .rg>.list li a {
    display: flex;
    flex-direction: column;
    width: 12.45rem;
}

.news1 .rg>.list li a img {
    width: 12.45rem;
    height: 6.95rem;
}

.news1 .rg>.list li a span {
    margin-top: .75rem;
}

.news1 .rg>.list li a p {
    margin-top: .5rem;
}

.news1 .rg>.list li a:hover span {
    color: var(--primary-color);
}

.new-det {
    padding: 4.75rem 4rem 3.925rem;
    display: flex;
    justify-content: space-between;
}

.new-det .lf {
    width: 28.6rem;
    background-color: #F9F9F9;
    padding: 2.45rem 2.05rem 1.5rem;
}

.new-det .lf .date {
    display: flex;
    justify-content: space-between;
    margin-top: 1.75rem;
}

.new-det .lf .date span {
    color: #33333399;
}

.new-det .lf .date ul {
    display: flex;
    align-items: center;
    gap: .375rem;
}

.new-det .lf .date ul li .img-box {
    width: .475rem;
    height: .475rem;
    position: relative;
    background-color: #C6CCD0;
    border-radius: .025rem;
}

.new-det .lf .date ul li .img-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.new-det .lf .date ul li .img-box img:nth-child(1) {
    opacity: 1;
}

.new-det .lf .date ul li .img-box img:nth-child(2) {
    opacity: 0;
}

.new-det .lf .date ul li .img-box:hover img:nth-child(1) {
    opacity: 0;
}

.new-det .lf .date ul li .img-box:hover img:nth-child(2) {
    opacity: 1;
}

.new-det .lf .line {
    width: 100%;
    height: 0;
    border: .025rem solid #EFEFEF;
    margin-top: .95rem;
    margin-bottom: 1rem;
}

.new-det .lf .main {
    display: flex;
    flex-direction: column;
    gap: .875rem;
}

.new-det .lf .btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new-det .lf .btn .prev,
.new-det .lf .btn .next {
    display: flex;
    align-items: center;
    gap: .575rem;
    cursor: pointer;
}
.new-det .lf .btn .prev a,
.new-det .lf .btn .next a {
    width: 6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.new-det .lf .btn .prev:hover svg path,
.new-det .lf .btn .next:hover svg path {
    stroke: var(--primary-color);
}

.new-det .lf .btn .prev:hover a,
.new-det .lf .btn .next:hover a {
    color: var(--primary-color);
}

.new-det .rg {
    display: flex;
    flex-direction: column;
    gap: .875rem;

}

.new-det .rg .list {
    background-color: #F9F9F9;
    width: 10.075rem;
    padding: 1.5rem .875rem 1.25rem .625rem;
}

.new-det .rg .list>span::before {
    content: "";
    display: block;
    width: .075rem;
    height: .7rem;
    background: var(--primary-color);
    position: absolute;
    left: 0;
}

.new-det .rg .list ul {
    margin-top: 1.125rem;
    display: flex;
    flex-direction: column;
    gap: .875rem;
    padding-bottom: 1.25rem;
}

.new-det .rg .list ul .item span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.new-det .rg .list ul .item a:hover span,
.new-det .rg .list ul .item a:hover p {
    color: var(--primary-color);
}

.new-det .rg .list .back {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.275rem;
    background: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}

.new-det .rg .list .back svg {
    width: .4rem;
    height: .375rem;
    cursor: pointer;
}

.dl1 {
    padding: 2.25rem 3.25rem 2.25rem 4rem;
}

.dl1 .main {
    display: flex;
    margin-top: .75rem;
    /*column-gap: 1.375rem;*/
}
.dl1 .main .lf {
    position: sticky;
    top: 4rem;
}
.dl1 .lf ul {
    width: 8.5rem;
    background: #FFF;
    box-shadow: 4px 4px 27.6px 0px rgba(0, 0, 0, 0.06);
}

.dl1 .lf ul li a {
    padding: .75rem 1.25rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    /*gap: .325rem;*/
}
.dl1 .lf ul li a::before{
    content:"";
    display: block;
    width: .05rem;
    height: .5rem;
    background: #fff;
    transition: all .5s;
    margin-right: .325rem;
}
.dl1 .lf ul li.active {
    background-color: var(--primary-color);
}

.dl1 .lf ul li.active a {
    color: #fff;
}
.dl1 .lf ul li.active a::before {
    display: none;
}
.dl1 .lf ul li:hover a {
    color: #E60012;
}
.dl1 .lf ul li:hover a::before {
    background: #E60012;
}
.dl1 .lf ul li.active:hover a{
    color: #fff;
}

.dl1 .rg {
    flex: 1;
    margin-left: 1.375rem;
}

.dl1 .rg>span {
    position: relative;
}

.dl1 .rg>span::after {
    content: "";
    display: block;
    width: 15.4rem;
    height: .075rem;
    background-color: var(--primary-color);
    position: absolute;
    bottom: -0.7rem;
}

.dl1 .main .rg .line {
    width: 100%;
    height: .025rem;
    background: rgba(103, 120, 134, .4);
    margin-top: .5rem;
}

.dl1 .main .rg .search {
    margin-top: .925rem;
    display: flex;
    align-items: center;
    gap: 0;
}

.dl1 .main .rg .search input {
    flex: 1;
    height: 1.25rem;
    background-color: #FAFAFA;
    padding-left: .875rem;
}

.dl1 .main .rg .search svg {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    margin-left: .375rem;
}

.dl1 .main .rg .list>ul {
    display: none;
    flex-wrap: wrap;
    /*gap: .625rem .4rem;*/
    margin-top: 1.5rem;
    opacity: 1;
    transition: all .5s;
}

.dl1 .main .rg .list>ul.on {
    display: flex;
}

.dl1 .main .rg .list>ul>li {
    width: 10rem;
    border-radius: .25rem;
    border: .025rem solid #F1F1F1;
    display: flex;
    /*gap: .525rem;*/
    padding: .425rem 0 .5rem .6rem;
    cursor: pointer;
    transition: all .5s;
    margin-right: .4rem;
    margin-bottom: .625rem;
}
.dl1 .main .rg .list>ul>li:nth-child(3n) {
    margin-right: 0;
}

.dl1 .main .rg .list>ul>li>.img-box {
    position: relative;
    width: .7rem;
    height: .7rem;
}

.dl1 .main .rg .list>ul>li>.img-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.dl1 .main .rg .list>ul>li>.img-box img:nth-child(2) {
    opacity: 0;
}

.dl1 .main .rg .list>ul>li .text {
    flex: 1;
    display: flex;
    flex-direction: column;
    /*gap: .45rem;*/
    margin-left: .525rem;
}


.dl1 .main .rg .list>ul>li .text .t1 {
    display: flex;
    align-items: center;
    /*column-gap: 1rem;*/
    margin-top: .45rem;
}
.dl1 .main .rg .list>ul>li .text .t1 .item:nth-child(2) {
    margin-left: 1rem;
}
.dl1 .main .rg .list>ul>li .text .t1 .item {
    display: flex;
    align-items: center;
    /*column-gap: .15rem;*/
}

.dl1 .main .rg .list>ul>li .text .t1 .img-box {
    width: .375rem;
    height: .325rem;
    position: relative;
    margin-right: .15rem;
}

.dl1 .main .rg .list>ul>li .text .t1 .img-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.dl1 .main .rg .list>ul>li .text .t1 .img-box img:nth-child(2) {
    opacity: 0;
}

.dl1 .main .rg .list>ul>li:hover {
    background: var(--primary-color);
}

.dl1 .main .rg .list>ul>li:hover span {
    color: #fff !important;
}

.dl1 .main .rg .list>ul>li:hover .img-box img:nth-child(1) {
    opacity: 0 !important;
}

.dl1 .main .rg .list>ul>li:hover .img-box img:nth-child(2) {
    opacity: 1 !important;
}

.cot1 {
    padding: 2rem 4rem;
    display: flex;
    justify-content: space-between;
}

.cot1 .rg .img-box {
    width: 21.675rem;
    height: 12.825rem;
    background-color: #D9D9D9;
    overflow: hidden;
}

.cot1 .rg .img-box img {
    transition: all .5s;
}

.cot1 .rg .img-box img:hover {
    transform: scale(1.05);
}

.cot1 .lf {
    display: flex;
    flex-direction: column;
}

.cot1 .lf .item {
    display: flex;
    flex-direction: column;
    /*gap: .32rem;*/
    margin-top: 1.125rem;
}
.cot1 .lf .item a,
.cot1 .lf .item >span{
    margin-top: .32rem;
}
.cot1 .lf .tel {
    margin-top: 2rem;
}

.cot1 .lf .item .lab {
    display: flex;
    /*gap: .3rem;*/
    align-items: center;
}

.cot1 .lf .item .lab img {
    width: .5rem;
    height: .5rem;
    object-fit: contain;
    margin-right: .3rem;
}

.cot2 {
    padding: 3rem 4rem;
    position: relative;
}

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

.cot2 .form-box {
    padding: 1.75rem 1.625rem 1.625rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*gap: 1.75rem;*/
    background: #FFF;
    box-shadow: 0px 18px 60px 0px rgba(0, 0, 0, 0.06);
    margin-top: 1.5rem;
}

.cot2 .form-box form {
    /*gap: 1rem .5rem;*/
    margin-top: 1.75rem;
    justify-content: center;
}
.cot2 .form-box form .form-item {
    margin-right: .5rem;
    margin-bottom: 1rem;
}
.cot2 .form-box form .form-item:nth-child(4) {
    margin-right: 0;
}
.cot2 .form-box form .form-item:nth-child(6) {
    margin-right: 0;
}
.cot2 .form-box form .form-item:nth-child(7) {
    margin-right: 0;
}
form .form-item:nth-child(2n - 1) {
    margin-right: .5rem;
}
.cot2 .form-box form .form-item .select-box {
    display: flex;
    align-items: center;
    width: 18.025rem;
}
.cot2 .form-box form .form-item .select-box > div {
    width: calc(50% - .375rem);
}
.cot2 .form-box form .form-item .select-box select {
    width: 100%;
}
.cot2 .form-box form .form-item .select-box>div:nth-child(2) {
    margin-left: .75rem;
}
.cot2 .form-box form input,
.cot2 .form-box form select {
    width: 11.85rem;
    height: 1.55rem;
}

.cot2 .form-box form .long {
    width: 18.025rem;
}

.cot2 .form-box form textarea {
    width: 36.575rem;
    height: 3.9rem;
}

.cot2 .list {
    display: flex;
    justify-content: space-between;
    margin-top: 3.25rem;
}

.cot2 .list .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 26%;
}

.cot2 .list .item img {
    width: 1.575rem;
    height: 1.575rem;
    object-fit: contain;
    margin-bottom: .5rem;
}

.cot2 .list .item a {
    width: 5.2rem;
    text-align: center;
    line-height: 171%;
    margin-top: .375rem;
}


.footer {
    padding: 1.35rem 4rem .45rem;
    position: relative;
    background-color: rgba(0, 0, 0, .7);
}

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

.footer .foot-nav {
    display: flex;
}
.footer .foot-nav li {
    margin-right: 3.15rem;
}
.footer .foot-nav li:last-child {
    margin-right: 0;
}
.footer .list1 {
    display: flex;
    align-items: center;
    margin-top: 1.625rem;
}

.footer .list1 .item {
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 2.625rem;
}
.footer .list1 .item:last-child {
    margin-right: 0;
}
.footer .list1 .item>img {
    width: .5rem;
    height: .5rem;
    object-fit: contain;
}
.footer .list1 .item span {
    margin: 0 .2rem;
}
.footer .list1 .item .img-box {
    position: relative;
    width: .65rem;
    height: .65rem;
    cursor: pointer;
}

.footer .list1 .item .img-box img,
.footer .list1 .item .pop img:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.footer .list1 .item .img-box img:nth-child(1) {
    opacity: 1;
}

.footer .list1 .item .img-box img:nth-child(2) {
    opacity: 0;
}

.footer .list1 .item .img-box:hover img:nth-child(1) {
    opacity: 0;
}

.footer .list1 .item .img-box:hover img:nth-child(2) {
    opacity: 1;
}

.footer .list1 .item .pop {
    width: 1.7rem;
    height: 1.55rem;
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    left: 1rem;
    opacity: 0;
    transition: opacity .5s;
}

.footer .list1 .item .pop.on {
    display: flex;
}

.footer .list1 .item .pop img:nth-child(2) {
    width: 1.4rem;
    height: 1.4rem;
    margin-left: .12rem;
    position: relative;
    z-index: 2;
}

.footer .line {
    width: 100%;
    height: .025rem;
    background-color: rgba(255, 255, 255, 0.6);
    margin: 1.5rem 0 .4rem;
}

.footer .tips {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgba(255, 255, 255, 0.6);
}

.footer .tips a {
    color: rgba(255, 255, 255, 0.6);
}

.side {
    position: fixed;
    bottom: 3.125rem;
    right: 2rem;
    display: flex;
    flex-direction: column;
    /*gap: .25rem;*/
    align-items: center;
    z-index: 3;
}

.side .cir {
    width: 1.075rem;
    height: 1.075rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: 4px 4px 27.6px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: .25rem;
}

.side .cir img {
    width: .5rem;
    height: .5rem;
}
.side span {
    color: var(--primary-color);
}

/*搜索页*/
.seh_con {
    padding: 4.5rem 4rem ;
    background-color: #f7f7f7;
}
.seh_con .tp {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 29.125rem;
    margin: 0 auto;
}
.seh_con form {
    display: flex;
    align-items: center;
    width: fit-content;
    background-color: #ffffff;
    padding: 0 0 0 0.75rem;
    border-radius: 0.125rem;
    overflow: hidden;
    margin-bottom: 0.625rem;
    width: 100%;
}
.seh_con form img {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.5rem;
}
.seh_con form input {
    flex: 1;
    background-color: transparent;
    color: rgba(102, 102, 102, 1);
    line-height: 1.3rem;
}
.seh_con form .btn {
    display: block;
    width: 2.85rem;
    line-height: 1.3rem;
    color: #ffffff;
    background-color: #B71B30;
    text-align: center;
    border: none;
}
.seh_con .hots {
    display: flex;
    align-items: center;
    margin-bottom: 1.02rem;
    width: 100%;
}
.seh_con .hots .name {
    color: #666;
    line-height: 1.15;
    margin-right: 0.375rem;
}
.seh_con .hots a {
    display: block;
    color: #B71B30;
    margin-right: 0.7rem;
}
.seh_con .line {
    width: 100%;
    height: .025rem;
    background: #EEE;
}
.seh_con .main {
    margin-top:.75rem;
}
.seh_con .main .list {
    display: flex;
    flex-direction: column;
}
.seh_con .main .list .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    transition: background .4s ease;
    padding: .8rem .9rem;
    border-bottom: .025rem solid rgba(187, 187, 187, .18);
}
.seh_con .main .list .item .cont {
    display: flex;
    align-items: center;
    /*gap: 2.75rem;*/
}
.seh_con .main .list .item .pic {
    width: 5.75rem;
    margin-right: 2.75rem;
}
.seh_con .main .list .item .cont .txt p {
    margin-top: .75rem;
    color: var(--primary-color);
}
.seh_con .main .list .item .more {
    border: .025rem solid #666;
    margin: 0;
}
.seh_con .main .list .item .more.download svg {
    width: .3rem;
    height: .3rem;
}
.seh_con .main .list .item:hover {
    background: #fff;
    border-radius: .01rem;
    /*border-bottom: none;*/
}
.seh_con .main .list .item:hover .more {
    background: var(--primary-color);
    border: .025rem solid rgba(255, 255, 255, 0);
}
.seh_con .main .list .item:hover .more span {
    color: #fff;
}
.seh_con .main .list .item:hover .more svg path {
    stroke: #fff;
}
.ari-page {
    margin-top: 2.5rem;
}
.layout {
    width: 87.5%;
    margin: 0 auto;
}
.ari-page .title1 {
    text-align: center;
    margin-bottom: .75rem;
}
.ari-page dl {
    margin-bottom: 40px;
    border: 1px solid #ccc;
}
.ari-page dl dt {
    background: var(--primary-color);
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
}
.ari-page dl dt a{
    color: #fff;
    font-size: 16px;
}
.ari-page dl dd {
    padding: 20px;
    display: inline-block;
    margin-right: 20px;
}
.ari-page .p {
    font-size: .4rem;
    line-height: 1.5;
    padding-bottom: 1.2rem;
}
.pro8 {
    padding: 2.5rem 4rem 3.75rem;
    display: flex;
    align-items: center;
}
.pro8 .cont {
    width: calc(50% - .45rem);
}
.pro8 .cont .swiper-box {
    height: 10.3rem;
    position: relative;
    margin-top: 1.5rem;
}
.pro8 .cont .swiper-box .bgimg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.pro8 .cont .swiper-box .swiper {
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.pro8 .cont .swiper-box .swiper .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.pro8 .cont .swiper-box .swiper .swiper-wrapper .swiper-slide img {
    width: 13.375rem;
    height: 7.5rem;
    object-fit: contain;
}
.pro8 .cont .swiper-box .swiper .swiper-wrapper .swiper-slide .more {
    bottom: 1.15rem;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    border: .025rem solid #fff;
    background-color: rgba(0, 0, 0, 0.33);
    transition: all .5s;
}
.pro8 .cont .swiper-box .swiper .swiper-wrapper .swiper-slide .more:hover {
    background-color: var(--primary-color);
    border: .025rem solid rgba(255, 255, 255, 0);
}
.pro8 .cont .swiper-box .swiper .swiper-pagination .swiper-pagination-bullet {
    width: .6rem;
    height: .05rem;
    background: #999;
    border-radius: .2rem;
    opacity: 1;
}
.pro8 .cont .swiper-box .swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--primary-color);
} 
.pro8 .cont1 {
    margin-right: .9rem;
}
.pro8 .cont2 .swiper-box .swiper .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.login1 { position:relative;height:100vh;background:linear-gradient(90deg,rgba(255, 255, 255, 1) 0% , rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%);padding:14vh 15.15rem 0; }
.login1 .bgimg { position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1; }
.login1 .login-box { padding:1.75rem 2rem 2rem;border-radius:.5rem;background:rgba(255, 255, 255, 0.16);backdrop-filter: blur(16.75px);}
.login1 .login-box .nav { margin-top:1rem;display:flex;align-items:center;border-bottom:1px solid #999;padding-bottom:.25rem;position:relative; }
.login1 .login-box .nav li { margin-left:1.45rem;cursor:pointer; }
.login1 .login-box .nav li:first-child { margin-left:0; }
.login1 .login-box .nav li.active { color:var(--primary-color); }
.login1 .login-box .nav .line { transition:all .4s ease;width:1rem;height:.05rem;background:var(--primary-color);position:absolute;left:0;bottom:-.025rem; }
.login1 .login-box form { display:none;flex-direction:column;margin-top:.875rem;gap:0; }
.login1 .login-box form .form-item { margin-bottom:.5rem;position:relative; }
.login1 .login-box form .form-item input { width:100%;height:1.6rem;border-radius: .25rem;background: #FFF;border:none;padding:0 .5rem; }
.login1 .login-box form .form-item input.i_icon { padding:0 1.5rem 0 .5rem; }
.login1 .login-box form .other { display:flex;justify-content:space-between; }
.login1 .login-box form .other div a { color:var(--primary-color); }
.login1 .login-box form button { width:100%;height:1.6rem;background:var(--primary-color);border-radius:.25rem; }
.login1 .login-box form button.submit { margin-top:1.5rem; }
.login1 .login-box form .agree { margin-top:.5rem;display:flex;align-items:center; }
.login1 .login-box form .agree a { color: #0054C2; }
.login1 .login-box form .agree input[type="checkbox"] { margin-right: .2rem;width:.5rem;height:.5rem;appearance: none;background:#fff;cursor:pointer; }
.agree input[type="checkbox"]:checked::before { content:"";display:block;width:.5rem;height:.5rem;background:url(/static/images/checked.svg) no-repeat center;background-size:100% 100%; }
.login1 .login-box .form-item.code { display:flex;flex-direction:row; }
.login1 .login-box .form-item.code input { width:65%; }
.login1 .login-box .form-item.code .code-btn { width:30%;height:1.6rem;background:var(--primary-color);border-radius:.25rem;margin-left:.4rem; }
.login1 .login-box .form-item.code .code-btn.active { background: #a1a1a1; }
.login1 .login-box form.on { display:flex; }

.login2 { min-height:100vh;height:auto;padding:14vh 7.95rem 2.7rem; }
.login2 .register-box .p1 { display:flex;align-items:center;margin-top:.5rem; }
.login2 .register-box .p1 a { color:var(--primary-color); }
.login2 .register-box form { flex-direction:row;flex-wrap:wrap; }
.login2 .register-box form .form-item { position:relative;width:calc(50% - .35rem);margin-bottom:.5rem;margin-right:.7rem; }
.login2 .register-box form .form-item:nth-child(even) { margin-right:0; }
.login2 .register-box form .form-item>img { width:.65rem;height:.65rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);cursor:pointer; }
.login1 .login-box form .form-item .eye { position: absolute;width:.8rem;height:.8rem;right:.65rem;top:50%;transform:translateY(-50%);cursor:pointer; }
.login1 .login-box form .form-item .eye img { position:absolute;left:0;top:0;width:100%;height:100%;transition: all .4s ease; }
.login1 .login-box form .form-item .eye img:nth-child(2) { opacity:0; }
.login1 .login-box form .form-item .eye.on img:nth-child(1){ opacity:0; }
.login1 .login-box form .form-item .eye.on img:nth-child(2) { opacity:1; }
.login2 .register-box form .form-item.small { width:calc((100% - 1.4rem) / 3);height:1.6rem;border-radius:.25rem;background:#fff;margin-right:.7rem; }
.login2 .register-box form .form-item.small:nth-child(11) { margin-right:0; }
.login2 .register-box form .form-item.small .select-box {display: flex;width: 100%;}
.login2 .register-box form .form-item.small .select-box > div { width:50%; }
.login2 .register-box form .form-item.small select { width:100%;height:1.6rem;border-radius: .25rem;background: #FFF;border:none;padding:0 .5rem; }
.login2 .register-box form .form-item.select-box { position:relative; }
.login2 .register-box form .form-item.select-box::after { content:"";display:block;background:url(/static/images/arrow-down.svg) no-repeat center;background-size:100% 100%;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .4s ease;width:.5rem;height:.25rem; }
.login2 .register-box form .form-item.select-box.on::after { transform:rotate(90deg); }
.login2 .register-box form .bt { margin:0 auto; }
.login2 .register-box form .bt button { width:13.7rem; }

.pro_cont { position:relative; }
.img_dialog_box { display:none; }
.img_dialog { position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:999; }
.img_dialog .bj{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0, 0, 0, .5);}

.img_dialog .swiper { width:70%;height:70%;overflow:hidden; }
.img_dialog .swiper .prev{position: absolute;left: 4rem;top: 50%;width: 1.4rem;cursor: pointer;transform: translateY(-50%);}
.img_dialog .swiper .next{position: absolute;right: 4rem;top: 50%;width: 1.4rem;cursor: pointer;transform: translateY(-50%);}
.img_dialog .swiper .swiper-slide { display:flex;align-items:center;justify-content:center; }

.mem_con { padding-top:4.575rem;position:relative;min-height:95vh; }
.mem_con .member1 { max-width:40rem;margin: 0 auto; }
.mem_con .member1 .bgimg { position:absolute;top:0;left:0;width:100%;height:100%; }
.mem_con .member1 .list { display:flex;align-items:center;position:relative;z-index:2; }
.mem_con .member1 .list .item { width:6rem;height:1.25rem;text-align:center;line-height:1.25rem;transition:all .4s ease;background:#F3F3F3;border-radius:.25rem;cursor:pointer; }
.mem_con .member1 .list .item:not(:last-child) { margin-right:.8rem; }
.mem_con .member1 .list .item.active, .mem_con .member1 .list .item:hover { background:#B81C25;box-shadow:0 4px 37.5px rgba(0, 0, 0, 0.25);font-size:.45rem;color:#fff; }
.mem_con .member1 .main { margin-top:.55rem;position:relative;z-index:2; }
.mem_con .member1 .main .cont { display:none;background:#fff;box-shadow:0 4px 37.5px rgba(0, 0, 0, 0.04);padding:1.05rem 1.9rem;border-radius:.25rem; }
.mem_con .member1 .main .cont.on { display:block; }
.mem_con .member1 .main .cont .form-box form { margin-top:0; }
.mem_con .member1 .main .cont .form-box form .form-item { width:11.65rem;margin-bottom:.95rem;margin-right:.6rem; }
.mem_con .member1 .main .cont .form-box form .form-item:nth-of-type(3n) { margin-right:0; }
.mem_con .member1 .main .cont .form-box form .form-item label { margin-bottom:.575rem; }
.mem_con .member1 .main .cont .form-box form .form-item input { width:100%;height:1.25rem; }
.mem_con .member1 .main .cont .form-box form .form-item input[disabled] { background:#fff; }
.mem_con .member1 .main .cont .form-box form .form-item .select-box { width:100%;display:flex;align-items:center; }
.mem_con .member1 .main .cont .form-box form .form-item .select-box>div { width:calc((100% - .6rem) / 2); }
.mem_con .member1 .main .cont .form-box form .form-item .select-box>div:first-child { margin-right:.6rem; }
.mem_con .member1 .main .cont .form-box form .form-item select { width:100%;height:1.25rem; }
.mem_con .member1 .main .cont .form-box form .form-item .password-box { display:flex;align-items:center;position:relative; }
.mem_con .member1 .main .cont .form-box form .form-item .eye { position: absolute;width:.8rem;height:.8rem;right:.65rem;top:50%;transform:translateY(-50%);cursor:pointer; }
.mem_con .member1 .main .cont .form-box form .form-item .eye img { position:absolute;left:0;top:0;width:100%;height:100%;transition: all .4s ease; }
.mem_con .member1 .main .cont .form-box form .form-item .eye img:nth-child(2) { opacity:0; }
.mem_con .member1 .main .cont .form-box form .form-item .eye.on img:nth-child(1){ opacity:0; }
.mem_con .member1 .main .cont .form-box form .form-item .eye.on img:nth-child(2) { opacity:1; }
.mem_con .member1 .main .cont .form-box form .bt { margin: 0 auto; width: 100%; text-align: center; margin-top: 0.1rem; }
.mem_con .member1 .main .cont .form-box form .submit { background: var(--primary-color); padding:.325rem 0.65rem; border-radius:1.65rem; transition:all .4s ease; display: inline-block; min-width: 4rem; }
.mem_con .member1 .main .cont .list1 { display:flex;flex-direction:column; }
.mem_con .member1 .main .cont .list1 .item .tit { display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding: .5rem 0;border-bottom:1px solid #CCC;}
.mem_con .member1 .main .cont .list1 .item .tit .name { display:flex;align-items:center; }
.mem_con .member1 .main .cont .list1 .item .tit .date { display:flex;align-items:center; }
.mem_con .member1 .main .cont .list1 .item .tit .date span { margin-right:.425rem; }
.mem_con .member1 .main .cont .list1 .item .tit .date img { width:.5rem;height:.25rem;transition:transform .4s ease; }
.mem_con .member1 .main .cont .list1 .item .tit.on .date img { transform:rotate(180deg); }
.mem_con .member1 .main .cont .list1 .item .info { margin-top:.66rem;display:none; }
.mem_con .member1 .main .cont .list1 .item .info .info_item { display:flex;align-items:center; }
.mem_con .member1 .main .cont .list1 .item .info .info_item:not(:last-child) { margin-bottom:.5rem; }
.mem_con .member1 .main .cont .list1 .item .info .info_item span:first-child { width:12%; }
.mem_con .member1 .main .cont .list1 .item .info1 .info_item a:hover { color:#B81C25;text-decoration: underline; }

.pro_reg_con { padding-top:4.575rem;padding-bottom:2.95rem;position:relative; }
.pro_reg_con .pro_reg1 { max-width:40rem;margin: 0 auto; }
.pro_reg_con .pro_reg1 .bgimg { position:absolute;top:0;left:0;width:100%;height:100%; }
.pro_reg_con .pro_reg1 .form-box { position:relative;z-index:2;max-width:40rem;margin:0 auto;background:#fff;border-radius:.5rem;box-shadow:0 18px 60px rgba(0, 0, 0, 0.06);padding:2.25rem 2.3rem 1.7rem; }
.pro_reg_con .pro_reg1 .form-box form { flex-direction:column;align-items:center; }
.pro_reg_con .pro_reg1 .form-box form .h1 { max-width:24.325rem;text-align:center;line-height:140%; }
.pro_reg_con .pro_reg1 .form-box form .h2 { color:#D50018;text-align:center;margin-top:.75rem; }
.pro_reg_con .pro_reg1 .form-box form .user_info { display:flex;flex-wrap:wrap;margin-top:1.8rem; }
.pro_reg_con .pro_reg1 .form-box form .user_info .item { width:calc((100% - .475rem * 2) / 3);margin-right:.475rem;margin-bottom:.75rem; }
.pro_reg_con .pro_reg1 .form-box form .user_info .item:nth-child(3n) { margin-right:0; } 
.pro_reg_con .pro_reg1 .form-box form .user_info .item label { margin-bottom:.575rem;display:flex; }
.pro_reg_con .pro_reg1 .form-box form .user_info .item label.required::before { content:"*";font-size:.45rem;color:#D50018;margin-right:.1rem; }
.pro_reg_con .pro_reg1 .form-box form .user_info .item input { width:100%;height:1.25rem;border:1px solid #DBDBDB;padding-left:.325rem; }
.pro_reg_con .pro_reg1 .form-box form .user_info .item .select-box { width:100%;height:1.25rem;display:flex; }
.pro_reg_con .pro_reg1 .form-box form .user_info .item .select-box>div { width:calc((100% - .6rem) / 2); }
.pro_reg_con .pro_reg1 .form-box form .user_info .item .select-box>div:first-child { margin-right:.6rem; }
.pro_reg_con .pro_reg1 .form-box form .user_info .item select { width:100%;height:1.25rem;border: .025rem solid #DBDBDB;padding: 0 .275rem; }
.pro_reg_con .pro_reg1 .form-box form .h3 { display:flex;align-items:center; }
.pro_reg_con .pro_reg1 .form-box form .h3 span { margin:0 1rem; }
.pro_reg_con .pro_reg1 .form-box form .h3 svg { width:14rem; }
.pro_reg_con .pro_reg1 .form-box form .pro_info { margin-top:1.75rem;width:100%; }
.pro_reg_con .pro_reg1 .form-box form .pro_info .items { display: flex; flex-wrap: wrap; width:100%; }
.pro_reg_con .pro_reg1 .form-box form .pro_info .items .item.long { width:calc((100% - .5rem) / 2);margin-right:.5rem; }
.pro_reg_con .pro_reg1 .form-box form .pro_info .items .item:nth-child(2n) { margin-right:0; }
.pro_reg_con .pro_reg1 .form-box form .pro_info .btn-box { width:100%;display:flex;align-items:center;justify-content:center; }
.pro_reg_con .pro_reg1 .form-box form .pro_info .btn-box .btn { background:#FAFAFA;border-radius:1.775rem;padding:.375rem .7rem;cursor:pointer; }
.pro_reg_con .pro_reg1 .form-box form .pro_info .btn-box .btn.add { margin-right:.5rem; }
.pro_reg_con .pro_reg1 .form-box form .pro_info .btn-box .btn img { width:.4rem;height:.4rem;object-fit:contain;margin-right:.35rem; }
.pro_reg_con .pro_reg1 .form-box form .pro_info .agree { width:100%;display:flex;align-items:center;justify-content:center; }
.pro_reg_con .pro_reg1 .form-box form .pro_info .agree { margin-top:.5rem;display:flex;align-items:center; }
.pro_reg_con .pro_reg1 .form-box form .pro_info .agree a { color: #0054C2; }
.pro_reg_con .pro_reg1 .form-box form .pro_info .agree input[type="checkbox"] { margin-right: .2rem;width:.5rem;height:.5rem;appearance: none;background:#fff;cursor:pointer;border: 1px solid #D9D9D9;display:flex;align-items:center;justify-content:center; }
.pro_reg_con .pro_reg1 .form-box form .pro_info .form-btn { width:100%;display:flex;align-items:center;justify-content:center;margin-top:1.5rem; }
.pro_reg_con .pro_reg1 .form-box form .pro_info .form-btn button { background:#D9D9D9;padding:.425rem 1.8rem;transition:all .4s ease;border-radius:1.65rem; }
.pro_reg_con .pro_reg1 .form-box form .pro_info .form-btn button:hover { background:var(--primary-color); }
.pro_reg_con .pro_reg1 .form-box form .pro_info .form-btn button.submit { margin-right: 1.25rem; }
/*.act_con {  }*/
.act1 { padding:2.25rem 4rem; } 
.act1 .tit { margin-bottom:2.175rem; }
.act1 .list { display:flex;flex-direction:column; }
.act1 .list .item { padding-bottom:.9rem;border-bottom:1px solid #D4D4D4; }
.act1 .list .item:not(:first-child) { margin-top:1rem; }
.act1 .list .item .top { display:flex;align-items:center;justify-content:space-between; }
.act1 .list .item .top .pic { width:1.25rem;height:1.25rem;position:relative; }
.act1 .list .item .top .pic img { transition: opacity .4s ease;position:absolute;width:100%;height:100%;cursor:pointer; }
.act1 .list .item .top .pic img.img2, .act1 .list .item.on .top .pic img.img1 { opacity:0 }
.act1 .list .item.on .top .pic img.img2 { opacity:1; }
.act1 .list .item .bt { display:none; }
.act1 .list .item .bt .info{ margin-top:.75rem;background:#F3F3F3;padding:1.125rem;display:flex;align-items:center;border-radius:.5rem; }
.act1 .list .item .bt .t:not(:nth-child(4)) { margin-right:2.1rem; }
.act1 .list .item .bt .appoin { margin-left:3.25rem;background:var(--primary-color);padding:.325rem 1rem;border-radius:1.075rem; }
.act-dialog-box .my-dialog { width:39.825rem;height:auto;padding:1.75rem .875rem 2rem; }
.act-dialog-box .my-dialog form { width:100%; }
.act-dialog-box .my-dialog form .form-item { width:calc(50% - .5rem);margin-right:.5rem; }
.act-dialog-box .my-dialog form .form-item:nth-child(2n) { margin-right: 0; }
.act-dialog-box .my-dialog form .form-item .select-box {display: flex;align-items: center;width: 100%;}
.act-dialog-box .my-dialog form .form-item .select-box > div {width: calc(50% - .375rem);}
.act-dialog-box .my-dialog form .form-item .select-box select, .act-dialog-box .my-dialog form .form-item input {width: 100%;height:1.25rem}
.act-dialog-box .my-dialog form .form-item .select-box>div:nth-child(2) {margin-left: .5rem;}
.act-dialog-box .my-dialog form .btn-box { margin-top:1rem; }
.act-dialog-box .my-dialog form .btn-box .btn { width:5.1rem;background:#D9D9D9;transition: all .4s ease; }
.act-dialog-box .my-dialog form .btn-box .btn:hover { background:var(--primary-color); }