* {
    margin: 0px;
    padding: 0px;
    font-size: 15px;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

input,
textarea {
    outline: none;
    border: none;
}

html {
    transition: font-size 0.3s ease;
    font-family: "Open Sans", sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

table {
    border-collapse: collapse;
    width: 100% !important;
}


.public {
    width: 100%;
    height: 100%;
    max-width: 16rem;
    margin: 0 auto;
}



.nav_out {
    width: 100%;
    height: 0.9rem;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    display: flex;
    justify-content: center;
}

.nav {
    position: relative;
    width: 16rem;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    box-sizing: border-box;
    padding: 0px 1rem 0px 0.6rem;
    border-radius: 0.12rem;
    transform: translateY(0.24rem);
    transition: 0.4s ease;
}

.nav .public {
    max-width: 16.5rem;
}

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

.nav .out .logo {
    height: 0.45rem;
    /*width: 2.4rem ;*/
}

.nav .out .logo img {
    height: 100%;
    /*width: 100% ;*/
    display: block;
     object-fit: contain;
}

.nav .out .right {
    display: flex;
    align-items: center;
    height: 100%;
}

.nav .out .right ul {
    display: flex;
    align-items: center;
    height: 100%;
    margin-right: 0.53rem;
}

.nav .out .right ul li {
    margin-right: 0.65rem;
    position: relative;
    height: 100% ;
    display: flex ;
    align-items: center ;
}

.pulldown_nav {
    position: absolute ;
    left: 50% ;
    transform: translateX(-50%);
    min-width: 2rem ;
    background: rgba(255, 255, 255, 0.85) ;
    top: 0.9rem ;
    display: none ;
    box-shadow: 0px 0.06rem 0.1rem 0.01rem #0000001a;
}

.pulldown_nav a {
    display: block ;
    text-align: center ;
    padding: 0.1rem 0.15rem ;
    box-sizing: border-box ;
    color: #666666 ;
    font-size: 0.16rem ;
}

.pulldown_nav a:hover {
    color: #E81123 ;
}

.nav .out .right ul li:last-child {
    margin-right: 0px;
}

.nav .out .right ul li .title {
    font-weight: 400;
    font-size: 0.16rem;
    color: #666666;
}

.nav .out .right .Telephone .tit {
    display: flex;
    align-items: center;
    width: max-content;
}

.nav .out .right .Telephone img {
    height: 0.19rem;
    display: block;
    margin-right: 0.1rem;
}

.nav .out .right .Telephone .tit span {
    font-size: 0.14rem;
    color: #555555;
    font-weight: normal;
    display: block ;
    white-space: nowrap
}

.nav .out .right .Telephone h5 {
    color: #E81123;
    font-size: 0.19rem;
    font-weight: 500;
}

.Applications_pulldown_nav {
    position: fixed ;
    top: 0.9rem ;
    left: 50%  ;
    width: 100% ;
    max-width: 16rem ;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.85) ;
    padding: 0.36rem 5% ;
    box-sizing: border-box ;
    display: flex ;
    justify-content: space-between ;
    border-radius: 0px 0px 0.1rem 0.1rem ;
    opacity: 0 ;
    pointer-events: none ;
    z-index: -111 ;
    transition: 0.4s ease;
    visibility: hidden;
    box-shadow: 0px 0.06rem 0.1rem 0.01rem #0000001a;
}

.Applications_pulldown_nav .box img {
    height: 0.44rem ;
    display: block ;
    margin: 0 auto ;
}

.Applications_pulldown_nav .box span {
    text-align: center ;
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 0.16rem ;
    color: #333333;
    margin-top: 0.15rem ;
}

.Applications_pulldown_nav .box:hover span {
    color: #E81123 ;
}

.nav.active .Applications_pulldown_nav {
    max-width: 100% ;
    background: #FFF ;
}

.nav .out .right ul li:hover .Applications_pulldown_nav {
    opacity: 1 ;
    visibility: visible;
    pointer-events: all ;
    z-index: 10 ;
}

.nav .out .right ul li.active .title,
.nav .out .right ul li:hover .title {
    color: #E81123;
}

.nav.nav_hover {
    border-radius: 0.12rem 0.12rem 0px 0px ;
} 

.nav.active {
    width: 100%;
    transform: translateY(0px);
    border-radius: 0px;
    background: #FFF;
    box-shadow: 0px 0px 0.12rem 0.01rem rgba(7, 61, 154, 0.27);
}



.banner {
    width: 100%;
}

.banner .swiper {
    width: 100%;
    height: 100%;
}

.banner .swiper-slide {
    position: relative;
    height: 9.19rem;
    overflow: hidden;
}

.banner .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    /* transform: perspective(1000px) translate3d(0, 0, 1.5rem); */
    transition: 5s 0s;
}

.banner .swiper-slide-active img {
    /* transform: perspective(1000px) translate3d(0, 0, 0px); */
}

.banner .swiper-slide .text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.banner .swiper-slide .text h5,
.banner .swiper-slide .text p {
    font-weight: 500;
    font-size: 0.5rem;
    color: #FFFFFF;
    text-shadow: 0px 0.03rem 0.06rem rgba(0, 0, 0, 0.21);
}

.banner .swiper-slide .text p {
    display: block;
    margin: 0.59rem 0px 0.84rem 0px;
}

.banner .swiper-slide .text a {
    width: 2.12rem;
    height: 0.47rem;
    background: #FFFFFF;
    border: 0.01rem solid #707070;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.17rem;
    color: #E81123;
}

.banner .swiper-pagination {
    position: absolute;
    left: 1.6rem;
    bottom: 0.77rem;
    display: flex;
    align-items: center;
    width: max-content;
}

.banner .swiper-pagination .swiper-pagination-bullet {
    width: 0.1rem;
    height: 0.1rem;
    background: #FFFFFF;
    opacity: 1;
    transition: 0.5s ease;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
    width: 0.29rem;
    height: 0.1rem;
    background: #E81123;
    border-radius: 0.06rem;
}

.compressors {
    width: 100%;
    height: 2.03rem;
    background: #F5F5F5;
    padding: 0.54rem 0px;
    box-sizing: border-box;
}

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

.compressors .out .box {
    width: 25%;
    height: 0.91rem;
    border-left: 0.01rem solid #CCCCCC;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.compressors .out .box::after {
    position: absolute;
    left: -0.015rem;
    top: 0px;
    height: 0.3rem;
    background: #073D9A;
    content: '';
    width: 0.03rem;
    display: block;
}

.compressors .out .box .tit {
    display: flex;
    align-items: end;
    margin-bottom: 0.15rem;
}

.compressors .out .box .tit h5 {
    font-weight: 500;
    font-size: 0.57rem;
    line-height: 1;
    color: #111111;
}

.compressors .out .box .tit span {
    font-weight: 400;
    font-size: 0.15rem;
    color: #666666;
    margin-left: 0.1rem;
    display: block;
}

.compressors .out .box p {
    font-weight: 400;
    font-size: 0.16rem;
    color: #959595;
}

.Home_Introduction {
    width: 100%;
    background: url(../images/9985.jpg) no-repeat center;
    background-size: cover;
    height: 6.83rem;
    padding: 1.56rem 0px 1.19rem 0px;
    box-sizing: border-box;
}

.Home_Introduction .title {
    width: 100%;
    margin-bottom: 0.52rem;
}

.Home_Introduction .title h5 {
    font-weight: bold;
    font-size: 0.38rem;
    color: #111111;
    line-height: 1;
    margin-bottom: 0.31rem;
}

.Home_Introduction .title span {
    font-weight: 400;
    font-size: 0.2rem;
    color: #414141;
    display: block;
    margin-bottom: 0.43rem;
}

.Home_Introduction .title p {
    width: 100%;
    max-width: 7.8rem;
    font-weight: 400;
    font-size: 0.16rem;
    color: #828282;
    line-height: 1.6em;
}

.Home_Introduction .icon_box {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
}

.Home_Introduction .icon_box .box {
    margin-right: 1.14rem;
}

.Home_Introduction .icon_box .box:last-child {
    margin-right: 0px;
}

.Home_Introduction .icon_box .box a {
    display: flex;
    align-items: center;
}

.Home_Introduction .icon_box .box img {
    height: 0.21rem;
    display: block;
    margin-right: 0.1rem;
}

.Home_Introduction .icon_box .box span {
    font-weight: 400;
    font-size: 0.18rem;
    color: #5B5B5B;
    display: block;
}

.Home_Introduction .Moer {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 0.17rem;
    color: #4B4B4B;
}

.Home_Introduction .Moer img {
    height: 0.13rem;
    display: block;
    margin-right: 0.1rem;
}


.Recommendation {
    width: 100%;
    margin: 1rem 0px;
}

.Recommendation .out {
    width: 100%;
    height: 6.70rem;
    display: flex;
    justify-content: space-between;
    margin-top: 0.62rem;
}

.Recommendation .out .left {
    width: 7.92rem;
    height: 100%;
}

.Recommendation .out .left a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.61rem 0.36rem;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.Recommendation .out .left h5 {
    font-weight: 400;
    font-size: 0.34rem;
    color: #333333;
    margin-bottom: 0.14rem;
    line-height: 1;
}

.Recommendation .out .left .text {
        height: 100%;
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
}

.Recommendation .out .left .text .Moer{
        font-weight: 400;
    font-size: 0.15rem;
    color: #4E4E4E;
}

