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

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

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


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

@font-face {
    font-family: "OpenSans-Bold";
    src: url(../font/OpenSans-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "OpenSans-Regular";
    src: url(../font/OpenSans-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "OpenSans-Light";
    src: url(../font/OpenSans-Light.ttf) format("truetype");
}

@font-face {
    font-family: "OpenSans-SemiBold";
    src: url(../font/OpenSans-SemiBold.ttf) format("truetype");
}

@font-face {
    font-family: "OpenSansCondensed-Bold";
    src: url(../font/OpenSansCondensed-Bold.ttf) format("truetype");
}


html {
    transition: font-size 0.3s ease;
    font-family: "OpenSans-Regular", Helvetica, sans-serif;
}

body {
    font-family: "OpenSans-Regular", Helvetica, sans-serif;
}

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

.nav {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 200;
    height: 1.07rem;
}

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

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

.nav .out .logo {
    width: 1.16rem;
    height: 0.65rem;
    display: block;
}

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

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

.nav .out ul li {
    height: 100%;
    position: relative;
    margin-right: 0.78rem;
}

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

.nav .out ul li .title {
    font-weight: 600;
    font-size: 0.17rem;
    color: #FFFFFF;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase ;
}

.nav .out ul li .pulldown {
    position: absolute;
    background: #FFF;
    width: max-content;
    padding: 0.1rem;
    box-sizing: border-box;
    box-shadow: 0px 0px 0.1rem 0.02rem #0000001F;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.nav .out ul li .pulldown a {
    padding: 0.15rem 0.2rem;
    font-size: 0.15rem;
    color: #242424;
    display: block;
}

.nav .out ul li .pulldown a:hover {
    background: #0C6B5C;
    color: #FFF;
}

.nav .out ul li.acvite .title {
    color: #E94539;
}

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

.nav .out .icon_box .box {
    margin-right: 0.43rem;
    cursor: pointer;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;

}

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

.nav .out .icon_box .box img {
    height: 0.24rem;
    display: block;
}

.nav .out .icon_box .box .form {
    position: absolute;
    right: 0px;
    background: #FFF;
    bottom: -0.2rem;
    padding: 0.1rem 0.15rem;
    box-sizing: border-box;
    display: none;
}

.nav .out .icon_box .box .form form {
    width: 100%;
    display: flex;
    align-items: center;
}

.nav .out .icon_box .box .form form input {
    height: 0.3rem;
    border-bottom: 0.01rem solid #8E8E8E;
    color: #484848;
    font-size: 0.14rem;
}

.nav .out .icon_box .box .form form button {
    height: 0.3rem;
    width: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0C6B5C;
    border: none;
    cursor: pointer;
}

.nav .out .icon_box .box .form form button img {
    display: block;
    height: 0.1rem;
}

.nav.active {
    width: 100%;
    background: #333232d6;
}

.banner {
    width: 100%;
    height: 9.19rem;
}

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

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

.banner .swiper-slide .img,
.banner .swiper-slide .img img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    display: block;
}

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

.banner .swiper-slide .txt h5 {
    font-weight: bold;
    font-size: 0.76rem;
    color: #E94539;
}

.banner .swiper-slide .txt p {
    font-weight: 600;
    font-size: 0.3rem;
    color: #E94539;
    display: block;
    margin-top: 0.4rem;
}

.banner .swiper .but_box {
    position: absolute;
    bottom: 0.71rem;
    right: 1.82rem;
    display: flex;
}

.banner .swiper .but_box .swiper-button-prev,
.banner .swiper .but_box .swiper-button-next {
    width: 0.61rem;
    height: 0.61rem;
    border: 0.02rem solid #929292;
    display: flex;
    align-items: center;
    justify-content: center;
    position: initial;
    border-radius: 50%;
    box-sizing: border-box;
}

.banner .swiper .but_box .swiper-button-prev::after,
.banner .swiper .but_box .swiper-button-next::after {
    font-size: 0.15rem;
    color: #929292;
    display: block;
}

.banner .swiper .but_box .swiper-button-next {
    margin-left: 0.7rem;
}

.banner .swiper .but_box .swiper-button-prev:hover,
.banner .swiper .but_box .swiper-button-next:hover {
    border: 0.02rem solid #0C7E6C;
}

.banner .swiper .but_box .swiper-button-prev:hover::after,
.banner .swiper .but_box .swiper-button-next:hover::after {
    color: #0C7E6C;
}

.About {
    width: 100%;
    padding: 0.7rem 0px 1.15rem 0px;
    background: url(../images/9932.png) no-repeat center;
    background-size: cover;
}

.About .public {
    max-width: 15.28rem;
}

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

.About .out .left {
    width: 7.23rem;
}

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

.About .out .left a {
    width: 2.48rem;
    height: 0.78rem;
    background: #0C7E6C;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px 0px 0px 0px;
    font-weight: 600;
    font-size: 0.21rem;
    color: #FFFFFF;
    margin-top: 0.55rem;
}

.About .out .right {
    width: 7.16rem;
    height: 5.13rem;
    position: relative;
}

.About .out .right .img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
}

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

