/* banner css */
.banner .showscreen {
    width: 100%;
    overflow: hidden;
}

.banner .paginbox {
    width: 600rem;
    position: absolute;
    height: 100rem;
    bottom: 40rem;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff6e;
    margin: auto auto;
    z-index: 10;
}

.banner .paginbox .bannerpagin {
    width: 400rem;
}

.banner .paginbox .bannerpagin .pic-box {
    height: 60rem;
    border: 3rem #fff0 solid;
}

.banner .paginbox .bannerpagin .pic-box img {
    height: 100%;
}

.banner .bannerpagin .swiper-slide-thumb-active .pic-box {
    border-color: #ce000b;
}

.showscreen .pic-box {
    height: 100%;
    width: 100%;
    min-height: 850rem;
}

.showscreen .bannerbox {
    position: absolute;
    z-index: 100;
    top: 0;
    left: -100%;
    transition: none;
    opacity: 0;
}

.showscreen .swiper-slide-active .bannerbox {
    left: 0;
    opacity: 1;
    transition: 0.7s ease-in-out;
}

.showscreen .pic-box img {
    width: 100%;
    min-width: 1920rem;
    height: 100%;
    min-height: 850rem;
}

/* baanner end */
/* product css */
.proshow {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.proshow .showbox {
    height: 300rem;
    width: 32%;
    margin: 20rem 0;
    position: relative;
}

.proshow .showbox:nth-child(1), .proshow .showbox:nth-child(2) {
    width: 49%;
    margin: 20rem 0;
    height: 350rem
}

.proshow .showbox .pic-box {
    width: 100%;
    height: 100%;
}

.proshow .showbox .pic-box img {
    min-height: 100%;
    min-width: 100%;
}

.proshow .showbox .textbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    color: #fff;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 20rem;
    overflow: hidden;
}

.proshow .showbox .textbox:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #0000005c;
    content: '';
    transition: 0.4s linear;
}

.proshow .showbox:hover .textbox:before {
    right: -100%;
}

.proshow .showbox .arttitle {
    font-size: 18rem;
    line-height: 23rem;
    position: relative;
    padding: 5rem;
}

.proshow .showbox:hover .arttitle {
    background: #000000a1;
}

.proshow .showbox .arttitle span {
    font-size: 14rem;
}

.proshow .textbox>.more {
    font-size: 15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    padding: 5rem;
}

.proshow .showbox .textbox .more:before {
    width: 100%;
    position: absolute;
    background: #027ca7d4;
    height: 100%;
    display: block;
    content: '';
    top: 0;
    left: -100%;
    transition: 0.3s 0.2s linear
}

.proshow .showbox:hover .textbox .more:before {
    left: 0%;
}

.proshow .textbox>.more span {
    position: relative
}

.proshow .textbox>.more .pic-box {
    width: 30rem;
    margin-left: 5rem;
    position: relative;
}

/* product end */
/* aboutus css */
.aboutus {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 60rem;
}

.aboutus .ttit {
    font-size: 25rem;
    padding-left: 40rem;
}

.aboutus .left {
    padding: 30rem;
    width: 45%;
}

.aboutus .left .line {
    background-color: #ce000b;
    margin: 20rem;
    width: 250rem;
    height: 2rem;
}

.aboutus .abbtu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10rem;
}

.aboutus .showbox {
    width: 300rem;
    display: flex;
    padding: 10rem 15rem;
    align-items: center;
}

.aboutus .showbox .pic-box {
    width: 30%;
    opacity: 0.8;
}

.aboutus .showbox p {
    font-size: 16rem;
    margin-left: 15rem;
}

.aboutus .textbox {
    width: 100%;
    line-height: 45rem;
    font-size: 16rem;
}

.aboutus .right {
    margin-top: 30rem;
    width: 55%;
}

.aboutus .right .videobox {
    width: 100%;
}

.aboutus .right .videobox>video {
    display: block;
    width: 100%;
    height: auto;
}

/* aboutus end*/
/* culture css */
.cultshow {
    display: flex;
    justify-content: flex-end;
    height: 550rem;
    margin-top: 50rem;
    align-items: flex-start;
}

.cultshow .textscreen {
    overflow: hidden;
    width: 50%;
    position: relative;
    z-index: 10;
}

.cultshow .textscreen .showbox {
    height: 400rem;
    position: relative;
}