.Recommendation .out .left p {
    font-weight: 400;
    font-size: 0.16rem;
    color: #1e1c1c;
    line-height: 1.7em;
}

.Recommendation .out .left .img {
    width: 100%;
    padding: 0px 0.26rem;
    box-sizing: border-box;
}

.Recommendation .out .left .img img {
    width: 6.05rem;
    max-width: 100%;
    height: 3.88rem;
    object-fit: contain;
    width: auto;
    display: block;
    margin: 0 auto;
}


.Recommendation .out .right {
    width: 7.92rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.Recommendation .out .right .box {
    width: 100%;
    height: 3.23rem;
}

.Recommendation .out .right .box a {
    width: 100%;
    height: 100%;
    padding: 0.57rem 0.41rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.Recommendation .out .right .box .text {
    width: calc(100% - 2.54rem - 0.2rem);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.Recommendation .out .right .box .text h5 {
    font-weight: 400;
    font-size: 0.34rem;
    color: #333333;
    line-height: 1;
    margin-bottom: 0.12rem;
}

.Recommendation .out .right .box .text p {
    font-weight: 400;
    font-size: 0.16rem;
    color: #828282;
}

.Recommendation .out .right .box .text .Moer {
    font-weight: 400;
    font-size: 0.15rem;
    color: #4E4E4E;
}

.Recommendation .out .right .box .img {
    width: 2.54rem;
    height: 100%;
    margin-right: 0.49rem;
}

.Recommendation .out .right .box .img img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    display: block;
    object-fit: contain;
    margin: 0 auto;
}

.public_title {
    width: 100%;
    text-align: center;
}

.public_title h5 {
    font-weight: 500;
    font-size: 0.38rem;
    color: #111111;
    line-height: 1;
    margin-bottom: 0.2rem;
}

.public_title b {
    font-weight: 500;
    font-size: 0.38rem;
    color: #073D9A;
}

.public_title p {
    text-align: center;
    font-weight: 400;
    font-size: 0.2rem;
    color: #828282;
    max-width: 12rem ;
    margin: 0 auto;
}

.Applications {
    margin: 1rem 0px;
    width: 100%;
}

.Applications .out {
    margin-top: 0.6rem;
    display: flex;
}

.Applications .out .box {
    width: calc(100% / 9);
    overflow: hidden;
    height: 6.08rem;
    position: relative;
    transition: 0.5s ease;
}

.Applications .out .box .img {
    width: 4.8rem ;
    height: 100%;
}

.Applications .out .box .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.Applications .out .box .tit {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.19);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Applications .out .box .tit .icon {
    height: 0.43rem;
    display: block;
    margin-bottom: 0.4rem;
}

.Applications .out .box .tit h5 {
    font-weight: 400;
    font-size: 0.22rem;
    color: #FFFFFF;
    line-height: 1;
    margin-bottom: 0.14rem;
}

.Applications .out .box .tit span {
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
}

.Applications .out .box .text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 4.8rem ;
    height: 100%;
    background: rgba(0, 0, 0, 0.19);
    padding: 0.6rem 0.2rem 0.4rem 0.24rem;
    box-sizing: border-box;
    background: #0a3b9594 ;
     transform: translateX(-100%);
     transition: 0.5s ease;
     opacity: 0;
}

.Applications .out .box .text .txt {
    box-sizing: border-box;
    width: 100%;
}

.Applications .out .box .text h5 {
    font-weight: 400;
    font-size: 0.22rem;
    color: #FFFFFF;
    line-height: 1;
    margin-bottom: 0.14rem;
}

.Applications .out .box .text span {
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    display: block;
    margin-bottom: 0.2rem;
}


.Applications .out .box .text p {
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    display: block;
    line-height: 1.6em;
    margin-bottom: 0.3rem;
}

.Applications .out .box .text .Meor {
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    display: block;
}

.Applications .out .box:hover {
    width: 4.8rem ;
    flex: none ;
}

.Applications .out .box:hover .tit {
    display: none;
}

.Applications .out .box:hover .text {
    display: block;
}

.Applications .out .box:hover .text  {
    transform: translateX(0);
    opacity: 1;
}

.Case_pages {
    margin: 1rem 0px;
    width: 100%;
}

.Case_pages .out {
    margin-top: 0.6rem;
}

.Case_pages .out .swiper-slide {
    width: 5.19rem;
    height: 3.78rem;
    overflow: hidden;
    position: relative;
    margin: 0px 0.215rem;
}

.Case_pages .out .swiper-slide .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 0.07rem;
}

.Case_pages .out .swiper-slide .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: 0.5s ease;
}

.Case_pages .out .swiper-slide .txt {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0.62rem;
    background: rgba(0, 0, 0, 0.21);
    display: flex;
    align-items: center;
    justify-content: center;
}

.Case_pages .out .swiper-slide .txt h5 {
    font-weight: 400;
    font-size: 0.24rem;
    color: #FFFFFF;
}

.Case_pages .out .swiper-slide:hover .img img {
    transform: scale(1.3);
}

.workflow {
    width: 100%;
    height: 5.53rem;
    background: url(../images/9986.jpg) no-repeat center;
    padding: 0.76rem 0px 1.16rem 0px;
    box-sizing: border-box;
    background-size: cover;
}

.workflow .public_title h5 {
    color: #FFF;
}

.workflow .public_title p {
    color: #FFF;
}

.workflow .public {
    max-width: 15rem;
}

.workflow .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 0.83rem;
}

.workflow .out .box {
    width: 1.15rem;
}

.workflow .out .box .img {
    width: 100%;
    height: 1.15rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}

.workflow .out .box .img img {
    height: 0.52rem;
    width: 0.52rem;
    object-fit: contain;
    display: block;
}

.workflow .out .box span {
    font-weight: 400;
    font-size: 0.19rem;
    color: #FFFFFF;
    margin: 0.2rem auto;
    display: block;
    text-align: center;
}

.workflow .out .box i {
    width: 35px;
    height: 0.01rem;
    background: #FFF;
    opacity: 0.39;
    display: block;
    margin: 0px auto;
}

.News_Center {
    padding: 1rem 0px 0.7rem 0px;
    width: 100%;
    background: url(../images/9618.png) no-repeat center;
    background-size: cover;
    box-sizing: border-box;
}

.News_Center .out {
    margin-top: 0.6rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
}

.News_Center .out .box {
    width: 49%;
    padding-bottom: 0.28rem;
    border-bottom: 0.01rem solid #E1E1E1;
    margin-bottom: 0.29rem;
    box-sizing: border-box;
    position: relative;
}

.News_Center .out .box::after {
    width: 0%;
    left: 0px;
    height: 0.01rem;
    background: #073D9A;
    content: '';
    bottom: 0px;
    position: absolute;
    transition: 0.5s ease;
}

.News_Center .out .box a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.News_Center .out .box a .left {
    width: 2.64rem;
    height: 1.52rem;
    flex: none;
    overflow: hidden;
}

.News_Center .out .box a .left img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: 0.5s ease;
}

.News_Center .out .box a .right {
    width: calc(100% - 2.64rem - 0.33rem);
}

.News_Center .out .box a .right h5 {
    font-weight: bold;
    font-size: 0.2rem;
    color: #333333;
    line-height: 1;
    margin-bottom: 0.21rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.News_Center .out .box a .right p {
    font-weight: 400;
    font-size: 0.16rem;
    color: #444444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.News_Center .out .box a .right .txt {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.45rem;
}

.News_Center .out .box a .right .txt span {
    font-weight: 400;
    font-size: 0.14rem;
    color: #777777;
    display: flex;
    align-items: center;
}

.News_Center .out .box a .right .txt span img {
    height: 0.12rem;
    display: block;
    margin-right: 0.1rem;
}

.News_Center .out .box a:hover .left img {
    transform: scale(1.2);
}

.News_Center .out .box a:hover .right h5 {
    color: #073D9A;
}

.News_Center .out .box:hover::after {
    width: 100%;
}

.News_Center_min {
    display: none ;
}

.footer {
    width: 100%;
    background: #fff;
}

.footer .logo_top {
    width: 100%;
    padding: 0.5rem 0px;
    box-sizing: border-box;
    border-bottom: 0.01rem solid #707070;
}

.footer .logo_top .logo {
    height: 0.5rem;
    display: block;
}

.footer .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 0.6rem;
    padding-bottom: 0.8rem;
    box-sizing: border-box;
}

.footer .out .left {
    width: 4.16rem;
    padding-top: 0.15rem;
}

.footer .out .left p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #333;
    margin-bottom: 0.54rem;
}

.footer .out .left p:last-child {
    margin-bottom: 0px;
}

.footer .out .right {
    width: calc(100% - 4.16rem - 2.01rem);
    display: flex;
    justify-content: space-between;
}

.footer .out .right .box h5 {
    font-weight: 500;
    font-size: 0.2rem;
    color: #333;
    margin-bottom: 0.4rem;
}

.footer .out .right .box a {
    font-weight: 400;
    font-size: 0.16rem;
    color: #333;
    display: block;
    margin-bottom: 0.39rem;
}

.footer .out .right .box a:last-child {
    margin-bottom: 0px;
}

.copyright {
    width: 100%;
    padding: 0.2rem 0px;
    box-sizing: border-box;
    border-top: 0.01rem solid #727272;
}