.About .out .right .img .play_box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.18rem;
    height: 1.18rem;
    background: rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    display: none ;
}

.About .out .right .img .play_box img {
    height: 0.4rem;
    width: auto;
    display: block;
}

.About .out .right::after {
    position: absolute;
    bottom: -0.3rem;
    right: -0.3rem;
    width: 5.88rem;
    height: 5.04rem;
    content: '';
    background: linear-gradient(-40.6deg,
            rgba(255, 255, 255, 1) 49.9%,
            rgba(255, 255, 255, 0) 50.1%);
    z-index: 1;
    
    display: none ;
}

.About .digital_scroll {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 1.29rem;
}

.About .digital_scroll .box .num {
    display: flex;
    align-items: end;
}

.About .digital_scroll .box .num b {
    font-weight: bold;
    font-size: 0.56rem;
    color: #FFFFFF;
    line-height: 1;
}


.About .digital_scroll .box .num span {
    font-weight: 400;
    font-size: 0.17rem;
    color: #FFFFFF;
    margin-left: 0.17rem;
    display: block;
    padding-bottom: 0.1rem;
    box-sizing: border-box;
}

.About .digital_scroll .box p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    margin-top: 0.1rem;
}

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

.public_title i {
    width: 0.74rem;
    height: 0.04rem;
    background: #0C6B5C;
    margin: 0 auto;
    display: block;
}

.public_title h5 {
    font-weight: bold;
    font-size: 0.48rem;
    color: #242424;
    line-height: 1;
    margin: 0.19rem 0px 0.22rem 0px;
    box-sizing: border-box;
    text-transform: uppercase;
}

.public_title p {
    font-weight: 600;
    font-size: 0.18rem;
    color: #666666;
    line-height: 1.7em;
    width: 100%;
    max-width: 8.96rem;
    margin: 0 auto;
    display: block;
    text-align: center;
}

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

.products .out {
    width: 100%;
    margin-top: 0.17rem;
    display: flex;
    flex-wrap: wrap;
}

.products .out .box {
    width: 23.5%;
    box-shadow: 0px 0.01rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
    border-radius: 0.11rem;
    overflow: hidden;
    margin-right: 2%;
    margin-top: 0.48rem;
    box-sizing: border-box;
}

.products .out .box:nth-child(4n) {
    margin-right: 0px;
}

.products .out .box .img {
    width: 100%;
    height: 2.84rem;
    overflow: hidden;
}


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

.products .out .box .text {
    width: 100%;
    padding: 0.3rem 0.4rem 0.35rem 0.3rem;
    box-sizing: border-box;
    background: #FCFCFC;
    position: relative;
}

.products .out .box .text h5 {
    font-weight: bold;
    font-size: 0.2rem;
    color: #333333;
    line-height: 1;
    margin-bottom: 0.22rem;
    position: relative;
    z-index: 10;
}

.products .out .box .text p {
    font-weight: 600;
    font-size: 0.18rem;
    color: #666666;
    margin-bottom: 0.33rem;
    position: relative;
    z-index: 10;

    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 限制为两行 */
overflow: hidden;

}

.products .out .box .text span {
    width: 1.36rem;
    height: 0.38rem;
    border-radius: 0.29rem;
    border: 0.01rem solid #0C7E6C;
    font-weight: 400;
    font-size: 0.13rem;
    color: #0C7E6C;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;

}

.products .out .box .text i {
    position: absolute;
    width: 0px;
    height: 0.07rem;
    background: #0C6B5C;
    display: block;
    bottom: 0px;
    left: 0px;
    transition: 0.5s ease;
}

.products .out .box .text::after {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -100%;
    left: 0px;
    background: #0c6b5d41;
    content: '';
    transition: 0.5s ease;
}

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

.products .out .box:hover .text::after {
    bottom: 0px;
}

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

.APPLICATION .out {
    margin-top: 0.61rem;
    display: flex;
}

.APPLICATION .out .box {
    width: 4.3rem;
    height: 7.5rem;
    position: relative;
    overflow: hidden;
    transition: 0.5s ease-in-out;
}

.APPLICATION .out .box .img {
    width: 6.4rem;
    height: 100%;
}

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

.APPLICATION .out .box .title {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 0.37rem 0.24rem 0.37rem 0.72rem;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.44);
}

.APPLICATION .out .box .title h5 {
    font-weight: 600;
    font-size: 0.22rem;
    color: #FFFFFF;
}

.APPLICATION .out .box .text {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    padding: 0.37rem 0.53rem;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.44);
    transition: 0.6s ease-in-out;
    transform: translateY(calc(100% - 0.9rem));
}

.APPLICATION .out .box .text h5 {
    font-weight: 600;
    font-size: 0.22rem;
    color: #FFFFFF;
    margin-bottom: 0.21rem;
}

.APPLICATION .out .box .text p {
    font-weight: 400;
    font-size: 0.17rem;
    color: #FFFFFF;
}

.APPLICATION .out .box .text span {
    width: 1.23rem;
    height: 0.42rem;
    border-radius: 0.09rem;
    border: 0.01rem solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    margin-top: 0.16rem;
}