.cultshow .textscreen .pic-box {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.cultshow .textscreen .pic-box img {
    height: 100%;
    width: auto;
}

.cultshow .textscreen .textbox {
    position: absolute;
    background: #00000087;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
    color: #fff;
    z-index: 3;
    display: flex;
    flex-direction: column;
    padding: 25rem 20rem 0 67rem;
    align-items: flex-start;
    justify-content: center;
}

.cultshow .textscreen .txttit {
    font-size: 30rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 15rem;
    /* position: absolute; */
    top: 100rem;
    left: 80rem;
}

.cultshow .textscreen .txttit span {
    color: #027ca7;
}

.cultshow .textscreen .txtshow {
    font-size: 18rem;
    line-height: 40rem;
    text-align: left;
    letter-spacing: 3rem;
}

.cultshow .culitem {
    width: 40%;
    position: relative;
    left: -10%;
    bottom: -95rem;
    z-index: 20;
    background: #000000ad;
    height: 400rem;
}

.cultshow .culitem .swiper-wrapper {
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.cultshow .culitem .swiper-slide {
    width: 100rem!important;
    margin: 30rem;
    height: auto;
}

.cultshow .culitem .showbox {
    width: 100%;
}

.cultshow .culitem .showbox .pic-box {
    width: 100%;
    height: 65rem;
}

.cultshow .culitem .showbox .pic-box img {
    height: 100%;
    width: auto;
}

.cultshow .culitem .showbox p {
    color: #fff;
    text-align: center;
    font-size: 14rem;
    margin-top: 10rem;
}

.haflbg {
    height: 400rem;
    width: 100%;
    position: absolute;
    bottom: -20rem;
}

.haflbg .pic-box {
    width: 100%;
    height: 100%;
    align-items: flex-end;
}

/* culture end */
/* comshow css */
#comshow .containtitle {
    color: #fff;
}

#comshow .containtitle .tit {
}

#comshow .containtitle b {
    color: #ffffff59;
    opacity: 1;
}

#comshow .containtitle p:nth-child(3) {
    font-size: 20rem;
    margin-top: 10rem;
    font-weight: normal;
    color: #ffffffb3;
}

.combox {
    display: flex;
    justify-content: center;
    height: 550rem;
    align-items: flex-start;
}

.combox .left {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    height: 500rem;
    align-content: space-between;
}

.combox .left .showbox {
    width: 49%;
    height: 49.5%;
    position: relative;
}

.combox .left .showbox .pic-box {
    width: 100%;
    height: 100%;
}

.combox .left .showbox .pic-box img {
    min-height: 100%;
    width: 100%;
}

.combox .left .textbox {
    width: 100%;
    height: 27%;
    bottom: 0;
    background: #0000009c;
    position: absolute;
    left: 0;
    padding: 10rem;
    display: flex;
    color: #ffffff;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 16rem;
}

.combox .left .showbox:hover .textbox {
    background: #c8740c;
}

.combox .left .textbox .tit {
    font-weight: bold;
    font-size: 20rem;
}

.combox .right {
    position: relative;
    height: 500rem;
    background: #00000091;
}

.combox .right:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #00000091;
}

.combox .right .pic-box {
    width: 300rem;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto auto;
    background: content-box;
}

/* comshow end */
/* honor show */
.honorbox {
    position: relative;
}

.honorshow {
    overflow-x: hidden;
    margin-top: 30rem;
    padding: 80rem 0;
    --swiper-navigation-color: #027ca7;
}

.honorshow .swiper-wrapper {
    overflow: unset;
}

.honorshow .swiper-slide-active .pic-box {
    transition: 0.3s 0.6s linear;
    top: -50rem;
    transform: scale(1.2);
}

.honorshow .pic-box {
    height: 300rem;
    margin-bottom: 20rem;
    position: relative;
    top: 0;
}

.honorshow .pic-box img {
    height: 100%;
    width: auto;
}

.honorshow .showbox p {
    font-size: 15rem;
    text-align: center;
}

.honorbox .paginbox {
    min-width: 300rem;
    margin: auto;
    display: flex;
    justify-content: center;
}

.honorbox .paginbox a {
    display: inline-block;
    height: 40rem;
    line-height: 40rem;
    font-size: 16rem;
    box-shadow: 0 0 3rem #676767bf;
    margin: 0 20rem;
    text-align: center;
    border-radius: 5rem;
    padding: 0 20rem;
}

.honorbox .paginbox a:hover {
    background: #027ca7;
    color: #fff;
}

.honorbox .swiper-button-next, .honorbox .swiper-button-prev {
    background: #00000030;
    height: 50rem;
    width: 50rem;
}

/* honor end */
/* news css */
.newsshow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.newsshow .showbox {
    width: 30%;
    margin: 0 20rem;
}

.newsshow .showbox .pic-box {
    width: 100%;
    height: 300rem;
}

.newsshow .showbox .pic-box img {
    height: 100%;
}

.newsshow .showbox .textbox {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: #fff;
    padding: 10rem;
    line-height: 50rem;
    margin-bottom: 20rem;
    color: #000
}

.newsshow .showbox:hover .textbox {
    background: #027ca7;
    color: #fff;
}

.newsshow .showbox .attit {
    font-size: 18rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30rem;
    text-align: left;
    transition: none;
}

.newsshow .showbox .attit span {
    font-size: 14rem;
    opacity: 0.6;
}

.newsshow .showbox .date {
    font-size: 14rem;
    line-height: 30rem;
    text-align: left;
    opacity: 0.6;
    transition: none;
}

.newsshow .showbox:hover .date {
    opacity: 1
}

/* news end */
/* ny css */
/* nypublic */
.breadcrumb {
    position: relative;
    color: #000;
    font-size: 18rem;
    padding: 10px;
    display: flex;
    max-width: 1600rem!important;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    /* box-shadow: 0px 1px 10px rgba(0, 0, 0, .06); */
    /* text-shadow: 1px 1px 1px #000; */
}

.nytit {
    position: absolute;
    top: 220rem;
    font-size: 45rem;
    color: #fff;
    font-weight: bold;
    z-index: 10;
    width: 1400rem;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, .06);
    text-shadow: 1px 1px 1px #000;
    display: none;
}

