.mheader {
    display: none;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.flowpic1 {
    display: none;
}

body, html {
    /* width: 100%;
    height: 100%; */
    font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}

ul {
    list-style: none;
    /* width: 100%; */
    /* height: 100%; */
    /* float: left; */
}

.header {
    width: 100%;
    height: 4rem;
    background-color: transparent;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    display: flex;
    background-color: #000000e8;
    padding: 0rem 10rem;
}

.header-swiper-container {
    width: 100% !important;
    height: 100vh !important;
    position: relative;
    z-index: 1;
}

.header-swiper-wrapper {
    width: 100%;
    height: 100%;
}

.header-swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.header-swiper-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.header-swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.header-swiper-pagination {
    position: absolute !important;
    bottom: 30px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10;
}

.header-swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.6);
    margin: 0 8px !important;
    transition: all 0.3s ease;
    opacity: 1 !important;
}

.header-swiper-pagination-bullet-active {
    background: #fff;
    width: 30px;
    border-radius: 6px;
}

.header-swiper-button-prev, .header-swiper-button-next {
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    color: #fff !important;
    transition: background 0.3s ease;
    z-index: 10 !important;
}

.header-swiper-button-prev::after, .header-swiper-button-next::after {
    font-size: 20px !important;
    font-weight: bold;
}

.header-swiper-button-prev:hover, .header-swiper-button-next:hover {
    background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
    .header-swiper-button-prev, .header-swiper-button-next {
        width: 40px;
        height: 40px;
    }

    .header-swiper-button-prev::after, .header-swiper-button-next::after {
        font-size: 16px !important;
    }
}

.header-swiper-button-next {
    margin-right: 3rem;
}

.header-swiper-button-prev {
    margin-left: 3rem;
}

.flowpic {
    width: 100%;
    height: auto;
}

.footer {
    width: 100%;
    height: 27rem;
    background: #000000e8;
    /* padding: 2rem; */
}

.headerlogo {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.headerlogo img {
    width: 100%;
    object-fit: cover;
    max-height: 6rem;
}

.headermenu {
    width: 80%;
    /* display: flex; */
    list-style: none;
    display: flex;
    /* justify-content: center; */
}

.headermenu>ul {
    width: 100%;
    height: 4rem;
    padding: 0rem 5%;
}

.headermenu>ul>li {
    flex: 1;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    float: left;
    width: 14%;
    height: 4rem;
}

.headermenu>ul>li>a {
    color: #fff;
    font-size: 0.9rem;
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-decoration: none;
}

.headerphone {
    width: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.headerphone svg {
    margin-right: 2%;
    /* flex: 1; */
}

.phonenumber {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    /* flex: 1; */
}

.header-swiper-button-prev svg {
    transform: rotate(180deg);
}

.header-swiper-button-next svg {
}

.headermenu>ul>li>a:hover {
    cursor: pointer;
    color: #ea5b24;
    /* background-color: #fff; */
    transition: 0.3s ease;
}

.headermenu>ul>li>a:hover::after {
    width: 100%;
    transition: 0.5s ease;
}

.headermenu>ul>li>a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 0%;
    height: 3%;
    background-color: #ea5b24;
}

.headersubmenu {
    width: 100%;
    height: 0;
    background-color: #0000003b;
    /* overflow: hidden; */
    opacity: 0;
    visibility: hidden;
    position: relative;
    z-index: 51;
}

.headersubmenu>li {
    width: 100%;
    /* padding-bottom: 0.5rem; */
    /* padding-top: 0.5rem; */
    height: 2rem;
}

.headersubmenu>li>a {
    color: #fff;
    font-size: 0.8rem;
    display: block;
    width: 100%;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.headersubmenu>li>a:hover {
    cursor: pointer;
    color: #ea5b24;
    background-color: #fff;
    transition: 0.3s ease;
}

.flowpictitle {
    /* position: absolute; */
    /* left: 5rem; */
    /* bottom: 44%; */
    /* margin-top: 1rem; */
    background-color: #ffffff0f;
    padding: 2rem;
}

.flowpictitle h1 {
    font-size: 3rem;
    color: #ea5b24;
    margin-bottom: 2%;
    animation-name: fadeInUp;
    animation-timing-function: linear;
    animation-duration: 0.5s;
}

.flowpictitle h2 {
    font-size: 1.5rem;
    color: #fff;
    animation-name: fadeInUp;
    animation-timing-function: linear;
    animation-duration: 0.5s;
    animation-delay: 0.2s;
}

.flowpicbtnarea {
    /* position: absolute; */
    /* left: 5rem; */
    /* bottom: 37%; */
    font-size: 1rem;
    font-weight: 600;
    margin-top: 3rem;
    animation-name: fadeInUp;
    animation-timing-function: linear;
    animation-duration: 0.5s;
    animation-delay: 0.4s;
    padding: 0 0 0 2rem;
}

.flowpicbtnarea a:nth-child(1) {
    /* border-radius: 10px; */
    background-color: #ea5b24;
    padding: 0.5rem 1rem;
    color: #fff;
    border: 1px solid #fff;
    margin-right: 1rem;
}

.flowpicbtnarea a:nth-child(2) {
    /* border-radius: 10px; */
    padding: 0.5rem 1rem;
    border: 1px solid #fff;
    color: #ea5b24;
}

.flowpicbtnarea a:nth-child(1):hover {
    cursor: pointer;
    box-shadow: 2px 2px 5px #686868;
    filter: brightness(1.2);
    transition: 0.3s ease;
}

.flowpicbtnarea a:nth-child(2):hover {
    cursor: pointer;
    box-shadow: 2px 2px 5px #686868;
    filter: brightness(1.2);
    transition: 0.3s ease;
}

.about {
    width: 100%;
    height: auto;
    padding: 2rem 10rem;
    overflow: hidden;
}

.aboutcontent {
    width: 100%;
    height: auto;
    /* background-color: pink; */
}

.aboutcontentleft {
    width: 50%;
    /* background-color: skyblue; */
    padding-top: 2rem;
    padding-left: 2rem;
    padding-bottom: 2rem;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38rem;
}

.aboutcontentleft img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
    box-shadow: 5px 5px 9px #5b5b5b85;
}

.aboutcontentright {
    width: 50%;
    float: right;
    padding: 2rem;
}

.abouttop {
    width: 100%;
}

.abouttop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.abouttop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

.abouttop h1:nth-child(2)::before {
    content: "ABOUT";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    display: none;
}

@keyframes abouttopbarcolormove {
    0% {
        background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);
    }

    50% {
        background: linear-gradient(45deg, #000 0%, #ea5b24 50%, #000 100%);
    }

    100% {
        background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);
    }
}

.abouttopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.abouttopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.abouttopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.aboutcontentrighttitle {
    font-size: 1.3rem;
    margin-bottom: 1rem;
    display: none;
}

.aboutcontentrightpassage {
    font-size: 1rem;
    line-height: 1.8rem;
    text-indent: 2em;
    max-height: 22rem;
    overflow: auto;
    width: 100%;
    text-align: justify;
    height: 18rem;
    display: flex;
    align-items: center;
}

.aboutcontentsummary {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.aboutcontentsummary li {
    width: 35%;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.aboutcontentsummary li svg {
    margin-right: 1rem;
}

.aboutcontentsummarytext {
}

.aboutcontentsummarytext h1 {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.aboutcontentsummarytext p {
    font-size: 0.9rem;
    color: #ea5b24;
}

.aboutadvantage {
    clear: both;
    margin-top: 2rem;
}

.aboutadvantagepanel {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-evenly;
    /* margin-top: 2rem; */
}

.aboutadvantagepanel li {
    width: 20%;
    background-color: #fff;
    border-radius: 0.5rem;
    padding: 2rem;
    /* margin-right: 5%; */
}

.aboutadvantagepanel li p:nth-child(1) {
    text-align: center;
    margin-bottom: 0.2rem;
    font-size: 1rem;
}

.aboutadvantagepanel li p:nth-child(2) {
    text-align: center;
    font-size: 1rem;
}

.aboutadvantagepanelnumber {
    font-size: 2rem;
    color: #ea5b24;
    font-weight: 900;
}

.producttop {
    width: 100%;
    margin-bottom: 2rem;
}

.producttop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
}

.producttop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent
}

.producttop h1:nth-child(2)::before {
    content: "PRODUCTION";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
}

.producttopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.producttopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.producttopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.product {
    margin: 2rem;
    height: 27rem;
}

.productarea {
    width: 100%;
    /* margin-top: 2rem; */
    height: auto;
}

.productareagoods {
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 18rem;
    margin-bottom: 2rem;
}

.productareagoods li {
    width: 33%;
    position: relative;
    height: 100%;
}

.productareagoods li:nth-child(2) .productareagoodsimgdiv img {
    transform: scale(1);
}

/*.productareagoods li:not(:nth-child(2)) .productareagoodsimgdiv{filter: blur(5px);}*/
.productareagoodscontent {
    position: absolute;
    left: 0%;
    top: 75%;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    font-size: 1rem;
    padding: 1rem;
}

.productareagoodscontent a {
    background-color: #ea5b24;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    display: block;
    width: 6rem;
    margin: 0 auto;
    color: #fff;
}

.productareagoodstext {
    text-indent: 2rem;
    margin-bottom: 1rem;
}

.productareagoodsimgdiv {
    width: 100%;
    height: 100%;
}

.productareagoodsimgdiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@keyframes aboutcontentmorearrowmove {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(0.5rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

.aboutcontentmore {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9rem;
    padding: 0.5rem 1rem;
    background-color: #ea5b24;
    border-radius: 1rem;
    text-decoration: none;
}

.aboutcontentmore:hover {
    cursor: pointer;
}

.aboutcontentmore:hover svg {
    animation-name: aboutcontentmorearrowmove;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.aboutcontentmore span {
    font-size: 1rem;
    margin-right: 0.5rem;
    color: #fff;
}

.aboutcontentmore svg {
}

.productareagoodsname {
    /* position: absolute; */
    z-index: 1;
    text-align: center;
    /* left: 47%; */
    font-size: 1rem;
    font-weight: 600;
    width: 100%;
    bottom: 0.1rem;
    margin-top: 0.5rem;
}

.advantage {
    width: 100%;
    height: 57rem;
    padding: 2rem;
    background-color: #f5f5f5;
}

.advantagetop {
    width: 100%;
}

.advantagetop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
}

.advantagetop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent
}

.advantagetop h1:nth-child(2)::before {
    content: "ADVANTAGE";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
}

.advantagetopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.advantagetopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.advantagetopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.advantagecontent {
    width: 100%;
    height: 50rem;
    background-image: url("../image/advantagebg.png");
    background-repeat: no-repeat;
    background-size: 20% 30%;
    background-position: 65% 92%;
    padding-top: 2rem;
}

.advantagecontentselector {
    float: left;
    width: 25%;
}

.advantagecontentselectorlist {
    font-size: 1.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 27rem;
    justify-content: space-between;
}

.advantagecontentselectorlist>li {
    color: #fff;
    background-color: #ea5b24;
    /* margin-bottom: 4rem; */
    padding: 1rem 1rem;
    width: 75%;
    border-radius: 0.5rem;
    text-align: center;
    height: 24%;
    display: flex;
    align-items: center;
    /* margin-bottom: 1%; */
}

.advantagecontentselectorlist>li div {
    flex: 1;
}

.advantagecontentselectorlist>li svg {
    flex: 1;
}

.advantagecontenttextpanel {
    float: right;
    width: 75%;
    height: 27rem;
    display: flex;
    justify-content: center;
    position: relative;
}

.advantagecontenttextpanel>ul {
    width: 100%;
    /* border: 2px solid #ea5b24; */
    /* padding: 1rem; */
    height: 100%;
    position: relative;
    background-color: #ea5b24;
}

.advantagecontenttextpanel>ul>li {
    width: 100%;
}

.advantagecontenttextpanel>ul>li {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    line-height: 2rem;
    text-indent: 2rem;
    font-size: 1rem;
    position: absolute;
    left: 0;
    top: 0;
}

.advantagecontenttextpanel>ul>li:not(:nth-child(1)) {
    visibility: hidden;
    opacity: 0;
}

.advantagecontentimgdiv {
    float: left;
    width: 50%;
    height: 100%;
}

.advantagecontentimgdiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* margin-right: -5rem; */
    transform: translateX(-2rem);
}

.advantagecontenttextarea {
    float: left;
    width: 50%;
    height: 100%;
    padding: 1rem;
}

.advantagecontenttext {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff;
}

@keyframes advantagecontenttextpanelafteropacity {
    0% {
        opacity: 1;
        transform: rotateY(0deg);
    }

    50% {
        opacity: 0.5;
        transform: rotateY(180deg);
    }

    100% {
        opacity: 1;
        transform: rotateY(360deg);
    }
}

.advantagecontenttextpanel::after {
    content: '';
    width: 5rem;
    height: 6rem;
    clip-path: polygon(0 0,100% 0,50% 100%);
    background-color: #ea5b2482;
    right: 47%;
    position: absolute;
    top: 100%;
    animation-name: advantagecontenttextpanelafteropacity;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.advantagecontentselectorlist>li:hover {
    cursor: pointer;
    box-shadow: 0px 0px 10px #ea5c24;
}

.flowpicchunck {
    width: 50rem;
    position: absolute;
    bottom: 38%;
    left: 5rem;
}

.case {
    width: 100%;
    height: auto;
    padding: 2rem;
}

.casetop {
    width: 100%;
}

.casetop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
}

.casetop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent
}