.APPLICATION .out .box:hover .text,
.APPLICATION .out .box.active .text {
    transform: translateY(0px);
}

.APPLICATION .out .box:hover,
.APPLICATION .out .box.active {
    width: 6.30rem;
}

.footer {
    width: 100%;
    background: #191B1F;
    padding-top: 0.46rem;
    box-sizing: border-box;
}

.footer .Contact {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.45rem;
    border-bottom: 0.01rem solid #484848;
    box-sizing: border-box;
}

.footer .Contact .box {
    display: flex;
    align-items: center;
    width: 26%;
}

.footer .Contact .box img {
    height: 0.68rem;
    width: 0.68rem;
    display: block;
    flex: none;
}

.footer .Contact .box p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    margin-left: 0.12rem;
}

.footer_main {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0.44rem 0px 0.48rem 0px;
}

.footer_main .left {
    width: 2.06rem;
}

.footer_main .left .logo {
    width: 1.78rem;
    height: 1.01rem;
    display: block;
    margin-bottom: 0.56rem;
}

.footer_main .left .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.footer_main .left form {
    display: flex;
    align-items: end;
    margin-bottom: 0.68rem;
}

.footer_main .left form button {
    width: 0.48rem;
    height: 0.48rem;
    display: block;
    background: none;
    border: none;
}

.footer_main .left form button img {
    width: 100%;
}

.footer_main .left form input {
    width: 1.24rem;
    margin-left: 0.18rem;
    border-bottom: 0.01rem solid #707070;
    padding: 0.1rem 0px;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    background: none;
}

.footer_main .left form input::placeholder {
    color: #FFF;
}

.footer_main .left .input_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.footer_main .left .input_box img {
    width: 0.32rem;
    height: 0.32rem;
    display: block;
}

.footer_main .content {
    display: flex;
}

.footer_main .content .box:nth-child(1) {
    margin-right: 2rem;
}

.footer_main .content h5 {
    font-weight: 600;
    font-size: 0.22rem;
    color: #FFFFFF;
    margin-bottom: 0.34rem;
}

.footer_main .content a {
    font-weight: 400;
    font-size: 0.2rem;
    color: #FFFFFF;
    display: block;
    margin-bottom: 0.27rem;
}

.footer_main .content a:last-child {
    margin-bottom: 0px;
}

.footer_main .right {
    width: 4.61rem;
}

.footer_main .right h5 {
    font-weight: 600;
    font-size: 0.22rem;
    color: #FFFFFF;
    margin-bottom: 0.25rem;
}

.footer_main .right input {
    width: 100%;
    height: 0.42rem;
    border-radius: 0.05rem;
    border: 0.01rem solid #707070;
    padding: 0.12rem;
    box-sizing: border-box;
    background: none;
    font-weight: 400;
    font-size: 0.13rem;
    color: #FFFFFF;
    margin-bottom: 0.14rem;
}

.footer_main .right input::placeholder {
    color: #FFF;
}

.footer_main .right .box {
    width: 100%;
    display: flex;
}

.footer_main .right .box textarea {
    width: calc(100% - 1.2rem);
    height: 0.95rem;
    padding: 0.12rem;
    background: none;
    box-sizing: border-box;
    border: 0.01rem solid #707070;
    border-radius: 0.05rem 0px 0px 0.05rem;
    font-weight: 400;
    font-size: 0.13rem;
    color: #FFFFFF;
}

.footer_main .right .box textarea::placeholder {
    color: #FFF;
}

.footer_main .right .box button {
    width: 1.2rem;
    background: #0C7E6C;
    border-radius: 0px 0.05rem 0.05rem 0px;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    cursor: pointer;
    border: none;
}

.footer .public {
    max-width: 17.15rem;
}

.Copyright {
    width: 100%;
    padding: 0.21rem 0px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
    background: #191B1F;
    border-top: 0.01rem solid #484848;
}

.Copyright p {
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
    text-transform: uppercase ;
}

.Copyright .Chuancheng {
    position: absolute;
    right: 1.1rem;
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
    text-transform: uppercase ;
}

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

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

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

.banner_pages .txt h5 {
    font-weight: bold;
    font-size: 0.56rem;
    color: #E94539;
}

.banner_pages .txt p {
    font-weight: bold;
    font-size: 0.31rem;
    color: #E94539;
    margin-top: 0.7rem;
}

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

.APPLICATION_Pages .public {
    max-width: 15.5rem;
}

.APPLICATION_Pages .title {
    margin: 0.6rem 0px;
    text-align: center;
}

.APPLICATION_Pages .title p {
    font-weight: 600;
    font-size: 0.18rem;
    color: #666666;
    line-height: 1.8em;
}

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

.APPLICATION_Pages .box a {
    display: flex;
    width: 100%;
}

.APPLICATION_Pages .box:nth-child(2n) a {
    flex-direction: row-reverse;
}

.APPLICATION_Pages .box .left {
    width: 50%;
    height: 5.07rem;
    overflow: hidden;
}

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