.copyright .public {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px 0.2rem;
}

.copyright .public p,
.copyright .public a {
    font-weight: 400;
    font-size: 0.14rem;
    color: #333 ;
}

.copyright .public .zhichi {
    position: absolute;
    right: 0px;
    opacity: 0 ;
}


.banner_Products {
    width: 100%;
    padding: 1.73rem 0px 0.96rem 0px;
    box-sizing: border-box;
    position: relative;
}

.banner_Products .banner_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
}

.banner_Products .text {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 20;
}

.banner_Products .text h5 {
    font-weight: 500;
    font-size: 0.35rem;
    color: #FFFFFF;
    text-shadow: 0px 0.03rem 0.06rem rgba(0, 0, 0, 0.21);
    line-height: 1;
    margin-bottom: 0.25rem;
}

.banner_Products .text span {
    font-weight: 400;
    font-size: 0.19rem;
    color: #FFFFFF;
    text-shadow: 0px 0.03rem 0.06rem rgba(0, 0, 0, 0.21);
    display: block;
}

.banner_Products .text .list {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 0.57rem;
}

.banner_Products .text .list .item {
    width: 2.24rem;
    height: 2.29rem;
    background: rgba(0, 0, 0, 0.43);
    border: 0.01rem solid rgba(255, 255, 255, 0.63);
    backdrop-filter: blur(0.05rem);
    box-shadow: 0px 0px 0.12rem 0.01rem #FFF;
    margin-right: 0.2rem;
    padding: 0.15rem 0.16rem 0.21rem 0.16rem;
    box-sizing: border-box;
    transition: 0.5s ease ;
}

.banner_Products .text .list .item .img {
    width: 100%;
    height: 1.47rem;
    display: block;
}

.banner_Products .text .list .item .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.banner_Products .text .list .item:last-child {
    margin-right: 0px;
}

.banner_Products .text .list .item p {
    margin-top: 0.22rem;
    text-align: center;
    font-weight: 500;
    font-size: 0.18rem;
    color: #FFFFFF;
    transition: 0.4s ease ;
}

.banner_Products .text .list .item:hover p {
    color: #E81123 ;
}

.banner_Products .text .list .item:hover {
    transform: translateY(-0.1rem);
}


.PagePilot {
    width: 100%;
    height: 0.61rem;
    background: #F8F8F8;
    box-shadow: 0px 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.08);
}

.PagePilot .public {
    max-width: 12rem;
}

.PagePilot .out {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.PagePilot .out a {
    font-weight: 400;
    font-size: 0.14rem;
    color: #616161;
}

.PagePilot .out a:hover {
    color: #073D9A;
}

.PagePilot .out img {
    display: block;
    height: 0.12rem;
    margin: 0px 0.1rem;
}

.Products {
    width: 100%;
}

.Products .box {
    background: #FFF;
    padding: 0.6rem 0px;
    box-sizing: border-box;
}

.Products .box .public {
    max-width: 12rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Products .box:nth-child(2n) {
    background: #EBEFF1;
}

.Products .box:last-child {
    padding-bottom: 0.9rem;
}

.Products .box .left {
    width: 6.67rem;
}

.Products .box .left h5 {
    font-weight: bold;
    font-size: 0.25rem;
    color: #073D9A;
    line-height: 1;
    margin-bottom: 0.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Products .box .left p {
    font-weight: 400;
    font-size: 0.17rem;
    color: #4A4A4A;
    line-height: 1.7em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制为两行 */
    overflow: hidden;
}

.Products .box .left .Moer {
    font-weight: 400;
    font-size: 0.17rem;
    color: #8A8A8A;
    margin-top: 0.34rem;
    display: block;
}

.Products .box .left .list {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 0.54rem;
    gap: 0.2rem;
}

.Products .box .left .list .item {
    width: 2.09rem;
    height: 0.49rem;
    background: #073D9A;
    box-shadow: 0px 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
    border-radius: 0.03rem;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    justify-content: center;
}

.Products .box .right {
    width: 4.7rem;
    height: 3.68rem;
    box-shadow: 0px 0px 0.12rem 0.01rem rgba(7, 61, 154, 0.27);
}

.Products .box .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.industry_solution {
    margin-top: 1rem;
    box-sizing: border-box;
    width: 100%;
}

.public_Nr_title {
    width: 100%;
}

.public_Nr_title h5 {
    text-align: center;
    font-weight: bold;
    font-size: 0.41rem;
    color: #111111;
    line-height: 1;
    margin-bottom: 0.35rem;
}

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

.public_Nr_title .i_box i {
    width: 0.33rem;
    height: 0.01rem;
    background: #073D9A;
    display: block;
}

.public_Nr_title .i_box span {
    font-weight: 500;
    font-size: 0.16rem;
    color: #073D9A;
    display: block;
    margin: 0px 0.2rem;
}

.industry_solution .out {
    width: 100%;
    height: 1.46rem;
    background: #F6F8FC;
    margin-top: 0.41rem;
}

.industry_solution .out .public {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.industry_solution .out .box .img {
    width: 0.5rem;
    height: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 0.15rem;
}

.industry_solution .out .box .icon {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    object-fit: contain;
}

.industry_solution .out .box span {
    font-weight: 400;
    font-size: 0.18rem;
    color: #888888;
    display: block;
    text-align: center;
}

.industry_solution .out .box:hover span {
    color: #073D9A;
}

.Applications_Products {
    width: 100%;
    padding: 2.19rem 0px 1.13rem 0px;
    box-sizing: border-box;
    position: relative;
}

.Applications_Products .banner_img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.Applications_Products .banner_img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.Applications_Products .text {
    width: 100%;
    position: relative;
    z-index: 10;
}

.Applications_Products .text .out {
    display: flex;
    justify-content: space-between;
}

.Applications_Products .text .out .left {
    width: 8rem;
}

.Applications_Products .text .out .left h5 {
    font-weight: 400;
    font-size: 0.43rem;
    color: #FFFFFF;
    line-height: 1;
    margin-bottom: 0.39rem;
}

.Applications_Products .text .out .left p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 1.7em;
}

.Applications_Products .text .out .left .but_box {
    margin-top: 1.65rem;
    display: flex;
    align-items: center;
}

.Applications_Products .text .out .left .but_box a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto ;
    padding: 0px 0.25rem ;
    height: 0.62rem;
    background: #E81123;
    border-radius: 0.05rem;
    color: #FFF;
    font-size: 0.18rem;
}

.Applications_Products .text .out .left .but_box a img {
    height: 0.45rem;
    margin-right: 0.1rem;
    display: block;
}

.Applications_Products .text .out .left .but_box a:first-child {
    /*margin-right: 0.8rem;*/
}



.Products_details .title_Prodic .right .but_box a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto ;
    padding: 0px 0.25rem ;
    height: 0.62rem;
    background: #E81123;
    border-radius: 0.05rem;
    color: #FFF;
    font-size: 0.18rem;
}


.Applications_Products .text .out .right {
    width: 7rem;
    height: 4.47rem;
}

.Applications_Products .text .out .right img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.Applications_pages {
    width: 100%;
    background: #F6F7F9;
    padding: 1.03rem 0px 0.62rem 0px;
    box-sizing: border-box;
}

.equipment {
    width: 100%;
    box-sizing: border-box;
     margin-top: 0.85rem;

}

.equipment .out {
    margin-top: 0.4rem;
    display: flex;
    flex-wrap: wrap;
}

.equipment .out .box {
    width: 4.82rem;
    margin-right: 0.75rem;
}

.equipment .out .box:last-child {
    margin-right: 0px;
}

.equipment .out .box .img {
    width: 100%;
    height: 3.54rem;
    overflow: hidden;
}

.equipment .out .box .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.equipment .out .box span {
    font-weight: 500;
    font-size: 0.22rem;
    color: #333333;
    margin-top: 0.22rem;
    display: block;
    width: 100%;
    text-align: center;
}

.equipment .public_Nr_title h5 {
    font-size: 0.38rem;
    margin-bottom: 0.3rem;
}

.public_Nr_title>i {
    width: 0.6rem;
    height: 0.01rem;
    background: #575758;
    display: block;
    margin: 0 auto;
}

.question {
      margin-bottom: 0.85rem;
}


.question .public_Nr_title h5 {
    font-size: 0.34rem;
    margin-bottom: 0.3rem;
}

.question .out {
    margin-top: 0.78rem;
    display: flex;
    justify-content: center;
}

.question .out .box {
    width: 3.29rem;
    height: 1.75rem;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0.01rem rgba(0, 0, 0, 0.16);
    border-radius: 0.12rem;
    padding: 0.63rem 0.55rem;
    box-sizing: border-box;
    margin-right: 0.65rem;
    position: relative;
}

.question .out .box:last-child {
    margin-right: 0px;
}

.question .out .box p {
    text-align: center;
    font-weight: 500;
    font-size: 0.18rem;
    color: #333333;
    line-height: 1.6em;
}

.question .out .box .txt {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.52rem;
    height: 0.52rem;
    background: #073D9A;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 500;
    font-size: 0.24rem;
    color: #FFFFFF;
}

.Applied_Material .public_Nr_title h5 {
    font-size: 0.34rem;
}

.Applied_Material .public {
    max-width: 15.1rem;
}

.Applied_Material .list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.4rem;
    justify-content: center ;
}

