@font-face {
  font-family: 'Msb';
    src: url("../fonts/Montserrat-Bold-3.otf");
}
@font-face {
  font-family: 'Msr';
    src: url("../fonts/Montserrat-Regular-8.otf");
}
@font-face {
  font-family: 'Msl';
    src: url("../fonts/Montserrat-Light-6.otf");
}
@font-face {
  font-family: 'Msm';
    src: url("../fonts/Montserrat-Medium-7.otf");
}
@font-face {
  font-family: 'Mss';
    src: url("../fonts/Montserrat-SemiBold-9.otf");
}
@font-face {
  font-family: 'Pps';
    src: url("../fonts/Poppins-SemiBold.ttf");
}
.Msb{font-family: 'Msb';}
.Msr{font-family: 'Msr';}
.Msl{font-family: 'Msl';}
.Msm{font-family: 'Msm';}
.Mss{font-family: 'Mss';}
.Pps{font-family: 'Pps';}

html, button, input, select, textarea{font-family: 'Msr';}

.f-300 {
    font-weight: 300;
}


.head-box {
    width: 100%;
    height: 2.1rem;
}

.head-box .head {
    padding: 0 1.5rem;
}

.head-box .head .logo-box {
    width: 4.6rem;
    /*height: 1.8rem;*/
}

.head-box .head .head-nav {
    gap: .3rem;
    flex: 1;
}
.head-box .head .head-nav>li {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}
.head-box .head .head-nav li a {
    border-radius: 4.15rem;
    padding: .025rem .7rem;
}