.APPLICATION_Pages .box .right {
    width: 50%;
    height: 5.07rem;
    background: #F5F5F5;
    padding: 0px 0.97rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.APPLICATION_Pages .box .right h5 {
    font-weight: bold;
    font-size: 0.28rem;
    color: #242424;
    margin-bottom: 0.28rem;
}

.APPLICATION_Pages .box .right p {
    font-weight: 400;
    font-size: 0.17rem;
    color: #333333;
    line-height: 1.7em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    /* 限制为两行 */
    overflow: hidden;
}

.public_classify {
    width: 100%;
    height: 0.8rem;
    border-bottom: 0.01rem solid #DFDFDF;
    box-sizing: border-box;
}

.public_classify .public {
    display: flex;
    align-items: center;
}

.public_classify a {
    font-weight: 600;
    font-size: 0.2rem;
    color: #666666;
    margin-left: auto ;
}

.public_classify a.active {
    color: #0C7E6C;
}

.public_classify a:first-child {
    margin-left: 0px;
}


.News_pages {
    margin-bottom: 0.94rem;
}

.News_pages .out {
    margin: 0.61rem 0px;
}

.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: #0C7E6C;
    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: #0C7E6C;
}

.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: #0C7E6C;
    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: #0C7E6C;

}

.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 .box .tiem {
    width: 1.7rem;
}

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

.News_pages .out .box .tiem i {
    width: 1.45rem;
    height: 0.01rem;
    background: #0C7E6C;
    margin: 0.21rem auto 0.45rem auto;
    display: block;

}

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

.PRODUCTS_pages {
    width: 100%;
    margin-top: 0.54rem;
    margin-bottom: 1.05rem;
}

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

.PRODUCTS_pages .out .box {
    width: 4.75rem;
    /* box-shadow: 0px 0.01rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
    border-radius: 0.11rem; */
    overflow: hidden;
    margin-right: 0.62rem;
    margin-bottom: 0.55rem;
    box-sizing: border-box;
}

.PRODUCTS_pages .out .box:nth-child(3n) {
    margin-right: 0px;
}

.PRODUCTS_pages .out .box .img {
    width: 100%;
    height: 2.94rem;
    overflow: hidden;
}


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

.PRODUCTS_pages .out .box .text {
    width: 100%;
    height: 100% ;
    padding: 0.3rem 0.4rem 0.35rem 0.3rem;
    box-sizing: border-box;
    background: #FCFCFC;
    position: relative;
}

.PRODUCTS_pages .out .box .text h5 {
    font-weight: bold;
    font-size: 0.2rem;
    color: #333333;
    line-height: 1;
    margin-bottom: 0.22rem;
    position: relative;
    z-index: 10;
}

.PRODUCTS_pages .out .box .text p {
    font-weight: 600;
    font-size: 0.18rem;
    color: #666666;
    margin-bottom: 0.33rem;
    position: relative;
    z-index: 10;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 限制为两行 */
overflow: hidden;
}

.PRODUCTS_pages .out .box .text span {
    width: 1.36rem;
    height: 0.38rem;
    border-radius: 0.29rem;
    border: 0.01rem solid #0C7E6C;
    font-weight: 400;
    font-size: 0.13rem;
    color: #0C7E6C;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;

}

.PRODUCTS_pages .out .box .text i {
    position: absolute;
    width: 0px;
    height: 0.07rem;
    background: #0C6B5C;
    display: block;
    bottom: 0px;
    left: 0px;
    transition: 0.5s ease;
}

.PRODUCTS_pages .out .box .text::after {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -100%;
    left: 0px;
    background: #0c6b5d41;
    content: '';
    transition: 0.5s ease;
}

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

.PRODUCTS_pages .out .box:hover .text::after {
    bottom: 0px;
}

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

.products_text {
    width: 100%;
    margin-top: 1.05rem;
    margin-bottom: 1.03rem;
}

.products_text .out {
    width: 100%;
    background: url(../images/4.png) no-repeat center;
    width: 100%;
}

.products_text .out .box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.products_text .out .box .left {
    width: 6.7rem;
}

.products_text .out .box .left h5 {
    font-weight: bold;
    font-size: 0.31rem;
    color: #242424;
    line-height: 1;
    margin-bottom: 0.16rem;
}

.products_text .out .box .left p {
    font-weight: 600;
    font-size: 0.17rem;
    color: #333333;
    margin-bottom: 0.2rem;
}

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

.products_text .out .box .left p b {
    font-weight: 600;
    font-size: 0.17rem;
    color: #333333;
}

.products_text .out .box .left p span {
    font-weight: 500;
    font-size: 0.17rem;
    color: #333333;
    display: block;
}

.products_text .out .box .right {
    width: 7.32rem;
    height: 4.84rem;
}

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

.products_text .out .box:nth-child(2) {
    flex-direction: row-reverse;
    margin-top: 0.85rem;
}

.products_text .out .box:nth-child(2) .right {
    width: 7.9rem;
    height: 4.24rem;
}

.Contact {
    width: 100%;
    margin-top: 0.85rem;
    margin-bottom: 1.05rem;
}