.Applied_Material .list .box {
    margin: 0.054rem;
    padding: 0.08rem;
    height: 0.83rem;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    line-height: 0.25rem;
    font-size: 0.15rem;
    border-radius: 0.1rem;
    width: calc(100% / 8);
}


.public_Nr_title b {
    font-weight: bold;
    font-size: 0.41rem;
    color: #073D9A;
    line-height: 1;
}


.Aftersales {
    margin: 0.53rem 0px 0.65rem 0px;
    width: 100%;
}

.Aftersales .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.Aftersales .out .box {
    width: 25%;
    height: 3.45rem;
    padding: 0.6rem 0px;
    box-sizing: border-box;
    border: 0.01rem solid #e8eaf0;
    border-right: none;
    margin-top: 0.6rem;
}

.Aftersales .out .box:last-child {
    border-right: 0.01rem solid #e8eaf0;
}

.Aftersales .out .box img {
    height: 0.43rem;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.2rem;
}

.Aftersales .out .box h5 {
    font-size: 0.22rem;
    color: #263450;
    text-align: center;
    margin-bottom: 0.3rem;
}

.Aftersales .out .box p {
    display: block;
    width: 65%;
    margin: 0 auto;
    font-size: 0.15rem;
    color: #818181;
    line-height: 0.28rem;
}

.banner_pages {
    width: 100%;
    /*height: 5.5rem;*/
    position: relative;
}

.banner_pages .img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.banner_pages .text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 10;
}

.banner_pages .text .public {
    padding-top: 2.5rem;
    box-sizing: border-box;
}

.banner_pages .text h5 {
    font-weight: 400;
    font-size: 0.42rem;
    color: #FFFFFF;
    line-height: 1;
    margin-bottom: 0.42rem;
}

.banner_pages .text p {
    font-weight: 400;
    font-size: 0.23rem;
    color: #FFFFFF;
    margin-bottom: 0.45rem;
}

.banner_pages .text i {
    width: 1.14rem;
    height: 0.06rem;
    background: #073D9A;
    display: block;
}

.Case {
    margin: 1rem 0px;
}

.Case .Case_nav {
    width: 100%;
    max-width: 16rem;
    position: sticky;
    top: 0.9rem;
    height: 0.75rem;
    margin: 0.64rem auto 0.6rem auto;
    transition: 0.5s ease;
}

.Case .Case_nav .out {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: #F6F6F6;
}

.Case .Case_nav .out .box {
    display: flex;
    align-items: center;
    margin-right: 0.7rem;
    padding: 0px 0.3rem;
    box-sizing: border-box;
    position: relative;
    height: 100%;
    cursor: pointer;
}

.Case .Case_nav .out .box::after {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0%;
    height: 0.02rem;
    background: #073D9A;
    display: block;
    content: '';
    transition: 0.5s ease;
}

.Case .Case_nav .out .box:last-child {
    margin-right: 0px;
}

.Case .Case_nav .out .box .img {
    height: 0.44rem;
    position: relative;
    width: 0.44rem;
    margin-right: 0.18rem;
}

.Case .Case_nav .out .box .img img {
    position: absolute;
    top: 0px;
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    object-fit: contain;
    display: none;
}

.Case .Case_nav .out .box span {
    font-weight: 400;
    font-size: 0.18rem;
    color: #555555;
}

.Case .Case_nav .out .box .img .icon_1 {
    display: block;
}

.Case .Case_nav .out .box:hover::after,
.Case .Case_nav .out .box.active::after {
    width: 100%;
}

.Case .Case_nav .out .box:hover .img .icon_1,
.Case .Case_nav .out .box.active .img .icon_1 {
    display: none;
}

.Case .Case_nav .out .box:hover .img .icon_2,
.Case .Case_nav .out .box.active .img .icon_2 {
    display: block;
}

.Case .Case_nav .out .box:hover span,
.Case .Case_nav .out .box.avtive span {
    color: #073D9A;
}

.Case .Case_nav.Case_nav_Flfex {
    max-width: 100%;
    background: #F6F6F6;
}

.Case .Caes_list {
    width: 100%;
}

.Case .Caes_list .Caes_item {
    width: 100%;
    padding-top: 0.64rem;
    box-sizing: border-box;
}

.Case .Caes_list .Caes_item .title {
    margin-bottom: 0.4rem;
    display: flex;
    justify-content: space-between;
}

.Case .Caes_list .Caes_item .title h5 {
    font-weight: bold;
    font-size: 0.32rem;
    color: #111111;
    line-height: 1;
}

.Case .Caes_list .Caes_item .title a {
    font-size: 0.18rem;
    color: #333;
    padding: 0.1rem 0.25rem ;
    box-sizing: border-box ;
    /* border: 0.01rem solid #E81123; */
    box-sizing: border-box ;
    color: #FFF ;
    background: #E81123 ;
}

.Case .Caes_list .Caes_item .title a:hover {
    color: #FFF ;
    background: #E81123 ;
}

.Case .Caes_list .Caes_item .list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.64rem 0.42rem;
}

.Case .Caes_list .Caes_item .list .item {
    width: 5.0416rem;
    box-shadow: 0px 0px 0.06rem 0.01rem rgba(0, 0, 0, 0.27);
}

.Case .Caes_list .Caes_item .list .item:nth-child(3n) {
    margin-right: 0px;
}

.Case .Caes_list .Caes_item .list .item .img {
    width: 100%;
    height: 3.68rem;
    overflow: hidden;
}

.Case .Caes_list .Caes_item .list .item .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.Case .Caes_list .Caes_item .list .item .text {
    width: 100%;
    background: #FFF;
    padding: 0.28rem 0.3rem;
    box-sizing: border-box;
}

.Case .Caes_list .Caes_item .list .item .text h5 {
    font-weight: 500;
    font-size: 0.22rem;
    color: #373737;
    margin-bottom: 0.38rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Case .Caes_list .Caes_item .list .item .text .txt {
    width: 100%;
    padding-bottom: 0.22rem;
    margin-bottom: 0.22rem;
    border-bottom: 0.01rem solid #E5E5E5;
}

.Case .Caes_list .Caes_item .list .item .text .txt p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #848484;
    line-height: 1.7em;
}

.Case .Caes_list .Caes_item .list .item .dizhi {
    display: flex;
    align-items: center;
}

.Case .Caes_list .Caes_item .list .item .dizhi img {
    height: 0.19rem;
    width: 0.19rem;
    display: block;
    object-fit: contain;
    margin-right: 0.07rem;
}

.Case .Caes_list .Caes_item .list .item .dizhi span {
    font-weight: 400;
    font-size: 0.17rem;
    color: #848484;
}

.Service_1 {
    margin: 1rem 0px;
    width: 100%;
}

.Service_1 .out {
    width: 100%;
    margin-top: 0.6rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.Service_1 .out .box {
    width: 3.84rem;
    height: 100%;
    margin-right: 0.51rem;
}

.Service_1 .out .box:last-child {
    margin-right: 0px;
}

.Service_1 .out .box .img {
    width: 100%;
    height: 1.57rem;
    overflow: hidden;
}

.Service_1 .out .box .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.Service_1 .out .box .text {
    width: 100%;
    padding: 0.65rem 0.37rem 0.63rem 0.37rem;
    background: #F6F6F6;
    box-sizing: border-box;
    position: relative;
}

.Service_1 .out .box .text img {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.99rem;
    height: 0.99rem;
    display: block;
}

.Service_1 .out .box .text h5 {
    font-weight: 500;
    font-size: 0.21rem;
    color: #111111;
    margin-bottom: 0.25rem;
    line-height: 1;
    text-align: center;
}

.Service_1 .out .box .text p {
    height: 1.35rem;
    overflow: auto;
    font-weight: 400;
    font-size: 0.14rem;
    color: #828282;
    line-height: 1.6em;
}

.lump-sum_contracting {
    width: 100%;
    margin: 1rem 0px;
}

.lump-sum_contracting .public {
    max-width: 11.8rem;
}

.lump-sum_contracting .out {
    margin-top: 0.6rem;
}

.lump-sum_contracting .out .box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0.4rem;
}

.lump-sum_contracting .out .box:last-child {
    margin-bottom: 0px;
}

.lump-sum_contracting .out .box:nth-child(2n) {
    flex-direction: row-reverse;
}

.lump-sum_contracting .out .box .left {
    width: 50%;
    height: 3.09rem;
}

.lump-sum_contracting .out .box .left img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.lump-sum_contracting .out .box .right {
    width: 50%;
    padding: 0.5rem;
    box-sizing: border-box;
}

.lump-sum_contracting .out .box .right h5 {
    font-weight: bold;
    font-size: 0.22rem;
    color: #E81123;
    margin-bottom: 0.2rem;
}

.lump-sum_contracting .out .box .right p {
    font-weight: 400;
    font-size: 0.14rem;
    color: #828282;
    line-height: 1.6em;
}

.Service_2 {
    width: 100%;
    background: url(../images/9997.png) no-repeat center;
    background-size: cover;
    padding: 0.59rem 0px 0.62rem 0px;
    box-sizing: border-box;
}

.Service_2 .public_title h5 {
    color: #FFF;
}

.Service_2 .public_title b {
    color: #E81123;
}

.public_title span {
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-weight: 400;
    font-size: 0.16rem;
    color: #828282;
}

.Service_2 .public_title span {
    color: #FFF;
}