.casetop h1:nth-child(2)::before {
    content: "CASE";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
}

.casetopbar {
    width: 10rem;
    height: 0.3rem;
    background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);
    border-radius: 1rem;
    margin: 0 auto;
    animation-name: abouttopbarcolormove;
    animation-timing-function: linear;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

.casepartner {
    width: 100%;
    margin-top: 2rem;
}

.casepartnerlogolist {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: 15rem;
    margin-bottom: 2rem;
}

.casepartnerlogolist li {
    width: 25%;
    height: 50%;
}

.casepartnerimgdiv {
    width: 100%;
    height: 100%;
    /* background-color: #CCF; */
}

.casepartnerimgdiv img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.casepartnertitle {
    text-align: center;
    font-size: 1.5rem;
}

.typicalcase {
    width: 100%;
    height: auto;
}

.typicalcasetitle {
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.typicalcasearea {
    width: 100%;
    height: auto;
}

.typicalcasepanel {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: auto;
}

.typicalcasepanel li {
    width: 31%;
    margin-right: 3%;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0px 0px 3px #0000003d;
}

.typicalcasepanel li>a {
    width: 100%;
    display: block;
    height: 100%;
    text-decoration: none;
    background-color: #00000000;
    border-radius: 0.5rem;
}

.typicalcasepanelimgdiv {
    width: 100%;
    height: 50%;
    border-radius: 0.5rem 0.5rem 0rem 0rem;
    overflow: hidden;
}

.typicalcasepanelimgdiv img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 0.5rem 0.5rem 0rem 0rem;
}

.typicalcasepanelcontentdiv {
    padding: 2%;
}

.typicalcasepanelcontentdiv h1 {
    color: #000;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.typicalcasepaneltextdiv {
    color: #000;
    display: -webkit-box;
    height: 6rem;
    line-height: 2rem;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin-bottom: 0.5rem;
}

.typicalcasepanelmorebtn {
    background-color: #ea5b24;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 0.2rem 0.5rem;
    margin: auto;
    border-radius: 0.5rem;
}

.typicalcasepanelmorebtn span {
    color: #fff;
    font-size: 0.9rem;
}

.typicalcasepanelmorebtn svg {
}