.Contact .title h5 {
    font-weight: bold;
    font-size: 0.48rem;
    color: #242424;
    text-align: center;
}

.Contact .title p {
    font-weight: 600;
    font-size: 0.18rem;
    color: #666666;
    line-height: 1.7em;
    text-align: center;
    margin-top: 0.37rem;
}


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

.Contact .out .left {
    width: 5.43rem;
}

.Contact .out .left .box {
    padding: 0.24rem 0px;
    border-top: 0.01rem solid #EBEBEB;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.Contact .out .left .box img {
    width: 0.52rem;
    margin-right: 0.17rem;
}

.Contact .out .left .box .txt h5 {
    font-weight: 400;
    font-size: 0.18rem;
    color: #999999;
    line-height: 1;
}

.Contact .out .left .box .txt p {
    font-weight: 500;
    font-size: 0.18rem;
    color: #333333;
    margin-top: 0.1rem;
}

.Contact .out .left .img_list {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 0.38rem;
    gap: 0px 0.42rem;
}

.Contact .out .left .img_list img {
    height: 0.24rem;
    display: block;
}

.Contact .out .right {
    width: 8.2rem;
}

.Contact .out .right h5 {
    font-weight: bold;
    font-size: 0.27rem;
    color: #111111;
    line-height: 1;
    margin-bottom: 0.15rem;
}

.Contact .out .right p {
    font-weight: 400;
    font-size: 0.15rem;
    color: #8E8E8E;
}


.Contact .out .right form {
    width: 7.62rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 0.38rem;
}

.Contact .out .right form input {
    width: 48%;
    height: 0.49rem;
    border-radius: 0px 0px 0px 0px;
    border: 0.01rem solid #E6E6E6;
    padding: 0.11rem 0.12rem;
    box-sizing: border-box;
    margin-bottom: 0.28rem;

    font-weight: 400;
    font-size: 0.16rem;
    color: #8E8E8E;
}

.Contact .out .right form textarea {
    width: 100%;
    height: 1.5rem;
    border-radius: 0px 0px 0px 0px;
    border: 0.01rem solid #E6E6E6;
    padding: 0.11rem 0.12rem;
    box-sizing: border-box;
    margin-bottom: 0.28rem;
    font-weight: 400;
    font-size: 0.16rem;
    color: #8E8E8E;
}

.Contact .out .right form button {
    width: 2.21rem;
    height: 0.46rem;
    background: #0C7E6C;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    margin-top: 0.3rem;
}

.diti {
    width: 100%;
    height: 7.63rem ;
}

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

.STRUCTURE {
    width: 100%;
    margin-top: 1.26rem;
    margin-bottom: 0.98rem;
}

.STRUCTURE h5 {
    font-weight: bold;
    font-size: 0.48rem;
    color: #242424;
    margin-bottom: 0.9rem;
}

.STRUCTURE img {
    width: 13.07rem;
    max-width: 100%;
    display: block;
    height: auto;
    margin: 0 auto;
}

.HISTORY {
    width: 100%;
    background: url(../images/9950.png) no-repeat center;
    background-size: cover;
    padding: 0.5rem 0px 0.92rem 0px;
    box-sizing: border-box;
}

.HISTORY .title {
    font-weight: bold;
    font-size: 0.48rem;
    color: #FFFFFF;
}

.HISTORY .HISTORY_swiper_but {
    padding-top: 0.85rem;
    position: relative;
    padding-bottom: 0.3rem;
}

.HISTORY .HISTORY_swiper_but .swiper-wrapper {
    padding: 0px 0.37rem;
    box-sizing: border-box;
}

.HISTORY .HISTORY_swiper_but::after {
    height: 0.03rem;
    width: 100%;
    display: block;
    background: #FFFFFF;
    content: '';
    position: absolute;
    bottom: 0.415rem;
    left: 0px;
}

.HISTORY .HISTORY_swiper_but .swiper-slide {
    width: 10% ;
    /*margin-right: 1.08rem;*/
    position: relative;
    cursor: pointer;
}

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

.HISTORY .HISTORY_swiper_but .swiper-slide i {
    width: 0.26rem;
    height: 0.26rem;
    background: #FFFFFF;
    border-radius: 50%;
    display: block;
    cursor: pointer;
}

.HISTORY .HISTORY_swiper_but .swiper-slide span {
    position: absolute;
    top: -150%;
    left: 0%;
    transform: translateX(-25%);
    font-weight: 500;
    font-size: 0.24rem;
    color: #FFFFFF;
    cursor: pointer;
}

.HISTORY .HISTORY_swiper_but .swiper-slide-thumb-active i {
    background: #0C7E6C;
    box-shadow: 0px 0px 0.01rem 0.05rem #2E9887;
}

.HISTORY .HISTORY_swiper_but .swiper-slide-thumb-active span {
    color: #0C7E6C;
}

.HISTORY .HISTORY_swiper_txt {
    width: 100%;
    margin-top: 0.9rem;
}

.HISTORY .HISTORY_swiper_txt .swiper-slide {
    width: 3.41rem;
    margin-right: 0.82rem;
}