.Service_2 .out {
    margin-top: 0.33rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Service_2 .public_title span {
    max-width: 8.31rem;
}

.Service_2 .out .box {
    width: 3.81rem;
    height: 2.61rem;
    background: rgba(255, 255, 255, 0.27);
    border: 0.01rem solid #FFFFFF;
    backdrop-filter: blur(0.1rem);
    padding: 0.44rem 0.31rem;
    box-sizing: border-box;
}

.Service_2 .out .box .icon {
    width: 0.5rem;
    height: 0.5rem;
    display: block;
    object-fit: contain;
    margin: 0 auto;
    margin-bottom: 0.25rem;
}

.Service_2 .out .box h5 {
    font-weight: 500;
    font-size: 0.2rem;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 0.19rem;
}

.Service_2 .out .box p {
    font-weight: 400;
    font-size: 0.16rem;
    color: #EEEEEE;
    text-align: center;
}

.News_pages {
    margin: 0.6rem 0px 0.82rem 0px;
}

.News_pages .out {
    margin-top: 0.72rem;
}

.News_pages .out .box {
    width: 100%;
    border-bottom: 0.01rem solid #DDDDDD;
    position: relative;
    padding-bottom: 0.49rem;
    box-sizing: border-box;
    margin-bottom: 0.53rem;
}

.News_pages .out .box::after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0%;
    height: 0.01rem;
    background: #E81123;
    content: '';
    display: block;
    transition: 0.6s ease;
}

.News_pages .out .box:hover::after {
    width: 100%;
}

.News_pages .out .box a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.News_pages .out .box .left {
    width: 4.52rem;
}

.News_pages .out .box .left img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
    transition: 0.5s ease all;
}

.News_pages .out .box .left .img {
    width: 100%;
    height: 2.76rem;
    overflow: hidden;
}

.News_pages .out .box:hover .left img {
    transform: scale(1.1);
}

.News_pages .out .box .right {
    width: 7.21rem;
}

.News_pages .out .box .right h5 {
    font-weight: 500;
    font-size: 0.24rem;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    color: #333333;
    margin-bottom: 0.26rem;
}

.News_pages .out .box .right p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #666666;
    line-height: 1.5em;
    letter-spacing: 0.01rem;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0.48rem;

}

.News_pages .out .box:hover .right h5 {
    color: #E81123;
}

.News_pages .out .box .right .tiem {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 0.33rem;
}

.News_pages .out .box .right .tiem img {
    height: 0.21rem;
    margin-right: 0.1rem;
}

.News_pages .out .box .right .tiem span {
    font-weight: 400;
    font-size: 0.15rem;
    color: #666666;
}

.News_pages .out .box .right .jiantou_box {
    width: 1.71rem;
    height: 0.54rem;
    /* background: #0B897E; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.54rem;
    overflow: hidden;
    position: relative;
}

.News_pages .out .box .right .jiantou_box::after {
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #E81123;
    content: ' ';
    transition: 0.6s ease;
    z-index: -1;
}

.News_pages .out .box .right .jiantou_box span {
    font-weight: 500;
    font-size: 0.14rem;
    color: #99999B;

}

.News_pages .out .box .right .jiantou_box .jian {
    width: 0.54rem;
    height: 0.54rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 0.18rem;
    transform: translateX(0.1rem);
    background: #E81123;

}

.News_pages .out .box:hover .right .jiantou_box span {
    color: #FFF;
}

.News_pages .out .box:hover .right .jiantou_box::after {
    width: 100%;
}

.News_pages .out .tiem {
    width: 1.7rem;
}

.News_pages .out .tiem h5 {
    font-weight: 400;
    font-size: 0.29rem;
    color: #E81123;
    text-align: center;
}

.News_pages .out .tiem i {
    width: 1.45rem;
    height: 0.01rem;
    background: #707070;
    margin: 0.2rem auto 0.2rem auto;
    display: block;
}

.News_pages .out .tiem span {
    font-weight: 400;
    font-size: 0.16rem;
    color: #999999;
    display: block;
    text-align: center;
}

.Pagination_out {
    display: flex;
    margin-top: 0.7rem;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0.2rem auto;
    border-radius: 0.04rem;
}

.pagination>li {
    display: inline;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #E81123;
    border-color: #E81123;
    cursor: default;
}

.corporate_culture {
    margin: 1rem 0px 0.9rem 0px;
    width: 100%;
}

.corporate_culture .out {
    margin-top: 0.54rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.corporate_culture .out .box {
    width: 3.79rem;
    height: 2.92rem;
    background: #F5F5F5;
    border-radius: 0.16rem;
    padding: 0.5rem 0.3rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.corporate_culture .out .box .icon {
    height: 0.62rem;
    display: block;
    margin-bottom: 0.35rem;
}

.corporate_culture .out .box h5 {
    font-weight: bold;
    font-size: 0.27rem;
    color: #333333;
    margin-bottom: 0.35rem;
}

.corporate_culture .out .box p {
    font-weight: 400;
    font-size: 0.17rem;
    color: #666666;
    text-align: center;
}

.Honor_About {
    padding: 1rem 0px;
    background: #F5F5F5;
    box-sizing: border-box;
}

.Honor_About .out {
    margin-top: 0.65rem;
}

.Honor_About .out .swiper-slide {
    width: 2.62rem;
    margin-right: 0.48rem;
}

.Honor_About .out .swiper-slide .img {
    width: 100%;
    height: 3.59rem;
    overflow: hidden;
    margin-bottom: 0.16rem;
}

.Honor_About .out .swiper-slide .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.Honor_About .out .swiper-slide span {
    text-align: center;
    font-weight: 400;
    font-size: 0.18rem;
    color: #666666;
    display: block;
}


/* 联系我们 */
.Contact_Page {
    margin: 1rem 0px 0.8rem 0px;
}

.Contact_Page .out {
    margin-top: 0.56rem;
    display: flex;
    justify-content: center;
}

.Contact_Page .out .box {
    width: calc(100% / 4);
    border: 0.01rem solid #DDDDDD;
    height: 3.02rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}



.Contact_Page .out .box .img {
    width: 0.78rem;
    height: 0.78rem;
    margin-bottom: 0.26rem;
}

.Contact_Page .out .erweiam .img {
    width: 1.22rem;
    height: 1.22rem;
    margin-bottom: 0px;
}

.Contact_Page .out .box .img img {
    width: 100%;
    height: 100%;
    display: block;
}

.Contact_Page .out .box h5 {
    font-weight: 500;
    font-size: 0.22rem;
    color: #333333;
    text-transform: uppercase;
}

.Contact_Page .out .box i {
    display: block;
    margin: 0.22rem 0px;
    width: 0.39rem;
    height: 0.04rem;
    background: #E81123;
}

.Contact_Page .out .box a {
    width: 100% ;
    display: block ;
}

.Contact_Page .out .box span {
    font-weight: 400;
    font-size: 0.18rem;
    color: #888888;
    padding: 0px 2%;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    height: 0.24rem;
    display: block ;
}

.Contact_Page .out .wei_box .img {
    width: 1.21rem;
    height: 1.21rem;
    margin-bottom: 0px;
}

.Contact_Page .out .wei_box .img img {
    transform: scale(0.95);
}

.ditu_box {
    width: 100%;
    margin: 1rem 0px;
}

.ditu_box img {
    display: block;
    width: 100%;
}

.nav_Henban {
    position: relative;
    width: 100%;
    transform: translateY(0px);
    height: 0.9rem;
    z-index: 9999 ;
}

.Products_details {
    width: 100%;
}

.Products_details .public {
    max-width: 12rem;
}

.Products_details .title_Prodic {
    width: 100%;
    background: #F6F6F6;
    margin-top: 0.6rem;
    position: relative;
    margin-bottom: 1.41rem;
    display: flex;
}

.Products_details .title_Prodic .left {
    width: 5.92rem;
    height: 4.54rem;
    position: relative;
}

.Products_details .title_Prodic .left .Prodic_swiper1 {
    width: 100%;
    height: 100%;
}

.Products_details .title_Prodic .left .Prodic_swiper1 .swiper-slide {
    width: 100%;
    height: 100%;
}

.Products_details .title_Prodic .left .Prodic_swiper1 .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.Products_details .title_Prodic .left .Prodic_swiper2 {
    position: absolute;
    bottom: -0.2rem;
    transform: translateY(100%);
    left: 0px;
    width: 100%;
    padding: 0px 0.2rem;
    box-sizing: border-box ;
}

.Products_details .title_Prodic .left .Prodic_swiper2 .swiper-slide {
    width: 1.27rem;
    height: 0.75rem;
    margin-right: 0.15rem;
    cursor: pointer;
}

.Products_details .title_Prodic .left .Prodic_swiper2 .swiper-slide:last-child {
    margin-right: 0px;
}

.Products_details .title_Prodic .left .Prodic_swiper2 .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.Products_details .title_Prodic .left .Prodic_swiper1 .swiper-pagination-bullet {
    width: 0.07rem;
    height: 0.07rem;
    border-radius: 50%;
    opacity: 1;
    background: #E2E2E2;
}

.Products_details .title_Prodic .left .Prodic_swiper1 .swiper-pagination-bullet-active {
    background: #E81123;
}

.Products_details .title_Prodic .right {
    width: 6.08rem;
    padding: 0.59rem 0.12rem 0.39rem 0.51rem;
    box-sizing: border-box;
}

.Products_details .title_Prodic .right h5 {
    font-weight: bold;
    font-size: 0.34rem;
    color: #333333;
    line-height: 1;
    margin-bottom: 0.33rem;
}

.Products_details .title_Prodic .right p {
    font-weight: 400;
    font-size: 0.17rem;
    color: #2E2E2E;
    line-height: 1.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制为两行 */
    overflow: hidden;
}

.Products_details .title_Prodic .right ul {
    margin-top: 0.33rem;
}

.Products_details .title_Prodic .right ul li {
    font-weight: 400;
    font-size: 0.16rem;
    color: #515151;
    line-height: 1.6em;
}

.Products_details .title_Prodic .right .but_box {
    margin-top: 0.32rem;
    display: flex;
}

.Products_details .title_Prodic .right .but_box a:first-child {
    /*width: 2.09rem;*/
    /*height: 0.49rem;*/
    /*border: 0.01rem solid #D2D2D2;*/
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*font-weight: 400;*/
    /*font-size: 0.16rem;*/
    /*color: #2D2D2D;*/
    /*margin-right: 0.2rem;*/
}

.Products_details .title_Prodic .right .but_box a:last-child {
    /*width: 2.09rem;*/
    /*height: 0.49rem;*/
    /*background: #E81123;*/
    /*font-weight: 400;*/
    /*font-size: 0.16rem;*/
    /*color: #FFFFFF;*/
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
}

.Anchor_navigation {
    width: 100%;
    max-width: 12rem;
    margin: 0 auto;
    height: 0.75rem;
    position: sticky;
    top: 0px;
    transition: 0.5s ease;
    z-index: 30;
}

.Anchor_navigation .out {
    width: 100%;
    height: 100%;
    background: #F6F6F6;
    display: flex;
}

.Anchor_navigation .out .box {
    padding: 0px 0.49rem;
    height: 100%;
    width: 100% ;
    flex: 1 ;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 0.17rem;
    color: #2E2E2E;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    position: relative;
    cursor: pointer;
}

.Anchor_navigation .out .box::after {
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    height: 0.03rem;
    background: #073D9A;
    content: '';
    width: 0px;
    transition: 0.5s ease;
}

.Anchor_navigation .out .box:hover::after,
.Anchor_navigation .out .box.active::after {
    width: 100%;
}

.Anchor_navigation .out .box:hover,
.Anchor_navigation .out .box.active {
    color: #073D9A;
}

.Anchor_navigation.Anchor_navigation_fixed {
    max-width: 100%;
    background: #F6F6F6;
}


.Products_title {
    width: 100%;
}

.Products_title h5 {
    font-weight: bold;
    font-size: 0.32rem;
    color: #111111;
}

.operating_principle {
    padding: 0.53rem 0px 0.33rem 0px;
    box-sizing: border-box;
}

.operating_principle .text {
    width: 100%;
    padding: 0px 0.57rem;
    margin-top: 0.34rem;
    box-sizing: border-box;
}

.operating_principle .text p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #4E4E4E;
    line-height: 1.7em;
}