@keyframes newscolormove {
    0% {
        background: linear-gradient(to right,#ea5b24 0%,#fff 50%,#ea5b24 100%);
    }

    50% {
        background: linear-gradient(45deg,#ea5b24 0%,#fff 70%,#ea5b24 100%);
    }

    100% {
        background: linear-gradient(60deg,#ea5b24 0%,#fff 40%,#ea5b24 100%);
    }
}

.news {
    width: 100%;
    height: 42rem;
    padding: 2rem 12rem;
    /* background:linear-gradient(to right,#ea5b24 0%,#fff 50%,#ea5b24 100%); */
    /*animation-name:newscolormove;*/
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform: translateZ(0);
    overflow: hidden;
}

.newstop {
    width: 100%;
    margin-bottom: 1rem;
}

.newstop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.newstop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

.newstop h1:nth-child(2)::before {
    content: "NEWS";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    display: none;
}

.newstopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.newstopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.newstopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.newscontent {
    width: 100%;
    height: auto;
}

.newshot {
    float: left;
    width: 49%;
    margin-right: 2%;
    background-color: #00000014;
    /* padding: 0.5rem; */
    height: 27rem;
}

.newshotimg {
    width: 100%;
    position: relative;
    height: 100%;
}

.newshotimg img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.newshotcontent {
    width: 100%;
    padding: 0.5rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #00000036;
}

.newshotcontent h1 {
    font-size: 1.3rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    color: #fff;
}

.newshotcontent div {
    font-size: 1rem;
    display: -webkit-box;
    height: 3rem;
    line-height: 1.5rem;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    color: #fff;
    margin-bottom: 1rem;
}

.typicalcasepanel li:nth-child(3n) {
    margin-right: 0;
}

.newslist {
    width: 49%;
    float: left;
    /* clear: both; */
    height: 26rem;
}

.newslist>ul {
    height: 100%;
    width: 100%;
}

.newslist>ul>a {
    display: flex;
    margin-bottom: 1rem;
    background-color: #00000003;
    height: 32%;
    position: relative;
    text-decoration: none;
    color: #000;
}

.newslist>ul>a::after {
    content: '>';
    color: #8b8b8b;
    top: 50%;
    right: 2%;
    position: absolute;
}

.newslist>ul>a:hover {
    cursor: pointer;
    background-color: #00000014;
    transition: 0.3s ease;
    color: #ea5b24;
}

.newslistimgdiv {
    width: 10rem;
    height: 100%;
    margin-right: 2%;
    overflow: hidden;
}

.newslistimgdiv img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.newslistcontent {
    width: 70%;
    padding: 0.5rem;
}

.newslistcontent h1 {
    font-size: 1rem;
    margin-bottom: 1.5rem;
}

.newslisttext {
    font-size: 0.9rem;
    display: -webkit-box;
    height: 3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 90%;
}

.newslistdate {
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
    display: none;
}

.newshottoparea {
    position: absolute;
    left: 0%;
    top: -3rem;
    background-color: #ea5b24;
    width: fit-content;
    height: fit-content;
    padding: 1rem;
}

.newshottoparea div:nth-child(1) {
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.newshottoparea div:nth-child(2) {
    color: #fff;
}

.footertop {
    height: 21rem;
    padding: 3.5rem 12rem 0rem 12rem;
}

.footertopleft {
    float: left;
    width: 50%;
    height: 100%;
}

.footerlist {
    width: 100%;
    display: flex;
}

.footerlist li {
    display: flex;
    align-items: center;
    justify-content: left;
    position: relative;
    flex: 1;
}

.footerlist li a {
    color: #fff;
    font-size: 1rem;
}

.footerlogdiv {
    width: 13rem;
    height: auto;
    /* margin-top: 10rem; */
    margin-bottom: 1rem;
}

.footerlogdiv img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.footertopright {
    float: left;
    width: 50%;
    height: 100%;
}

.footercontact {
    width: 100%;
}

.footercontact li {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.footercontact li svg {
    margin-right: 0.5rem;
}

.footercontact li span {
    color: #fff;
    font-size: 1rem;
}

.footersubmenu {
    position: absolute;
    top: 150%;
}

.footersubmenu li {
    margin-bottom: 1rem;
}

.footersubmenu li a {
    font-size: 0.8rem;
}

.footerfollowus {
    width: fit-content;
    display: flex;
}

.footerfollowus li {
    flex: 1;
    background-color: #ccc;
    border-radius: 100%;
    padding: 0.3rem;
    margin-right: 1rem;
    position: relative;
}

.footerbottom {
    height: 6rem;
    /* padding: 1rem 2rem; */
    font-size: 1rem;
    color: #fff;
}

.footertoprighttitle {
}

.footertoprighttitle h1 {
    color: #fff;
    margin-bottom: 1rem;
    font-size: 1.3rem;
}

.followustitle {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.followustitle h1 {
    font-size: 1.3rem;
    color: #fff;
}

.footerfollowus li:hover {
    cursor: pointer;
}

.footerwechatdiv {
    position: absolute;
    width: 15rem;
    height: 15rem;
    top: -21rem;
    left: -3rem;
    visibility: hidden;
    opacity: 0;
}

.footerwechatdiv img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.footerbottom {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footerbottom a {
    color: #fff;
    text-decoration: none;
}

.footerbottom>div:nth-child(1) {
    margin-right: 1rem;
}

.footerbottom>div:nth-child(2) {
    margin-right: 1rem;
}

.footerbottom>div:nth-child(3) {
}

.languagepanel {
    width: 15%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.languagepanel:hover {
    cursor: pointer;
}

.languagepanelimgdiv {
    width: 30%;
    /* margin-right: 7%; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.languagepanelimgdiv img {
    width: 80%;
}

.languagepaneltext {
    position: relative;
}

.languagepaneltext>div {
    color: #fff;
    font-size: 0.9rem;
}

.languageselectpanel {
    position: absolute;
    width: 110%;
    height: 4rem;
    /* padding: 0.5rem; */
    padding: 5%;
    visibility: hidden;
    opacity: 0;
    height: 0rem;
    overflow: hidden;
    background-color: #e85b24;
}

.languageselectpanel:hover {
    cursor: pointer;
}

.languageselectpanel li {
    height: 50%;
    padding: 0%;
}

.languageselectpanel li a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.languageselectpanel li a:hover {
    background-color: #db3d00;
    color: #fff;
    transition: 0.3s ease;
}

.newproductcontent {
}

.newproductcontent div:nth-child(1) {
}

.newproductcontent div:nth-child(2) {
}

.newproductcontent div:nth-child(3) {
}

.mtechnologymiddlelist-container {
    display: none;
}

.product-swiper {
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 1;
    margin: 0 auto;
}

.product-swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
}

.product-swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border: 0;
}

@keyframes product-swiper-text-wrap-move {
    0% {
        left: 0rem;
    }

    100% {
        left: 29rem;
    }
}

.product-swiper-text-wrap {
    position: absolute;
    top: 48%;
    left: 29rem;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 10;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px 40px;
    border-radius: 8px;
}

.product-swiper-title {
    font-size: 32px;
    font-size: 2rem;
    margin: 0 0 15px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    text-align: left;
}

.product-swiper-desc {
    font-size: 16px;
    font-size: 1rem;
    max-width: 800px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    margin-bottom: 1rem;
    text-align: left;
}

.product-swiper-button-left, .product-swiper-button-right {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    /* background-color: rgba(0,0,0,0.5); */
    color: #e85b24!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 20;
}

.product-swiper-button-left:hover, .product-swiper-button-right:hover {
    background-color: rgba(0,0,0,0.8);
}

.product-swiper-button-left {
    top: 50% !important;
    left: 20px !important;
    transform: translateY(-50%) !important;
    margin-left: 0 !important;
}

.product-swiper-button-right {
    top: 50% !important;
    right: 20px !important;
    left: auto !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    margin-left: 0 !important;
}

.product-swiper-pagination {
    right: auto !important;
    top: auto !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-top: 0 !important;
    width: auto !important;
    z-index: 20;
}

.product-swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 10px !important;
    background-color: rgba(255,255,255,0.5);
    opacity: 1;
    display: inline-block !important;
}

.product-swiper-pagination-bullet-active {
    background-color: #fff;
    width: 14px;
    height: 14px;
}

@media (max-width: 768px) {
    .product-swiper {
        height: calc(58.5rem * 0.8);
    }

    .product-swiper-title {
        font-size: 1.5rem;
    }

    .product-swiper-desc {
        font-size: 0.8rem;
    }
}

.abouttopsubtitle {
    text-align: center;
    color: #5f5f5f;
    font-size: 1rem;
    margin-top: 2rem;
}

.technologytop {
    width: 100%;
}

.technologytop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.technologytop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

.technologytop h1:nth-child(2)::before {
    content: "ADVANTAGE";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    transform: translateX(-12px);
}

@keyframes abouttopbarcolormove {
    0% {
        background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);
    }

    50% {
        background: linear-gradient(45deg, #000 0%, #ea5b24 50%, #000 100%);
    }

    100% {
        background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);
    }
}

.technologytopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.technologytopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.technologytopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.technologytopsubtitle {
    text-align: center;
    color: #5f5f5f;
    font-size: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.technology {
    width: 100%;
    padding: 2rem 12rem;
    background-color: #f5f5f5;
}

.technologymiddle {
    width: 100%;
    height: 21rem;
}

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

.technologymiddlelistitem {
    width: 32%;
    background-color: #f9fafb;
    padding: 2rem;
    border-radius: 0.5rem;
}

.technologymiddlelistitem:hover {
    box-shadow: 2px 2px 8px #00000026;
    transition: 0.3s ease;
}

.technologymiddlelistitemlogo {
    width: fit-content;
    background-color: #e75b24;
    border-radius: 0.5rem;
    padding: 0.2rem;
    margin-bottom: 2rem;
    /* margin-top: 1rem; */
}

.technologymiddlelistitemlogo svg {
}

.technologymiddlelistitemtitle {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 2rem;
}

.technologymiddlelistitemdescribe {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.technologymiddlelistitemsublist {
}

.technologymiddlelistitemsublist li {
    font-size: 1rem;
    margin-bottom: 0.8rem;
}

.technology-swiper-container {
    width: 100%;
    margin-top: 2rem;
}

.technology-technologybottom {
    width: 100%;
    background-color: #e75b24;
    border-radius: 0.5rem;
    height: 29rem;
    display: flex;
}

.technology-technologybottomleft {
    width: 50%;
    height: 100%;
    padding: 1rem 6rem 1rem 3rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.technology-technologybottomlefttitle {
    font-size: 1.3rem;
    color: #fff;
    margin-bottom: 2rem;
    font-weight: 600;
    margin-top: 2rem;
}

.technology-technologybottomleftdescribe {
    font-size: 1rem;
    margin-bottom: 3rem;
    color: #fff;
    line-height: 2rem;
    text-align: left;
}

.technology-technologybottomleftlist {
    width: 30rem;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.technology-technologybottomleftlist > li {
    width: 15rem;
    margin-bottom: 1rem;
}

.technology-technologybottomleftlist > li div:nth-child(1) {
    font-size: 1.3rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.technology-technologybottomleftlist > li div:nth-child(2) {
    color: #fff;
}

.technology-technologybottomleftmorebtn {
    display: inline-block;
    border-radius: 0.5rem;
    background-color: #fff;
    padding: 0.5rem 1.5rem;
    color: #e75b24;
    text-decoration: none;
    font-weight: 500;
}

.technology-technologybottomleftmorebtn:hover {
    cursor: pointer;
}

.technology-technologybottomright {
    width: 50%;
    height: 100%;
    overflow: hidden;

    border-radius: 0 0.5rem 0.5rem 0;

}

.technology-technologybottomright img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;

}

.technology-technologybottomright img:hover {
    transform: scale(1.02);
}

.technology-swiper-pagination {
    position: absolute;
    bottom: -2rem;
    left: 50%;
    transform: translateX(-50%);
}

.technology-swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #ddd;
    opacity: 1;
    margin: 0 8px !important;
}

.technology-swiper-pagination-bullet-active {
    background-color: #e75b24;
    width: 30px;
    border-radius: 6px;
}

.technology-swiper-button-prev, .technology-swiper-button-next {
    color: #e75b24 !important;
    /* background-color: rgba(255, 255, 255, 0.8); */
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* box-shadow: 0 2px 8px rgba(0,0,0,0.1); */
}

.technology-swiper-button-prev {
    display: none!important;
}

.technology-swiper-button-prev::after, .technology-swiper-button-next::after {
    font-size: 18px !important;
    font-weight: bold;
}

@media (max-width: 768px) {
    .technology-technologybottom {
        flex-direction: column;
        height: auto;
    }

    .technology-technologybottomleft, .technology-technologybottomright {
        width: 100%;
    }

    .technology-technologybottomleft {
        padding: 1rem;
    }

    .technology-technologybottomleftlist {
        width: 100%;
    }

    .technology-technologybottomleftlist > li {
        width: 50%;
    }
}

.newstopsubtitle {
    text-align: center;
    color: #5f5f5f;
    font-size: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.newfootercontact {
}

.newfootercontact>li {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
}

.newfootercontact>li svg {
    margin-right: 0.5rem;
}

.newfootercontact>li span {
    color: #fff;
    font-size: 1rem;
}

.newfootersummary {
    float: left;
    width: 22%;
    height: 100%;
    margin-right: 2%;
    padding-right: 3rem;
}

.newfooterlogo {
    width: 100%;
    height: 30%;
}

.newfooterlogo img {
    width: 34%;
    height: auto;
    object-fit: contain;
}

.newfooterdescribe {
    font-size: 1rem;
    color: #fff;
    margin-bottom: 2rem;
}

.newfootermenu {
    float: left;
    width: 25%;
}

.newfootermenutitle {
    font-size: 1.1rem;
    color: #fff;
    font-weight: 600;
    text-align: left;
    margin-bottom: 1rem;
}

.newfootermenulist>li {
    /* color: #fff; */
    margin-bottom: 0.5rem;
}

.newfootermenulist>li a {
    color: #fff;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 1rem;
    text-decoration: none;
}

.newfootermenulist>li a:hover {
    cursor: pointer;
    color: #ea5b24;
    transition: 0.3s ease;
}

.newfooterproduct {
    float: left;
    width: 25%;
    transform: translateX(-10%);
}

.newfooterproducttitle {
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.newfooterproductlist {
}

.newfooterproductlist>li {
    margin-bottom: 1rem;
}

.newfooterproductlist>li a {
    display: block;
    width: 100%;
    color: #fff;
    text-align: left;
    font-size: 1rem;
}

.newfooterproductlist>li a:hover {
    cursor: pointer;
    color: #ea5b24;
    transition: 0.3s ease;
}

.newfootercontacttitle {
    font-size: 1.1rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 1rem;
}

.newfootercontactarea {
    float: left;
    width: 25%;
}

.newfooterfollowus {
    display: flex;
}

.newfooterfollowus>li {
}

.newfooterfollowus>li:nth-child(1) {
    position: relative;
}

.newfooterfollowus>li:nth-child(2) {
    position: relative;
}

.newfooterfollowus>li svg {
    margin-right: 1rem;
}

.newfooterwechatdiv {
    position: absolute;
    left: 0;
    /* width: 100%; */
    bottom: 2rem;
    width: 10rem;
    height: 12rem;
    visibility: hidden;
    opacity: 0;
}

.newfooterwechatdiv img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.newfootertitokdiv {
    position: absolute;
    left: 0;
    /* width: 100%; */
    bottom: 2rem;
    width: 10rem;
    height: 12rem;
    visibility: hidden;
    opacity: 0;
}

.newfootertitokdiv img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.newshotmorebtn {
    color: #ea5b24;
    background-color: #fff;
    border-radius: 0.5rem;
    padding: 0.5rem;
    margin-bottom: 0rem;
    display: block;
    width: fit-content;
    text-decoration: none;
}

.newshotmorebtn:hover {
    cursor: pointer;
}

.technologymiddlelistitem:hover {
    animation-name: bounce;
    animation-duration: 1s;
    animation-timing-function: linear;
}

@keyframes newslistdaterotate {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(20deg);
    }

    50% {
        transform: rotate(0deg);
    }

    75% {
        transform: rotate(-20deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.headersearch {
    float: left;
    width: 3%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2%;
}

.headersearch:hover {
    cursor: pointer;
}

.headersearch svg {
}

.headerthirdmenu {
    width: 100%;
    background-color: #0000003b;
    overflow: hidden;
    position: absolute;
    left: 100%;
    height: 0rem;
    top: 0%;
}

.headerthirdmenu>li {
    width: 100%;
    /* padding-bottom: 0.5rem; */
    /* padding-top: 0.5rem; */
    height: 2rem;
}

.headerthirdmenu>li>a {
    color: #fff;
    font-size: 0.8rem;
    display: block;
    width: 100%;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.headerthirdmenu>li>a:hover {
    cursor: pointer;
    color: #ea5b24;
    background-color: #fff;
    transition: 0.3s ease;
}

.headermenu>ul>li:nth-child(5) .headersubmenu>li:nth-child(3) {
    position: relative;
}

.product-swiper-videobtn {
    display: block;
    width: fit-content;
    padding: 0.5rem;
    border-radius: 0.5rem;
    background-color: #e85b24;
    display: flex;
    align-content: center;
    justify-content: center;
}

.product-swiper-videobtn:hover {
    cursor: pointer;
}

.product-swiper-videobtn-text {
    margin-right: 0.5rem;
}

.product-swiper-videobtn svg {
}

.product-swiper-videopanel {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    /* padding: 5rem; */
}

.videoclosebtn {
    position: absolute;
    top: 4rem;
    right: 3rem;
}

.videoclosebtn svg {
}

.product-swiper-videopanel video {
    width: 100vw;
    height: 100vh;
    object-fit: contain;
}

.swiper-button-hide {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.swiper-pagination-hide {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.3s, visibility 0.3s !important;
}

.videoclosebtn svg:hover {
    cursor: pointer;
}

.headersearchpanel {
    position: fixed;
    left: 30%;
    top: 20%;
    width: 40rem;
    height: 30rem;
    z-index: 50;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 1px 1px 3px #ccc;
}

.headersearchpaneltitle {
    text-align: center;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    color: #e85b24;
}

.headersearchpanelsearchform {
    margin-bottom: 1rem;
    width: 100%;
}

.headersearchpanelclosebtn {
    position: absolute;
    right: 1rem;
    top: 1rem;
}

.headersearchpanelsubtitle {
    font-size: 1rem;
    color: #595959;
    font-weight: 400;
    margin-bottom: 0.5rem;
}

.headersearchpanelcontent {
    width: 100%;
    height: auto;
    background-color: #cccccc33;
}

.headersearchpanelsearchform input {
    width: 100%;
    height: 2rem;
    padding: 0.5rem;
    font-size: 1rem;
}

.headersearchpanelsearcharea {
    position: relative;
}

.headersearchpanelsearcharea svg {
    position: absolute;
    right: 1rem;
    top: 0.5rem;
}

.headersearchpanelsearchform input:foucs {
    border-color: #e85b24;
    outline: none;
}

.headersearchpanelcontent li {
    width: 100%;
}

.headersearchpanelcontent li:hover {
    background-color: #cccccc59;
    transition: 0.3s ease;
}

.headersearchpanelcontent li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.5rem 0.5rem;
    text-decoration: none;
}

.headersearchpanelcontentitemtitle {
    font-size: 1rem;
    font-weight: 600;
    color: #000;
}

.contactsectiontop {
    width: 100%;
    margin-bottom: 1rem;
}

.contactsectiontop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.contactsectiontop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

.contactsectiontop h1:nth-child(2)::before {
    content: "COMMENTS";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    transform: translateX(-1.5rem);
    display: none;
}

.contactsectiontopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.contactsectiontopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.contactsectiontopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.contactsectioncontent {
    width: 100%;
    padding: 5rem 15rem;
    background-color: #171717;
}

.contactsectioncontentform {
    width: 100%;
    padding: 1rem;
}

.contactsectionnamearea {
    margin-bottom: 1rem;
}

.contactsectionnametext {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    color: #fff;
}

.contactsectionnamearea>input {
    width: 100%;
    height: 2rem;
    /* font-size: 1rem; */
    padding-left: 0.5rem;
    border-radius: 0.5rem;
    border: 0px solid black;
    background-color: #3c3c3c;
    color: #fff;
    font-size: 1rem;
}

.contactsectionnamearea>input:focus {
    outline: none;
    border: 1px solid #e85b24;
    transition: 0.3s ease;
}

.contactsectionphonearea {
    margin-bottom: 1rem;
    /* border-radius: 0.5rem; */
    /* border: 0px solid black; */
}

.contactsectionphonearea>input {
    width: 100%;
    height: 2rem;
    padding-left: 0.5rem;
    border: 0px solid black;
    border-radius: 0.5rem;
    background-color: #3c3c3c;
    color: #fff;
    font-size: 1rem;
}

.contactsectioncompanyarea {
    margin-bottom: 1rem;
}

.contactsectionphonearea>input:focus {
    outline: none;
    border: 1px solid #e85b24;
    transition: 0.3s ease;
}

.contactsectionbasicinfo {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contactsectionbasicinfo>li {
    width: 32%;
}

.contactsectioncompanyarea>input {
    width: 100%;
    height: 2rem;
    padding-left: 0.5rem;
    border: 0px solid black;
    border-radius: 0.5rem;
    background-color: #3c3c3c;
    color: #fff;
    font-size: 1rem;
}

.contactsectioncompanyarea>input:focus {
    outline: none;
    border: 1px solid #e85b24;
    transition: 0.3s ease;
}

.contactsectionphonetext {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    color: #fff;
}

.contactsectioncommentarea {
    margin-bottom: 1rem;
}

.contactsectioncommenttext {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    color: #fff;
}

.contactsectionsubmitarea {
    width: 100%;
}

.contactsectionsubmitarea input {
    font-size: 1rem;
    outline: none;
    width: 100%;
    background-color: #fff;
    cursor: pointer;
    padding: 0.5rem;
    border: 0px solid black;
    border-radius: 0.5rem;
    background-color: #e85b24;
    color: #fff;
}

.contactsectioncommentarea>textarea {
}

.contactsectioncommentarea textarea {
    width: 100%;
    height: 10rem;
    resize: none;
    font-size: 1rem;
    padding: 0.5rem;
    border: 0px solid black;
    border-radius: 0.5rem;
    background-color: #3c3c3c;
    color: #fff;
    font-family: none;
}

.contactsection {
    width: 100%;
    padding: 2rem 12rem;
}

.contactsectioncommentarea textarea:focus {
    outline: none;
    border: 1px solid #e85b24;
    transition: 0.3s ease;
}

.nycolabout-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.nycolabout-div1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    /* background-color: #00000017; */
    /*font-size: 32px;*/
    z-index: 1;
}

.nycolabout-div2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #f3f3f3;
    font-size: 32px;
    z-index: 2;
    transition: height 0.15s ease;
}

.nycolabout-div3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #ebebeb;
    color: #fff;
    font-size: 32px;
    z-index: 3;
    transition: height 0.15s ease;
}

.nycolabout-div4 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #000;
    color: #fff;
    font-size: 32px;
    z-index: 4;
    transition: height 0.15s ease;
}

.nycolabout-page-content {
    height: 400vh;
}

.nycolabout-sider {
    width: 15rem;
    height: auto;
    position: fixed;
    left: 1rem;
    top: 40%;
    z-index: 5;
}

.nycolabout-siderimgdiv {
    width: 100%;
    height: 3rem;
    margin-bottom: 1rem;
}

.nycolabout-siderimgdiv img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: 0rem;
}

.nycolabout-siderlist {
    list-style: none;
}

.nycolabout-siderlist li {
    width: 100%;
    height: 2rem;
}

.nycolabout-siderlist li a {
    line-height: 2rem;
    font-size: 1rem;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    /* padding: 1rem; */
    padding-left: 1rem;
}

.nycolabout-siderlist li:nth-child(1):hover {
    list-style-type: disc;
    color: #e85b24;
    transition: 0.3s ease;
}

.nycolabout-siderlist li:nth-child(2):hover {
    list-style-type: disc;
    color: #e85b24;
    transition: 0.3s ease;
}

.nycolabout-siderlist li:nth-child(3):hover {
    list-style-type: disc;
    color: #e85b24;
    transition: 0.3s ease;
}

.nycontactdiv1 {
    padding: 2rem 10rem;
    width: 100%;
    height: auto;
    background-color: #00000005;
    margin-bottom: 1rem;
    height: 42rem;
}

.nycontactdiv2 {
    padding: 2rem 10rem;
    background-color: #00000005;
    margin-bottom: 1rem;
}

.nycontactdiv3 {
    padding: 2rem 10rem;
    background-color: #00000005;
    width: 100%;
    height: 36rem;
}

.nyposition {
    width：100%； font-size: 10rem;
    padding: 0.5rem 0rem;
    /* width: 75%; */
    border-bottom: 2px dotted;
    margin: 0 auto;
    width: 80%;
    /* margin-top: 4rem; */
    /* display: none; */
    border-color: #ccc;
}

.nypositiontitle {
    font-size: 0.8rem;
}

.nypositiontext {
    font-size: 0.8rem;
}

.nypositiontext a {
    color: #000;
    text-decoration: none;
}

.nycontactsectiontop {
    width: 100%;
    margin-bottom: 1rem;
}

.nycontactsectiontop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.nycontactsectiontop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

.nycontactsectiontop h1:nth-child(2)::before {
    content: "COMMENTS";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    transform: translateX(-1.5rem);
    display: none;
}

.nycontactsectiontopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.nycontactsectiontopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.nycontactsectiontopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.nynewstopsubtitle {
    text-align: center;
    color: #5f5f5f;
    font-size: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.nycontactdiv1function {
    width: 50%;
    height: auto;
    float: left;
    padding-right: 2rem;
}

.nycontactdiv1functiontitle {
    font-size: 1.5rem;
    margin-bottom: 5rem;
}

.nycontactdiv1functionlist {
    width: 100%;
    height: 100%;
}

.nycontactdiv1functionlist>li {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.nycontactdiv1functionlist>li>div {
    font-size: 1rem;
}

.nycontactdiv1functionlist>li>svg {
    margin-right: 0.5rem;
}

.nycontactdiv1companyimgdiv {
    float: left;
    width: 50%;
    height: 28rem;
    /* padding-left: 1rem; */
    /* background-color: #d95522; */
}

.nycontactdiv1companyimgdiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-1rem, -1rem);
    border-radius: 1rem;
    box-shadow: 0px 1px 10px rgb(0 0 0 / 12%);
}

.nycontactdiv2list {
    width: 100%;
    display: flex;
    /* flex-direction: column; */
    /* width: 100%; */
    /* height: 100%; */
    /* flex-wrap: wrap; */
    justify-content: flex-start;
    /* float: left; */
}

.nycontactdiv2list>li {
    display: flex;
    align-items: center;
    height: 2rem;
    background-color: #fff;
    /* width: 10rem; */
    padding: 1rem;
    justify-content: center;
    margin-bottom: 2rem;
    cursor: pointer;
    width: 19%;
    position: relative;
    margin-right: 1%;
}

/*.nycontactdiv2list>li>a{*/
/*    color: #000;*/
/*    text-decoration: none;*/
/*    width: 100%;*/
/*    height: 2rem;*/
/*    display: flex;*/
/*}*/
.nycontactdiv2list>li:hover {
    background-color: #ccc;
    transition: 0.3s ease;
}

.nycontactdiv2listitemtext {
    font-size: 1rem;
}

.nycontactdiv2list>li>svg {
    margin-right: 0.5rem;
}

.nycontactdiv2title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

.nycontactdiv2listinnerimg {
    width: 10rem;
    height: 10rem;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 10%;
    top: -510%;
}

.nycontactdiv2listinnerimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nycontactdiv3mapdiv {
    width: 100%;
    height: 100%;
}

.nyaboutdiv1 {
    padding: 4rem 10rem 0rem 10rem;
}

.nyaboutsectiontop {
    width: 100%;
    margin-bottom: 1rem;
}

.nyaboutsectiontop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.nyaboutsectiontop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

.nyaboutsectiontop h1:nth-child(2)::before {
    content: "COMMENTS";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    transform: translateX(-1.5rem);
    display: none;
}

.nyaboutsectiontopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.nyaboutsectiontopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.nyaboutsectiontopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.nyaboutcontentleft {
    float: left;
    width: 50%;
    text-indent: 2rem;
    padding-right: 0rem;
    line-height: 2rem;
    align-items: center;
    display: flex;
    height: 100%;
    padding-left: 1%;
}

.nyaboutcontentright {
    float: left;
    width: 50%;
    position: relative;
    height: 28rem;
    overflow: hidden;
}

.nyaboutcontentright img {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover;
}

.nyaboutcontent {
    width: 100%;
    height: 28rem;
    /* margin-bottom: 5rem; */
}

.nyaboutcontentright::before {
    content: '';
    position: absolute;
    width: 5rem;
    height: 5rem;
    border-top: 0.5rem solid #ea5b24;
    border-left: 0.5rem solid #ea5b24;
    top: 0;
    left: 0;
    z-index: 1;
}

.nyaboutcontentright::after {
    content: '';
    position: absolute;
    width: 5rem;
    height: 5rem;
    border-left: 0.5rem solid #ea5b24;
    border-bottom: 0.5rem solid #ea5b24;
    left: 0;
    bottom: 0;
}

.nyaboutvideo-swiper-container {
    width: 100%;
    /*max-width: 1200px;*/
    height: 40rem;
    /* margin: 50px auto; */
    overflow: hidden;
    /*overflow: visible!important;*/
}

.nyaboutvideo-swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    border-radius: 8px;
    background-color: #409eff;
    box-sizing: border-box;
    position: relative;
    /*overflow: visible!important;*/
    /* padding: 1rem; */
}

.nyaboutvideo-swiper-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nyaboutvideo-swiper-slide svg {
    position: absolute;
    left: 48%;
    top: 50%;
}

.nyaboutvideo-swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #ccc;
    opacity: 1;
}

.nyaboutvideo-swiper-pagination-bullet-active {
    background-color: #ea5b24;
}

.nyaboutvideo-swiper-button-prev, .nyaboutvideo-swiper-button-next {
    color: #ea5b24!important;
    --swiper-navigation-size: 3rem;

}

.nyaboutvideo-swiper-button-prev {
    display: none!important;
}

.nyaboutvideo-swiper-button-next {
    /*transform: translateX(2rem);*/
}

.nyaboutvideo-swiper-scrollbar {
    background: rgba(0,0,0,0.1);
}

.nyaboutvideo-swiper-scrollbar-drag {
    background: #ea5b24;
}

.nyaboutvideosectiontop {
    width: 100%;
    margin-bottom: 1rem;
}

.nyaboutvideosectiontop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.nyaboutvideosectiontop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

.nyaboutvideosectiontop h1:nth-child(2)::before {
    content: "COMMENTS";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    transform: translateX(-1.5rem);
    display: none;
}

.nyaboutvideosectiontopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.nyaboutvideosectiontopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.nyaboutvideosectiontopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.nyaboutseeourvideo {
    /* padding-top: 2rem; */
    display: none;
}

.nyculture {
    padding: 4rem 10rem 0rem 10rem;
}

.nyculturediv1 {
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
}

.nyculturediv1 li {
    width: 100%;
    height: 10rem;
    position: relative;
    margin-bottom: 1rem;
    margin-right: 1%;
}

.nyculturediv1 li:nth-child(3) {
    margin-right: 0%;
}

.nyculturediv1 li img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    filter: blur(10px);
    z-index: 1;
    object-fit: contain;
}

.nyculturediv1first {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00000030;
}

.nyculturediv1first svg {
    margin-right: 1rem;
    transform: scale(0.6);
}

.nycultureitemfirsttitle {
    color: #fff;
    font-size: 3rem;
}

.nyculturediv1second {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}

.nyculturediv1secondtext {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1rem;
    /* position: absolute; */
    /* z-index: 2; */
    /* opacity: 0; */
    /* visibility: hidden; */
}

.nyculturediv2 {
    width: 100%;
    height: auto;
    margin-top: 4rem;
    display: none;
}

.nyculturediv2>li {
    width: 100%;
    height: auto;
    display: flex;
    margin-bottom: 3rem;
    background-color: #0000000a;
}

.nyculturediv2>li:nth-child(2n) {
    display: flex;
    flex-direction: row-reverse;
}

.nyculturediv2>li:nth-child(2n) .nyculturediv2content {
    padding: 1rem;
}

.nyculturesectiontop {
    width: 100%;
    margin-bottom: 1rem;
}

.nyculturesectiontop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.nyculturesectiontop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

.nyculturesectiontop h1:nth-child(2)::before {
    content: "COMMENTS";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    transform: translateX(-1.5rem);
    display: none;
}

.nyculturesectiontopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.nyculturesectiontopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.nyculturesectiontopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.nyculturetopsubtitle {
    text-align: center;
    color: #5f5f5f;
    font-size: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.nyculturediv2content {
    flex: 1;
    padding: 1rem;
}

.nyculturecontenttitle {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.nyculturecontenttext {
    font-size: 1rem;
    line-height: 2rem;
    height: 100%;
    display: flex;
    align-items: center;
}

.nyculturediv2imgdiv {
    flex: 1;
}

.nyculturediv2imgdiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.honordiv {
    width: 100%;
    height: auto;
    padding: 2rem 10rem;
    min-height: 80rem;
    clear: both;
}

.honordivcontent {
    width: 100%;
    height: 100%;
    /* display: flex; */
    min-height: 53rem;
}

.honordivcontent>ul>li {
    width: 19%;
    float: left;
    margin-right: 1%;
    margin-bottom: 2rem;
    box-shadow: 0px 0px 5px #0000001f;
    cursor: pointer;
    height: 24rem;
}

.honordivcontent2 {
    width: 100%;
    height: 100%;
    /* display: flex; */
    min-height: 38rem;
}

.honordivcontent2>ul>li {
    width: 19%;
    float: left;
    margin-right: 1%;
    margin-bottom: 2rem;
    box-shadow: 0px 0px 5px #0000001f;
    cursor: pointer;
    height: 16rem;
}

.honordivcontent>li>a {
    text-decoration: none;
}

.honorimgdiv {
    height: 21rem;
}

.honorimgdiv2 {
    height: 13rem;
}

.honorimgdiv2 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.honorimgdiv img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.honoritemtext {
    font-size: 1rem;
    padding: 0.5rem;
    color: #000;
    text-decoration: none;
    text-align: center;
}

.nyhonorsectiontop {
    width: 100%;
    margin-bottom: 2rem;
}

.nyhonorsectiontop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.nyhonorsectiontop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

.nyhonorsectiontop h1:nth-child(2)::before {
    content: "COMMENTS";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    transform: translateX(-1.5rem);
    display: none;
}

.nyhonorsectiontopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.nyhonorsectiontopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.nyhonorsectiontopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.nyhonortopsubtitle {
    text-align: center;
    color: #5f5f5f;
    font-size: 1rem;
    margin-top: 2rem;
}

.nyhonor1sectiontop {
    width: 100%;
    margin-bottom: 2rem;
}

.nyhonor1sectiontop h1:nth-child(1) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.nyhonor1sectiontop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

.nyhonor1sectiontop h1:nth-child(2)::before {
    content: "COMMENTS";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    transform: translateX(-1.5rem);
    display: none;
}

.nyhonor1sectiontopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.nyhonor1sectiontopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.nyhonor1sectiontopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.nyhonor1topsubtitle {
    text-align: center;
    color: #5f5f5f;
    font-size: 1rem;
    margin-top: 2rem;
    display: none;
}

.nyhonor2sectiontop {
    width: 100%;
    margin-bottom: 2rem;
    clear: both;
    padding-top: 2rem;
}

.nyhonor2sectiontop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.nyhonor2sectiontop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

.nyhonor2sectiontop h1:nth-child(2)::before {
    content: "COMMENTS";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    transform: translateX(-1.5rem);
    display: none;
}

.nyhonor2sectiontopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.nyhonor2sectiontopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.nyhonor2sectiontopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.nyhonor2topsubtitle {
    text-align: center;
    color: #5f5f5f;
    font-size: 1rem;
    margin-top: 2rem;
    display: none;
}

.nyhonor1view {
    padding: 2rem 10rem;
}

.nyhonorviewimgdiv {
    width: 100%;
    margin: auto auto;
    margin-bottom: 1rem;
    margin-top: 2rem;
    padding: 0 30%;
    height: 30rem;
}

.nyhonorviewimgdiv img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.nyhonorviewtext {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 2rem;
}

.nyproduct {
    padding: 2rem 10rem;
}

.nyproductsectiontop {
    width: 100%;
    margin-bottom: 2rem;
}

.nyproductsectiontop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.nyproductsectiontop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

.nyproductsectiontop h1:nth-child(2)::before {
    content: "COMMENTS";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    transform: translateX(-1.5rem);
    display: none;
}

.nyproductsectiontopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.nyproductsectiontopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.nyproductsectiontopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.nyproducttopsubtitle {
    text-align: center;
    color: #5f5f5f;
    font-size: 1rem;
    margin-top: 2rem;
}

.nyproductlist {
    width: 100%;
    height: auto;
}

.nyproductlist>li {
    width: 100%;
    height: 100%;
    /* margin-bottom: 2rem; */
    position: relative;
}

.nyproductitembgimg {
    width: 100%;
    height: auto;
}

.nyproductitembgimg img {
    width: 100%;
    height: auto;
}

.nyproductitemcontentpanel {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    border: 1px solid #e85b24;
    border-radius: 0.5rem;
    padding: 2rem;
    width: 100%;
    height: 100%;
    transform: scale(0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #00000021;
    opacity: 0;
    visibility: hidden;
}

.nyproductitemcontentpaneltitle {
    text-align: center;
    margin-bottom: 2rem;
    color: #e85b24;
    font-size: 2rem;
}

.nyproductitemcontentpaneltext {
    color: #fff;
    font-size: 1.2rem;
    line-height: 3rem;
    text-shadow: 0px 0px 2px #000;
    width: 70%;
    margin-bottom: 2rem;
}

.nyproductitemmore {
    color: #fff;
    font-size: 1.2rem;
    width: fit-content;
    border-radius: 0.5rem;
    background-color: #e85b24;
    padding: 1rem 1.5rem;
    cursor: pointer;
    text-decoration: none;
}

.nyproductitemmore:hover {
    box-shadow: 0px 0px 10px #fff;
    transition: 0.3s ease;
}

.nynews {
    padding: 2rem 10rem;
}

.nynewssectiontop {
    width: 100%;
    margin-bottom: 2rem;
}

.nynewssectiontop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.nynewssectiontop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

.nynewssectiontop h1:nth-child(2)::before {
    content: "COMMENTS";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    transform: translateX(-1.5rem);
    display: none;
}

.nynewssectiontopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.nynewssectiontopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.nynewssectiontopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.nynewstopsubtitle {
    text-align: center;
    color: #5f5f5f;
    font-size: 1rem;
    margin-top: 2rem;
}

.nynewsarea {
    width: 100%;
}

.nynewsrecommend {
    display: block;
    width: 100%;
    height: 30rem;
    text-decoration: none;
    background-color: #00000005;
    border-radius: 0.5rem;
    margin-bottom: 4rem;
    cursor: pointer;
    text-decoration: none;
}

.nynewsrecommendimgdiv {
    float: left;
    width: 50%;
    height: 100%;
    border-radius: 0.5rem 0rem 0rem 0.5rem;
    overflow: hidden;
}

.nynewsrecommendimgdiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.5rem 0rem 0rem 0.5rem;
}

.nynewsrecommendcontent {
    float: left;
    width: 50%;
    height: 80%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 2rem;
}

.nynewsrecommendtitle {
    color: #000;
    font-size: 1.5rem;
    /* margin-bottom: 2rem; */
}

.nynewsrecommenddate {
    font-size: 1rem;
    margin-bottom: 2rem;
    color: #000;
}

.nynewsrecommendtext {
    font-size: 1rem;
    line-height: 2rem;
    height: 4rem;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
    -webkit-box-orient: vertical;
    color: #000;
    width: 95%;
}


.nynewsrecommendmore {
    font-size: 1rem;
    margin-bottom: 2rem;
    color: #000;
    margin-top: 3rem;
}


.nynewsrecommendmore .more{
            transition: all .6s;
            margin: 0;
            border-radius: 5rem;
            display: inline-block;
            padding: .5rem 2rem;
            color: #000;
            cursor: pointer;
            font-size: 1rem;
            border: 1px solid #e60012;
            position: relative;
            z-index: 1;
            left: auto
}







.nynewsnormal {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.nynewsnormal>li {
    width: 24%;
    height: 22rem;
    margin-right: 1.3%;
    margin-bottom: 2rem;
    box-shadow: 0px 0px 5px #00000014;
    border-radius: 0.5rem;
    cursor: pointer;
}

.nynewsnormal>li:nth-child(4n) {
    margin-right: 0%;
}

.nynewsnormal>li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.nynewsnormalimg {
    width: 100%;
    height: 13rem;
    border-radius: 0.5rem 0.5rem 0rem 0rem;
    overflow: hidden;
}

.nynewsnormalimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.5rem 0.5rem 0rem 0rem;
}

.nynewsnormalcontent {
    width: 100%;
    height: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0rem 1rem;
    margin-top: 1rem;
}

.nynewsnormaltitle {
    font-size: 1rem;
    text-align: center;
    margin-bottom: 1rem;
    color: #000;
}

.nynewsnormaldate {
    font-size: 1rem;
    text-align: center;
    color: #000;
}

.nynewsview {
    padding: 2rem 10rem;
    width: 100%;
    height: auto;
}

.nynewsviewcontent {
}

.nynewsviewcontenttitle {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.nynewsviewcontentdate {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.nynewsviewcontenttext {
    font-size: 1rem;
    line-height: 2rem;
    margin-bottom: 1rem;
}

.nynewsviewcontent hr {
    margin-bottom: 1rem;
}

.nysupportsectiontop {
    width: 100%;
    margin-bottom: 1rem;
}

.nysupportsectiontop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.nysupportsectiontop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

.nysupportsectiontop h1:nth-child(2)::before {
    content: "COMMENTS";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    transform: translateX(-1.5rem);
    display: none;
}

.nysupportsectiontopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.nysupportsectiontopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.nysupportsectiontopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.nysupporttopsubtitle {
    text-align: center;
    color: #5f5f5f;
    font-size: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.nysupport {
    width: 100%;
    padding: 2rem 10rem;
    min-height: 90rem;
    height: auto;
}

.nysupportarea {
    width: 100%;
}

.nysupportareaselector {
    width: 28%;
    height: 20rem;
    float: left;
    box-shadow: 0px 0px 5px #00000021;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    margin-right: 2%;
}

.nysupportareaselector>li {
    flex: 1;
    /* display: flex; */
    border-bottom: 1px solid #d95522;
    cursor: pointer;
}

.nysupportareaselector>li>a {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
}

.nysupportareaselectortext {
    color: #000;
    font-size: 1rem;
}

.nysupportareaselector>li>a>svg {
}

.nysupportareacontentpanel {
    width: 70%;
    height: auto;
    float: left;
}

.nysupportitemtext {
    font-size: 1rem;
}

.nysupportareacontentpanellist {
}

.nysupportareacontentpanellist>li {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #00000005;
    margin-bottom: 2rem;
    padding: 2rem 0rem;
    cursor: pointer;
}

.nysupportareacontentpanellist>li>button {
    color: #fff;
    background-color: #ea5b24;
    display: block;
    width: fit-content;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-size: 1rem;
    border: 0px solid black;
    cursor: pointer;
}

.nyjoinsectiontop {
    width: 100%;
    margin-bottom: 1rem;
}

.nyjoinsectiontop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.nyjoinsectiontop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

.nyjoinsectiontop h1:nth-child(2)::before {
    content: "COMMENTS";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    transform: translateX(-1.5rem);
    display: none;
}

.nyjoinsectiontopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.nyjoinsectiontopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.nyjoinsectiontopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.nyjointopsubtitle {
    text-align: center;
    color: #5f5f5f;
    font-size: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.nyjoinenvironmentsectiontop {
    width: 100%;
    margin-bottom: 1rem;
}

.nyjoinenvironmentsectiontop h1:nth-child(1) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.nyjoinenvironmentsectiontop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

.nyjoinenvironmentsectiontop h1:nth-child(2)::before {
    content: "COMMENTS";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    transform: translateX(-1.5rem);
    display: none;
}

.nyjoinenvironmentsectiontopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
    display: none;
}

.nyjoinenvironmentsectiontopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.nyjoinenvironmentsectiontopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.nyjoinenvironmenttopsubtitle {
    text-align: center;
    color: #5f5f5f;
    font-size: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: none;
}

.nyjoin {
    padding: 2rem 10rem;
    height: 170rem;
}

.joinpanel {
    width: 100%;
    /* float: left; */
    /* min-height: 80rem; */
}

.joinpanelleft {
    width: 28%;
    float: left;
    box-shadow: 0px 0px 5px #00000017;
    margin-right: 2%;
    padding: 1rem;
    display: none;
}

.joinpanellefttitle {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.joinpanelleftlist {
}

.joinpanelleftlist>li {
    font-size: 1rem;
    margin-bottom: 1rem;
    /* border-radius: 0.5rem; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.joinpanelleftlist>li>a {
    width: 60%;
    display: block;
    background-color: #d95522;
    padding: 0.5rem;
    border-radius: 0.5rem;
    color: #fff;
    text-decoration: none;
    text-align: center;
}

.joinpanelright {
    width: 100%;
    float: left;
    box-shadow: 0px 0px 5px #0000001c;
    padding: 1rem;
}

.joinpanelrightlist {
    width: 100%;
}

.joinpanelrighttitle {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.joinpanelrightlist>li {
    background-color: #0000000f;
    padding: 1rem;
    margin-bottom: 2rem;
    cursor: pointer;
}

.joinpanelrightlist>li>a {
    text-decoration: none;
    width: 100%;
    height: 100%;
}

.joinpanelrightitemtitle {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    color: #000;
}

.joinpanelrightitemtext {
    font-size: 1rem;
    line-height: 2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 4rem;
    -webkit-line-clamp: 2;
    color: #000;
}

.environment-swiper-container {
    width: 100%;
    /* max-width: 800px; */
    position: relative;
    padding: 0;
}

.environment-swiper {
    width: 100%;
    /*padding: 0 50px !important; */
}

.environment-swiper-slide {
    width: 100%;
    height: 400px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    /* opacity: 0.4; */
    /*transform: scale(0.8); */
}

.environment-swiper-slide-active {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.environment-swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.environment-swiper-container::before, .environment-swiper-container::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 80px;
    z-index: 10;
    pointer-events: none;
}

.joinpanelleftlist>li>a:hover {
    box-shadow: 0px 0px 5px #d95522;
    transition: 0.3s ease;
    cursor: pointer;
}

.joinview {
    padding: 2rem 10rem;
}

.joinviewpanel {
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
}

.joinviewjobtitle {
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.joinviewjobcontent {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 2rem;
    margin-bottom: 2rem;
}

.jobsubmitarea {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-left: 45%;
}

.jobsubmitbtn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.jobsubmittext {
    display: inline-block;
    padding: 0.5rem;
    background: #ea5b24;
    color: #fff;
    border-radius: 0.5rem;
    font-size: 1rem;
}

.jobsubmittext:hover {
    background: #0056b3;
}

/*.environment-swiper-container::before {*/
/*  left: 0;*/
/*  background: linear-gradient(to right, #f5f5f5 0%, transparent 100%);*/
/*}*/
/*.environment-swiper-container::after {*/
/*  right: 0;*/
/*  background: linear-gradient(to left, #f5f5f5 0%, transparent 100%);*/
/*}*/
.environment-swiper-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 20px 0;
}


.environment-swiper {
    width: 100%;
    padding: 0 40px;

}


.environment-swiper-slide {
    width: calc(100% / 3);
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    /* padding: 0 10px; */
}

.environment-swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}


.environment-swiper-pagination {
    bottom: 0 !important;
    text-align: center;
    display: none;
}

.environment-swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #ccc;
    opacity: 1;
    margin: 0 6px !important;
}

.environment-swiper-pagination-bullet-active {
    background-color: #007aff;
}


.environment-swiper-button-prev, .environment-swiper-button-next {
    width: 40px;
    height: 40px;
    /* border-radius: 50%; */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #d95522 !important;
    /* background-color: rgba(255, 255, 255, 0.9); */
    /* box-shadow: 0 2px 8px rgba(0,0,0,0.1); */
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}


.environment-swiper-button-prev {
    left: 0;
}

.environment-swiper-button-next {
    right: 0;
}

.environment-swiper-button-prev::after, .environment-swiper-button-next::after {
    font-size: 18px;
    font-weight: bold;
}


@media (max-width: 768px) {
    .environment-swiper-slide {
        width: 50%;
 
    }

    .environment-swiper {
        padding: 0 30px;
    }
}

@media (max-width: 480px) {
    .environment-swiper-slide {
        width: 100%;
       
    }
}

.nyproject {
    padding: 2rem 10rem;
}

.nyprojectsectiontop {
    width: 100%;
    margin-bottom: 1rem;
}

.nyprojectsectiontop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.nyprojectsectiontop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

..nyprojectsectiontop h1:nth-child(2)::before {
    content: "COMMENTS";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    transform: translateX(-1.5rem);
    display: none;
}

.nyprojectsectiontopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.nyprojectsectiontopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.nyprojectsectiontopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.nyprojecttopsubtitle {
    text-align: center;
    color: #5f5f5f;
    font-size: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.nyprojectarea {
    width: 100%;
    min-height: 45rem;
}

.nyprojectpanel {
    width: 100%;
}

.nyprojectselector {
    width: 30%;
    float: left;
    background-color: #0000000d;
    height: 33rem;
    margin-right: 2%;
    display: none;
}

.nyprojectselector>li {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    /* box-shadow: 0px 0px 5px #0000001f; */
    /* margin-bottom: 1rem; */
}

.nyprojectselector>li>svg {
    margin-right: 0.5rem;
}

.nyprojectselectoritemtext {
    font-size: 1rem;
}

.nyprojectcontent {
    width: 100%;
    /* float: left; */
    height: 33rem;
}

.nyprojectcontent>li {
    width: 24%;
    /* height: 100%; */
    float: left;
    position: relative;
    margin-right: 1%;
    margin-bottom: 1rem;
    cursor: pointer;
}

.nyprojectcontent>li a {
    text-decoration: none;
}

.nyprojectitemimg {
    width: 100%;
    /* float: left; */
    height: 100%;
    overflow: hidden;
}

.nyprojectitemimg img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    filter: brightness(0.5);
    overflow: hidden;
}

.nyprojecttext {
    width: 100%;
    /* float: left; */
    font-size: 1rem;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.nyprojectcontent>li:nth-child:not(:first-child) {
    opacity: 0;
    visibility: hidden;
}

.nyprojecttitle {
    font-size: 1.6rem;
    color: #fff;
    /* margin-bottom: 1.2rem; */
    font-weight: 600;
    margin-bottom: 1rem;
}

.nyprojectline {
    /* margin-bottom: 1rem; */
    height: 0.3rem;
    width: 0rem;
    background-color: #d95522;
    border-radius: 0.5rem;
}

.nyprojecttext>svg {
    transform: scale(1.2);
    margin-bottom: 1rem;
}

.nyprojectview {
    padding: 2rem 10rem;
}

.nyprojectviewsectiontop {
    width: 100%;
    margin-bottom: 1rem;
}

.nyprojectviewsectiontop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.nyprojectviewsectiontop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

.nyprojectviewsectiontop h1:nth-child(2)::before {
    content: "COMMENTS";
    position: absolute;
    top: 0;
     background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    transform: translateX(-1.5rem);
    display: none;
}

.nyprojectviewsectiontopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.nyprojectviewsectiontopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.nyprojectviewsectiontopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.nyprojectviewtopsubtitle {
    text-align: center;
    color: #5f5f5f;
    font-size: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.nyprojectviewtext {
    font-size: 1rem;
    line-height: 2rem;
    /* margin-bottom: 1rem; */
    background-color: #0000000a;
    padding: 0.5rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    width: 50%;
    height: 25rem;
}

.nyprojectviewimgdiv {
    width: 100%;
    height: 30rem;
    display: flex;
    justify-content: space-between;
}

.nyprojectviewimgdiv>li {
    width: 100%;
    height: 100%;
    flex: 1;
    margin-right: 2%;
}

.nyprojectviewimgdiv>li:last-child {
    margin-right: 0%;
}

.nyprojectviewimgdiv>li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nyproductview {
    padding: 2rem 10rem;
}

.nyproductviewheadertitle {
    text-align: center;
    margin-bottom: 1rem;
    font-size: 2rem;
    display: none;
}

.nyproductviewheadersubtitle {
    text-align: center;
    font-size: 1rem;
    margin-bottom: 4rem;
    display: none;
}

.nyproductviewsectiontop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.nyproductviewsectiontop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

.nyproductviewsectiontop h1:nth-child(2)::before {
    content: "COMMENTS";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    transform: translateX(-1.5rem);
    display: none;
}

.nyproductviewsectiontopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.nyproductviewsectiontopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.nyproductviewsectiontopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.nyproductviewtopsubtitle {
    text-align: center;
    color: #5f5f5f;
    font-size: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.nyproductviewcontentarea {
    width: 100%;
    /* max-width: 1700px; */
    /* margin-bottom: 10rem; */
}

.nyproductviewcontentarea>img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.nyproductviewbottombtn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.nyproductviewprebtn {
    border-radius: 0.5rem;
    font-size: 1rem;
    background-color: #ea5b24;
    color: #fff;
    padding: 0.5rem;
    display: block;
    width: fit-content;
    cursor: pointer;
}

.nyproductviewnextbtn {
    border-radius: 0.5rem;
    font-size: 1rem;
    background-color: #ea5b24;
    color: #fff;
    padding: 0.5rem;
    display: block;
    width: fit-content;
    cursor: pointer;
}

.nyproductproblem {
    width: 100%;
    /* margin-bottom: 9rem; */
    height: 40rem;
    margin-top: 3rem;
}

.nyproductproblemmaintitle {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 3rem;
    color: #ea5b24;
}

.nyproductproblemleftsvg {
    width: 30%;
    float: left;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.nyproductproblemleftsvg>svg {
    animation-name: problemcirlejump;
    animation-timing-function: linear;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

.nyproductproblemleftnumber {
    position: absolute;
    right: 50%;
    top: 0;
    width: 5rem;
    height: 5rem;
    background-color: #0000000f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    border-radius: 100%;
    display: none;
}

.nyproductproblemright {
    width: 48%;
    float: left;
    display: flex;
    height: 40rem;
    align-items: center;
    justify-content: flex-end;
}

.nyproductproblemright img {
    width: 80%;
    object-fit: cover;
    height: 80%;
}

.nyproductproblembottom {
    width: 100%;
    height: 30%;
    clear: both;
    /* display: flex; */
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row;
}

.nyproductproblembottom>li {
    width: 20%;
    height: 7rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #e8eef7;
    /* clip-path: polygon(
    0 5%,     
    5% 0,     
    95% 0,    
    100% 5%,  
    100% 95%, 
    95% 100%, 
    5% 100%,  
    0 95%     
  ); */
    margin-right: 0%;
    padding: 0.5rem;
    clip-path: polygon(0% 0%,90% 0,100% 50%,90% 100%,0% 100%,10% 50%);
}

.nyproductproblembottom>li:nth-child(2n) {
    background-color: #ea5b2494;
    color: #000;
}

.nyproductproblemtitle {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.nyproductproblemtext {
    font-size: 1rem;
}

@keyframes problemcirlejump {
    0% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(2rem);
    }

    50% {
        transform: translateY(0rem);
    }

    75% {
        transform: translateY(-2rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

.nyproductadvantage {
    width: 100%;
    height: 43rem;
}

.nyproductadvantagecontentpanel {
    width: 70%;
    float: left;
    margin-right: 2%;
    display: none;
}

.nyproductadvantagecontentpanel>li {
    width: 100%;
    height: 20rem;
}

.nyproductadvantagecontent {
    width: 100%;
    height: 100%;
}

.nyproductadvantagetext {
    float: left;
    width: 50%;
    height: 100%;
    background-color: #0000000d;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-right: 4rem;
}

.nyproductadvantageimg {
    width: 20rem;
    float: left;
    height: 20rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    box-shadow: 0px 0px 5px #00000021;
}

.nyproductadvantageimg>svg {
}

.nyproductadvantageselector {
    width: 28%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 20rem;
    display: none;
}

.nyproductadvantageselector>li {
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ea5b24;
    width: 100%;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    color: #fff;
    cursor: pointer;
}

.nyproductadvantagecontentpanel>li:nth-child(n+2) {
    display: none;
}

.nyproductadvantagemaintitle {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 3rem;
    color: #ea5b24;
}

.nyproductadvantagedescribe {
    width: 100%;
    /* margin-bottom: 5rem; */
    padding: 0.5rem;
    /* background-color: #0000000a; */
    font-size: 1rem;
    line-height: 2rem;
    height: 100%;
}

.nyproductadvantagesubtitle1 {
    font-size: 1.58rem;
    text-align: center;
    margin-bottom: 1rem;
    color: #ea5b24;
    display: none;
}

.nyproductadvantagesubtitle2 {
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1rem;
    display: none;
}

.nyproductdata {
    text-align: center;
    margin-top: 0rem;
    margin-bottom: 3rem;
    font-size: 1.8rem;
    color: #ea5b24;
}

.nyproductdatalist {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 28rem;
    flex-wrap: wrap;
}

.nyproductdatalist>li {
    width: 50%;
    height: 4rem;
    background-color: #0000000a;
}

.nyproductdatalist>li:nth-child(1), .nyproductdatalist>li:nth-child(3), .nyproductdatalist>li:nth-child(5), .nyproductdatalist>li:nth-child(7), .nyproductdatalist>li:nth-child(8), .nyproductdatalist>li:nth-child(10), .nyproductdatalist>li:nth-child(12), .nyproductdatalist>li:nth-child(14) {
    background-color: #0000000a;
}

.nyproductdatalist>li:nth-child(2), .nyproductdatalist>li:nth-child(4), .nyproductdatalist>li:nth-child(6), .nyproductdatalist>li:nth-child(9), .nyproductdatalist>li:nth-child(11), .nyproductdatalist>li:nth-child(13), .nyproductdatalist>li:nth-child(15) {
    background-color: #ffffff1f;
}

.nyproductdatalist>li div:nth-child(1) {
    font-size: 1rem;
    font-weight: 600;
    float: left;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0.5rem;
}

.nyproductdatalist>li div:nth-child(2) {
    font-size: 1rem;
    float: left;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0.5rem;
}

.nyproductdatalist>li:nth-child(2) {
    background-color: #ffffff1;
}

.nyproductdatalist>li:nth-child(4) {
    background-color: #ffffff1;
}

.nyproductdatalist>li:nth-child(6) {
    background-color: #ffffff1;
}

.nyproductdatalist>li:nth-child(9) {
    background-color: #ffffff1;
}

.nyproductdatalist>li:nth-child(11) {
    background-color: #ffffff1;
}

.nyproductdatalist>li:nth-child(13) {
    background-color: #ffffff1;
}

.nyproductviewcasetitle {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 1rem;
    color: #ea5b24;
}

.nyproductviewcasetext1 {
    width: 100%;
    text-align: center;
    height: 3rem;
    background-color: #2f5597;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    border-radius: 0rem 0rem 0.5rem 0.5rem;
    color: #fff;
}

.nyproductviewcaselist {
    width: 100%;
    display: block;
    margin-bottom: 9rem;
    height: 19rem;
    justify-content: space-between;
}

.nyproductviewcaselist>li {
    margin-right: 1%;
    border-radius: 0.5rem;
    width: 32%;
    float: left;
    margin-bottom: 1rem;
}

.nyproductviewcaseimgdiv {
    width: 100%;
    height: 16rem;
    border-radius: 0.5rem 0.5rem 0rem 0rem;
    overflow: hidden;
}

.nyproductviewcaseimgdiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.5rem 0.5rem 0rem 0rem;
}

.nyproductviewcasetext {
    font-size: 1rem;
    text-align: center;
    width: 100%;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: #0000000a; */
    margin-bottom: 1rem;
    padding: 0.5rem;
    font-weight: 600;
}

.nyproductviewvideoarea {
    display: none;
}

.nyproductviewvideoareatitle {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 1rem;
    color: #ea5b24;
}

.nyproductviewvideopanel {
    width: 100%;
    position: relative;
    margin-bottom: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nyproductviewvideopanel video {
    width: 100%;
}

.nyproductviewvideopanel svg {
    position: absolute;
    left: 48%;
    top: 50%;
}

.nynewsviewselectorbottombtn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.nynewsviewprebtn {
    border-radius: 0.5rem;
    font-size: 1rem;
    background-color: #ea5b24;
    color: #fff;
    padding: 0.5rem;
    display: block;
    width: fit-content;
    cursor: pointer;
    text-decoration: none;
}

.nynewsviewnextbtn {
    border-radius: 0.5rem;
    font-size: 1rem;
    background-color: #ea5b24;
    color: #fff;
    padding: 0.5rem;
    display: block;
    width: fit-content;
    cursor: pointer;
}

.nyhonorviewselectorbottombtn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 2rem;
}

.nyhonorviewprebtn {
    border-radius: 0.5rem;
    font-size: 1rem;
    background-color: #ea5b24;
    color: #fff;
    padding: 0.5rem;
    display: block;
    width: fit-content;
    cursor: pointer;
    text-decoration: none;
}

.nyhonorviewnextbtn {
    border-radius: 0.5rem;
    font-size: 1rem;
    background-color: #ea5b24;
    color: #fff;
    padding: 0.5rem;
    display: block;
    width: fit-content;
    cursor: pointer;
}

.nyprojectviewselectorbottombtn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.nyprojectviewviewprebtn {
    border-radius: 0.5rem;
    font-size: 1rem;
    background-color: #ea5b24;
    color: #fff;
    padding: 0.5rem;
    display: block;
    width: fit-content;
    cursor: pointer;
}

.nyprojectviewviewnextbtn {
    border-radius: 0.5rem;
    font-size: 1rem;
    background-color: #ea5b24;
    color: #fff;
    padding: 0.5rem;
    display: block;
    width: fit-content;
    cursor: pointer;
}

.nybanner {
    width: 100%;
    height: 53rem;
    margin-top: 4rem;
    position: relative;
}

.nybanner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nybanner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nyprojectviewpanel {
    width: 100%;
}

.nyprojectviewpanel>li {
    width: 100%;
    margin-bottom: 5rem;
    display: flex;
    flex-direction: row-reverse;
}

.nyprojectviewmaintitle {
    font-size: 1.5rem;
    color: #ea5b24;
    text-align: center;
    margin-bottom: 1rem;
    display: none;
}

.nyprojectviewsubtitle {
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 1rem;
    display: none;
}

.gototopbtn {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 5;
    border-radius: 100%;
    background-color: #0000001c;
    padding: 0.8rem;
    cursor: pointer;
}

.gototopbtn svg {
}

.nyproductviewcaselist>li:nth-child(3n) {
    /* margin-right: 0%!important; */
}

.nyproductadvantagedescribeleft {
    float: left;
    width: 100%;
    line-height: 2rem;
    font-size: 1.2rem;
    height: 35%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-right: 2%;
    flex-direction: column;
}

.nyproductadvantagedescriberight {
    width: 48%;
    float: left;
    height: 65%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    display: none;
}

.nyproductadvantagedescriberight img {
    width: 80%;
    object-fit: contain;
    height: 90%;
}

.nyproductadvantagedescribebottom {
    width: 100%;
    height: 35%;
    clear: both;
    /* margin-top: 2rem; */
    /* padding: 2rem 0rem; */
}

.nyproductadvantagedescribebottomlist {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nyproductadvantagedescribebottomlist>li {
    /* float: left; */
    width: 15%;
    margin-right: 2%;
    /* border: 1px solid #ea5b24; */
    /* border-radius: 15% 0 15% 0; */
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 18rem;
    padding: 0.5rem;
    box-shadow: 0px 0px 5px #ea5b24;
    background-image: url("http://daosnrobotics.com.qihuadongli.cn/html/static/image/nyproductview.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #000;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.nyproductadvantagedescribebottomlist>li:last-child {
    margin-right: 0!important;
}

.nyproductadvantagedescribebottomlist>li>h1 {
    text-align: center;
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 1rem;
}

.nyproductadvantagedescribebottomlist>li>svg {
    transform: scale(0.7);
}

.nyproductadvantagedescribebottomlist>li>div {
    font-size: 1rem;
    line-height: 2rem;
    color: #fff;
}

.nyproductviewbannerpanel {
    position: absolute;
    left: 10rem;
    top: 15rem;
}

.nyproductviewbannerpanel>h1 {
    font-size: 3rem;
    margin-bottom: 1.5rem;
    color: #fff;
    text-shadow: 0 0 2px #000;
}

.nyproductviewbannerpanel>h2 {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    color: #fff;
    text-shadow: 0 0 2px #000;
}

.nyproductviewbannerpanel>a {
    font-size: 1.2rem;
    background-color: #ea5b24;
    padding: 0.5rem 1rem;
    color: #fff;
    cursor: pointer;
}

.nyproductproblemleft {
    width: 50%;
    float: left;
    height: 70%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-size: 1rem;
    line-height: 2rem;
    margin-right: 2%;
    flex-direction: column;
}

.nyproductproblemmaintitle {
}

.nyproductproblemarticle {
    font-size: 1.2rem;
}

.nyproductadvantagedescribeleftarticle {
    margin-bottom: 5rem;
}

.nyproductoverlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #00000063;
    z-index: -1;
}

.nyproductviewmorebtn {
    background-color: #ea5b24;
    padding: 0.5rem 2rem;
    border-radius: 20px;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    text-decoration: none;
}

.colnyculture {
    padding: 5rem 10rem;
}

.colnyaboutdiv1 {
    padding: 5rem 10rem;
}

.nyproductprocess {
    margin-top: 5rem;
}

.nyproductprocessmaintitle {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 1rem;
    color: #ea5b24;
}

.nyproductprocesssubtitle {
    font-size: 1rem;
    text-align: center;
    width: 100%;
    /* height: 5rem; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: #0000000a; */
    margin-bottom: 3rem;
    padding: 0.5rem;
}

.nyproductprocesspanel {
    display: flex;
    height: 20rem;
    justify-content: space-between;
}

.nyproductprocesspanel>li {
    width: 48%;
    position: relative;
}

.nyproductprocesspanel>li:nth-child(1)::after {
    content: '';
    width: 1rem;
    height: 1rem;
    background-color: #ea5b24;
    clip-path: polygon(0 0,100% 50%,0 100%);
    position: absolute;
    left: 102%;
    top: 50%;
}

.nyproductprocessoverlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
    background-color: #ea5b24;
    background: linear-gradient( 135deg, #ea5b24, #fff);
}

.nyproductprocesspanel>li>ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 1rem;
}

.nyproductprocesspanel>li>ul>li {
    font-size: 1rem;
    line-height: 4rem;
}

.nyproductsystem {
    display: flex;
    width: 100%;
    height: 21rem;
    margin-top: 5rem;
}

.nyproductsystemleft {
    width: 48%;
    margin-right: 2%;
    height: 100%;
    position: relative;
}

.nyproductsystemleft::before {
    content: '';
    width: 5rem;
    height: 5rem;
    border-top: 0.5rem solid #ea5b24;
    border-left: 0.5rem solid #ea5b24;
    border-right: 0rem solid #ea5b24;
    border-bottom: 0rem solid #ea5b24;
    position: absolute;
    left: 0;
    top: 0;
}

.nyproductsystemleft::after {
    content: '';
    width: 5rem;
    height: 5rem;
    border-top: 0rem solid #ea5b24;
    border-left: 0rem solid #ea5b24;
    border-right: 0.5rem solid #ea5b24;
    border-bottom: 0.5rem solid #ea5b24;
    position: absolute;
    right: 0;
    bottom: 0;
}

.nyproductsystemleft img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nyproductsystemright {
    width: 50%;
    height: 100%;
}

.nyproductsystemright>ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: space-between; */
}

.nyproductsystemright>ul>li {
    width: 50%;
    height: 5rem;
    background-color: #fff;
    box-shadow: 1px 1px 2px #00000014;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.nyproductsystemtitle {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 1rem;
    color: #ea5b24;
}

.nyproductset {
    margin-bottom: 5rem;
}

.nyproductsetmaintitle {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 1rem;
    color: #ea5b24;
}

.nyproductsetsubtitle {
    font-size: 1rem;
    text-align: center;
    width: 100%;
    /* height: 5rem; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: #0000000a; */
    margin-bottom: 1rem;
    padding: 0.5rem;
    font-weight: 600;
}

.nyproductsetsort {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 13rem;
    margin-bottom: 2rem;
}

.nyproductsetsort>li {
    width: 100%;
    height: 100%;
    position: relative;
}

.nyproductsetsortcover {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 1.8rem;
    font-weight: 600;
    /* background-color: #ea5b24; */
    /* background: linear-gradient(135deg, #ea5b24, #fff); */
    color: #fff;
    border-radius: 0.5rem;
    border: .1rem #ea5b24 solid;
    padding: 1rem;
}

.nyproductsetcontent {
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    line-height: 2rem;
    padding: 1rem;
    border: #ea5b24 .1rem solid;
    background: #f9f9f9;
    /* color: #fff; */
    border-radius: .9rem;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, .06);
}

.nyproductsetcontent:hover {
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    line-height: 2rem;
    padding: 1rem;
    background: #ea5b24;
    color: #fff;
    /* border-radius: 1rem; */
    box-shadow: 0px 1px 10px rgba(0, 0, 0, .06);
}

.nyproductsetcontentunderline {
    display: block;
    width: 100%;
    margin-top: 2rem;
    color: #ff0000;
}

.nyproductsettable {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30rem;
}

.nyproductsettable>li {
    width: 49%;
    box-shadow: 0px 0px 3px #0000001f;
    height: 100%;
}

.nyproductsettable>li:nth-child(1) {
}

.nyproductsettable>li:nth-child(1)>ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.nyproductsettable>li:nth-child(1)>ul>li {
    display: flex;
    flex: 1;
}

.nyproductsettable>li:nth-child(1)>ul>li>div {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    font-size: 1rem;
}

.nyproductsettable>li:nth-child(2) {
}

.nyproductsettable>li:nth-child(2)>ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.nyproductsettable>li:nth-child(2)>ul>li {
    width: 100%;
    display: flex;
    flex: 1;
}

.nyproductsettable>li:nth-child(2)>ul>li>div {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    font-size: 1rem;
}

.nyproductsettabletitle {
    font-size: 1.2rem;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nyproductsettable>li:nth-child(1)>ul>li:nth-child(2n) {
    background-color: #f5f5f5;
}

.nyproductsettable>li:nth-child(2)>ul>li:nth-child(2n) {
    background-color: #f5f5f5;
}

.nyproductsettable>li:nth-child(2)>ul>li:nth-child(3)>div {
    font-weight: 600;
}

.nyproductsettable>li:nth-child(2)>ul>li:nth-child(7)>div {
    font-weight: 600;
}

.nyproductsettable>li:nth-child(1)>ul>li>div:nth-child(1) {
    font-weight: 600;
}

.nyproductsettable>li:nth-child(1)>ul>li:nth-child(2)>div {
    font-weight: 600;
}

.projectview-swiper {
    width: 49%;
    /* max-width: 900px; */
    height: 25rem;
    /* margin: 60px auto; */
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    margin-right: 1%;
}


.projectview-swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 2px;
}

.projectview-swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.projectview-swiper-slide:nth-child(1) {
    background-color: #2c3e50;
}

.projectview-swiper-slide:nth-child(2) {
    background-color: #e74c3c;
}

.projectview-swiper-slide:nth-child(3) {
    background-color: #f39c12;
}

.projectview-swiper-slide:nth-child(4) {
    background-color: #27ae60;
}


.projectview-swiper-pagination {
    bottom: 25px !important;

    text-align: left!important;
}

.projectview-swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 8px !important;
    opacity: 1;
}

.projectview-swiper-pagination-bullet-active {
    background-color: #ffffff;
    width: 36px;
    border-radius: 7px;
    transition: all 0.3s ease-in-out;

}


.projectview-swiper-button-prev, .projectview-swiper-button-next {
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    color: #ffffff !important;
    transition: background-color 0.3s ease;
    display: none!important;
}

.projectview-swiper-button-prev:hover, .projectview-swiper-button-next:hover {
    background-color: rgba(0, 0, 0, 0.4);
}


.projectview-swiper-button-prev::after, .projectview-swiper-button-next::after {
    font-size: 20px !important;
    font-weight: bold;
}

.nycontributesectiontop {
    width: 100%;
    margin-bottom: 1rem;
}

.nycontributesectiontop h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.nycontributesectiontop h1:nth-child(2) {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    color: transparent;
    display: none;
}

.nycontributesectiontop h1:nth-child(2)::before {
    content: "COMMENTS";
    position: absolute;
    top: 0;
    background: linear-gradient( to right, #ea5b24 0% 20%, #000 20% 40%,#ea5b24 40% 60%,#000 60% 80%,#ea5b24 80% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.2rem;
    transform: translateX(-1.5rem);
    display: none;
}

.nycontributesectiontopbar {
    width: 10rem;
    height: 0.3rem;
    /*background: linear-gradient(45deg, #ea5b24 0%, #000 50%, #ea5b24 100%);*/
    border-radius: 1rem;
    margin: 0 auto;
    /*animation-name: abouttopbarcolormove;*/
    /*animation-timing-function: linear;*/
    /*animation-duration: 3s;*/
    /*animation-iteration-count: infinite;*/
}

.nycontributesectiontopbarleft {
    width: 3.5rem;
    background-color: #d95522;
    margin-right: 0.5rem;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
    margin-left: 2rem;
}

.nycontributesectiontopbarright {
    width: 1.5rem;
    background-color: #782f12;
    height: 0.3rem;
    display: inline-block;
    float: left;
    border-radius: 1rem;
}

.nycontributetopsubtitle {
    text-align: center;
    color: #5f5f5f;
    font-size: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.nycontributetext {
    font-size: 1rem;
    width: 50%;
    line-height: 2rem;
    text-indent: 2rem;
    margin-right: 1%;
    display: flex;
    align-items: center;
}

.nycontribute {
    padding: 4rem 10rem 4rem 10rem;
}

.nynewcultureitemtext {
    font-size: 1rem;
    width: 100%;
}

.nynewculturepanel {
    width: 100%;
    height: 30rem;
    box-shadow: 0px 0px 1px #d95522;
    background-color: #00000005;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2rem;
    border-radius: 0.5rem;
    align-items: center;
}

.nynewculturepanel>li:nth-child(1) {
    width: 49%;
}

.nynewculturepanel>li:nth-child(2) {
    width: 49%;
}

.nynewculturepanel>li {
    width: 24%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0px 0px 1px #d95522;
    border-radius: 0.5rem;
    margin-bottom: 0rem;
    padding: 2rem;
    background-color: #0000000a;
}

.nynewcultureitemtitle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.nynewcultureitemtitle>h1 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: #ea5b24;
}

.nynewcultureitemtitle svg {
    margin-bottom: 1rem;
    transform: scale(1.5);
    margin-right: 1rem;
}

.nycontributeimg {
    width: 49%;
    overflow: hidden;
}

.nycontributeimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nycontributediv {
    display: flex;
    height: 25rem;
}

.nynewjoin {
    padding: 2rem 10rem;
}

.nynewjointop {
    display: flex;
    width: 100%;
    height: 30rem;
    padding: 1rem;
    /* background-color: #00000008; */
    border-radius: 0.5rem;
    margin-bottom: 3rem;
}

.nynewjointopleft {
    width: 55%;
}

.nynewjoinlabel {
    border: 1px solid #ea5b24;
    width: fit-content;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    background-color: #ea5b2494;
    color: #fff;
    margin-bottom: 2rem;
}

.nynewjointitle {
    font-size: 4rem;
    color: #ea5b24;
    margin-bottom: 0.5rem;
}

.nynewjoinsubtitle {
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

.nynewjoindescribe {
    font-size: 1rem;
    line-height: 2rem;
    margin-bottom: 2rem;
}

.nynewjoinbuttonarea {
    display: flex;
    width: fit-content;
    margin-bottom: 2rem;
}

.nynewjoinbuttonarea>a {
    display: block;
    flex: 1;
    width: 100%;
    height: 100%;
    padding: 1rem 1.5rem;
    font-size: 1rem;
    width: 9rem;
}

.nynewjoinbuttonarea>a div {
    font-size: 1rem;
    text-align: center;
    margin-right: 0.5rem;
}

.nynewjoinbuttonarea>a:nth-child(1) {
    background-color: #ea5b24;
    color: #fff;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nynewjoinbuttonarea>a:nth-child(1):hover {
    filter: brightness(0.7);
    transition: 0.3s ease;
}

.nynewjoinbuttonarea>a:nth-child(2) {
    border: 1px solid #dbdbdb;
}

.nynewjoinbuttonarea>a:nth-child(2):hover {
    background-color: #ea5b2424;
    transition: 0.3s ease;
}

.nynewjoinbuttonarea>a:nth-child(1)>svg {
}

.nynewjoinlabellist {
    display: flex;
}

.nynewjoinlabellist>li {
    display: flex;
    margin-right: 1rem;
}

.nynewjoinlabellist>li>svg {
    margin-right: 0.5rem;
}

.nynewjoinlabellist>li>div {
    font-size: 1rem;
}

.nynewjointopright {
    width: 45%;
}

.nynewjoinphoto {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes nynewjoinphotomove {
    0% {
        transform: translateY(-0.5rem);
    }

    25% {
        transform: translateY(0rem)
    }

    75% {
        transform: translateY(0.5rem)
    }

    100% {
        transform: translateY(0rem)
    }
}

.nynewjoinphoto img {
    width: 70%;
    border-radius: 0.5rem;
    animation-name: nynewjoinphotomove;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 5s;
}

.nynewjoininfo {
    width: 100%;
    height: 25rem;
    margin-bottom: 4rem;
}

.nynewjoininfotitle {
    font-size: 2rem;
    color: #ea5b24;
    text-align: center;
    margin-bottom: 1rem;
}

.nynewjoininfosubtitle {
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 3rem;
}

.nynewjoininfolist {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nynewjoininfolist>li {
}

.nynewjoininfolist>li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background-color: #00000008;
    width: 32%;
    padding: 3rem;
}

.nynewjoininfolist>li svg {
    transform: scale(1.8);
    margin-bottom: 1rem;
}

.nynewjoininfolist>li h1 {
    margin-bottom: 1rem;
    color: #ea5b24;
    font-size: 1.5rem;
}

.nynewjoininfolist>li div {
    font-size: 1rem;
}

.nynewjoinwork {
    margin-bottom: 4rem;
}

.nynewjoinworktitle {
    text-align: center;
    font-size: 2rem;
    color: #ea5b24;
    margin-bottom: 1rem;
}

.nynewjoinworksubtitle {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 1rem;
}

.nynewjoinworkselector {
    width: 100%;
    background-color: #00000008;
    display: flex;
    height: 5rem;
    border-radius: 0.5rem;
    box-shadow: 1px 1px 2px #ea5b242e;
    margin-bottom: 2rem;
}

.nynewjoinworkselector>li {
    width: 10%;
    padding: 1rem 0.5rem 1rem 0.5rem;
    /* padding-top: 1rem; */
}

.nynewjoinworkselector>li>a {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ea5b24;
    color: #fff;
    font-size: 1rem;
    /* padding: 0.2rem; */
    text-decoration: none;
}

.nynewjoinworklist {
    /* width: 100%; */
    width: 100%;
    /* background-color: #00000008; */
    /* display: flex; */
    /* height: 5rem; */
    border-radius: 0.5rem;
    /* box-shadow: 1px 1px 2px #ea5b242e; */
    /* padding: 0.5rem; */
}

.nynewjoinworklist>li {
    width: 100%;
    position: relative;
    margin-bottom: 2rem;
    background-color: #00000008;
    border-radius: 0.5rem;
    box-shadow: 1px 1px 2px #ea5b242e;
    padding: 0.5rem;
}

.nynewjoinworklist>li:hover {
    box-shadow: 1px 1px 4px #ea5b24;
}

.nynewjoinworklisttitle {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 1rem;
}

.nynewjoinworklistinfo {
    width: 100%;
    display: flex;
    /* margin-bottom: 1rem; */
    border-bottom: 1px solid #ea5b24;
    padding-bottom: 1rem;
}

.nynewjoinworklistinfo>li {
    width: fit-content;
    margin-right: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nynewjoinworklistinfo>li svg {
    margin-right: 0.5rem;
}

.nynewjoinworklistinfo>li:nth-child(1) {
}

.nynewjoinworklistinfo>li:nth-child(2) {
}

.nynewjoinworklistinfo>li:nth-child(3) {
}

.nynewjoinworklistinfotext {
}

.nynewjoinworklistcontent {
    font-size: 1rem;
    /* -webkit-line-clamp: 3; */
    height: 6rem;
    line-height: 2rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.nynewjoinworkmore {
    position: absolute;
    right: 2rem;
    top: 10rem;
    cursor: pointer;
}

.nynewjoinworkmore svg {
}

.nynewjoindiv3 {
    margin-bottom: 4rem;
}

.nynewjoindiv3 h1:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.2rem;
    margin-bottom: 0.5rem;
}

.nynewjoindiv3title {
    font-size: 2rem;
    color: #ea5b24;
    text-align: center;
    margin-bottom: 1rem;
}
}

.nynewjoindiv3subtitle {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 3rem;
}

.nynewjoindiv3list {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nynewjoindiv3list>li {
    width: 23%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 2rem;
    background-color: #00000005;
}

.nynewjoindiv3list>li svg {
    transform: scale(1.8);
    margin-bottom: 1rem;
}

.nynewjoindiv3list>li h1 {
    margin-bottom: 1rem;
    color: #ea5b24;
    font-size: 1.5rem;
}

.nynewjoindiv3list>li div {
    font-size: 1rem;
}

.nynewjoinsubmit {
    height: 50rem;
}

.nynewjoinsubmittitle {
    font-size: 2rem;
    color: #ea5b24;
    text-align: center;
    margin-bottom: 1rem;
}

.nynewjoinsubmitsubtitle {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 1rem;
}

.nynewjoinsubmitpanel {
    width: 100%;
}

.nynewjoinsubmitleft {
    float: left;
    width: 48%;
    background-color: #0000000d;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 1px 1px 2px #ea5b242e;
    margin-right: 4%;
    height: 41rem;
}

.nynewjoinsubmitleft>ul {
    width: 100%;
    height: 100%;
}

.nynewjoinsubmitleft>ul>li {
    margin-bottom: 1rem;
}

.nynewjoinsubmitleft>ul>li>div {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.nynewjoinsubmitleft>ul>li>input {
    width: 100%;
    height: 2rem;
    color: #000;
    /* outline: none; */
    outline-color: #ea5b24;
    padding-left: 0.5rem;
    font-size: 1rem;
    font-family: none;
    /* font-weight: 600; */
}

.nynewjoinsubmitleft>ul>li>textarea {
    width: 100%;
    height: 10rem;
    resize: none;
    color: #000;
    outline-color: #ea5b24;
    padding: 0.5rem;
    font-size: 1rem;
    /* font-weight: 600; */
    font-family: none;
}

.nynewjoinsubmitleft>ul>li>select {
    width: 100%;
    height: 2rem;
    outline-color: #ea5b24;
    padding-left: 0.5rem;
    font-size: 1rem;
}

.nynewjoinsubmitlefttitle {
    font-size: 1.2rem;
    color: #ea5b24;
    /* font-weight: 600; */
    margin-bottom: 1rem;
}

.nynewjoinsubmitright {
    width: 48%;
    float: left;
    height: 41rem;
}

.nynewjoinsubmitrighttop {
    height: 49%;
    width: 100%;
    background-color: #0000000d;
    box-shadow: 1px 1px 2px #ea5b242e;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 1%;
}

.nynewjoinsubmitrighttoptitle {
    font-size: 1.2rem;
    color: #ea5b24;
    /* font-weight: 600; */
    margin-bottom: 1rem;
}

.nynewjoinsubmitrighttoplist {
}

.nynewjoinsubmitrighttoplist>li {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.nynewjoinsubmitrighttoplist>li>svg {
    /* float: left; */
    margin-right: 0.5rem;
}

.nynewjoinsubmitrighttoplistinfo {
}

.nynewjoinsubmitrighttoplistinfo h1 {
    font-size: 1rem ;
    font-weight: 400;
}

.nynewjoinsubmitrighttoplistinfo div {
    font-size: 1rem;
}

.nynewjoinsubmitrightbottom {
    width: 100%;
    height: 50%;
    background-color: #0000000d;
    padding: 1rem;
    border-radius: 0.5rem;
}

.nynewjoinsubmitrightbottomtitle {
    font-size: 1.2rem;
    color: #ea5b24;
    /* font-weight: 600; */
    margin-bottom: 1rem;
}

.nynewjoinsubmitrightbottomlist {
}

.nynewjoinsubmitrightbottomlist>li {
    margin-bottom: 1rem;
    padding-left: 3rem;
    position: relative;
    height: 3rem;
}

.nynewjoinsubmitrightbottomlist>li>h1 {
    margin-bottom: 0.3rem;
    font-size: 1rem;
    font-weight: 400;
}

.nynewjoinsubmitrightbottomlist>li>div {
    color: #00000047;
    font-size: 1rem;
}

.nynewjoinsubmitrightbottomlist>li:nth-child(1)::before {
    content: '1';
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    background-color: #ea5b24;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.nynewjoinsubmitrightbottomlist>li:nth-child(2)::before {
    content: '2';
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    background-color: #ea5b24;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.nynewjoinsubmitrightbottomlist>li:nth-child(3)::before {
    content: '3';
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    background-color: #ea5b24;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.nynewjoinsubmitrightbottomlist>li:nth-child(4)::before {
    content: '4';
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    background-color: #ea5b24;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.nynewjoinsubmitrightbottomlist>li::after {
    content: '';
    width: 0.5rem;
    height: 80%;
    border-radius: 0.5rem;
    background-color: #ea5b24;
    position: absolute;
    top: 60%;
    left: 0.8rem;
    z-index: 2;
}

.honordivcontenttitle {
    clear: both;
    color: #ea5b24;
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

.nyproductadvantagemaintitle1 {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.nyproductproblemmaintitle1 {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.topnybanner {
    margin-top: 4rem;
    width: 100%;
    height: 20rem;
}

.bannerbox {
    width: 100%;
    height: 100%;
}

.bannerbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nynewsselector {
    width: 100%;
    height: 3rem;
    margin-bottom: 2rem;
}

.nynewsselector>li {
    width: fit-content;
    height: 100%;
    float: left;
    border-radius: 0.5rem;
    margin-right: 1%;
    width: 24%;
}

.nynewsselector>li:hover {
    filter: brightness(1.1);
    transition: 0.3s ease;
}

.nynewsselector>li>a {
    text-decoration: none;
    color: #fff;
    background-color: #e85b24;
    padding: 0.3rem 1rem;
    width: 100%;
    height: 100%;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
}

.joinsubmit {
    font-size: 1rem!important;
    color: #fff!important;
    background-color: #ea5b24!important;
    border-radius: 0.5rem!important;
    border: 0px solid black;
    cursor: pointer;
}

.joinsubmit:hover {
    filter: brightness(1.1);
    transition: 0.3s ease;
}

.robot-bg {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: auto;
    opacity: 0.15;
    /* 半透明效果 */
    background-image: url('https://via.placeholder.com/400x600?text=Unitree机器人');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    z-index: 0;
}

/* 内容容器（置于背景之上） */
.service-container {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    padding: 4rem 2rem;
    text-align: center;
}

/* 标题样式 */
.service-title {
    font-size: 2.2rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 1rem;
}

/* 描述文本 */
.service-desc {
    font-size: 1rem;
    color: #666;
    max-width: 800px;
    margin: 0 auto 2.5rem auto;
    line-height: 1.5;
}

/* 按钮组布局（支持移动端换行） */
.btn-group {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    flex-wrap: wrap;
}

/* 按钮样式 */
.service-btn {
    padding: 0.8rem 1.5rem;
    border: none;
    border-radius: 4px;
    background-color: #e85b24;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: background-color 0.2s;
}

.service-btn:hover {
    background-color: #782f12;
}

/* 按钮图标（用Unicode符号模拟） */
.btn-icon-shopping::before {
    content: "🛍️";
}

.btn-icon-support::before {
    content: "📞";
}

.btn-icon-complain::before {
    content: "⚠️";
}

a {
    text-decoration: none;
}

a:link, a:visited, a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.nysupport {
    min-height: 55rem;
}

.page-title {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 2rem;
    color: #333;
}

.help-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.help-card {
    background-color: #fff;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.help-card h2 {
    font-size: 1.2rem;
    margin: 0 0 1rem 0;
    color: #333;
}

.help-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.help-list li {
    margin-bottom: 0.8rem;
    color: #666;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.2s;
}

.help-list li:hover {
    color: #e85b24;
}

.help-list li::after {
    content: "→";
    color: #999;
    margin-left: 0.5rem;
}

@media (max-width: 768px) {
    .help-grid {
        grid-template-columns: 1fr;
    }
}