.HISTORY .HISTORY_swiper_txt .swiper-slide h5 {
    font-weight: bold;
    font-size: 0.35rem;
    color: #FFFFFF;
}

.HISTORY .HISTORY_swiper_txt .swiper-slide i {
    width: 100%;
    margin: 0.5rem 0px;
    height: 0.01rem;
    background: #D9D9D9;
    display: block;
}

.HISTORY .HISTORY_swiper_txt .swiper-slide p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 1.6em;
    min-height: 1.7rem ;
}



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

.HISTORY .out {
    position: relative;
}

.HISTORY .out .swiper-button-prev,
.HISTORY .out .swiper-button-next {
    width: 0.51rem;
    height: 0.51rem;
    border: 0.01rem solid #FFFFFF;
    border-radius: 50%;

}

.HISTORY .out .swiper-button-prev {
    left: -0.85rem;
}

.HISTORY .out .swiper-button-next {
    right: -0.85rem;
}

.HISTORY .out .swiper-button-prev::after,
.HISTORY .out .swiper-button-next::after {
    font-size: 0.2rem;
    color: #FFF;
}

.HISTORY .out .swiper-button-next:hover,
.HISTORY .out .swiper-button-prev:hover {
    background: #0C7E6C;
    border: none;
}

.CERTIFICATIONS {
    width: 100%;
    background: #F0F1F6;
    padding: 1.23rem 0px 1rem 0px;
    box-sizing: border-box;
}

.CERTIFICATIONS .title {
    width: 100%;
}

.CERTIFICATIONS .title h5 {
    font-weight: bold;
    font-size: 0.48rem;
    color: #242424;
    line-height: 1;
    margin-bottom: 0.22rem;
}

.CERTIFICATIONS .title p {
    font-weight: 600;
    font-size: 0.18rem;
    color: #666666;
    line-height: 1.6em;
}

.CERTIFICATIONS .out {
    margin-top: 0.38rem;
    width: 100%;
    position: relative;
}

.CERTIFICATIONS .out .swiper-slide {
    width: 3.73rem;
    height: 5.03rem;
    background: #FFFFFF;
    box-shadow: 0px 0.03rem 0.12rem 0.01rem rgba(0, 0, 0, 0.13);
    padding: 0.4rem 0.37rem;
    box-sizing: border-box;
    margin-right: 0.21rem;
}

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

.CERTIFICATIONS .out .swiper-slide .img {
    width: 100%;
    height: 3.45rem;
    overflow: hidden;
}

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

.CERTIFICATIONS .out .swiper-slide .txt {
    width: 100%;
    border-top: 0.01rem solid #EBEBEB;
    margin-top: 0.25rem;
    padding-top: 0.25rem;
    box-sizing: border-box;
}

.CERTIFICATIONS .out .swiper-slide .txt h5 {
    text-align: center;
    font-weight: 500;
    font-size: 0.24rem;
    color: #555555;
}

.CERTIFICATIONS .out .swiper-button-prev,
.CERTIFICATIONS .out .swiper-button-next {
    width: 0.51rem;
    height: 0.51rem;
    /* border: 0.01rem solid #FFFFFF; */
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.17);

}

.CERTIFICATIONS .out .swiper-button-prev {
    left: -0.85rem;
}

.CERTIFICATIONS .out .swiper-button-next {
    right: -0.85rem;
}

.CERTIFICATIONS .out .swiper-button-prev::after,
.CERTIFICATIONS .out .swiper-button-next::after {
    font-size: 0.2rem;
    color: #FFF;
}

.CERTIFICATIONS .out .swiper-button-next:hover,
.CERTIFICATIONS .out .swiper-button-prev:hover {
    background: #0C7E6C;
    border: none;
}


.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;
}


.CNCautomatic_item_pages {
    margin: 1rem 0px 0.8rem 0px;
}

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

.CNCautomatic_item_pages .out .right {
    width: 100%;
    box-sizing: border-box;
}

.CNCautomatic_item_pages .out .right .Right_title {
    display: flex;
    justify-content: space-between;
}

.CNCautomatic_item_pages .out .right .Right_title .left_Swiper {
    width: 40%;
}

.CNCautomatic_item_pages .out .right .Right_title .CNCautomatic_swiper {
    width: 100%;
    border: 1px solid #D5D5D5;
    height: 3.2rem;
    overflow: hidden;
}

.CNCautomatic_item_pages .out .right .Right_title .CNCautomatic_swiper .swiper-slide {
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.CNCautomatic_item_pages .out .right .Right_title .CNCautomatic_swiper .swiper-slide img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    display: block;
    object-fit: contain;
}

.CNCautomatic_item_pages .out .right .Right_title .CNCautomatic_swiper2 {
    width: 100%;
    padding: 0.2rem 0.1rem;
    box-sizing: border-box;
}

.CNCautomatic_item_pages .out .right .Right_title .CNCautomatic_swiper2 .swiper-slide {
    width: 24%;
    margin-right: 1.45%;
    background: #FFF;
    padding: 0.03rem;
    box-sizing: border-box;
    box-shadow: 0px 0px 0.04rem 0.01rem #3333333d;
    cursor: pointer;
    height: 0.9rem;
}