.head-box .head .head-nav>li>a.active {
    background: #CF423B;
    color: #fff;
}
.head-box .head .head-nav>li>a {
    height: 1.4rem;
    display: inline-flex;
    align-items: center;
}
.head-box .head .head-nav li>.drop-box { position:absolute;top:2.12rem;left:50%;transform:translateX(-50%);display:none;width:100%; }
.head-box .head .head-nav li>.drop-box .drop { display:flex;flex-direction:column;gap:.5rem;align-items:center;background:#fff;padding:.2rem 0; }
.head-box .head .head-nav li>.drop-box .drop .item { width:100%;display:flex;justify-content:center; }
.head-box .head .head-nav li>.drop-box .drop .item a { width:100%;display:block;text-align:center;line-height:110%;padding:0;transition: color .4s ease; }
.head-box .head .head-nav li>.drop-box .drop .item a:hover { color: #CF423B; }
.head-box .head .mb-nav {
    display: none;
}
.head-box .head .btn {
    display: flex;
    gap: .45rem;
    align-items: center;
    margin-left: 1.8rem;
}
.head-box .head .mb-btn {
    display: none;
}
.head-box .head .btn .lang {
    width: 1.85rem;
    height: 1.45rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .125rem;
    cursor: pointer;
    font-family: 'Msl';
}

.head-box .head .btn .lang img {
    width: .25rem;
    height: .125rem;
}

.head-box .head .btn .contact {
    border-radius: 4.15rem;
    border: 1px solid #000;
    background: rgba(255, 255, 255, 0.18);
    width: 3.775rem;
    height: 1.5rem;
    text-align: center;
    line-height: 1.5rem;
    cursor: pointer;
}

.head-box .head .btn .contact:hover, .head-box .head .btn .contact.active {
    background: #CF423B;
    border: none;
}

.head-box .head .btn .contact:hover span, .head-box .head .btn .contact.active span {
    color: #fff;
}

.banner1 {
    /*padding: 0 1.5rem;*/
    height: 24.6rem;
    /* position: sticky; */
}

.banner1 .img-box {
    width: 100%;
    height: 24.6rem;
    /*border-radius: .5rem;*/
    overflow: hidden;
}

.banner1 .text {
    width: 100%;
    height: 24.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    left: 0;
    background: linear-gradient(270deg, rgba(207, 66, 59, 0.02) 0%, rgba(207, 66, 59, 0.08) 100%);
    /*text-transform: capitalize;*/
    font-family: 'Mss';
}

.banner1 .text span {
    text-shadow: 0px .1rem .375rem rgba(0, 0, 0, 0.25);
    text-align: center;
}

.banner1 .text p {
    width: 30rem;
    text-align: center;
    text-shadow: 0px 4px 10px rgba(36, 12, 4, 0.45);
}

.banner2 {
    padding: 0 1.5rem;
    height: 24.6rem;
    overflow: hidden;
}

.banner2 .img-box {
    width: 45rem;
    height: 24.6rem;
    border-radius: .5rem;
    overflow: hidden;
}
/*.banner2 .img-box img{opacity: 0.6;}*/






.banner2 .text {
    width: 45rem;
    height: 24.6rem;
    left: 1.5rem;
    padding: 5rem 2.1rem 3.7rem;
    overflow: hidden;
}

.banner2 .text span.title {
    text-align: left;
    /*width: 20.85rem;*/
    display: block;
    font-family: 'Mss';
    position: relative;
    z-index: 10;
}

.banner2 .text a{position: relative;z-index: 10;}

.banner3 {
    padding: 0;
}

.banner3 .img-box {
    width: 100%;
    border-radius: 0;
}

.banner3 .img-box img{object-fit: cover;}

.banner3 .text {
    width: 100%;
    left: 0;
    padding-top: 6.7rem;
    justify-content: start;
}

.banner3 .text.mid {
    justify-content: center;
    padding-top: 0;
}

a.more {
    height: 1.5rem;
    display: inline-flex;
    padding: .025rem .6rem;
    justify-content: center;
    align-items: center;
    gap: .3rem;
    border-radius: 4.15rem;
    background: #CF423B;
    margin-top: 1.75rem;
    text-transform: uppercase;
    font-family: 'Msm';
    cursor: pointer;
}

a.more>div {
    width: .7rem;
    height: .5rem;
    overflow: hidden;
}

a.more>div svg {
    transition: transform .5s;
    width: .7rem;
    height: .5rem;
}

a.more>div svg:nth-child(1) {
    transform: translateX(-100%);
}

/*a.more:hover>div svg:nth-child(1) {*/
/*    transform: translateX(0);*/
/*}*/

/*a.more:hover>div svg:nth-child(2) {*/
/*    transform: translateX(100%);*/
/*}*/

.banner2 .text .tips {
    display: flex;
    align-items: center;
    gap: .225rem;
    position: absolute;
    left: 2.05rem;
    top: 22.175rem;
}

.banner2 .text .tips img {
    width: .475rem;
    height: .475rem;
}

.banner2 .text .tips span {
    letter-spacing: 0.9px;
}
.banner2 .text .cir img{opacity: 0;}
.banner2 .text .cir {
    width: 12.15rem;
    height: 12.15rem;
    border-radius: 12.15rem;
    background: #959595;
    overflow: hidden;
    position: absolute;
    top: 6.175rem;
    left: calc(26.825rem - 1.5rem);
    z-index: 2;
    
    top: calc(6.175rem + 6.075rem);
    left: calc(26.825rem - 1.5rem + 6.075rem);
    transform: translate(-6.075rem, -6.075rem);
    background-repeat: no-repeat;
    background-size: 45rem 24.6rem;
    background-position: -26.825rem -6.175rem;
    pointer-events: none;
}

.banner2 .text .cir1 {
    width: 8.3rem;
    height: 8.3rem;
    border-radius: 8.3rem;
    top: 13.5rem;
    left: calc(24.175rem - 1.5rem);
    overflow: hidden;
    
    top: calc(13.5rem + 4.15rem);
    left: calc(24.175rem - 1.5rem + 4.15rem);
    transform: translate(-4.15rem, -4.15rem);
    background-repeat: no-repeat;
    background-size: 45rem 24.6rem;
    background-position: -24.175rem -13.5rem;
    pointer-events: none;
    z-index: 1;
}

.banner2 .text .cir2 {
    width: 5.05rem;
    height: 5.05rem;
    border-radius: 5.05rem;
    overflow: hidden;
    top: 3.025rem;
    left: calc(27.35rem - 1.5rem);
    background: #959595;
    
    top: calc(3.025rem + 2.025rem);
    left: calc(27.35rem - 1.5rem + 2.025rem);
    transform: translate(-2.025rem, -2.025rem);
    background-repeat: no-repeat;
    background-size: 45rem 24.6rem;
    background-position: -27.35rem -3.025rem;
    pointer-events: none;
}

.card {
    /* padding: 0 1.5rem; */
    position: absolute;
    width: 100%;
    overflow: hidden;
}

.card .about1 {
    padding: 2.75rem 0 3.5rem;
    border-radius: 1.7rem 1.7rem 0 0;
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
}

.card .about1 .title {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card .about1 .title p {
    width: 29.15rem;
    color: #1f1f1f;
    opacity: .8;
}

.card .about1 .main {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 1.5rem;
    padding: 0 3.4rem;
    gap: 2.225rem;
}

.card .about1 .main .img-box {
    width: 19.925rem;
    height: 12.8rem;
    flex-shrink: 0;
    border-radius: .5rem;
    overflow: hidden;
}

.card .about1 .main .text {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    max-width: 17rem;
}

.card .about1 .main span {
    color: #CF423B;
    line-height: 150%;
    /* 42px */
    /*text-transform: capitalize;*/
    font-size:28px;
}
.card .about1 .main p { font-size:18px; }
.about2-box {
    background-color: #fff;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 3.5rem;
    margin: 0 auto;
}

.about2-box .about2 {
    position: relative;
}

.about2-box .about2 .img-box {
    width: 40.85rem;
    height: 15.3rem;
}

.about2-box .about2 .img-box img {
    position: absolute;
    border-radius: .65rem;
    width: 40.85rem;
    height: 15.3rem;
}

.about2-box .about2 .btn {
    width: 100%;
    position: absolute;
    bottom: 0;
    border-top: .075rem solid rgba(255, 255, 255, 0.40);
    display: flex;

}

.about2-box .about2 .btn .s-block {
    position: absolute;
    width: 1.025rem;
    height: .125rem;
    background: #CF423B;
    top: -4px;
    left: 2.375rem;
    transition: all .5s;
}

.about2-box .about2 .btn .item {
    width: 50%;
    height: 5.3rem;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    justify-content: center;
    padding: 0 2.375rem;
    cursor: pointer;
}

.about2-box .about2 .btn .item.active {
    background-color: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(5px);
}

.about2-box .about2 .btn .item.active span {
    color: #CF423B;
    font-family: 'Mss';
}

.about3-box {
    width: 100%;
    height: 32.85rem;
    background: #f9f9f9 url(../images/index3-1.png) no-repeat center;
    background-size: 100% 90%;
}

.about3-box .about3 {
    padding: 2.75rem 2rem 0 3.6rem;
}

.about3 .main {
    display: flex;
    margin-top: 1.85rem;
}

.about3 .main .lf {
    height: 22rem;
    /*border-left: .0375rem solid #D9D9D9;*/
    /*padding-left: .925rem;*/
    display: flex;
    flex-direction: column;
    gap: 4.375rem;
    position: relative;
}



.about3 .main .lf .tips {
    display: flex;
    flex-direction: row;
    gap: .175rem;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 1.6rem;
    left: 1.025rem;
}

.about3 .main .lf .swiper-container {
    margin: 0;
    height: 90%;
    padding-left: 1.025rem;
    position: relative;
}


.about3 .main .lf .swiper-container:after{content: "";position:absolute;left: 0.1rem;top: 0;height: 50%;width: 0.0375rem;background:#CF423B;}

.about3 .main .lf .swiper-container:before{content: "";position:absolute;left: 0.1rem;top: 0;height: 100%;width: 0.0375rem;background:#D9D9D9;}

.about3 .main .lf .swiper-container .swiper-wrapper .swiper-slide {
    cursor: pointer;
    position: relative;
}

.about3 .main .lf .swiper-container .swiper-wrapper .swiper-slide:before{content: "";position:absolute;left: -.925rem;top: 0.64rem; height: calc(178px + 1.28rem);width: 0.0375rem;background:#CF423B;}

.about3 .main .lf .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
    color: #CF423B;
}

.about3 .main .lf .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active:before{
    background:#D9D9D9;
}

.about3 .main .lf .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide:before{
    background:#D9D9D9;
}

.about3 .main .lf .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide:before{
    background:#D9D9D9;
}
.about3 .main .lf .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide:before{
    background:#D9D9D9;
}

.about3 .main .lf .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active:after{content: "";left:-1.025rem;top:0.515rem;width: 0.25rem;height: 0.25rem;border-radius: 50%;background:#CF423B;position:absolute;}

.about3 .main .rg {
    height: 23.5rem;
    width: 35.25rem;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.40);
    border-radius: .65rem;
    padding: 0 2.5rem;
    position: relative;
}

.about3 .main .rg .swiper-container {
    height: 100%;
    width: 100%;
    /* padding: 1.25rem 2.5rem; */
}

.about3 .main .rg .swiper-container .swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: row;
    gap: 2.75rem;
    align-items: center;
    cursor: pointer;
}

.about3 .main .rg .swiper-container .swiper-wrapper .swiper-slide span {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #999;
    color: rgba(0, 0, 0, 0);
    min-width: 6rem;
}

.about3 .main .rg .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active span {
    color: #CF423B;
    -webkit-text-stroke-width: 0;
}

.about3 .main .rg .swiper-container .swiper-wrapper .swiper-slide p {
    width: 18.7rem;
    color: #1f1f1f;
}

.about3 .main .rg .active-slide {
    width: 35.85rem;
    height: 4.35rem;
    position: absolute;
    top: .6rem;
    right: 0;
    /*z-index: 2;*/
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 3rem rgba(0, 0, 0, 0.05);
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem;
}
.about4-box {
    background:#fff url(../images/index4-1.png) 50% / cover no-repeat;
    background-size: 100% 27.5rem;
}
.about4 {
    /* background-color: ; */
    padding: 3.75rem 3.6rem;
}

.about4 .title p {
    width: 27.5rem;
}
.about4 .swiper-container {
    margin-top: 5.3rem;
    overflow: initial;
}
.about4 .swiper-container .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: center;
}
.about4 .swiper-container .swiper-wrapper .swiper-slide .lf {
    width: 13.7rem;
    height: 13.7rem;
    border-radius: 50%;
    background-color: #7E1919;
    flex-shrink: 0;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    
    width: 10rem;
    height: 10rem;
}
.about4 .swiper-container .swiper-wrapper .swiper-slide .lf img {
    position: absolute;
    width: 13.7rem;
    height: 16.45rem;
    top: -0.75rem;
    
    width: 10rem;
    top: 0;
    height: auto;
}
.about4 .swiper-container .swiper-wrapper .swiper-slide .rg {
    width: 34.4rem;
    /*height: 13.625rem;*/
    background-color: #FBF6F6;
    border-radius: .65rem;
    border-bottom-right-radius: 4.15rem;
    margin-left: 3.85rem;
    padding: .4rem 0 1rem 10.2rem;
    position: relative;
}
.about4 .swiper-container .swiper-wrapper .swiper-slide .rg .title{
    border-bottom: .025rem solid #E8E9ED;
    padding-bottom: .425rem;
    width: 16.525rem;
    position: relative;
}
.about4 .swiper-container .swiper-wrapper .swiper-slide .rg .title::after {
    content: '';
    position: absolute;
    display: block;
    width: 5.7rem;
    height: .025rem;
    background-color: #CF423B;
    bottom: -0.025rem;
}
.about4 .swiper-container .swiper-wrapper .swiper-slide .rg ul {
    margin-top: .9rem;
    display: flex;
    flex-direction: column;
    gap: .4rem;
}
.about4 .swiper-container .swiper-wrapper .swiper-slide .rg ul li {
    display: flex;
    gap: .15rem;
    font-size: 18px;
}
.about4 .swiper-container .swiper-wrapper .swiper-slide .rg ul li::before {
    content: '·';
    display: block;
    line-height: 146%;
}
.about4 .swiper-container .swiper-wrapper .swiper-slide .rg ul li span {
    line-height: 146%;
    width: 23rem;
}
.about4 .swiper-container .swiper-wrapper .swiper-slide .rg img {
    position: absolute;
    right: .4rem;
    top: calc(-3.6625rem / 2);
    width: 4.74rem;
    height: 3.6625rem;
}
.about4 .bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.875rem;
}
.about4 .bottom .btn {
    padding: .3rem .9rem;
    border-radius: 4.15rem;
    background: #F8F5F5;
    cursor: pointer;
    display: flex;
}
.about4 .bottom .btn:hover {
    background-color: #CF423B;
}
.about4 .bottom .btn:hover svg path {
    stroke: #fff
}
.about4 .bottom .swiper-pagination {
    position: initial;
    width: auto;
}
.about4 .bottom .swiper-pagination .swiper-pagination-current {
    font-size: .7rem;
    color: #CF423B;
}
.about4 .items1 {
    margin-top: 4rem;
}

.about4 .items1 .swiper-container .swiper-wrapper .swiper-slide .lf {
    right: 0;
}
.about4 .items1 .swiper-container .swiper-wrapper .swiper-slide .rg {
    margin: 0;
    padding: .4rem 0 1rem 6.525rem;
    
    border-bottom-left-radius: 4.15rem;
}
.about4 .items1 .swiper-container .swiper-wrapper .swiper-slide .rg img {
    left: .425rem;
}
/*.about4 .items1 .swiper-container .swiper-wrapper .swiper-slide .rg ul li span {*/
/*    width: 15.6rem;*/
/*}*/

.about5 {
    padding: 2rem 3.6rem 2.5rem;
    background-color: #F9F9F9;
}
.about5 .main {
    margin-top: 2.25rem;
}
.about5 .main .hc-swiper .swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    align-items: center;
}
.about5 .main .hc-swiper .swiper-wrapper .swiper-slide .img-box {
    width: 9.45rem;
    height: 12.2rem;
    background-color: #fff;
    border-radius: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about5 .main .hc-swiper .swiper-wrapper .swiper-slide .img-box img {
    width: 6.7rem;
    height: 9.55rem;

}
.about5 .main .bottom {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-top: 1.5rem;
}
.about5 .main .bottom .fraction {
    display: flex;
    flex-direction: row;
    gap: .25rem;
}
.about5 .main .bottom .btn {
    display: inline-flex;
    padding: .025rem .9rem;
    justify-content: center;
    align-items: center;
    gap: .3rem;
    border-radius: 4.15rem;
    background: #F8F5F5;
    cursor: pointer;
}
.about5 .main .bottom .btn:hover {
    background-color: #CF423B;
}
.about5 .main .bottom .btn:hover svg path {
    stroke: #fff;
}
.about5 .main .bottom .swiper-pagination {
    position: initial;
    width: 30.25rem;
    height: .075rem;
    border-radius: .25rem;
    background-color: #f2f2f2;
}
.about5 .main .bottom .swiper-pagination .swiper-pagination-progressbar-fill {
    background-color: #CF423B;
    border-radius: .25rem;
}

.index1-box {
    width: 100%;
}

.index1-box svg.index1-bg {
    top: 7.85rem;
}

.index1 {
    padding: 2.75rem 2.05rem 3.5rem;
    border-radius: 1.7rem 1.7rem 0 0;
    background-color: #fff;
    width: 45.1rem;
    height: 26.425rem;
    margin: 0 auto;
    position: relative;
}

.index1 .title {
    /*text-transform: capitalize;*/
    color: #1f1f1f;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/*.index1 .title .t1 span:nth-child(1) {*/
/*    color: #CF423B;*/
/*}*/

.index1 .title .t2 {
    /*width: 24.275rem;*/
    letter-spacing: .05rem;
}

.index1 .title .t2 p {
    color: #1f1f1f;
    line-height: 220%;
}
.index1 .title .t2 p img {
    width: 2.7rem;
    height: 1.225rem;
}
.index1 .text {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .8rem;
    margin-top: 2.625rem;
    position: absolute;
    left: 0;
    z-index: 1;
}

.index1 .text .scrollbox{height: 9.8rem;overflow:hidden;}

.index1 .text .pp {
    width: 27.925rem;
    height: 4.5rem;
    overflow: auto;
}

.index1 .text .pp:not(:first-child){margin-top: 0.8rem;}

.index1 .text .scrollbox::-webkit-scrollbar {
  display: none;
}
.index1 .text .p1 p {
    background: linear-gradient(169deg, #CD1804 19.18%, rgba(252, 63, 5, 0.00) 129.19%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.index1 .text .p2::-webkit-scrollbar {
    display: none;
}
.index1 .text .p2 p {
    opacity: 0.8;
    /*background: linear-gradient(180deg, #000 -4.04%, rgba(102, 102, 102, 0.00) 61.37%);*/
    /*background-clip: text;*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
    
}

.index1 .more {
    position: absolute;
    bottom: 1.75rem;
    left: 17.5rem;
    z-index: 1;
}

.index2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 2.25rem;
    background-color: #fff;
    padding: 2.25rem 3.6rem;
}
.index2 .lf {
    position: relative;
    z-index: 3;
}
.index2 .lf .img-box {
    width: 23.45rem;
    height: 13rem;
    flex-shrink: 0;
    border-radius: .65rem;
    background: #707070;
    overflow: hidden;
    display: none;
}

.index2 .lf .img-box.on {
    display: block;
}
.index2 .lf .img-box img {
    transition: all .5s;
}
.index2 .lf .img-box img:hover {
    transform: scale(1.05);
}
.index2 .rg {
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 1.375rem;
    padding: 1.225rem 0;
    position: relative;
    z-index: 3;
}

.index2 .rg .item {
    display: flex;
    flex-direction: column;
    height: auto !important;
    transition: all .5s;
    cursor: pointer;
}

.index2 .rg .item span {
    /*transition: all .5s;*/
}

.index2 .rg .item p {
    /*transition: all .5s;*/
    opacity: 0.6;
    font-size: 16px;
    font-family: "Msl";
}

.index2 .rg .item.active {
    color: #CD1804;
}

.index2 .rg .item.active span {
    font-size: .8rem;
    font-family: "Msb";
}

.index2 .rg .item.active p {
    font-size: 18px;
    opacity: 1;
    /*font-weight: 700;*/
    font-family: "Msb";
}

.index3 {
    width: 100%;
    background-color: #fff;
    padding: 2.25rem 6.5rem 3.5rem;
}

.index3 .title {
    /*text-transform: capitalize;*/
    display: flex;
    flex-direction: column;
}

.index3 .title span {
    color: #1f1f1f;
    line-height: 160%;
}

.index3 .title .t1 {
    /*color: #CF423B;*/
    /*width: 28.1rem;*/
    margin-top: .6rem;
    line-height: 150%;
    font-size: 18px;
}

.index3 .title .t2 {
    /*width: 28.1rem;*/
    line-height: 150%;
    margin-top: .35rem;
    font-size: 18px;
}

.index3 .title .pcon .act{
    /*font-size: 0.6rem;*/
    color: #CF423B;
    font-family: 'Msm';
    font-size: 18px;
}

.index3 .main {
    margin-top: 1.75rem;
    /*margin-top: 3.55rem;*/
}

.index3 .main .list {
    position: relative;
    width: 35.025rem;
    /*height: 14.8rem;*/
}

.index3 .main .list .item {
    width: 35.025rem;
    height: 14.8rem;
    border-radius: .65rem;
    overflow: hidden;
    position: sticky;
    top: 3.7rem;
    transition: all .5s;
    margin-bottom: 1.6rem;
    background: #fff;
}

.index3 .main .list .item:last-child{margin-bottom: 0;}
/*.index3 .main .list .item .subtract { position:absolute;bottom:0;right:0; }*/
/* 遮罩尺寸匹配图片 */
.index3 .main .list .item img{
    mask-image: url(../images/Subtract.png);
  mask-size: cover;      
  -webkit-mask-image: url(../images/Subtract.png);
  -webkit-mask-size: cover;
}

/*.index3 .main .list .item1 {*/
/*    top: 0;*/
/*    left: 0;*/
/*    z-index: 1;*/
    /*opacity: 0.3;*/
/*}*/
/*.index3 .main .list .item2{*/
/*    transform: scale(1) translate(0% , -1.95rem);*/
/*    opacity: .3;*/
/*    z-index: 0;*/
/*}*/
/*.index3 .main .list .item3 {*/
/*    transform: translateY(-1.95rem);*/
/*    opacity: 0;*/
/*    opacity: 0.3;*/
    /*z-index: 5;*/
/*}*/

.no-scroll {
  overflow: hidden !important;
}

.index3 .main .list .item .btn-box {
    position: absolute;
    bottom: 0;
    right: 0;
    /*background: #fff;*/
    border-top-left-radius: .5rem;
    padding: .25rem 0 0 .25rem;
}

.index3 .main .list .item .btn-box .more {
    margin: 0;
    
}
.index3 .main .list .item .btn-box .more span {
    font-size:.45rem;
}
@media (max-width:1200px) {
    .index3 .main .list .item .btn-box .more {
        padding:.025rem .5rem;
    }
    .index3 .main .list .item .btn-box .more span {
        font-size:.5rem;
    }
}
@media (max-width:1120px) {
    .index3 .main .list .item .btn-box .more {
        padding:.025rem .3rem;
    }
    .index3 .main .list .item .btn-box .more span {
        font-size:.55rem;
    }
}
.index4 {
    background: #fff;
    position: relative;
}

.index4:before{content: "";position: absolute;left: 0;top: -1px;width: 100%;height: 1.8rem;border-radius: 0 0 1.7rem 1.7rem;background: #fff;z-index: 5;}

.index4:after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 2.025rem;border-radius: 1.7rem 1.7rem 0 0;background: #fff;z-index: 5;}

.index4 .more {
    position: absolute;
    top: 15.125rem;
    left: 3.675rem;
}
.index4 .img-box {
    width: 48rem;
    height: 30.775rem;
    /*mix-blend-mode: luminosity;*/
    position: relative;
    height: 27rem;
}
.index4 .img-box video{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index5 {
    width: 100%;
    background-color: #fff;
    padding: 3rem 3.6rem 6rem;
    overflow: hidden;
}

.index5 .title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.index5 .title span.t1 {
    color: #1f1f1f;
    line-height: 2rem;
    /* 166.667% */
    text-transform: capitalize;
}

.index5 .title a {
    margin: 0;
}

.index5 .main {
    margin-top: 2.4rem;
}

.index5 .main .swiper-container {
    overflow: initial;
}
.index5 .main .swiper-pagination {
    bottom:-2.4rem;
}
.index5 .main .swiper-pagination .swiper-pagination-bullet {
    width: .175rem;
    height: .175rem;
    border-radius: .2rem;
    background: #CCC;
    opacity: 1;
    transition: width .4s ease, background .4s ease;
}
.index5 .main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width:.875rem;
    height: .175rem;
    border-radius: .2rem;
    background: #CF423B;
}
.index5 .main .swiper-container .swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*width: 16.775rem !important;*/
    transition: all .5s;
}

.index5 .main .swiper-container .swiper-wrapper .swiper-slide .img-box {
    width: 100%;
    height: 8.35rem;
    flex-shrink: 0;
    border-radius: .65rem;
    background: #D9D9D9;
    overflow: hidden;
    transition: all .5s;
}
.index5 .main .swiper-container .swiper-wrapper .swiper-slide .img-box img {
    object-fit: cover;
}

.index5 .main .swiper-container .swiper-wrapper .swiper-slide .text {
    display: flex;
    flex-direction: column;
    padding: .675rem .5rem .825rem;
}

.index5 .main .swiper-container .swiper-wrapper .swiper-slide .text span {
    color: #1f1f1f;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 150%;
}

.index5 .main .swiper-container .swiper-wrapper .swiper-slide .text p {
    line-height: 150%;
    /* 27px */
    text-transform: capitalize;
    margin-top: .5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
}

.index5 .main .swiper-container .swiper-wrapper .swiper-slide .text p.date {
    color: #CF423B;
    text-align: right;
    margin-top: 1.5rem;
}

.index5 .main .swiper-container .swiper-wrapper .swiper-slide.swiper-slide.swiper-slide-active {
    border-radius: .65rem;
    background: #FFF;
    box-shadow: 0px 4px 30px 27px rgba(220, 220, 220, 0.20);
    transform: scale(1, 1.12);
}

.index5 .main .swiper-container .swiper-wrapper .swiper-slide.swiper-slide.swiper-slide-active .text {
    padding: .675rem 1.25rem .825rem 1rem;
}

.index5 .main .swiper-container .swiper-wrapper .swiper-slide.swiper-slide.swiper-slide-active .text span {
    /*font-weight: bold;*/
    color: #CF423B;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    font-family: 'Mss';
}

.index5 .main .swiper-container .swiper-wrapper .swiper-slide.swiper-slide.swiper-slide-active .text p {
    -webkit-line-clamp: 3;
}

.index6 {
    background-color: #fafafa;
    width: 100%;
    height: 12.4rem;
}
.index6 .mb { display:none; }
.index6 ul {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4.475rem;
}

.index6 ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 8.375rem;
    height: 5.375rem;
    flex-shrink: 0;
}

.index6 ul li .img-box {
    width: 1.3rem;
    height: 1.4rem;
    object-fit: contain;
}

.index6 ul li .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.index6 ul li .text span {
    color: #1f1f1f;
    line-height: .725rem;
    text-transform: uppercase;
}

.index6 ul li .text p {
    margin-top: .4rem;
    width: 8.375rem;
    text-align: center;
    color: rgba(0, 0, 0, 0.81);
    line-height: 150%;
    text-transform: capitalize;
}

.index6 ul li .text p:nth-child(3) {
    color: #CF423B;
    line-height: 150%;
}

.index6 ul li:nth-child(2) .img-box {
    width: 1.45rem;
    height: 1.1rem;
}

.footer {
    background: #F3F3F3;
    padding: .825rem 1.5rem;
}

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

.footer .main .lf {
    display: flex;
    flex-direction: column;
    padding-top: 1.65rem;
    max-width: 30%;
}

.footer .main .lf .logo-box {
    width: 4.5rem;
    /*height: 1.9rem;*/
    flex-shrink: 0;
}

.footer .main .lf .address {
    text-transform: capitalize;
    line-height: .7rem;
    margin-top: .75rem;
}

.footer .main .lf .address span{font-family: 'Mss';}

.footer .main .lf .address p {
    color: rgba(31, 31, 31, 0.70);
}

.footer .main .lf .tell {
    /*text-transform: capitalize;*/
    line-height: .7rem;
    margin-top: .45rem;
}

.footer .main .lf .tell span{font-family: 'Mss';}
.footer .main .lf .tell p { color: rgba(31, 31, 31, 0.70); }
.footer .main .lf .chat-box { display:flex;flex-direction:column;margin-top:.45rem; }
.footer .main .lf .chat-box span { font-family: 'Mss'; }
.footer .main .lf .chat {
    display: flex;
    flex-direction: row;
    gap: .375rem;
    height: .95rem;
    margin-top: .08rem;
}
.footer .main .lf .mb-chat {
    display: none;
}
.footer .main .lf .chat .item {
    width: .95rem;
    height: .95rem;
    border-radius: 50%;
    cursor: pointer;
    /* background-color: #E6E6E6; */
}
.footer .main .lf .chat .item a {
    width: .95rem;
    height: .95rem;
    border-radius: 50%;
    display: block;
}
.footer .main .lf .chat .item a img {
    position: absolute;
    z-index: 1;
    transition: opacity .5s;
}

.footer .main .lf .chat .item a img:nth-child(1) {
    opacity: 1;
}

.footer .main .lf .chat .item a img:nth-child(2) {
    opacity: 0;
}

.footer .main .lf .chat .item:hover a img:nth-child(1) {
    opacity: 0;
}

.footer .main .lf .chat .item:hover a img:nth-child(2) {
    opacity: 1;
}
.footer .main .lf .chat .item .pop {
    position: absolute;
    top: 1.2rem;
    left: 50%;
    transform: translateX(-50%);
    width:2.4rem;
    height: 2.4rem;
    display: none;
    z-index: 3;
}
.footer .main .lf .email {
    margin-top: 1.25rem;
    display: flex;
    align-items: center;
    position: relative;
}
.footer .main .lf .email form { position: relative;display:flex;gap:.45rem; }
.footer .main .lf .email::after {
    content: '';
    display: block;
    width: .6rem;
    height: .45rem;
    background: url(../images/chat6.svg) no-repeat center;
    position: absolute;
    top: 50%;
    left: .55rem;
    transform: translateY(-50%);
    z-index: 1;
    background-size: contain;
}

.footer .main .lf .email input {
    padding: .55rem .55rem .55rem 1.6rem;
    width: 6.625rem;
    height: 1.6rem;
    flex-shrink: 0;
    border-radius: 1.5rem;
    border: .025rem solid rgba(152, 152, 152, 0.40);
    background-color: #F3F3F3;
    color: rgba(31, 31, 31, 0.70);
    font-family: 'Msl';

}

.footer .main .lf .email input::placeholder {
    color: rgba(31, 31, 31, 0.70);
}
.footer .main .lf .email .submit-box {
    position: relative;
}
.footer .main .lf .email .more {
    width: 1.6rem;
    height: 1.6rem;
    padding: 0;
    background: #CF423B;
    color: transparent;
}

.footer .main .lf .email .por{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 0.7rem;height:.5rem;pointer-events: none;}

.footer .main .lf .email .por svg{width: .7rem;height:.5rem;}

.footer .main .rg {
    flex: 1;
    display: flex;
    justify-content: end;
    padding-top: 3.1rem;
}

.footer .main .rg .list {
    display: flex;
    flex-direction: row;
    gap: 2.5rem;
}

.footer .main .rg .list .items {
    display: flex;
    flex-direction: column;
    gap: .825rem;
    text-transform: capitalize;
}

/*.footer .main .rg .list .items .tit-20{font-family: 'Mss';}*/

.footer .main .rg .list .items .list1 {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.footer .main .rg .list .items .list1 .item {
    opacity: .7;
    transition: opacity .5s;
    max-width: 4rem;
}

.footer .main .rg .list .items .list1 .item:hover {
    opacity: 1;
}

.footer .line {
    width: 100%;
    height: .025rem;
    background-color: #CFCFCF;
    margin-top: 2.5rem;
    margin-bottom: .325rem;
}

.footer .bt {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.footer .bt span {
    color: rgba(31, 31, 31, 0.70);
    /*text-transform: lowercase;*/
}

.footer .bt>div {
    display: flex;
    gap: .75rem;
}

.footer .bt>div a {
    color: rgba(31, 31, 31, 0.70);
    text-transform: capitalize;
    text-wrap: nowrap;
}
.side {
    position: fixed;
    bottom: 3.9rem;
    right: .3rem;
    z-index: 9;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .4rem;
}
.side a {
    width: 1.3rem;
    height: 1.3rem;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .125rem;
    
    cursor: pointer;
    box-shadow: 0px 0.1rem 0.75rem rgba(0, 0, 0, 0.08);
}

.side a img {
    width: .125rem;
    height: .125rem;
    width: 5px;
    height: 4px;
}

.side_qr {
    padding: .1rem;
    /*position: fixed;*/
    /*bottom: 5.4rem;*/
    /*right: 0.5rem;*/
    width: fit-content;
    display: flex;
    flex-direction: column;
    gap: .425rem;
    border-radius: .25rem;
    border: 1px solid #EAEAEA;
    background: #FFF;
    box-shadow: 0px 17px 18.6px 0px rgba(31, 31, 31, 0.04);
    z-index: 11;
    margin-top: 1rem;
}
.side_qr img {
    width: 2.4rem;
    height: 2.4rem;
}
.side_qr span {
    width: 3rem;
    text-align: center;
    line-height: 111%;
    letter-spacing: .02rem;
}

.con1 {
    border-top-left-radius: 1.7rem;
    border-top-right-radius: 1.7rem;
    background-color: #fff;
    padding: 2.5rem 3.6rem;
}

.con1 .title {
    text-align: left;
    text-transform: capitalize;
}

.con1 .main {
    margin-top: 2rem;
}
.con1 .main .list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.375rem 2rem;
}
.con1 .main .list .item-box {
    width: calc((100% - 2rem) / 2);
}
.con1 .main .list .item {
    height: 8rem;
    background: #F8F8F8;
    border-radius: .65rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: transform .6s ease, box-shadow .6s ease;
    overflow: hidden;
}
.con1 .main .list .item .txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: opacity .8s ease;
}
.con1 .main .list .item .txt .icon {
    width: 2.25rem;
    height: 2.25rem;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.con1 .main .list .item .txt .icon img {
    width:1.6rem;
    height: 1.6rem;
    object-fit: contain;
}
.con1 .main .list .item .txt .h1 {
    margin-top: 1.5rem;
}
.con1 .main .list .item .txt .p1 {
    margin-top: .35rem;
}
.con1 .main .list .item .ditu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease;
    /*transform: rotate3d(0, 1, 0, 180deg);*/
}
.con1 .main .list .item .ditu .pic {
    width:100%;
    height: 5.65rem;
}
.con1 .main .list .item .ditu .pic img{
    object-fit: cover;
}
.con1 .main .list .item .ditu .p2 {
    padding: .5rem .5rem .45rem .5rem;
    display: flex;
    background: #fff;
    height: calc(100% - 5.65rem);
}
.con1 .main .list .item .ditu .p2 img {
    width:.5rem;
    height: .5rem;
    margin-right: .25rem;
}
.con1 .main .list .item-box:hover .item, .con1 .main .list .item-box.active .item {
    /*transform: rotate3d(0, 1, 0, 180deg);*/
    box-shadow: 0 4px 30px 0 rgba(220, 220, 220, 0.20);
}
.con1 .main .list .item-box:hover .item .txt, .con1 .main .list .item-box.active .item .txt {
    opacity: 0;
}
.con1 .main .list .item-box:hover .item .ditu, .con1 .main .list .item-box.active .item .ditu {
    opacity: 1;
}
.con1 .main .list .item-box:hover .item.item1 .txt, .con1 .main .list .item-box.active .item.item1 .txt {
    opacity: 1;
}
.con1 .main .list .item-box:hover .item.item1 .ditu, .con1 .main .list .item-box.active .item.item1 .ditu {
    opacity: 0;
}

.con1 .main .img-box {
    width: 40.85rem;
    height: 16.5rem;
    border-radius: .65rem;
    overflow: hidden;
}

.con1 .main .img-box svg.dian {
    top: 8.1rem;
    left: 19.075rem;
}

.con1 .main .img-box svg circle {
    animation: gradientAnimation 1s infinite;
    transform-origin: 50% 50%;
}

@keyframes gradientAnimation {
    0% {
        transform: scale(.7);
    }

    100% {
        transform: scale(1);
    }
}

.con1 .main .img-box .bub {
    width: 8.825rem;
    height: 6.4375rem;
    text-transform: capitalize;
    position: absolute;
    top: 1.5rem;
    left: 15.125rem;
    display: flex;
    flex-direction: column;

}

.con1 .main .img-box .bub .tp {
    padding: .6rem .6rem .6rem .5rem;
    border-radius: .3rem;
    background: #FFF;
}

.con1 .main .img-box .bub .tp p {
    margin-top: .3rem;
}

.con1 .main .img-box .bub .tp a.more {
    margin: .4rem 0 0 0;
    padding: .025rem .6rem;
    height: auto;
}

.con1 .main .img-box .bub .angle {
    width: 1.225rem;
    height: 1.0125rem;
    transform: translateX(4.4rem);
}

.con1 .main .line {
    margin: 1.25rem 0;
    width: 100%;
    height: .05rem;
    background-color: #d9d9d9;
}

.con1 .main .t1 {
    margin-top: 1.5rem;
}

.con1 .main .t2 {
    display: flex;
    gap: 9.4rem;
}

/* .con1 .main .t2>div {
    display: flex;
    flex-direction: column;
} */
.con1 .main .t2>div span {
    display: block;
}

.con1 .main .t2>div p {
    display: inline-block;
}

.con1 .main .form-box {
    width: 100%;
    height: 19.725rem;
    border-radius: .65rem;
    overflow: hidden;
    background-color: #F8F8F8;
    display: flex;
    margin-top: 3rem;
}

.con1 .main .form-box .lf {
    width: 16.35rem;
    height: 19.725rem;
    overflow: hidden;
}

.con1 .main .form-box .lf img {
    transition: transform .5s;
}

.con1 .main .form-box .lf img:hover {
    transform: scale(1.05);
}

.con1 .main .form-box .rg {
    padding: 1.6rem 2rem;
    flex: 1;
}

.con1 .main .form-box .rg form ul {
    margin-top: 1.2rem;
    display: flex;
    flex-wrap: wrap;
    gap: .7rem 1.5rem;
}

.con1 .main .form-box .rg form ul .form-item {
    flex-shrink: 0;
}
.con1 .main .form-box .rg form ul .form-item.requird {
    position: relative;
}
.con1 .main .form-box .rg form ul .form-item.requird:before {
    content: "*";
    color: #CF423B;
    font-size: .45rem;
    position: absolute;
    left: .3rem;
    top: 50%;
    transform: translateY(-50%)
}

.con1 .main .form-box .rg form ul .form-item input {
    border-radius: .425rem;
    background-color: #fff;
    padding-left: .5rem;
    width: 9.5rem;
    height: 1.65rem;
    font-size:14px;
}

.con1 .main .form-box .rg form ul .form-item input::placeholder,
.con1 .main .form-box .rg form ul .form-item textarea::placeholder {
    color: #999;
}

.con1 .main .form-box .rg form ul .form-item textarea {
    width: 20.5rem;
    height: 6.275rem;
    resize: none;
    border-radius: .425rem;
    padding: .575rem .5rem;
    font-size: 14px;
}

.con1 .main .form-box .rg form .btn {
    width: 100%;
    height: 1.5rem;
    border-radius: 4.15rem;
    background-color: #CF423B;
    position: relative;
    margin-top: 1.5rem;
}

.con1 .main .form-box .rg form .btn input {
    width: 20.5rem;
    height: 1.5rem;
    border-radius: 4.15rem;
    background-color: #CF423B;
    line-height: 160%;
    /* 28.8px */
    text-transform: uppercase;
}

.con1 .main .form-box .rg form .btn svg {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 60%;
    transform: translateY(-50%);
}




.new-det {
    padding: 2rem 3.6rem 3.75rem;
    display: flex;
    flex-direction: row;
    gap: .7rem;
    background-color: #f5f5f5;
}

.new-det .lf {
    width: 31.25rem;
    border-radius: .3rem;
    flex-shrink: 0;
    background: #fff;
    padding: 2rem 1.425rem 3rem;
}

.new-det .lf .top {
    padding-bottom: .85rem;
    border-bottom: .025rem solid #F7F7F7;
}

.new-det .lf .top .share {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2rem;
    margin-top: 1rem;
}

.new-det .lf .top .share>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
}

.new-det .lf .top .share>div ul {
    display: flex;
    flex-direction: row;
    gap: .375rem;
}

.new-det .lf .top .share>div ul li {
    position: relative;
    width: .75rem;
    height: .75rem;
}

.new-det .lf .top .share>div ul li img {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.new-det .lf .top .share>div ul li img:nth-child(1) {
    opacity: 1;
}

.new-det .lf .top .share>div ul li img:nth-child(2) {
    opacity: 0;
}

.new-det .lf .top .share>div ul li:hover img:nth-child(1) {
    opacity: 0;
}

.new-det .lf .top .share>div ul li:hover img:nth-child(2) {
    opacity: 1;
}

.new-det .lf .main {
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .375rem;
}

.new-det .lf .main span {
    line-height: 160%;
}

.new-det .lf .main img {
    margin: .95rem 0;
    border-radius: .65rem;
}

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

.new-det .rg .list {
    width: 9.55rem;
    flex-shrink: 0;
    background: #fff;
    border-radius: .65rem;
    padding: .95rem .75rem 0;
    display: flex;
    flex-direction: column;
}
.new-det .rg .list .title.pad { padding-bottom:.75rem; }
.new-det .rg .list li a {
    padding: .5rem 0;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.new-det .rg .list li a:hover span {
    color: #CF423B;
}

.new-det .rg .list li a span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.new-det .rg .list li a p {
    color: #ACACAC;
}

.new-det .rg .list svg:nth-child(9) {
    display: none;
}

.new-det .rg .list2 {
    padding-bottom: 1.35rem;
    position: relative;
}

.new-det .rg .list2 a.back {
    width: 100%;
    height: 1.35rem;
    background: #CF423B;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom-left-radius: .65rem;
    border-bottom-right-radius: .65rem;
    color: #fff;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}

.new-det .rg .list2 a.back::after {
    content: '';
    display: block;
    background: url(../images/back.png) no-repeat center;
    background-size: contain;
    width: .45rem;
    height: .45rem;
}

.new1 {
    border-top-left-radius: 1.7rem;
    border-top-right-radius: 1.7rem;
    background-color: #fff;
    padding-top: 1.5rem;
}

.new1 .nav {
    display: flex;
    justify-content: center;
    gap: 3.125rem;
    padding-bottom: .625rem;
    border-bottom: .025rem solid #f2f2f2;
}

.new1 .nav a {
    cursor: pointer;
    position: relative;
}

.new1 .nav a.active::after {
    content: '';
    display: block;
    width: 2rem;
    height: .05rem;
    border-radius: .25rem;
    background-color: #CF423B;
    position: absolute;
    bottom: -.625rem;
    left: 50%;
    transform: translateX(-50%);
}

.new1 .nav a.active span {
    color: #CF423B;
    font-family: 'Mss';
}

.new1 .main {
    display: none;
}

.new1 .main.on {
    display: block;
}

.new1 .top {
    margin-top: 3rem;
}

.new1 .top .swiper2 {
    position: relative;
}

.new1 .top .swiper2 .swiper2-pagination {
    position: absolute;
    width: 6.05rem;
    height: .05rem;
    display: flex;
    gap: .4rem;
    left: 25.55rem;
    bottom: 2.5rem;
    bottom: 1.35rem;
}

.new1 .top .swiper2 .swiper2-pagination .swiper-pagination-bullet {
    position: relative;
    width: calc((100% - .8rem) / 3);
    height: 100%;
    border-radius: .25rem;
    background-color: #d9d9d9;
    opacity: 1;
}

.new1 .top .swiper2 .swiper2-pagination .swiper-pagination-bullet::after {
    content: '';
    height: .1rem;
    width: 0;
    transition: width .5s;
    background-color: #CF423B;
    position: absolute;
    bottom: -0.025rem;
    left: 0;
    border-radius: .25rem;
}

.new1 .top .swiper2 .swiper2-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    width: 100%;
    width: 1.05rem;
}

.new1 .top .swiper2 .swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: row;
    gap: 1.8rem;
    padding: 0 3.6rem;
}

.new1 .top .swiper2 .swiper-wrapper .swiper-slide .lf .img-box {
    width: 20.175rem;
    height: 13.35rem;
    border-radius: .65rem;
    overflow: hidden;
}

.new1 .top .swiper2 .swiper-wrapper .swiper-slide .rg {
    padding-top: 1.45rem;
}

.new1 .top .swiper2 .swiper-wrapper .swiper-slide .rg .date {
    display: flex;
    align-items: center;
    gap: .2rem;
}

.new1 .top .swiper2 .swiper-wrapper .swiper-slide .rg span.title {
    margin-top: .4rem;
}

.new1 .top .swiper2 .swiper-wrapper .swiper-slide .rg p {
    width: 15rem;
    margin-top: .6rem;
    line-height: 140%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new1 .top .swiper2 .swiper-wrapper .swiper-slide .rg a.more {
    margin-top: 1.5rem;
}
.new1 .top .swiper2 .swiper-wrapper .swiper-slide .rg a.more>div {
    width: .7rem;
    height: .5rem;
}
.new1 .line-box {
    padding: 0 3.6rem;
    margin-top: 1.9rem;
    margin-bottom: 2rem;
}

.new1 .line-box .line {
    width: 100%;
    height: .025rem;
    background-color: #E0E0E0;
}

.new1 .main .screen {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*padding: 0 3.6rem;*/
}

.new1 .main .screen1{
    padding: 0 3.6rem;
}

.new1 .main .screen .list1 {
    display: flex;
    gap: .8rem;
    align-items: center;
}

.new1 .main .screen .list1 a {
    padding: .3rem .8rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: .9375rem;
    background: #F8F5F5;
    cursor: pointer;
}

.new1 .main .screen .list1 a.active {
    background-color: #CF423B;
}

.new1 .main .screen .list1 a.active span {
    color: #fff;
}

.new1 .main .screen .year_box{
    position: relative;
}
.new1 .main .screen .year_pop{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-radius: .65rem;
    background: #F8F5F5;
    padding: .3rem .8rem;
    display: none;
}
.new1 .main .screen .year_pop a{display:block;}

.new1 .main .screen .year_pop a:hover{color: #CF423B;}


.new1 .main .screen .year {
    padding: .3rem .8rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: .9375rem;
    background: #F8F5F5;
    gap: 1.425rem;
}

.new1 .main .list2 {
    display: none;
    flex-direction: column;
    padding: 0 3.6rem;
    margin-top: 1.5rem;
}
.new1 .main .list2.on {
    display: flex;
}
.new1 .main .list2 .item a {
    display: flex;
    justify-content: space-between;
    padding: 1.6rem 0;
    border-bottom: .05rem solid #F2F2F2;
}
.new1 .main .list2 .item a .lf{
    width: 8.025rem;
}

.new1 .main .list2 .item a .rg{width: calc(100% - 8.025rem)}

.new1 .main .list2 .item a .rg span {
    width: 28rem;
    line-height: 140%;
}

.new1 .main .list2 .item a .rg p {
    width: 23rem;
    margin-top: 1.25rem;
    line-height: 160%;
}

.new1 .main .list2 .item.active a {
    border-color: #CF423B;
}

.new1 .main .list2 .item.active a span {
    color: #CF423B;
}
.new1 .main .page-box {
    display: flex;
    justify-content: center;
    padding: 2.5rem 0;
}
.new1 .main .page-box .page {
    display: flex;
    gap: 1.2rem;
    align-items: center;
}

.new1 .main .page-box .btn {
    display: inline-flex;
    padding: .025rem .9rem;
    justify-content: center;
    align-items: center;
    height: .9rem;
    border-radius: 4.15rem;
    background: #F8F5F5;
    cursor: pointer;
}
.new1 .main .page-box .btn:hover {
    background-color: #CF423B;
}
.new1 .main .page-box .btn:hover svg path {
    stroke: #fff;
}
.new1 .main .page-box .num {
    display: flex;
    align-items: center;
    gap: .7rem;
}
.new1 .main .page-box .num li {
    width: .825rem;
    height: .825rem;
    flex-shrink: 0;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    line-height: .825rem;
}
.new1 .main .page-box .num li.active {
    background-color: #CF423B;
    color: #fff;
}
.new1 .main .new2 {
    padding: 2rem 3.6rem;
}
.new1 .main .new2 .list3 {
    margin-top: 2rem;
    display: none;
    flex-direction: column;
    gap: 3rem;
}
.new1 .main .new2 .list3.on {
    display: flex;
}
.new1 .main .new2 .list3 .item {
    display: flex;
    gap: 3rem;
}
.new1 .main .new2 .list3 .item .lf .line {
    width: .95rem;
    height: .075rem;
    background: #D8D8D8;
}
.new1 .main .new2 .list3 .item .rg {
    display: flex;
    flex-direction: row;
    background: #F8F8F8;
    border-radius: .65rem;
    overflow: hidden;
    transition: all .5s;
}
.new1 .main .new2 .list3 .item .rg:hover {
    box-shadow: 0px 0px 3rem rgba(0, 0, 0, 0.15);
}
.new1 .main .new2 .list3 .item .rg .img-box {
    width: 17.375rem;
    height: 11.15rem;
    flex-shrink: 0;
    background: #D9D9D9;
    overflow: hidden;
}
.new1 .main .new2 .list3 .item .rg a{width: 18.475rem;}

.new1 .main .new2 .list3 .item .rg .text {
    padding: 1.5rem 1.2rem;
    height: 11.15rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.new1 .main .new2 .list3 .item .rg .text span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.new1 .main .new2 .list3 .item .rg .text p {
    line-height: .7rem;
    margin-top: 0;
    overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.new1 .main .new2 .list3 .item .rg .text .more {
    height: 1.5rem;
    display: inline-flex;
    padding: .025rem .6rem;
    justify-content: center;
    align-items: center;
    gap: .3rem;
    border-radius: 4.15rem;
    background: #CF423B;
    text-transform: uppercase;
}

.new1 .main .new2 .list3 .item .rg .text .more>div {
    width: .7rem;
    height: .5rem;
    overflow: hidden;
}

.new1 .main .new2 .list3 .item .rg .text .more>div svg {
    transition: transform .5s;
    width: .7rem;
    height: .5rem;
}

/*.new1 .main .new2 .list3 .item .rg .text .more>div svg:nth-child(1) {*/
/*    transform: translateX(-100%);*/
/*}*/

/*.new1 .main .new2 .list3 .item .rg .text .more:hover>div svg:nth-child(1) {*/
/*    transform: translateX(0);*/
/*}*/

/*.new1 .main .new2 .list3 .item .rg .text .more:hover>div svg:nth-child(2) {*/
/*    transform: translateX(100%);*/
/*}*/
.card2 {
    background-color: #f9f9f9;
    border-top-left-radius: 1.7rem;
    border-top-right-radius: 1.7rem;
}
.new3 {
    border-radius: 1.7rem;
    padding: 2.2rem 3.6rem;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.new3 .title {
    width: 100%;
    text-align: left;
}
.new3 .main {
    display: flex;
    flex-direction: row;
    gap: 2.25rem;
    margin-top: 1.5rem;
}
.new3 .main .img-box {
    width: 18.95rem;
    height: 14.7rem;
    flex-shrink: 0;
    border-radius: .65rem;
    overflow: hidden;
}
.new3 .main .img-box img {
    transition: transform .5s;
}
.new3 .main .img-box img:hover {
    transform: scale(1.05);
}
.new3 .main .text {
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: .4rem;
}
.new3 .main .text img.logo {
    width: 5.25rem;
    height: 2.4rem;
    flex-shrink: 0;
    object-fit: contain;
}
.new3 .main .text p {
    line-height: 160%;
}
.new3 .main .text p:nth-of-type(1) {
    font-size:20px;
}
.new3 .main .text p:nth-of-type(3) {
    opacity: .8;
}

.new4 {
    padding: 2.75rem 3.6rem 4.8rem;
    position: relative;
}
.new4 .list1 ul {
    margin-top: 1rem;
    max-height: 8.6rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-self: safe;
    gap: .4rem 4rem;
}
.new4 .list1 ul li {
    width: 17.725rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    gap: .4rem;
}
.new4 .list1 ul li::after {
    content: '';
    display: block;
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background-color: #CF423B;
    flex-shrink: 0;
    transform: translateY(.375rem);
}
.new4 .list2 {
    display: flex;
    flex-direction: column;
    margin-top: 3.45rem;
    gap: .6rem;
}
.new4 .list2 span.title {
    width: 17.975rem;
    line-height: 140%;
}
.new4 .list2 p {
    width: 18.75rem;
    line-height: 160%;
    font-size:18px;
}
.new4 .list2 .process {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    height: 4.425rem;
    width: 18.55rem;
    margin-top: 1.2rem;
    overflow: hidden;
}
.new4 .list2 .process .line {
    position: absolute;
    left: .35rem;
    top: .2rem;
}
.new4 .list2 .process .line svg { height:3.5rem; }
/*.new4 .list2 .process .line svg {*/
/*    height: 7.8rem;*/
/*}*/
.new4 .list2 .process .item {
    display: flex;
    align-items: center;
    gap: .85rem;
    position: relative;
    z-index: 1;
}
.new4 .list2 .process .item .cir {
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new4 .list2 .process .item .cir2 {
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background-color: #CF423B;
}
.new4 .rg {
    position: absolute;
    width: 17.5rem;
    height: 20.5rem;
    border-radius: .65rem;
    background: #D9D9D9;
    overflow: hidden;
    top: 12.25rem;
    left: 25.38rem;
    height: 17.5rem;
}
.new4 .rg img {
    transition: transform .5s;
    object-fit: cover;
}
.new4 .rg img:hover {
    transform: scale(1.05);
}
.new5 {
    padding: 2.2rem 3.6rem 3.75rem;
    border-top-left-radius: 1.7rem;
    border-top-right-radius: 1.7rem;
    background-color: #fff;
}
.new5 .video-box {
    margin-top: 2rem;
    border-radius: .65rem;
    overflow: hidden;
    width: 40.85rem;
    height: 18.975rem;
    position: relative;
    cursor:pointer;
}
.new5 .video-box video {
    width: 100%;
}
.new5 .video-box .play { position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:2rem;height:2rem; }
.pip1 {
    background-color: #fff;
    border-top-left-radius: 1.7rem;
    border-top-right-radius: 1.7rem;
    padding: 2.5rem 0 3.75rem;
}
.pip1 .title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 3.6rem;
}
.pip1 .title span {
    line-height: 84%;
}
.pip1 .title p {
    width: 26.35rem;
    line-height: 160%;
    font-size: 20px;
}
.pip1 .t1{
    margin-top: .9rem;
    display: flex;
    flex-direction: column;
    gap: .8rem;
    padding: 0 3.6rem;
}
.pip1 .main {
    padding: 0 1.775rem;
    margin-top: 2rem;
}
.pip1 .main .nav {
    width: 100%;
    height: 2.3rem;
    background-color: #CF423B;
    display: flex;
    flex-direction: row;
    border-radius: .4rem;
    justify-content: space-between;
}
.pip1 .main .nav.mb_nav { display:none; }
.pip1 .main .nav li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: .025rem solid #fff;
    flex: 1;
    cursor: pointer;
}
.pip1 .main .items {
    display: flex;
    flex-direction: column;
    gap: 0;
    /*height: 2rem;*/
    margin-top: .25rem;
    border-radius: .4rem;
    background: #F8F8F8;
    border: .025rem solid rgba(216, 216, 216, 0.60);
    /*padding: 0 1.125rem 0 1.575rem;*/
    overflow: hidden;
    transition: height .5s;
}
.pip1 .main .mb-items {
    display: none;
}
.pip1 .main .items .top {
    width: 100%;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pip1 .main .items .top span {
    width: 3.25rem;
    text-align: center;
    
    width: calc(100% / 9);
}
.pip1 .main .items .top span:nth-child(1) {
    /*text-align: left;*/
    /*width: 1.2rem;*/
}

.pip1 .main .items .top .btn {
    position: relative;
    width: .4rem;
    height: .4rem;
    cursor: pointer;
    width: calc(100% / 9);
    display: flex;
    align-items: center;
    justify-content: center;
}
.pip1 .main .items .top .btn.act{
    opacity: 0;
    pointer-events: none;
}

.pip1 .main .items .top .btn img {
    position: absolute;
    object-fit: contain;
    transition: opacity .5s;
    width: .4rem;
    height: .4rem;
}
.pip1 .main .items .top .btn img:nth-child(1) {
    opacity: 1;
}
.pip1 .main .items .top .btn img:nth-child(2) {
    opacity: 0;
}
.pip1 .main .items .top .btn.on img:nth-child(1) {
    opacity: 0;
}
.pip1 .main .items .top .btn.on img:nth-child(2) {
    opacity: 1;
}
.pip1 .main .items .top .slider {
    /*width: 22.075rem;*/
    height: .2rem;
    flex-shrink: 0;
    border-radius: .25rem;
    background: linear-gradient(90deg, rgba(207, 66, 59, 0.04) 0%, rgba(207, 66, 59, 0.20) 100%);
    display: flex;
    position: relative;
    width: calc(100% / 9 * 4);
}
.pip1 .main .items .top .slider .slider-item {
    width: calc(100% / 4);
    border-right: .025rem solid #fff;
    position: relative;
    z-index: 1;
}
.pip1 .main .items .top .slider .red {
    width: 0;
    height: .2rem;
    background-color: #CF423B;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: .25rem;
    width: 0;
    transition: all .8s ease;
}
.pip1 .main .items.wow1 .top .slider .red{width: attr(data-width %);}
.pip1 .main .items .top .slider svg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-10px);
    z-index: 3;
    left: 0;
    transition: all .8s ease;
}
.pip1 .main .items.wow1 .top .slider svg{left: attr(data-width %);}
.pip1 .main .items.col .bt { gap:1.6rem; }
.pip1 .main .items .bt {
    display: flex;
    /*justify-content: space-between;*/
    gap: 1.6rem;
    /*max-height: 0;*/
    overflow: hidden;
    padding: 0 1.8rem .3rem;
}
.pip1 .main .items .bt-box {
    display: none;
}
.pip1 .main .items .bt .bt1 {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    flex-shrink: 0;
}
.pip1 .main .items .bt .bt1>span {
    font-size:20px;
}
.pip1 .main .items .bt .bt1 img{
    width: 11.725rem;
    height: 5rem;
    border-radius: .5rem;
    flex-shrink: 0;
    object-fit: cover;
}
.pip1 .main .items .bt .bt1 img.colImg { width:7.5rem;height:9.55rem;cursor:pointer; }
.pip1 .main .items .bt .bt2 {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    flex: 1;
}
.pip1 .main .items .bt .bt2>span { font-size:20px; }
/*.pip1 .main .items.col .bt .bt2 p {*/
/*    width: 26.1rem;*/
/*}*/
/*.pip1 .main .items .bt .bt2 p {*/
/*    width: 19.1rem;*/
/*}*/
.pip1 .main .items .bt .bt3 {
    display: flex;
    align-items: flex-end;
    width: 3.55rem;
    margin-left: 2rem;
}
.pip1 .main .items.col .bt .bt3 {
    margin-left: 0;
}
.pip1 .main .items.on {
    /*height: 12.5rem;*/
    gap: 1.2rem;
}
/*.pip1 .main .items.col.on {*/
/*    height: 17.5rem;*/
/*}*/
/*.pip1 .main .items.on .bt {*/
/*    max-height: 17rem;*/
/*}*/
.pip1 .main .items.col.on .bt {
    /*max-height: 17rem;*/
    justify-content: space-between;
}
.diolag { position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0, 0, 0, .5);display:flex;align-items:center;justify-content:center;z-index:999;display:none; }
.diolag .pic { width:100%;height:100%;display:flex;align-items:center;justify-content:center; }
.diolag .pic img { width:18rem;object-fit:contain; }

.pc { display:block; }
.mb { display:none; }

.ystk_con { max-width:35rem;margin:0 auto;padding:2rem 0; }
.ystk_con .section { margin-top:.75rem; }
.ystk_con .p p, .ystk_con .section ul li { font-size:16px; }
.ystk_con .p h2 { font-size:20px; }
.ystk_con .p h1 { font-size:24px; }

@media (max-width: 1680px) {
    .footer .main .rg .list .items .list1 .item a {
        font-size: 16px;
    }
    .pip1 .main .items .top span {
        font-size: 16px;
    }
        
    .tit-13 {
      font-size: 16px;
    }
    
    .tit-14 {
      font-size: 12px;
    }
    
    .tit-15 {
      font-size: 16px;
    }
    
    .tit-16 {
      font-size: 16px;
    }
    
    .tit-17 {
      font-size: 16px;
    }
    
    .tit-18 {
      font-size: 16px;
    }
    
    .tit-19 {
      font-size: 16px;
    }
    
}

/*@media (max-width: 1280px) {*/
/*    .footer .main .rg .list .items .list1 .item a {*/
/*        font-size: 12px;*/
/*    }*/
/*    .pip1 .main .items .top span {*/
/*        font-size: 13px;*/
/*    }*/
        
/*    .tit-13 {*/
/*      font-size: 12px;*/
/*    }*/
    
/*    .tit-14 {*/
/*      font-size: 12px;*/
/*    }*/
    
/*    .tit-15 {*/
/*      font-size: 12px;*/
/*    }*/
    
/*    .tit-16 {*/
/*      font-size: 12px;*/
/*    }*/
    
/*    .tit-17 {*/
/*      font-size: 12px;*/
/*    }*/
    
/*    .tit-18 {*/
/*      font-size: 12px;*/
/*    }*/
    
/*    .tit-19 {*/
/*      font-size: 12px;*/
/*    }*/
    
/*    .tit-20 {*/
/*      font-size: 12px;*/
/*    }*/
/*}*/