.nybanner {
    width: 100%;
    height: 379rem;
    padding-top: 81rem;
}

.nybanner .pic-box {
    /* position: fixed; */
    width: 100%;
    height: auto;
    z-index: 0;
}

.nybanner .pic-box img {
    width: 100%;
    height: auto;
    /* min-height:100%; */
}

.nywrapper {
    position: relative;
    z-index: 20;
    overflow: unset!important;
    background: #eee;
}

.nywrapper .nycontain {
    width: 100%;
    margin: 0rem auto;
    min-height: 400rem;
    padding: 40rem 0;
    max-width: 1600rem;
    /* background: #fff; */
}

.nywrapper .nycontain.prolistbox .showbox {
    width: 32% !important;
    display: flex;
    flex-direction: column;
    margin-left: 1%;
    height: 430rem;
    box-shadow: 0 5rem 10rem rgb(0 0 0 / 12%);
}

.nycontain .toppagin .subnav {
    display: none;
}

.nycontain .toppagin {
    width: 100%;
    margin-bottom: 30rem;
}

.nycontain .toppagin .pic-box {
    margin-left: 500rem;
    width: 300rem;
}

.nycontain .toppagin>ul {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.nycontain .toppagin>ul>li {
    width: 12%;
    margin: 0rem 2% 10rem;
    line-height: 50rem;
    text-align: center;
    background: #0b9618;
    color: #333;
    font-size: 16rem;
    position: relative;
    border-radius: 5rem;
}

.nycontain .toppagin>ul>li:hover, .nycontain .toppagin>ul>li.active {
    background-color: #0b9618;
    color: #fff;
}

.nycontain .toppagin>ul>li:hover .subnav {
    display: flex;
    background-color: #027ca7;
    position: absolute;
    top: 50rem;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-top: 1rem #fff solid;
    border-radius: 5rem;
    width: 200%;
    z-index: 99;
}

.nycontain .toppagin>ul>li:hover .subnav>li {
    border: 1rem #ffffff21 solid;
    margin: 5rem;
    min-width: 12%;
    margin: 10rem 2%;
    line-height: 35rem;
    border-radius: 5rem;
}

.nycontain .toppagin>ul>li:hover .subnav>li:hover {
    background-color: #e59d14;
}

.nycontain .toppagin>ul>li:hover .subnav>li a {
    color: #fff;
    font-size: 14rem;
}

.nycontain .toppagin ul a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
}

.pagination {
    padding: 20rem 0;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
}

.pagination li {
    min-width: 30rem;
    background: #ccc;
    margin: 0 10rem;
    line-height: 40rem;
    text-align: center;
    font-size: 16rem;
}

.pagination li a,.pagination li span {
    display: block;
    padding: 0 20rem
}

.pagination li a:hover {
    background: #0b9618;
    color: #fff
}

.pagination li.active span {
    background: #0b9618;
    color: #fff;
}

/* nypublic end */
.main-title {
    width: 100%;
    margin: 20rem;
    font-size: 16rem;
}

/* nyprolist css */
.nyproshow {
    display: flex;
    justify-content: space-between;
    background-color: #eee;
    /* min-height: 700rem; */
    align-items: stretch;
}

.nyproshow .nypropagin {
    width: 25%;
    margin-right: 2%;
    overflow: unset;
    background: #fff;
}

.nyproshow .nypropagin .paginshow {
    padding: 20rem 50rem 30rem 0;
    height: 100%;
    background: #e5e5e5;
}

.nyproshow .nypropagin ul {
    width: 100%;
    height: 100%;
    /* overflow: auto; */
    padding-left: 10%;
    position: sticky;
    top: 100rem;
    /* height: 1000rem; */
}

.nyproshow .nypropagin ul li {
    width: 100%;
    font-size: 18rem;
    font-weight: bold;
    padding: 10rem 20rem;
    margin: 10rem 0;
    transition: background 0.5s ease;
    line-height: 30rem;
    transform: translateX(10rem);
    transition: transform 0.5s ease;
}

.nyproshow .nypropagin ul li span {
    font-size: 14rem;
    font-weight: normal;
    line-height: 20rem;
    display: inline-block;
}

.nyproshow .nypropagin ul li:hover span, .nyproshow .nypropagin ul li.active span {
    color: #f6f6f6;
}

.nyproshow .nypropagin ul li:hover, .nyproshow .nypropagin ul li.active {
    background: #027ca7;
    color: #fff;
    transform: translateX(0);
}

.prolistbox {
    width: 64%;
    padding: 20rem;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
}

.prolistbox .showbox {
    display: flex;
    height: 300rem;
    width: 100%;
    margin-bottom: 20rem;
    background: #fff;
    align-items: flex-start;
    padding: 20rem;
}

.prolistbox .showbox .pic-box {
    width: 100%;
    height: 275rem;
    border: #ccc 1px solid;
}

.prolistbox .showbox .pic-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.prolistbox .showbox .textbox {
    width: 100%;
    padding: 30rem 0rem 0;
}

.prolistbox .showbox .textbox .tit {
    padding-bottom: 20rem;
    /* border-bottom: 1rem #ccc solid; */
}

.prolistbox .showbox .textbox .tit b {
    font-size: 18rem;
}