.CNCautomatic_item_pages .out .right .Right_title .CNCautomatic_swiper2 .swiper-slide-thumb-active {
    /* background: #0A3B95; */
    border: 0.02rem solid #0A3B95;
}

.CNCautomatic_item_pages .out .right .CNCautomatic_box_list {
    width: 100%;
    position: relative;
}

.CNCautomatic_item_pages .out .right .Right_title .CNCautomatic_swiper2 .swiper-slide:last-child {
    margin-right: 0px;
}

.CNCautomatic_item_pages .out .right .Right_title .CNCautomatic_swiper2 .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.CNCautomatic_item_pages .out .right .CNCautomatic_box_list .swiper-button-next:after,
.CNCautomatic_item_pages .out .right .CNCautomatic_box_list .swiper-button-prev:after {
    color: #0A3B95;
    font-size: 0.2rem;
    left: 0px;
    right: 0px;
    font-weight: bold;
    text-shadow: 0px 0.01rem 0.1rem #00000063;
}

.CNCautomatic_item_pages .out .right .CNCautomatic_box_list .swiper-button-next {
    right: -0.2rem;
}

.CNCautomatic_item_pages .out .right .CNCautomatic_box_list .swiper-button-prev {
    left: -0.2rem;
}

.CNCautomatic_item_pages .out .right .right_text {
    width: 53%;
    padding-top: 0.2rem;
    box-sizing: border-box;
}

.CNCautomatic_item_pages .out .right .right_text h5 {
    color: #333;
    font-size: 0.26rem;
    font-weight: bold;
}

.CNCautomatic_item_pages .out .right .right_text i {
    margin-top: 0.3rem;
    margin-bottom: 0.2rem;
    width: 0.9rem;
    height: 0.02rem;
    background: #0A3B95;
    display: block;
}

.CNCautomatic_item_pages .out .right .right_text .title_chanshu {
    font-size: 0.17rem;
    margin-bottom: 0.1rem;
    color: #333;
}

.CNCautomatic_item_pages .out .right .right_text p {
    color: #333;
    font-size: 0.15rem;
    line-height: 1.6em;
}

.CNCautomatic_item_pages .out .right .right_text a {
    width: 1.4rem;
    height: 0.46rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.14rem;
    color: #FFF;
    background: #0A3B95;
    border-radius: 0.03rem;
    margin-top: 0.4rem;
}

.CNCautomatic_item_pages .out .right .text_h5 {
    width: 100%;
    margin-top: 0.3rem;
    margin-bottom: 0.2rem;
}

.CNCautomatic_item_pages .out .right .text_h5 h5 {
    color: #333;
    font-size: 0.2rem;
    margin-bottom: 0.15rem;
}

.CNCautomatic_item_pages .out .right .text_h5 i {
    width: 100%;
    height: 0.01rem;
    background: #D5D5D5;
    display: block;
}

.CNCautomatic_item_pages .out .right .text_list {
    width: 100%;
    padding: 0px 0.2rem;
    box-sizing: border-box;
    overflow: auto ;
}

.CNCautomatic_item_pages .out .right .text_list img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.CNCautomatic_item_pages .out .right .text_list p {
    color: #333;
    line-height: 1.6em;
    font-size: 0.15rem;
}

.CNCautomatic_item_pages .out .right .text_list td {
    padding: 0.1rem ;
    box-sizing: border-box;
}


.CNCautomatic_item_pages .out .right .butt_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 0.6rem;
}

.CNCautomatic_item_pages .out .right .butt_box .box {
    width: 48%;
    display: flex;
    align-items: center;
}

.CNCautomatic_item_pages .out .right .butt_box .box span {
    font-size: 0.15rem;
    display: block;
    color: #333;
}

.CNCautomatic_item_pages .out .right .butt_box .box a {
    font-size: 0.15rem;
    display: block;
    color: #333;
}

.CNCautomatic_item_pages .out .right .butt_box .box2 {
    justify-content: right;
}

.CNCautomatic_item_pages .out .right .butt_box .box:hover a {
    color: #0A3B95;
}

.Video_popup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 40;
    display: none;
}

.Video_popup .vid_box {
    width: 8.5rem;
    max-width: 100%;
    background: #FFF;
    border-radius: 0.1rem;
    box-shadow: 0px 0px 0.1rem 0.01rem rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 4.5rem;
    padding: 0.2rem 0.1rem;
    box-sizing: border-box;
    padding-top: 0.3rem;
}

.Video_popup .vid_box video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.Video_popup .vid_box .guanbi_box {
    position: absolute;
    top: 0.04rem;
    right: 0.1rem;
    color: #333;
    font-size: 0.25rem;
    line-height: 1;
    cursor: pointer;
}

.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: #fff;
    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);
}