.operating_principle .text img {
    width: auto;
    height: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.Features {
    width: 100%;
    background: #F6F6F6;
    padding: 0.61rem 0px 0.76rem 0px;
    box-sizing: border-box;
}

.Features .out {
    display: flex;
    flex-wrap: wrap;
    gap: 0.16rem;
    margin-top: 0.37rem;
}

.Features .out .box {
    width: 2.27rem;
    background: #FFFFFF;
    border: 0.01rem solid #E8E8E8;
    box-sizing: border-box;
    padding: 0.25rem 0.23rem;
    box-sizing: border-box;
}

.Features .out .box .num {
    width: 0.42rem;
    height: 0.42rem;
    background: #D5E4FF;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    font-weight: 500;
    font-size: 0.17rem;
    color: #FFFFFF;
    line-height: 1;
    margin: 0 auto;
    margin-bottom: 0.27rem;
}

.Features .out .box .num::after {
    content: '';
    width: 0.3rem;
    height: 0.3rem;
    background: #073D9A;
    border-radius: 50%;
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.Features .out .box h5 {
    font-weight: 500;
    font-size: 0.17rem;
    color: #073D9A;
    text-align: center;
    margin-bottom: 0.15rem;
    line-height: 1;
}

.Features .out .box p {
    font-weight: 400;
    font-size: 0.16rem;
    color: #919191;
    text-align: center;
    line-height: 1;
    line-height: 1.7em;
}

.Products_Applications {
    padding: 0.67rem 0px 0.4rem 0px;
    box-sizing: border-box;
}

.Products_Applications .out {
    margin-top: 0.72rem;
    display: flex;
    flex-wrap: wrap;
}

.Products_Applications .out .box {
    width: 25%;
    padding: 0px 0.32rem;
    box-sizing: border-box;
    border-left: 0.01rem solid #ebebeb;
}

.Products_Applications .out .box .icon {
    height: 0.44rem;
    display: block;
    margin: 0 auto;
}

.Products_Applications .out .box h5 {
    font-size: 0.18rem;
    font-weight: bold;
    margin-top: 0.04rem;
    text-align: center;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(51, 51, 51, 1);
    line-height: 0.4rem;
}

.Products_Applications .out .box p {
    font-size: 0.14rem;
    height: 0.48rem;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    color: rgba(153, 153, 153, 1);
    line-height: 0.24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: unset;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center ;
}

.Products_Applications .out .box:nth-child(5),
.Products_Applications .out .box:nth-child(6),
.Products_Applications .out .box:nth-child(7) {
    margin-top: 0.6rem;
    width: 33.3%;
}

.Products_Applications .out .box:nth-child(1),
.Products_Applications .out .box:nth-child(5) {
    border-left: none;
}

.technological_process {
    padding: 0.49rem 0px 0.48rem 0px;
    box-sizing: border-box;
    background: #F6F6F6;
}

.technological_process .out {
    margin-top: 0.25rem;
}

.technological_process .out .process_swiper1 {
    width: 100%;
    background: #D7E2F1;
}

.technological_process .out .process_swiper1 .swiper-slide {
    width: 20%;
    text-align: center;
    height: 0.75rem;
    line-height: 0.75rem;
    font-weight: 400;
    font-size: 0.17rem;
    color: #2E2E2E;
    cursor: pointer;
}

.technological_process .out .process_swiper2 {
    width: 100%;
    background: #FFF;
}

.technological_process .out .process_swiper2 .swiper-slide {
    padding: 0.3rem;
    width: 100% ;
    height: 6.5rem ;
    box-sizing: border-box;
}

.technological_process .out .process_swiper2 .swiper-slide img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

.technological_process .out .process_swiper1 .swiper-slide-thumb-active {
    color: #073D9A;
    background: #FFF;
    position: relative;
}

.technological_process .out .process_swiper1 .swiper-slide-thumb-active::after {
    width: 100%;
    left: 0px;
    top: 0px;
    height: 0.03rem;
    background: #073D9A;
    content: '';
    display: block;
    position: absolute;
}

.model_parameter {
    width: 100%;
    padding: 0.57rem 0px 0.425rem 0px;
    box-sizing: border-box;
}

.model_parameter .out {
    margin-top: 0.39rem;
    overflow: auto ;
}

.model_parameter .out img {
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.model_parameter .out p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #4E4E4E;
    line-height: 1.7em;
}

.Products_Applications_2 {
    width: 100%;
    padding: 0.425rem 0px 0.85rem 0px;
    box-sizing: border-box;
}

.Products_Applications_2 .swiper {
    margin-top: 0.42rem;
}

.Products_Applications_2 .swiper-slide {
    width: 3.86rem;
    margin-right: 0.21rem;
}

.Products_Applications_2 .swiper-slide:last-child {
    margin-right: 0px;
}

.Products_Applications_2 .swiper-slide .img {
    width: 100%;
    height: 2.4904rem;
    overflow: hidden;
    margin-bottom: 0.15rem;
}

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

.Products_Applications_2 .swiper-slide span {
    text-align: center;
    font-weight: 400;
    font-size: 0.2rem;
    color: #292929;
    display: block;
}


.Knowledge-list {
    padding: 0.8rem 0px;
}

.Knowledge-list .public {
    max-width: 12.5rem;
}

.Knowledge-list .titel {
    text-align: center;
    /* margin-top: 70px; */
}

.Knowledge-list .titel h5 {
    font-size: 0.3rem;
    color: rgba(51, 51, 51, 1);
    font-weight: 400;
}

.Knowledge-list .release {
    height: 0.62rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 0.01rem solid rgba(227, 227, 227, 1);
    border-bottom: 0.01rem solid rgba(227, 227, 227, 1);
    margin-top: 0.3rem;
}

.Knowledge-list .release i {
    display: block;
    width: 0.01rem;
    height: 0.14rem;
    background: rgba(153, 153, 153, 1);
    margin: 0px 0.3rem;
}

.Knowledge-list .release span {
    font-size: 0.13rem;
    color: rgba(102, 102, 102, 1);
}

.Knowledge-list .text {
    padding: 0.43rem 0rem 0.73rem 0rem;
    box-sizing: border-box;
    font-size: 0.16rem;
    color: rgba(51, 51, 51, 1);
    line-height: 2.5em;
    border-bottom: 0.01rem solid rgba(227, 227, 227, 1);
}

.Knowledge-list .text p {
    font-size: 0.16rem;
    line-height: 1.8em;
}

.Knowledge-list .text img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
}

.Knowledge-list .text video {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.Knowledge-list .butt_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding-left: 77px; */
    box-sizing: border-box;
    margin-top: 0.61rem;
}

.Knowledge-list .butt_box .left .box {
    display: flex;
    align-items: center;
}

.Knowledge-list .butt_box .left .box span,
.Knowledge-list .butt_box .left .box a {
    color: #666666;
    font-size: 0.13rem;
    margin-bottom: 0.14rem;
    display: block;
}

.Knowledge-list .butt_box .left .box a:hover {
    color: #0A3B95;
}

.Knowledge-list .butt_box .right {
    width: 1.61rem;
    height: 0.36rem;
    background: #0A3B95;
    border-radius: 0.05rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
}

.Knowledge-list .butt_box .right {
    cursor: pointer;
}

.Case_nav_min {
    display: none ;
}

.toggle_button {
    width: 0.4rem;
    height: 0.3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 0.5rem;
    cursor: pointer;
    display: none;
}

.toggle_button span {
    height: 0.03rem;
    width: 100%;
    display: block;
    background: #333 ;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.toggle_button.on span:nth-child(1) {
    transition-delay: 0.2s;
    transform: rotate(45deg);
    transform-origin: 0.01rem;
}

.toggle_button.on span:nth-child(2) {
    opacity: 0;
    transform: translateX(0.25rem);
}

.toggle_button.on span:nth-child(3) {
    transition-delay: 0.4s;
    transform: rotate(-45deg);
    transform-origin: 0.01rem;
}

.min_nav {
    width: 100%;
    background: #FFF;
    position: absolute;
    top: 0.9rem;
    left: 0px;
    box-shadow: 0.1rem 0px 0.1rem 0.01rem #00000021;
    padding: 0.3rem 0px;
    display: none;
}

.min_nav .title {
    width: 100%;
    height: 0.6rem;
    font-size: 0.24rem;
    color: #333;
    border-bottom: 0.01rem solid #eee;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0px 0.3rem;
    box-sizing: border-box;
}

.min_nav .title a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    color: #333;
    font-size: 0.24rem;
}