.prolistbox .showbox .textbox .tit span {
    font-size: 20rem;
    margin-left: 15rem
}

.nyproshow .prolistbox .intro {
    font-size: 18rem;
    line-height: 35rem;
    margin: 20rem 0;
    height: 70rem;
}

.nyproshow .prolistbox p {
    width: 150rem;
    line-height: 40rem;
    background: #0b9618;
    color: #fff;
    text-align: center;
    font-size: 16rem;
}

/* nynews css */
.nynewsshow {
    display: flex;
    flex-wrap: wrap;
}

.nynewsshow .showbox {
    width: 100%;
    margin-bottom: 30rem;
    display: flex;
    height: 300rem;
    position: relative;
    padding: 10rem 10rem;
    background: #fff;
    box-shadow: 0 5rem 10rem rgb(0 0 0 / 12%);
}

.nynewsshow .showbox .pic-box {
    width: 25%;
    height: 290rem;
    padding: 20rem;
}

.nynewsshow .showbox .pic-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.nynewsshow .showbox .textbox {
    width: 75%;
    color: #000;
    position: relative;
    padding: 20rem 20rem;
}

.nynewsshow .showbox .textbox .newtitle {
    font-size: 24rem;
    font-weight: bold;
    margin-bottom: 30rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nynewsshow .showbox .textbox .textshow {
    opacity: 0.7;
    font-size: 16rem;
    line-height: 30rem;
}

.nynewsshow .showbox .textbox .bottomtext {
    display: flex;
    justify-content: space-between;
    position: absolute;
    padding: 10rem 0;
    width: 100%;
    align-items: center;
    bottom: 10rem;
}

.nynewsshow .showbox .textbox .bottomtext .date {
    font-size: 16rem;
    background: #027ca7;
    color: #fff;
    text-align: center;
    padding: 5rem 25rem;
}

.nynewsshow .showbox .textbox .bottomtext .date span {
    font-size: 30rem;
}

.nynewsshow .showbox .textbox .bottomtext .more {
    padding: 10rem 35rem;
    font-size: 16rem;
    border: 1rem #b0b0b0 solid;
    text-align: center;
    margin-right: 50rem;
    border-radius: 5rem;
}

.nynewsshow .showbox:hover .textbox .bottomtext .more {
    background: #0b9618;
    color: #fff;
    border: none;
}

/* nynews end */
/* abus css*/
.abtit {
    width: 100%;
    text-align: center;
    font-size: 45rem;
    margin-bottom: 40rem;
    font-weight: bold;
    color: #027ca7;
}

.nyabout h1,.nyabout h2 {
    font-size: 30rem;
    color: #000;
    text-align: center;
    margin: 30rem 0;
    width: 100%;
}

.nyaboutus .nyabouttext {
    padding: 20rem 50rem;
    font-size: 16rem;
    line-height: 30rem;
    letter-spacing: 2rem;
    display: flex;
    position: relative;
}

.nyaboutus .nyabouttext .textbox {
    width: 60%;
    line-height: 36rem;
    font-size: 16rem;
    padding: 30rem;
    position: relative;
    left: -5%;
    background: #fff;
    height: 670rem;
    top: 50rem;
    /* box-shadow: 4rem 5rem 20rem #027ca7; */
    border-bottom-left-radius: 50rem;
}

.nyaboutus .nyabouttext .numbox {
    display: flex;
    justify-content: space-between;
    font-size: 16rem;
    text-align: center;
    margin-top: 20rem;
}

.nyaboutus .nyabouttext .numbox .top {
    font-weight: bold;
}

.nyaboutus .nyabouttext .numbox .top b {
    font-size: 40rem;
    color: #027ca7;
}

.nyaboutus .nyabouttext .numbox .bottom {
    font-size: 18rem;
    line-height: 15rem;
}

.nyaboutus .nyabouttext .pic-box {
    width: 60%;
    height: 770rem;
}

.nyaboutus .nyabouttext .pic-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.nyaboutus .nyabouttext .titb {
    position: absolute;
    right: 0;
    top: 0;
    width: 50rem;
    font-size: 70rem;
    line-height: 120rem;
    font-weight: bold;
    text-align: center;
    margin: auto;
    bottom: 0;
    display: flex;
    align-items: center;
    color: #027ca778;
}
/*  */
.abcomshow {
    display: flex;
}

.abcomshow .left .textbox {
    padding: 120rem 30rem 146rem;
    position: relative;
}

.abcomshow .left .leftbot {
    width: 100%;
    background: #027ca7;
    color: #fff;
    height: 180rem;
    /* position: relative; */
    display: flex;
    justify-content: space-between;
    padding: 0 50rem;
    font-size: 20rem;
    align-items: center;
}

.abcomshow .left .leftbot .phone {
    display: flex;
    align-items: center;
}

.abcomshow .left .leftbot b {
    font-size: 40rem;
}

.abcomshow .left .textbox .intro {
    font-size: 24rem;
    text-align: left;
    margin-top: 50rem;
}

.abcomshow .left .textbox .addres {
    font-size: 24rem;
    margin-top: 60rem;
    text-align: left;
}

.abcomshow .left .textbox .pic-box {
    position: absolute;
    opacity: 0.05;
    filter: grayscale(1);
    left: 20%;
    top: 60%;
}

.abcomshow .right p {
    display: none;
}

.abcomshow .right .comscreen .showbox {
    position: relative;
}

.abcomshow .right .comscreen p {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    width: 140rem;
    height: 50rem;
    text-align: center;
    line-height: 50rem;
    background: #18439ad6
}

.abcomshow .right .comscreen {
    width: 100%;
    overflow: hidden
}

.abcomshow .right .comscreen .pic-box {
    width: 100%;
    height: 540rem;
}

.abcomshow .right .compagin {
    padding: 20rem 0;
    background: linear-gradient(270deg, #027ca7, white);
    height: 180rem;
    position: relative;
    z-index: 10;
    overflow: hidden;
}

.abcomshow .right .compagin .swiper-slide {
    align-items: center;
}

.abcomshow .right .compagin .showbox {
    padding: 0 10rem;
    height: 100%;
    display: flex;
}

.abcomshow .right .compagin .showbox .pic-box {
    border: 5rem #fff solid;
}

.abcomshow .right .compagin .swiper-slide-thumb-active .pic-box {
    border: 5rem #027ca7 solid;
}

.nuabhis {
    width: 100%!important;
    padding: 100rem 0!important;
    overflow: hidden;
}

.nyhisshow {
    width: 100%;
    height: 600rem;
    width: 100%;
    margin: 0 auto;
    --swiper-theme-color: #027ca7;
    --swiper-navigation-color: #027ca7;
    --swiper-navigation-size: 60rem;
    position: relative;
}

.nyhis {
    width: 100%!important;
    position: relative;
}

.nyhisshow:before {
    position: absolute;
    top: -7.5rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    content: "";
    width: 100%;
    height: 10rem;
    background-image: linear-gradient(90deg, #bdbdbd 4%, transparent 4%);
    border-bottom: 3rem #bdbdbd solid;
    background-size: 3% 100%;
}

.nyhisshow .swiper-slide {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.nyhisshow .swiper-slide:nth-child(even) {
    flex-direction: column-reverse;
}

.nyhisshow .swiper-slide .showbox {
    width: 150%;
    position: relative;
    font-size: 16rem;
    padding: 20rem;
    height: 50%;
    display: flex;
    flex-direction: column;
}

.nyhisshow .swiper-slide .showbox:before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 85%;
    width: 4rem;
    background: #bdbdbd;
    content: '';
}

.nyhisshow .swiper-slide:nth-child(even) .showbox:before {
    top: 0;
    bottom: unset;
    height: 76%;
}

.nyhisshow .swiper-slide .showbox:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0%;
    width: 4rem;
    background: #027ca7;
    content: '';
    transition: 0.5s ease;
}

.nyhisshow .swiper-slide .showbox:hover:after, .nyhisshow .swiper-slide.swiper-slide-active .showbox:after {
    height: 78%;
}

.nyhisshow .swiper-slide:nth-child(even) .showbox:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 0%;
    width: 4rem;
    background: #027ca7;
    content: '';
    transition: 0.5s ease;
}

.nyhisshow .swiper-slide:nth-child(even) .showbox:hover:after, .nyhisshow .swiper-slide:nth-child(even).swiper-slide-active .showbox:after {
    height: 76%;
}

.nyhisshow .swiper-slide .showbox .tit:after {
    position: absolute;
    left: -28rem;
    top: 4rem;
    bottom: 0;
    height: 12rem;
    width: 12rem;
    content: '';
    border-radius: 50%;
    border: 5rem #027ca7 solid;
    background: #fff;
    margin: auto;
    transition: 0.5s ease;
    display: block;
}

.nyhisshow .swiper-slide .showbox:hover .tit:after, .nyhisshow .swiper-slide.swiper-slide-active .showbox .tit:after {
    background: #027ca7;
    top: 45%;
}

.nyhisshow .swiper-slide .showbox:hover .tit, .nyhisshow .swiper-slide.swiper-slide-active .showbox .tit {
    font-size: 35rem;
    color: #027ca7;
    font-weight: bold;
}

.nyhisshow .swiper-slide:nth-child(even) .showbox {
    justify-content: flex-end;
}

.nyhisshow .swiper-slide .showbox .tit {
    font-size: 22rem;
    margin-bottom: 10rem;
    position: relative;
    transition: 0.5s ease;
}

/*  */
.nyabpart {
    padding: 80rem 0!important;
    width: 100%!important;
    background-image: url('../images/abpartbg.jpg');
    position: relative;
    background-position: center;
    background-size: cover;
}

.nyabpart:before {
    background-image: linear-gradient(45deg, #0b9618f0 , transparent);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
}

.abpartshow {
    display: flex;
    width: 1600rem;
    margin: 0 auto;
    color: #fff;
    position: relative;
}

.abpartshow .left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.abpartshow .abtit {
    margin-bottom: 40rem;
}

.abpartshow .left .intro {
    font-size: 20rem;
}

.abpartshow .parshow {
    height: 500rem;
    width: 100%;
    overflow: hidden;
}

.abpartshow .parshow .swiper-slide {
    height: 33.333%;
    display: flex;
    align-items: center;
}

.abpartshow .parshow .showbox {
    position: relative;
    padding: 20rem;
    width: 100%;
}

.abpartshow .parshow .showbox p {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #027ca7a1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20rem;
    opacity: 0;
    transition: 0.5s ease
}

.abpartshow .parshow .showbox:hover p {
    opacity: 1;
}

.abpartshow .parshow .showbox:hover .pic-box {
    transform: scale(1.15)
}

/* abus end*/
/* nycase */
.caseintro {
    display: flex;
    justify-content: space-between;
}

.caseintro .left {
    padding: 40rem 30rem 20rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.caseintro .left .pic-box {
    position: absolute;
    right: 30rem;
    bottom: 20rem;
    width: 200rem;
}

.caseintro .left h1 {
    color: #027ca7;
    font-size: 35rem;
    text-align: center;
    margin-bottom: 20rem;
}

.caseintro .left h2 {
    font-size: 22rem;
    margin-bottom: 10rem;
}

.caseintro .left p {
    font-size: 18rem;
    margin: 20rem;
}

.caseintro .right .pic-box {
    height: 400rem;
    width: 100%;
}

.casepagin {
    margin: 40rem 0;
}

.casepagin>ul {
    /* height: 50rem; */
    align-items: center;
}

.casepagin>ul>li {
    height: 100%;
    background: #fff!important;
    box-shadow: 0 0 10rem #a6a6a6;
    line-height: 50rem!important;
}

.casepagin>ul>li:hover {
    background: #027ca7!important;
}

.nycasebox .caseshow {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    margin: 60rem 0;
}

.nycasebox .caseshow .casetitle {
    font-size: 35rem;
    width: 100%;
    line-height: 23rem;
    border-left: 15rem #027ca7 solid;
    padding-left: 25rem;
    margin-bottom: 20rem;
}

.nycasebox .caseshow .casetitle span {
    font-size: 16rem;
    letter-spacing: 1.5rem;
    opacity: 0.6;
}

.nycasebox .caseshow .showbox {
    width: 19.5%;
    height: 178rem;
    margin: 10rem 0;
    border: 1rem #0000 solid;
    box-shadow: 3rem 3rem 5rem #6969699e;
}

.nycasebox .caseshow .showbox:nth-child(2), .nycasebox .caseshow .showbox:nth-child(3) {
    width: 49.5%;
    height: 303rem;
}

.nycasebox .caseshow .showbox:nth-child(4), .nycasebox .caseshow .showbox:nth-child(5), .nycasebox .caseshow .showbox:nth-child(6) {
    width: 33%;
    height: 255rem;
}

.nycasebox .caseshow .showbox .pic-box {
    height: 100%;
    width: 100%;
}

.nycasebox .caseshow .showbox .pic-box img {
    min-height: 100%
}

/* nycase end*/
/* nyhonor */
.nyhonorshow {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30rem;
}

.nyhonorshow .showbox {
    width: 23%;
    display: block;
    margin: 0 1% 40rem;
    box-shadow: 0 0 10rem #bebebe;
}

.nyhonorshow .showbox .pic-box {
    width: 100%;
    height: 400rem;
}

.nyhonorshow .showbox p {
    font-size: 16rem;
    text-align: center;
    height: 60rem;
    padding: 10rem 20rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nyhonorshow .showbox:hover p {
    background: #027ca7;
    color: #fff
}

/* nyhonor end*/
/* prodetail css */
.nyprodetail {
    display: flex;
    flex-wrap: wrap;
}

.nyprodetail .textbox.left {
    padding: 20rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    /* padding: 10% 50rem 10% 10%; */
    width: 1600rem;
    /* background-image: url(../images/bg06.jpg); */
    color: #fff;
    background-size: contain;
    background-position: center;
    position: relative;
    margin: 0px auto;
}

.nyprodetail .textbox.left>* {
    position: relative;
    z-index: 10;
}

.nyprodetail .textbox.left:before {
    /* background: linear-gradient(225deg, #1b408c, transparent); */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
}

.nyprodetail .textbox.left .tit {
    font-weight: bold;
    color: #027ca7;
    font-size: 40rem;
    /* text-shadow: 1rem 1rem 2rem #fff; */
    letter-spacing: 2rem;
}

.nyprodetail .textbox.left .subtit {
    font-size: 20rem;
    font-weight: bold;
    margin: 15rem 0 30rem;
}

.nyprodetail .textbox.left .intro {
    font-size: 16rem;
    line-height: 35rem;
}

.nyprodetail .textbox.left .btnbox {
    margin-top: 30rem;
    display: flex;
}

.nyprodetail .textbox.left .btnbox .showbox {
    margin: 0rem 20rem 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16rem;
    background: #0b9618;
    padding: 5rem 20rem;
    border-radius: 5rem;
}

.nyprodetail .textbox.left img {
    width: 30rem;
    margin-right: 10rem;
}

.nyprodetail .right {
    width: 60%;
    display: flex;
    align-items: center;
}

.picshowbox {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    height: 100%;
    padding: 0 50rem;
}

.picshowbox .showbox {
    width: 100%;
    padding: 0 40rem;
    filter: grayscale(1);
    transition: 0.5s ease;
}

.picshowbox .swiper-slide {
    position: relative;
    z-index: 1;
    align-items: center;
    display: flex;
}

.picshowbox .swiper-slide-active.swiper-slide {
    z-index: 10;
}

.picshowbox .swiper-slide-active .showbox {
    filter: grayscale(0);
    transform: scale(1.7);
    box-shadow: 5rem 8rem 30rem #0003;
    background: #fff;
}

.nyprodetail .moredetail {
    /* margin-top:50rem */
    padding-left: 20rem;
    padding-bottom: 120rem;
}

.nyprodetail .moredetail .tit {
    font-size: 30rem;
    margin: 30rem 0 30rem 0;
    font-weight: bold;
    color: #027ca7;
    display: flex;
    align-items: flex-end;
}

.nyprodetail .moredetail .tit span {
    margin-left: 20rem;
    font-size: 18rem;
}

.nyprodetail .moredetail .textbox {
    font-size: 18rem;
    line-height: 40rem;
}

.nyprodetail table {
    margin-top: 20rem;
    width: 1200rem;
    border: none;
}

.nyprodetail tr:nth-child(odd) {
    background: #eee;
}

.nyprodetail table td {
    padding: 10rem;
    text-align: center;
}

/* prodetail end */
.honordetail {
    width: 600rem;
    margin: 0 auto;
    margin-top: 30rem;
}

.honordetail .arttit {
    font-size: 30rem;
    margin: 10rem 0;
}

.honordetail .showscreen {
    width: 100%;
    overflow: hidden;
    border: 1rem #333 solid;
}

.honordetail .textshow {
    font-size: 18rem;
    line-height: 40rem;
    ; }

.honordetail .showscreen .pic-box {
    height: auto;
    min-height: unset;
}

.honordetail .showscreen .pic-box img {
    width: 100%;
    height: auto;
    min-width: unset;
    min-height: unset;
}

.honordetail .showitem {
    width: 100%;
    margin-top: 20rem;
    overflow: hidden;
    position: relative;
}

.honordetail .showitem .pic-box {
    width: 100%;
    height: 200rem;
    border: 1rem #9c9c9c solid;
}

.honordetail .showitem .swiper-slide-thumb-active .pic-box {
    border: 3rem #027ca7 solid;
}

/* honordetail end*/
.newsdetail {
    margin: 30rem 0;
}

.newsdetail .newscontain {
    font-size: 18rem;
    line-height: 40rem
}

.newsdetail .newscontain video {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    /* 防止溢出容器，可选 */
}

.newsdetail .newscontain img {
    display: block;
    width: 60%!important;
    height: auto!important;
    margin: 20rem auto;
}

.newsdetail .titgroup {
    margin: 30rem 0;
    text-align: center;
    width: 100%;
    padding-bottom: 10rem;
    border-bottom: 1rem #027ca7 dashed;
}

.newsdetail .titgroup h2 {
    font-size: 30rem;
    font-weight: bold;
}

.newsdetail .titgroup .subtext {
    font-size: 16rem;
    padding: 10rem 0;
    color: #333;
    opacity: 0.6;
}

.newsdetail .nextbox {
    display: flex;
    justify-content: space-between;
    font-size: 16rem;
    margin-top: 50rem;
}

/* newsdetail end*/
.nycontact {
    display: flex;
    flex-wrap: wrap;
    width: 100%!important;
    background: #eee;
}

.nycontact .left {
    font-size: 18rem;
    line-height: 45rem;
    text-align: left;
    padding: 30rem 80rem 30rem 30rem;
    background: #eee;
    color: #00000094;
    width: 45%;
}

.nycontact .left .contit {
    font-size: 40rem;
    font-weight: bold;
    color: #027ca7;
    letter-spacing: 3rem;
}

.nycontact .left .group {
    font-size: 18rem;
    margin: 40rem 0;
}

.nycontact .left .group .tit {
    font-size: 30rem;
    font-weight: bold;
    margin-bottom: 20rem;
    color: #000;
    padding-bottom: 20rem;
    border-bottom: 5rem #0b9618 solid;
    width: 50%;
}

.nyabus .bottombox {
    margin-top: 10rem;
    display: flex;
    justify-content: space-between;
    width: 90%;
    position: absolute;
    bottom: 20rem;
}

.nyabus .bottombox .showbox {
    width: 25%;
    padding: 10rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.nyabus .bottombox .top {
    font-size: 16rem;
}

.nyabus .bottombox b {
    font-size: 35rem;
    color: #027ca7;
}

.nyabus .bottombox .bot {
    font-size: 20rem;
    text-align: center;
}

.nywrapper .nycontain.nyserver {
    width: 100%;
}

.nyserver .serbox {
    width: 1600rem;
    margin: 150rem auto;
}

.nyserver h1 {
    margin: 150rem 0;
}

.nyserver .serbox .nytit {
    font-size: 35rem;
    text-align: center;
    margin-bottom: 20rem;
}

.nyserver .serbox .nytit .subtit {
    font-size: 20rem;
    display: block;
    margin-top: 10rem
}

.serbox .nyadshow {
    display: flex;
    justify-content: center;
    margin-top: 50rem;
}

.serbox .nyadshow .showbox {
    margin: 0 1%;
}

.serbox .nyadshow .showbox .pic-box {
    width: 150rem;
    height: 200rem;
    background: linear-gradient(45deg, #5388ee, #135ce8);
    padding: 30rem;
    border-radius: 20rem;
}

.serbox .nyadshow .showbox p {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-size: 20rem;
}

.serbox .fashow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}

.serbox .fashow .showbox {
    width: 150rem;
    height: 150rem;
    border-radius: 50%;
    background: linear-gradient(45deg, #5388ee, #135ce8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 20rem;
    font-size: 40rem;
    text-align: center;
}

.serbox .fashow .showbox:nth-child(1) {
    margin: 80rem 45%;
    margin-top: 30rem;
}

.serbox .fashow .showbox {
    margin: 80rem 7%;
    position: relative;
    z-index: 20;
}

.serbox .fashow .midtext {
    width: 420rem;
    position: absolute;
    height: 420rem;
    top: 60rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30rem;
    color: red;
    text-align: center;
    line-height: 50rem;
}

.serbox .fashow .midtext:before {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1rem #8b8b8b solid;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
}

.serbox .fashow .midtext:after {
    position: absolute;
    width: 80%;
    height: 80%;
    border: 1rem #8b8b8b solid;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
}

.fapic {
    display: flex;
    width: 100%;
    justify-content: space-around
}

.fapic img {
    width: 30%;
}

.nyserintro {
    display: flex;
    justify-content: space-between;
    margin-top: 40rem;
}

.nyserintro .showbox {
    width: 23%;
    box-shadow: 4rem 2rem 25rem #969696;
    border-radius: 15rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 450rem;
}

.nyserintro .showbox:hover {
    background: linear-gradient(45deg, #5388ee, #135ce8);
    color: #fff;
}

.nyserintro .showbox:hover .pic-box {
    filter: brightness(0) invert(1);
    border: 1rem #fff solid;
}

.nyserintro .showbox .pic-box {
    width: 120rem;
    padding: 25rem;
    margin: 0 auto;
    border-radius: 50%;
    border: 1rem #000 solid;
}

.nyserintro .showbox .textbox {
    padding: 20rem;
}

.nyserintro .showbox .textbox .tit {
    font-size: 20rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20rem;
}

.nyserintro .showbox .textbox .intro {
    font-size: 18rem;
    line-height: 30rem;
}

.nytechtest {
    display: flex;
    align-items: center;
}

.nytechtest .left {
    width: 40%
}

.nytechtest .right {
    width: 60%
}

.nytechtest .left .pic-box {
    height: 850rem;
}

.nytechtest .pic-box {
    box-shadow: 4rem 5rem 20rem #2f5e92;
    border-radius: 20rem;
    width: 95%;
    margin: 0;
}

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

.nytechtest .right .showbox {
    width: 46%;
    margin: 2%;
}

.nytechtest .right .pic-box {
    width: 100%;
    margin: 0%;
    height: 400rem;
}

.nytechtest .right .pic-box img {
    min-height: 100%;
}

.nytechdesign {
    display: flex;
    flex-wrap: wrap;
}

.nytechdesign .showbox {
    width: 48%;
    margin: 1%
}

.nytechdesign .showbox .pic-box {
    width: 100%;
    height: 450rem;
}

.nyaddshow {
    width: 100%;
    display: flex;
    justify-content: center;
    color: #fff;
    margin-top: 50rem;
    flex-wrap: wrap;
}

.nyaddshow>div {
    width: 23%;
    border-radius: 20rem;
    margin: 1%;
    height: auto;
}

.nyaddshow>div .showbox {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 0 30rem;
    position: relative;
    transition: 0.5s ease;
    height: 100%;
    overflow: hidden;
}

.nyaddshow .showbox:hover {
    transform: translateY(-20rem);
}

.nyaddshow .showbox>div {
    position: relative;
    z-index: 20;
}

.nyaddshow .showbox .bgbox {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
}

.nyaddshow .showbox .bgbox .pic-box {
    width: auto;
    height: 100%;
    position: relative;
    z-index: 1;
}

.nyaddshow .showbox .bgbox .pic-box img {
    height: 100%;
    width: auto;
}

.nyaddshow .showbox .bgbox .colorbg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(210deg,#0000001f,#74cd59ba);
    transition: 0.5s ease;
    background: linear-gradient(45deg, #003466,#00000070);
}

.nyaddshow .showbox:hover .bgbox .colorbg {
    background: linear-gradient(45deg, #003466,#00000070);
}

.nyaddshow .showbox:nth-child(even) {
    flex-direction: row-reverse
}

.nyaddshow .showbox .iconimg {
    width: 80rem;
    margin-bottom: 10rem;
}

.nyaddshow .showbox .iconimg img {
    width: 100%;
    height: auto;
}

.nyaddshow .showbox>.pic-box {
    width: 50%;
    margin-top: 100rem;
    display: none;
}

.nyaddshow .showbox:nth-child(2)>.pic-box {
    width: 30%;
    margin-top: 60rem;
    margin-left: 50rem;
}

.nyaddshow .showbox .textbox {
    padding: 100rem 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.nyaddshow .showbox .textbox .tit {
    font-size: 25rem;
    margin-bottom: 20rem;
    font-weight: bold;
}

.nyaddshow .showbox .textbox .intro {
    font-size: 16rem;
    line-height: 30rem;
}

.aftersale {
    display: flex;
}

.aftersale .right {
    padding: 60rem 120rem;
}

.aftersale .abtit {
    text-align: left;
}

.aftersale .right p {
    font-size: 25rem;
    line-height: 50rem
}