@media (max-width:750px) {
    
    table {
        display: block ;
        overflow: auto ;
    }

    .toggle_button{
        display: flex ;
    }

    .nav {
        height: 0.9rem ;
    }

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

    .banner .swiper-slide .txt {
        padding: 0px 0.2rem;
        box-sizing: border-box;
    }

    .banner .swiper-slide .txt h5 {
        font-size: 0.4rem;
    }

    .banner .swiper-slide .txt p {
        font-size: 0.15rem;
        text-align: center;
    }

    .banner .swiper .but_box {
        right: 0px;
        display: flex;
        width: 100%;
        display: flex;
        justify-content: center;
        bottom: 0.3rem ;
    }

    .nav .out ul,
    .nav .out .icon_box,
    .About .out .right::after {
        display: none;
    }

    .About .digital_scroll {
        flex-wrap: wrap;
        margin-top: 0.7rem;
    }

    .About .digital_scroll .box {
        width: 50%;
        padding: 0.2rem 0px;
    }

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

    .About .out .left {
        width: 100%;
    }

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

    .Video_popup .vid_box {
        width: 85%;
        height: auto;
    }

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

    .public_title p {
        font-weight: 500 ;
        font-size: 0.16rem ;
    }

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

    .products .out .box {
        width: 48% ;
        margin-right: 0px ;
        border-radius: 0.02rem ;
    }

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

    .products .out .box .text {
        padding: 0.2rem ;
    }

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

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

    .APPLICATION .out .box {
        height: 3rem ;
    }

    .APPLICATION .out .box .text{
        transform: translateY(0px)
    }

    .Copyright .Chuancheng {
        position: static ;
    }

    .footer_main {
        flex-wrap: wrap ;
    }

    .footer .Contact {
        margin-top: 0px ;
        flex-wrap: wrap ;
        margin-bottom: 0px ;
    }

    .footer .Contact .box {
        width: 100% ;
        margin-bottom: 0.3rem ;
    }

    .footer .Contact .box:last-child {
        margin-bottom: 0px ;
    }

    .footer_main .content {
        display: none ;
    }

    .footer_main .right {
        width: 100% ;
        margin-top: 0.6rem ;
    }

    .banner_pages {
        height: 2.3rem ;
    }

    .STRUCTURE h5 {
        font-size: 0.26rem ;
    }

    .STRUCTURE {
        margin: 1rem 0px ;
    }

    .banner_pages .txt {
        padding: 0px 0.2rem ;
        box-sizing: border-box ;
        display: none ;
    }

    .banner_pages .txt h5 {
        font-size: 0.34rem ;
        text-align: center ;
    }

    .banner_pages .txt p {
        font-size: 0.24rem ;
        text-align: center ;
    }

    .HISTORY .HISTORY_swiper_txt .swiper-slide {
        width: 100% ;
    }

    .HISTORY .out .swiper-button-next , .CERTIFICATIONS .out .swiper-button-next {
        right: 0px ;
    }

    .HISTORY .out .swiper-button-prev , .CERTIFICATIONS .out .swiper-button-prev{
        left: 0px ;
    }

    .public_classify {
        height: auto ;
        padding: 0.2rem 0px ;
        box-sizing: border-box ;
    }

    .public_classify .public {
        flex-wrap: wrap ;
        gap: 0.2rem ;
    }

    .public_classify a {
        margin-left: 0px ;
        font-size: 0.14rem ;
    }

    .PRODUCTS_pages .out .box {
        width: 100% ;
        margin-right: 0px ;
    }

    .products_text .out .box .right , .products_text .out .box:nth-child(2) .right{
        width: 100% ;
        margin-top: 0.3rem ;
        height: auto ;
    }

    .APPLICATION_Pages .box a {
        flex-wrap: wrap ;
    }

    .APPLICATION_Pages .box .left {
        width: 100% ;
        height: auto ;
    }

    .APPLICATION_Pages .box .right {
        width: 100% ;
        padding: 0.3rem ;
        box-sizing: border-box ;
        height: auto ;
    }

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

    .News_pages .out .box .left {
        width: 100% ;
        margin-bottom: 0.2rem ;
    }

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

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

    .Contact .title h5 {
        font-size: 0.32rem ;
    }

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

    .Contact .out .left , .Contact .out .right {
        width: 100% ;
    }

    .Contact .out .right  {
        margin-top: 0.4rem ;
    }

    .Contact .out .right form {
        width: 100% ;
    }

    .Contact .title p {
        font-size: 0.15rem ;
    }

    .Knowledge-list .release span {
        width: 100% ;
    }

    .CNCautomatic_item_pages .out .right .Right_title {
        flex-wrap: wrap ;
    }

    .CNCautomatic_item_pages .out .right .Right_title .left_Swiper , .CNCautomatic_item_pages .out .right .right_text {
        width: 100% ;
    }
    
    /*.HISTORY .HISTORY_swiper_but .swiper-wrapper {*/
    /*    padding: 0px ;*/
    /*}*/
    
    .HISTORY .HISTORY_swiper_but .swiper-slide {
        width: auto ;
         margin-right: 0.8rem;
    }


}



@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: 90px;
        font-size: calc(100vw / 7.5);
    }
}

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

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