.min_nav .title .img {
    width: 0.6rem;
    height: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0.3rem;
    top: 0px;
    z-index: 10;
}

.min_nav .title .img img {
    height: 0.2rem;
    display: block;
    transition: 0.5s ease all;
}

.min_nav .box {
    width: 100%;
    padding-left: 0.2rem;
    box-sizing: border-box;
    display: none;
}

.min_nav .box a {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0.15rem 0.3rem;
    color: #333;
    font-size: 0.2rem;
}

.min_nav .title.on .img img {
    transform: rotate(90deg);
}


 .swiper-button-next, .swiper-button-prev {
    width: 0.5rem ;
    height: 0.5rem ;
    display: flex ;
    align-items: center ;
    justify-content: center ;
    background: #FFF ;
    border-radius: 50% ;
    box-shadow: 0px 0px 0.1rem 0.01rem #0000002a ;
}

 .swiper-button-next::after ,  .swiper-button-prev::after {
    font-size: 0.16rem ;
    color: #E81123 ;
    font-weight: bold ;
}

.equipment .out {
    margin-top: 0.25rem;
}

.equipment .out .process_swiper1 {
    width: 100%;
    background: #D7E2F1;
}

.equipment .out .process_swiper1 .swiper-slide {
    /*width: 20%;*/
    text-align: center;
    height: 0.75rem;
    line-height: 0.75rem;
    font-weight: 400;
    font-size: 0.17rem;
    color: #2E2E2E;
    cursor: pointer;
    flex: auto ;
}

.equipment .out .process_swiper2 {
    width: 100%;
    background: #FFF;
}

.equipment .out .process_swiper2 .swiper-slide {
    padding: 0.3rem;
    width: 100% ;
    height: 6.5rem ;
    box-sizing: border-box;
}

.equipment .out .process_swiper2 .swiper-slide img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

.equipment .out .process_swiper1 .swiper-slide-thumb-active {
    color: #073D9A;
    background: #FFF;
    position: relative;
}

.equipment .out .process_swiper1 .swiper-slide-thumb-active::after {
    width: 100%;
    left: 0px;
    top: 0px;
    height: 0.03rem;
    background: #073D9A;
    content: '';
    display: block;
    position: absolute;
}

.form_News {
    width: 100% ;
    margin-top: 0.3rem ;
    display: flex ;
    justify-content: center ;
}

.form_News form {
    display: flex ;
    align-items: center ;
}

.form_News form input {
    height: 0.45rem ;
    width: 100% ;
    max-width: 7rem ;
    background: #eee ;
    padding: 0px 0.2rem  ;
}

.form_News form button {
    height: 0.45rem ;
    width: 0.8rem ;
    display: flex ;
    align-items: center ;
    justify-content: center ;
    cursor: pointer ;
    border: none ;
}

.form_News form button svg {
    color: #FFF ;
    height: 0.24rem;
}

.Applications_min {
    display: none ;
}


@media (max-width:750px) {

    .public {
        padding: 0px 0.2rem;
        box-sizing: border-box;
    }

    .Applications_pc {
        display: none ;
    }

    .Applications_min {
        display: block ;
    }
    
    .News_Center {
        display: none ;
    }
    
    .News_Center_min {
        display: block ;
    }

    .toggle_button {
        display: flex ;
    }

    .nav_out {
        position: relative;
    }

    .nav .out .right ul {
        display: none;
    }

    .nav {
        transform: translateY(0px);
        padding: 0px;
        border-radius: 0px;
    }

    .footer .out .right {
        display: none;
    }

    .banner .swiper-slide {
        height: 2.6rem;
    }

    .banner .swiper-slide .text {
        display: none;
    }

    .banner .swiper-slide .text h5,
    .banner .swiper-slide .text p {
        font-size: 0.3rem;
    }

    .banner .swiper-pagination {
        left: 0px;
        bottom: 0.2rem;
        justify-content: center;
        width: 100%;
    }

    .compressors {
        height: auto;
        padding: 0.3rem 0px;
    }

    .compressors .out .box .tit h5 {
        font-size: 0.3rem;
    }

    .Home_Introduction .icon_box .box {
        margin-right: 0px;
        width: 33.33%;
    }

    .Recommendation .out {
        flex-wrap: wrap;
        height: auto;
    }

    .Recommendation .out .left {
        height: 5rem ;
        width: 100% ;
    }

    .Recommendation .out .left .img {
        margin-top: 0.3rem;
    }

    .Recommendation .out .left .img img {
        height: auto;
    }

    .Recommendation .out .right .box a {
        flex-wrap: wrap;
    }

    .Recommendation .out .right .box .text {
        width: 100%;
    }

    .Recommendation .out .right .box {
        height: 2.7rem ;
        margin-top: 0.3rem ;
    }

    .Recommendation .out .right .box .img {
        max-width: 100%;
    }

    .Recommendation .out .right .box .text .Moer {
        margin-top: 0.1rem;
    }

    .public_title p {
        font-size: 0.18rem;
    }

    .Applications .out {
        flex-wrap: wrap;
    }



    .compressors .out .box {
        width: 50%;
        height: auto;
        margin: 0.1rem 0px;
    }

    .compressors .out .box:nth-child(1),
    .compressors .out .box:nth-child(3) {
        border-left: none;
    }

    .compressors .out .box:nth-child(1)::after,
    .compressors .out .box:nth-child(3)::after {
        display: none;
    }

    .Home_Introduction {
        padding: 1rem 0px 0.6rem 0px;
        height: auto;
    }

    .Applications .out .box .text {
        transform: translate(0);
        opacity: 1 ;
        width: 100% ;
    }

    .Applications .out .box .tit {
        display: none ;
    }

    .Applications .out .box {
        width: 100% ;
    }

    .Applications .out .box .img {
        width: 100% ;
    }


    .Applications .out .box:hover .text {
        width: 100% ;
    }

    .Applications .out .box:hover {
        width: 100% ;
    }

    .workflow {
        padding: 1rem 0px 0.6rem 0px;
        height: auto;
    }

    .workflow .out {
        flex-wrap: wrap;
    }

    .workflow .out .box:nth-child(1),
    .workflow .out .box:nth-child(2) {
        width: 50%;
        margin-bottom: 0.3rem;
    }

    .workflow .out .box {
        width: 33.3%;
    }

    .workflow .out .box .img {
        width: 1.15rem;
        margin: 0 auto;
    }

    .News_Center .out .box {
        width: 100%;
    }

    .News_Center .out .box a .left {
        width: 100%;
        height: auto;
    }

    .News_Center .out .box a .right {
        width: 100%;
        margin-top: 0.24rem;
    }

    .footer .logo_top {
        padding: 0.3rem 0px;
    }

    .footer .out {
        margin-top: 0.3rem;
        padding-bottom: 0.4rem;
    }

    .footer .out .left p {
        margin-bottom: 0.3rem;
    }

    .copyright .public {
        flex-wrap: wrap;
    }

    .copyright .public .zhichi {
        position: relative;
    }

    .banner_Products .text {
        padding: 0px 0.2rem;
        box-sizing: border-box;
    }

    .banner_Products .text h5 {
        font-size: 0.3rem;
        text-align: center;
    }

    .banner_Products .text .list {
        flex-wrap: wrap;
    }

    .banner_Products .text .list .item {
        width: 32%;
        height: auto;
        margin-right: 0.2rem;
        padding: 0.15rem 0.1rem;
        margin-right: 2%;
        margin-bottom: 0.2rem;
        box-shadow: 0px 0px 0.12rem 0.01rem #ffffffa6;
    }

    .banner_Products .text .list .item:nth-child(3n) {
        margin-right: 0px;
    }

    .banner_Products .text .list .item p {
        margin-top: 0px;
        font-size: 0.16rem;
    }

    .banner_Products .text .list .item .img {
        display: none;
    }

    .banner_Products {
        padding: 1.2rem 0px 0.6rem 0px;
    }

    .Products .box .public {
        flex-wrap: wrap;
    }

    .Products .box .left .list {
        flex-wrap: wrap;
    }

    .Products .box .left {
        width: 100%;
    }

    .Products .box .right {
        width: 100%;
        margin-top: 0.5rem;
    }

    .industry_solution .out .public {
        flex-wrap: wrap;
        gap: 0.2rem 0px;
    }

    .industry_solution .out .box {
        width: 33.3%;
    }

    .industry_solution .out {
        height: auto;
        padding: 0.4rem 0px;
    }

    .public_Nr_title h5 {
        font-size: 0.3rem;
    }

    .Applications_Products .text .out,
    .question .out {
        flex-wrap: wrap;
    }

    .Applications_Products {
        padding: 1.1rem 0px 0.6rem 0px;
    }

    .Applications_Products .text .out .left .but_box {
        margin-top: 0.6rem;
    }

    .Applications_Products .text .out .right {
        width: 100%;
        height: auto;
        margin-top: 0.4rem;
    }

    .equipment .out {
        justify-content: space-between;
    }

    .equipment .out .box {
        width: 48%;
        margin-right: 0px;
    }

    .equipment .out .box .img {
        height: 1.7rem;
    }

    .equipment .public_Nr_title h5,
    .question .public_Nr_title h5 {
        font-size: 0.3rem;
    }

    .question .out {
        justify-content: space-between;
        gap: 0.6rem 0px;
    }

    .question .out .box {
        width: 48%;
        margin-right: 0px;
    }

    .question .out .box {
        padding: 0.63rem 0.2rem;
    }

    .Applied_Material .list .box {
        width: 32%;
        box-sizing: border-box;
        margin: 0.03rem;
    }

    .public_Nr_title b {
        font-size: 0.3rem;
    }

    .Aftersales .out {
        flex-wrap: wrap;
        margin-top: 0.6rem;
    }

    .Aftersales .out .box {
        height: auto;
        width: 50%;
        margin-top: 0px;
        border-right: 0.01rem solid #e8eaf0;
    }

    .banner_pages .text .public {
        padding-top: 0.6rem;
    }

    .banner_pages {
        height: 2.6rem;
    }

    .banner_pages .text h5 {
        font-size: 0.3rem;
        margin-bottom: 0.2rem;
    }

    .banner_pages .text p {
        font-size: 0.18rem;
        margin-bottom: 0.4rem;
    }

    .Case .Case_nav {
        width: 100%;
        background: #F6F6F6;
        height: auto;
        position: static;
        top: auto;
        margin: 0.4rem 0px 0px 0px;
        padding: 0.3rem 0px;
        box-sizing: border-box;
    }

    .Case .Case_nav .out {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .Case .Case_nav .out .box {
        width: 48%;
        margin-right: 0px;
        padding: 0.2rem 0.1rem;
    }

    .Case .Caes_list .Caes_item .list {
        justify-content: space-between;
        gap: 0.4rem 0px;
    }

    .Case .Caes_list .Caes_item .list .item {
        width: 48%;
    }

    .Case .Caes_list .Caes_item .list .item .img {
        height: 2rem;
    }

    .Case .Caes_list .Caes_item .list .item .text {
        padding: 0.2rem 0.1rem;
        box-sizing: border-box;
    }

    .Case .Caes_list .Caes_item .list .item .text h5 {
        margin-bottom: 0.2rem;

    }

    .Case_nav {
        display: none ;
    }

    .Case_nav_min {
        width: 100% ;
    }

    .Case_nav_min .out {
        width: 100% ;
        display: flex ;
        flex-wrap: wrap ;
        border-top: 0.01rem solid #777777 ;
        border-left: 0.01rem solid #777777 ;
        margin-top: 0.5rem ;
    }

    .Case_nav_min .out a {
        width: 33.33% ;
        padding: 0.15rem 0.1rem ;
        box-sizing: border-box ;
        display: flex ;
        align-items: center ;
        justify-content: center ;
        color: #777777;
        font-size: 0.24rem;
        border-right: 0.01rem solid #777777 ;
        border-bottom: 0.01rem solid #777777 ;
        border-collapse: collapse ;
    }

    .Service_1 .public_title h5 , .Service_1 .public_title b , .lump-sum_contracting .public_title h5 , .lump-sum_contracting .public_title b {
        font-size: 0.28rem ;
    }

    .Service_1 .out .box {
        width: 100% ;
        margin-right: 0px ;
        margin-bottom: 0.3rem ;
    }

    .Service_1 .out .box:last-child {
        margin-bottom: 0px ;
    }

    .Service_1 .out .box .text p {
        height: auto ;
    }

    .lump-sum_contracting .out .box {
        flex-wrap: wrap ;
    }

    .lump-sum_contracting .out .box .left {
        width: 100% ;
    }

    .lump-sum_contracting .out .box .right {
        width: 100% ;
    }

    .Service_2 .out .box {
        width: 50% ;
        height: auto ;
    }

    .News_pages .out .box a {
        flex-wrap: wrap ;
    }

    .News_pages .out .box .left {
        width: 100% ;
    }

    .News_pages .out .box .right {
        width: 100% ;
        margin-top: 0.4rem ;
    }

    .News_pages .out .tiem {display: none ;}

    .corporate_culture .out .box {
        width: 100% ;
        height: auto ;
        margin-bottom: 0.3rem ;
    }

    .corporate_culture .out .box:last-child {
        margin-bottom: 0px ;
    }

    .Contact_Page .out {
        flex-wrap: wrap ;
    }

    .Contact_Page .out .box {
        width: 50% ;
        box-sizing: border-box ;
        height: auto ;
        padding: 0.3rem 0px ;
    }

    .Contact_Page .out .box span {
        height: auto ;
    }

    .Products_details .title_Prodic {
        flex-wrap: wrap ;
        margin-bottom: 0.4rem ;
    }

    .Products_details .title_Prodic .left {
        width: 100% ;
    }

    .Products_details .title_Prodic .left .Prodic_swiper2 {
        opacity: 0 ;
        z-index: -11 ;
    }

    .Products_details .title_Prodic .right {
        padding: 0.3rem ;
        width: 100% ;
    }

    .Anchor_navigation {
        display: none ;
    }

    .operating_principle .text {
        padding: 0px ;
    }

    .Features .out .box {
        width: 100% ;
    }

}

@media (min-width:751px) and (max-width:1600px) {
    .nav {
        width: 15rem ;
    }
    .public {
        max-width: 13.8rem ;
    }

    .compressors .out .box .tit h5 {
        font-size: 0.4rem ;
    }

    .Recommendation .out .left , .Recommendation .out .right {
        width: 49% ;
    }

    .equipment .out .box {
        width: 32% ;
        margin-right: 2% ;
    }

    .equipment .out .box .img {
        height: 3rem ;
    }

    .Case .Case_nav .out .box {
        margin-right: 0.3rem ;
    }

    .Case .Caes_list .Caes_item .list {
        gap: 0.3rem 0px ;
    }

    .Case .Caes_list .Caes_item .list .item {
        width: 32% ;
        margin-right: 2% ;
    }

    .Service_2 .out .box , .corporate_culture .out .box {
        width: 24% ;
    }
    
    .nav .out .right ul li{
        margin-right: 0.45rem ;
    }
    
    .nav .out .right ul li .title {
        font-size: 0.18rem ;
    }
    
    .banner .swiper-slide {
        height: 7.8rem ;
    }

}

@media (min-width:1600px ) {
   .nav .out .right ul li .title {
        font-size: 16px ;
    }
}

@media (min-width:751px) and (max-width:1000px) {
    html {
        font-size: 65px;
        font-size: calc(100vw / 14);
    }
}

@media (min-width:1001px) and (max-width:1200px) {
    html {
        font-size: 75px;
        font-size: calc(100vw / 14);
    }
}

@media (min-width:1201px) and (max-width:1300px) {
    html {
        font-size: 85px;
        font-size: calc(100vw / 14);
    }
}

@media (min-width:1301px) and (max-width:1400px) {
    html {
        font-size: 95px;
        font-size: calc(100vw / 14);
    }
}

@media (min-width:421px) and (max-width:750px) {
    html {
        font-size: 75px;
        font-size: calc(100vw / 7.5);
    }
}

@media (max-width:420px) {
    html {
        font-size: 60px;
        font-size: calc(100vw / 6);
    }
}

@media (min-width:1700px) and (max-width:1920px) {
    html {
        font-size: 100px;
    }
}

@media (min-width:1850px) and (max-width:2000px) {
    html {
        font-size: 100px !important;
    }
}