* {
    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;
}

.container {
    width: 100%;
    max-width: 16rem;
    box-sizing: border-box;
    margin: 0px auto;
    height: 100%;
}

.nav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 0.9rem;
    background: #ffffff00;
    z-index: 999;
    /*box-shadow: 0px 0px 0.1rem 0.01rem #0000001f ;*/
    transition: 0.5s ease ;
}



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

.nav .out .logo {
    height: 0.49rem;
    display: block;
}

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

.nav .out .logo .img_2{
    display: none ;
}

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

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

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

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

.nav .out ul li.active .title,
.nav .out ul li:hover .title {
    color: #142862 !important;
}

.nav .out ul li .column_FullyGood {
    position: absolute;
    left: 50%;
    top: 0.8rem;
    transform: translateX(-50%);
    width: max-content;
    background: #FFF;
    padding: 0.1rem 0.2rem;
    box-sizing: border-box;
    border-radius: 0.05rem;
    box-shadow: 0px 0px 0.1rem 0.01rem rgba(0, 0, 0, 0.08);
    display: none;
}

.nav .out ul li .column_FullyGood a {
    color: #666666;
    font-size: 0.16rem;
    font-weight: 400;
    padding: 0.12rem 0px;
    border-bottom: 0.01rem solid #EBEBEB;
    display: block;
}

.nav .out ul li .column_FullyGood a:hover {
    color: #0087C1;
}

.nav .out ul li:hover .column_FullyGood {
    display: block;
}

.nav.active {
    background: #FFF ;
    animation: transform_identifier  0.8s ease ;
    box-shadow: 0px 0px 0.1rem 0.01rem #0000001f ;
    height: 0.85rem ;
}

.nav.active .out ul li .title {
    color: #333;
}

.nav.active  .out .logo .img_1{
    display: none ;
}

.nav.active  .out .logo .img_2{
    display: block ;
}

@keyframes transform_identifier {
    0%{
        transform: translateY(-100%);
    }

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

.banner_swiper {
    width: 100%;
    height: 100vh ;
    overflow: hidden;
}

.banner_swiper .swiper-slide {
    width: 100%;
    height: 100%;
}

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

.banner_swiper .swiper-slide .text {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 10;
    padding-top: 20%;
    box-sizing: border-box;
    transform: translateX(-50%)
}

.banner_swiper .swiper-slide .text h5 {
    font-weight: bold;
    font-size: 0.63rem;
    color: #FFFFFF;
    line-height: 1;
    text-shadow: 0px 0.03rem 0.06rem rgba(0, 0, 0, 0.16);
    margin-bottom: 0.6rem;
    transform: translateY(1rem);
    opacity: 0 ;
    transition: 0.7s ease-in-out ;
}

.banner_swiper .swiper-slide .text p {
    font-weight: 400;
    font-size: 0.39rem;
    color: #FFFFFF;
    line-height: 1;
    text-shadow: 0px 0.03rem 0.06rem rgba(0, 0, 0, 0.16);
    transform: translateY(1rem);
    opacity: 0;
    transition: 0.7s ease-in-out ;
    transition-delay: 0.2s ;
}

.banner_swiper .swiper-button-next,
.banner_swiper .swiper-button-prev,
.banner_swiper .swiper-pagination {
    position: static;
    width: auto;
}

.banner_swiper .button_box .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.banner_swiper .button_box {
    position: absolute;
    bottom: 0.74rem;
    left: 0px;
    width: 100%;
    z-index: 11;
}

.banner_swiper .button_box .box {
    display: flex;
    align-items: center;
}

.banner_swiper .button_box .box .swiper-button-prev {
    margin-right: 0.77rem;
}

.banner_swiper .button_box .box .swiper-button-prev,
.banner_swiper .button_box .box .swiper-button-next {
    width: 0.61rem;
    height: 0.61rem;
    opacity: 1;
    border: 0.02rem solid #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner_swiper .button_box .box .swiper-button-prev::after,
.banner_swiper .button_box .box .swiper-button-next::after {
    font-size: 0.16rem;
    color: #FFFFFF;
}

.banner_swiper .swiper-pagination .swiper-pagination-bullet {
    width: 0.81rem;
    height: 0.02rem;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 0.31
}

.banner_swiper .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

.banner_swiper .swiper-slide-active .text p , .banner_swiper .swiper-slide-active .text h5 {
    transform: translateY(0);
    opacity: 1 ;
}

.About_Mingda {
    width: 100%;
    margin: 0.9rem 0px ;
    box-sizing: border-box;
    overflow: hidden;
}

.About_Mingda .out {
    /*margin-top: 0.6rem;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.About_Mingda .out .left {
    width: 7.32rem;
    height: 4.70rem;
    overflow: hidden;
    border-radius: 0.22rem;
}

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

.About_Mingda .out .right {
    width: 7.6rem;
}

.About_Mingda .out .right h5 {
    font-weight: bold;
    font-size: 0.4rem;
    color: #111111;
    line-height: 1;
    margin-bottom: 0.45rem;
}

.About_Mingda .out .right p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #666666;
    height: 2.07rem;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    /* 根据高度设置行数 */
    -webkit-box-orient: vertical;
    line-height: 1.7em;
}

.About_Mingda .out .right a {
    width: 2.12rem;
    height: 0.46rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #142862;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    margin-top: 0.46rem;
}

.About_Mingda .out .right a img {
    height: 0.12rem;
    display: block;
    margin-left: 0.1rem;
}

.Digital_scrolling {
    width: 100%;
    margin-top: 0.6rem;
    display: flex;
    flex-wrap: wrap;
}

.Digital_scrolling .box {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 0.01rem solid #C7CBCF;
    box-sizing: border-box;
}

.Digital_scrolling .box .tit {
    display: flex;
    align-items: end;
}

.Digital_scrolling .box .tit b {
    font-weight: 500;
    font-size: 0.55rem;
    line-height: 1;
    color: #111111;
}

.Digital_scrolling .box .tit span {
    font-weight: 400;
    font-size: 0.21rem;
    color: #666666;
    display: block;
    margin-left: 0.08rem;
}

.Digital_scrolling .box i {
    width: 0.4rem;
    height: 0.05rem;
    display: block;
    margin: 0.23rem 0px 0.32rem 0px;
    background: #0A0073;
}

.Digital_scrolling .box p {
    font-weight: 500;
    font-size: 0.2rem;
    color: #666666;
}

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


.title_public {
    width: 100%;
}

.title_public h5 {
    font-weight: bold;
    font-size: 0.46rem;
    color: #142862;
    line-height: 1;
    margin-bottom: 0.22rem;
    text-align: center;
}

.title_public span {
    font-weight: 400;
    font-size: 0.18rem;
    color: #111111;
    display: block;
    text-align: center;
    max-width: 9.44rem;
    width: 100%;
    margin: 0 auto;
    line-height: 1.6em;
    display: none ;
}

.UHPC {
    width: 100%;
    min-height: 6.94rem;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.UHPC::after {
    position: absolute ;
    top: 0px ;
    left: 0px ;
    width: 100% ;
    height: 100% ;
    background: #00000036 ;
    z-index: 2 ;
    content: '';
}

.UHPC .container {
    position: relative;
    z-index: 10;
    padding-top: 1.19rem;
    padding-bottom: 0.93rem;
}

.UHPC .beijin {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1 ;
}

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

.UHPC a {
    width: 2.12rem;
    height: 0.46rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #142862;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    margin-top: 0.46rem;
}

.UHPC a img {
    height: 0.12rem;
    display: block;
    margin-left: 0.1rem;
}

.UHPC .title_public h5 {
    color: #FFF;
}

.UHPC .title_public span {
    color: #E9E9E9;
    display: none ;
}

.UHPC .text {
    max-width: 10.92rem;
    width: 100%;
    margin: 0 auto;
    margin-top: 0.79rem;
    font-weight: 400;
    font-size: 0.17rem;
    color: #FFFFFF;
    line-height: 1.9em;
    text-align: center;
}

.UHPC .text p {
    font-weight: 400;
    font-size: 0.17rem;
    color: #FFFFFF;
    line-height: 1.9em;
    text-align: center;
}

.UHPC a {
    margin: 1.03rem auto 0px auto;
}

.Product_Introduction {
    margin: 0.9rem 0px;
    box-sizing: border-box;
    overflow: hidden;
}

.Product_Introduction .Product_swiper {
    margin-top: 0.6rem;
}

.Product_Introduction .Product_swiper .out {
    display: flex ;
    flex-wrap: wrap ;
}

.Product_Introduction .Product_swiper .swiper-slide {
    width: 2.85rem;
    height: 5.79rem;
    transition: 0.5s ease-out;
    position: relative;
    overflow: hidden;
}

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

.Product_Introduction .Product_swiper .swiper-slide .text_box {
    position: relative;
    background: rgba(0, 0, 0, 0.23);
    width: 7.44rem;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.Product_Introduction .Product_swiper .swiper-slide .tite {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 2.85rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    padding: 0.5rem 0.3rem;
    box-sizing: border-box;
    transition: 0.5s ease;
}

.Product_Introduction .Product_swiper .swiper-slide .tite h5 {
    font-weight: 400;
    font-size: 0.24rem;
    color: #FFFFFF;
    line-height: 1;
}

.Product_Introduction .Product_swiper .swiper-slide .tite i {
    width: 0.54rem;
    height: 0.04rem;
    display: block;
    margin-top: 0.39rem;
    background: #142862;
}

.Product_Introduction .Product_swiper .swiper-slide .text {
    position: absolute;
}

.Product_Introduction .Product_swiper .swiper-slide.active {
    width: 7.44rem;
}

.Product_Introduction .Product_swiper .swiper-slide.active .tite {
    opacity: 0;
}

.Product_Introduction .Product_swiper .swiper-slide .text {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    top: 0px;
    left: 0px;
    padding: 0.54rem 0.78rem;
    box-sizing: border-box;
    opacity: 0;
    transition: 0.5s ease;
}

.Product_Introduction .Product_swiper .swiper-slide .text h5 {
    font-weight: 500;
    font-size: 0.26rem;
    color: #FFFFFF;
    line-height: 1;
    margin-bottom: 0.3rem;
}

.Product_Introduction .Product_swiper .swiper-slide .text p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #E9E9E9;
    line-height: 1.7em;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* 根据高度设置行数 */
    -webkit-box-orient: vertical;
    margin-bottom: 0.36rem;
}

.Product_Introduction .Product_swiper .swiper-slide .text .More {
    width: 1.55rem;
    height: 0.48rem;
    background: linear-gradient(180deg, #16A1EF 0%, #005482 100%);
    border-radius: 0.24rem 0px 0.24rem 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
}

.Product_Introduction .Product_swiper .swiper-slide .text .More img {
    display: block;
    height: 0.13rem;
    margin-left: 0.1rem;
}

.Product_Introduction .Product_swiper .swiper-slide.active .text {
    opacity: 1;
}

.Service_Introduction {
    margin: 0.9rem 0px ;
    margin-top: 0.4rem ;
    overflow: hidden;
}

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

.Service_Introduction .out .list_box {
    flex-wrap: wrap ;
    display: flex ;
}

.Service_Introduction .container {
    max-width: 16.6rem ;
}

.Service_Introduction .out .swiper-slide {
    width: 33.33% ;
    padding: 0px 0.3rem ;
    box-sizing: border-box ;
}

.Service_Introduction .out .swiper-slide a {
    background: #F6F6F6;
    display: block ;
    border-radius: 0.06rem ;
    overflow: hidden;
}

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

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

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

.Service_Introduction .out .swiper-slide .text {
    width: 100%;
    padding: 0.45rem 0.48rem 0.32rem 0.48rem;
    box-sizing: border-box;
    position: relative;
}

.Service_Introduction .out .swiper-slide .text img {
    width: 1.28rem;
    height: 1.28rem;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none ;
}

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

.Service_Introduction .out .swiper-slide .txt {
    margin-top: 0.26rem;
    text-align: center;
}

.Service_Introduction .out .swiper-slide .txt p {
    font-weight: 400;
    font-size: 0.16rem;
    color: #828282;
    line-height: 1.8em;
}

.News {
    margin: 0.9rem 0px ;
    width: 100%;
    overflow: hidden;
}

.News .container {
    max-width: 16.4rem;
}

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

.News .out .swiper-slide {
    width: 33.33%;
    padding: 0.2rem;
    box-sizing: border-box;
}

.News .out .swiper-slide a {
    box-shadow: 0px 0px 0.06rem 0.01rem #00000023;
    display: block;
    border-radius: 0.06rem ;
    overflow: hidden;
}

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

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

.News .out .swiper-slide .text {
    width: 100%;
    background: #FFF;
    padding: 0.4rem 0.27rem 0.3rem 0.27rem;
    box-sizing: border-box;
}

.News .out .swiper-slide .text h5 {
    font-weight: 500;
    font-size: 0.24rem;
    color: #111111;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制为两行 */
    overflow: hidden;
}

.News .out .swiper-slide .text i {
    display: block;
    width: 0.4rem;
    height: 0.02rem;
    background: #034EA2;
    display: block;
    margin-top: 0.18rem;
    margin-bottom: 0.2rem;
}

.News .out .swiper-slide .text p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #777777;
    line-height: 1.7em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制为两行 */
    overflow: hidden;
    margin-bottom: 0.12rem;
}

.News .out .swiper-slide .text span {
    font-weight: 400;
    font-size: 0.16rem;
    color: #999999;
}

.News .out .swiper-slide a:hover .text h5 {
    color: #142862 ;
}

.News .out .swiper-slide a:hover .img img {
    transform: scale(1.1);
}

.Contact {
    width: 100%;
    background: url(../images/10073.jpg) no-repeat center;
    background-size: cover;
    padding: 1.13rem 0px 0.85rem 0px;
    box-sizing: border-box;
    overflow: hidden;
}

.Plan_Quotation .out .right .but_box {
    width: 100%;
}

.Plan_Quotation .out .right .but_box h6 {
    font-weight: 400;
    font-size: 0.2rem;
    color: #0C0C0C;
    text-shadow: var(--shadow_color);
    margin-top: 0.27rem;
    margin-bottom: 0.2rem;
}

.Contact .out .left .checkbox_box {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0px 0.6rem;
}

.Contact .out .left .checkbox_box label {
    width: 1.16rem;
    height: 0.35rem;
    border-radius: 0.34rem;
    border: 0.01rem solid #D1D1D1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.Contact .out .left .checkbox_box label input {
    position: absolute;
    opacity: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.Contact .out .left .checkbox_box label span {
    font-weight: 400;
    font-size: 0.13rem;
    color: #979797;
    pointer-events: none;
}

.Contact .out .left .checkbox_box label.active {
    border: 0.01rem solid #C7000A;

}

.Contact .out .left .checkbox_box label.active span {
    color: #C7000A;
}

.Contact .out {
    width: 100%;
    display: flex;
    height: 5.87rem;
    position: relative;
    overflow: hidden;
}

.Contact .out .left {
    width: 9.26rem;
    height: 100%;
    background: #FFF;
    border-radius: 0.2rem;
    padding: 0.61rem 1.13rem 0.58rem 1.18rem;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}

.Contact .out .left h5 {
    font-weight: bold;
    font-size: 0.46rem;
    color: #142862;
    line-height: 1;
    margin-bottom: 0.45rem;
}

.Contact .out .left form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

.Contact .out .left form input {
    width: 48%;
    height: 0.68rem;
    border-radius: 0px 0px 0px 0px;
    border: 0.01rem solid #D1D1D1;
    padding: 0.3rem 0.24rem;
    box-sizing: border-box;
}

.Contact .out .left form textarea {
    margin-top: 0.2rem;
    border-radius: 0px 0px 0px 0px;
    border: 0.01rem solid #D1D1D1;
    width: 100%;
    padding: 0.17rem 0.25rem;
    box-sizing: border-box;
}

.Contact .out .left form .but_box {
    margin-top: 0.27rem;
}

.Contact .out .left form .but_box h6 {
    margin-bottom: 0.2rem;
    font-weight: 400;
    font-size: 0.2rem;
    color: #0C0C0C;
    line-height: 1;
    text-shadow: 0px 0.03rem 0.06rem rgba(0, 0, 0, 0.12);
}

.Contact .out .left form button {
    width: 1.82rem;
    height: 0.68rem;
    background: #0A0073;
    border-radius: 0.34rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.17rem;
    color: #FFFFFF;
    margin-top: 0.45rem;
}

.Contact .out .right {
    width: 8.89rem;
    height: 100%;
    position: absolute;
    right: 0px;
    z-index: 8;
}

.Contact .out .right img {
    width: 100%;
    display: block;
    object-fit: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.Contact .out .right .text {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 6.74rem;
    height: 100%;
    padding: 0.7rem 1.04rem 0.7rem 0.9rem;
    box-sizing: border-box;
    z-index: 10;
}

.Contact .out .right .text h1 {
    font-weight: 500;
    font-size: 0.4rem;
    color: #FFFFFF;
    line-height: 1;
    text-shadow: 0px 0.03rem 0.06rem rgba(0, 0, 0, 0.12);
    margin-bottom: 0.25rem;
}

.Contact .out .right .text span {
    font-weight: 300;
    font-size: 0.16rem;
    color: #FFFFFF;
    display: block;
    margin-bottom: 0.63rem;
}

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

.Contact .out .right .list .item {
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    margin-bottom: 0.45rem;
}

.Contact .out .right .list .item p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
}

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

.Contact .out .right .tle_box h5 {
    color: #fff;
    font-size: 0.17rem;
    font-weight: 500;
    display: block;
    line-height: 1;
    margin-bottom: 0.24rem;
}

.Contact .out .right .tle_box h6 {
    font-weight: bold;
    font-size: 0.31rem;
    color: #FFFFFF;
}


.footer {
    width: 100%;
    /* background: url(../images/10053.jpg) no-repeat center; */
    background: #282727 ;
    background-size: cover;
    padding: 0.46rem 0px 0.21rem 0px;
}

.footer .title_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.48rem;
    border-bottom: 0.01rem solid #343434;
    margin-bottom: 0.48rem;
}

.footer .title_box .logo {
    height: 0.8rem;
}

.footer .title_box .logo img {
    height: 100%;
    display: block;
}

.footer .title_box .QRcode .tit {
    display: flex;
    align-items: center;
}

.footer .title_box .QRcode .tit .img {
    position: relative;
    cursor: pointer;
}

.footer .title_box .QRcode .tit .img .erweima_box {
    position: absolute;
    top: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    background: #FFF;
    padding: 0.05rem;
    border: 0.01rem solid #E5E5E5;
    width: 1.2rem;
    height: 1.2rem;
    box-sizing: border-box;
    display: none;
}

.footer .title_box .QRcode .tit .img:hover .erweima_box {
    display: block;
}

.footer .title_box .QRcode .tit .img .erweima_box img {
    width: 100%;
    height: 100%;
    display: block;
}

.footer .title_box .QRcode .tit h5 {
    font-weight: 400;
    font-size: 0.18rem;
    color: #EBEBEB;
}

.footer .title_box .QRcode .tit>img {
    width: 0.42rem;
    height: 0.42rem;
    display: block;
    margin-left: 0.12rem;
}

.footer .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* margin-top: 0.5rem; */
    border-top: 0.02rem solid #eeeeee21 ;
    padding-top: 0.4rem ;
}

.footer .out .left {
    width: 4.61rem;
}

.footer .out .left .tit {
    display: flex;
    align-items: center;
    margin-bottom: 0.31rem;
}

.footer .out .left .tit img {
    width: 0.25rem;
    height: 0.25rem;
    display: block;
    margin-right: 0.1rem;
}

.footer .out .left .tit h5 {
    color: #FFFFFF;
    font-size: 0.17rem;
    line-height: 1;
}

.footer .out .left h3 {
    font-weight: bold;
    font-size: 0.31rem;
    color: #FFFFFF;
    line-height: 1;
}

.footer .out .left .text_list {
    width: 100%;
}

.footer .out .left .text_list .item {
    margin-top: 0.2rem;
    width: 100%;
    display: flex;
    align-items: center;
}

.footer .out .left .text_list .item:first-child {
    margin-top: 0px;
}

.footer .out .left .text_list .item span,
.footer .out .left .text_list .item p {
    font-weight: 400;
    font-size: 0.17rem;
    color: #FFFFFF;
}

.footer .img_list {
    display: flex ;
    align-items: center ;
}

.footer .img_list .img_item {
    width: auto; 
    text-align: center ;
    margin: 0px 0.1rem ;
}

.footer .img_list .img_item .img {
    width: 1rem ;
    height: 1rem ;
    border: 0.02rem solid #fff ;
    margin-bottom: 0.1rem ;
}

.footer .img_list .img_item .img img {
    width: 100% ;
    height: 100% ;
    display: block ;
}

.footer .img_list .img_item span {
    color: #FFF ;
    font-size: 0.15rem ;
}


.footer .out ul {
    width: 8.61rem;
    display: flex;
    justify-content: space-between;
}

.footer .out ul li h5 {
    font-weight: 500;
    font-size: 0.18rem;
    color: #FFFFFF;
}

.footer .out ul li a {
    display: block;
    font-weight: 400;
    font-size: 0.16rem;
    color: #E8E8E8;
    margin-top: 0.4rem;
}

.footer .out .right {
    width: auto;
    padding-top: 0.5rem;
}

.footer .out .right h5 {
    font-weight: 500;
    font-size: 0.18rem;
    color: #FFFFFF;
    margin-bottom: 0.39rem;
    line-height: 1;
}

.footer .out .right .img {
    width: 1rem;
    height: 1rem;
    display: block;
    margin: 0 auto;
}

.footer .out .right .img img {
    width: 100%;
    height: 100%;
    display: block;
}

.footer .out .right span {
    display: block;
    text-align: center;
    font-weight: 400;
    font-size: 0.15rem;
    color: #FFFFFF;
    margin-top: 0.18rem;
}

.footer .out ul li a:hover {
    color: #0087C1;
}

.footer .out .left .text_list .item a:hover p {
    color: #0087C1;
}

.footer .public {
    position: relative;
}

.Registered_copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.2rem;
    gap: 0px 0.2rem;
}

.Registered_copyright p,
.Registered_copyright a {
    font-weight: 400;
    font-size: 0.14rem;
    color: #F1F1F1;
}

.Registered_copyright .Support {
    position: absolute;
    right: 1.6rem;
}


.blogroll {
    width: 100%;
    display: flex;
    margin-top: 0.5rem ;
}

.blogroll h5,
.blogroll a {
    font-weight: 400;
    font-size: 0.17rem;
    color: #FFFFFF;
    display: block;
}

.blogroll a {
    margin: 0px 0.05rem;
}

.blogroll a:hover {
    color: #0087C1;
}

.blogroll .list {
    display: flex;
    flex-wrap: wrap;
}

.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: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-top: 0.9rem;
}

.banner_pages .text h5 {
    font-weight: 500;
    font-size: 0.54rem;
    color: #FFFFFF;
    line-height: 1;
    text-shadow: 0px 0.03rem 0.06rem rgba(0, 0, 0, 0.16);
}

.Company_Profile {
    width: 100%;
    margin-top: 0.7rem;
    overflow: hidden;
    margin-bottom: 1.36rem;
}

.Company_Profile .out {
    width: 100%;
    overflow: hidden;
}

.Company_Profile .out .left {
    width: 7.32rem;
    height: 4.70rem;
    border-radius: 0.22rem;
    overflow: hidden;
    float: left;
    margin-right: 0.95rem;
    margin-bottom: 0.4rem;
}

.Company_Profile .out .left img {
    width: 100%;
    height: 100%;
    display: block;
}

.Company_Profile .out h5 {
    font-weight: bold;
    font-size: 0.4rem;
    color: #111111;
    line-height: 1;
    margin-bottom: 0.45rem;
    padding-top: 0.44rem;
    box-sizing: border-box;
}

.Company_Profile .out p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #666666;
    line-height: 1.9em;
}

.Company_Profile .out1 {
    margin-top: 0.6rem;
}

.Company_Profile .out2 {
    margin-bottom: 0.95rem;
    margin-top: 1.15rem;
}

.Company_Profile .out2 .left {
    float: right;
    margin-left: 0.95rem;
    margin-bottom: 0.4rem;
    margin-right: 0px;
}

.Company_Profile .out2 b {
    font-weight: bold;
    font-size: 0.46rem;
    color: #142862;
    line-height: 1;
    margin-bottom: 0.32rem;
}

.Company_Profile .out2 h5 {
    font-weight: bold;
    font-size: 0.31rem;
    color: #111111;
    padding-top: 0.3rem;
    line-height: 1;
    margin-bottom: 0.63rem;
}

.public_but_list {
    width: 100%;
    padding: 0.3rem 0px;
    box-sizing: border-box;
    border-bottom: 0.01rem solid #ECECEC;
}

.public_but_list .out {
    display: flex;
    flex-wrap: wrap;
    gap: 0px 1.25rem;
}

.public_but_list .out a {
    font-weight: 400;
    font-size: 0.16rem;
    color: #666666;
}

.public_but_list .out a:hover,
.public_but_list .out a.active {
    color: #0A0073;
}

.Development_history {
    width: 100%;
    
    background-size: cover !important;
    background-attachment: fixed !important;
    padding: 0.75rem 0px;
    box-sizing: border-box;
}

.Development_history .title h5 {
    font-weight: bold;
    font-size: 0.47rem;
    color: #FFFFFF;
    margin-bottom: 0.19rem;
    line-height: 1;
}

.Development_history .title span {
    font-weight: 400;
    font-size: 0.33rem;
    color: #FFFFFF;
    line-height: 1;
}

.Development_swiper {
    margin-top: 1.03rem;
}

.Development_swiper .swiper-slide {
    width: 25%;
}

.Development_swiper .swiper-slide b {
    font-weight: bold;
    font-size: 0.35rem;
    color: #FFFFFF;
    text-align: center;
    display: block;
    margin-bottom: 0.32rem;
}

.Development_swiper .swiper-slide .dian {
    width: 100%;
    position: relative;
}

.Development_swiper .swiper-slide .dian .xian {
    width: 100%;
    height: 0.03rem;
    background: #FFF;
    opacity: 0.23;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.Development_swiper .swiper-slide .dian i {
    width: 0.39rem;
    height: 0.39rem;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
    transition: 0.5s ease;
}

.Development_swiper .swiper-slide .dian i::after {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0.18rem;
    height: 0.18rem;
    border-radius: 50%;
    background: rgba(22, 161, 239, 0.39);
    transition: 0.8s ease;
}

.Development_swiper .swiper-slide .dian i::before {
    width: 0.18rem;
    height: 0.18rem;
    background: #16A1EF;
    content: '';
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.8s ease;
}

.Development_swiper .swiper-slide .text {
    width: 100%;
    position: relative;
    padding: 0.45rem 0.27rem 0px 0.27rem;
    box-sizing: border-box;
}

.Development_swiper .swiper-slide .text span {
    position: absolute;
    left: 0px;
    top: 0.45rem;
    font-size: 0.13rem;
    color: #FFF;
}


.Development_swiper .swiper-slide .text {
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 1.6em;
}

.Development_swiper .swiper-slide-active .dian i::after {
    width: 0.39rem;
    height: 0.39rem;
}

.Development_swiper .swiper-slide-active .dian i::before {
    width: 0.26rem;
    height: 0.26rem;
}

.Development_history .out {
    position: relative;
}

.Development_history .out .swiper-button-next,
.Development_history .out .swiper-button-prev {
    width: 0.51rem;
    height: 0.51rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.01rem solid #16A1EF;
}

.Development_history .out .swiper-button-next {
    right: -0.8rem;
}

.Development_history .out .swiper-button-prev {
    left: -0.8rem;
}

.Development_history .out .swiper-button-next::after,
.Development_history .out .swiper-button-prev::after {
    color: #16A1EF;
    font-size: 0.17rem;
}

.Corporate_culture {
    width: 100%;
    margin: 1.1rem 0px;
    overflow: hidden;
}

.Corporate_culture .list {
    margin-top: 0.6rem;
    width: 100%;
    /*background: url(../images/9736.jpg) no-repeat center;*/
    background-size: cover !important;
    height: 6.81rem;
    display: flex;
    flex-wrap: wrap;
}

.Corporate_culture .list .item {
    width: 25%;
    padding: 1rem 0.73rem;
    box-sizing: border-box;
    background: rgba(10, 0, 115, 0.11);
    border-right: 0.02rem solid rgba(255, 255, 255, 0.48);
    cursor: pointer;
}

.Corporate_culture .list .item img {
    display: block;
    width: 0.97rem;
    height: 0.97rem;
    margin: 0 auto;
    margin-bottom: 0.9rem;
}

.Corporate_culture .list .item h5 {
    text-align: center;
    font-weight: 500;
    font-size: 0.22rem;
    color: #FFFFFF;
    margin-bottom: 0.4rem;
}

.Corporate_culture .list .item i {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 0.35rem;
    color: #FFF;
    font-size: 0.26rem;
}

.Corporate_culture .list .item span {
    text-align: center;
    display: block;
    font-weight: 400;
    font-size: 0.2rem;
    color: #FFFFFF;
}

.Corporate_culture .list .item:hover {
    background: rgba(118, 127, 195, 0.5);
}

.Production_base {
    width: 100%;
    margin: 1rem 0px;
    margin-bottom: 0px ;
}

.Production_base .out {
    width: 100%;
    background: #F8F8F8;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border-radius: 0.06rem ;
}


.Production_base .out .left {
    width: 50%;
    padding: 0.64rem 0.4rem 0.93rem 0.86rem;
    box-sizing: border-box;
}

.Production_base .out .left h5 {
    font-weight: bold;
    font-size: 0.46rem;
    color: #142862;
    line-height: 1;
    margin-bottom: 0.34rem;
}

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

.Production_base .out .right {
    width: 50%;
}

.Production_base .out .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    clip-path: polygon(23% 0%, 100% 0%, 100% 100%, 0% 100%);
}


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

.Platform .out {
    margin-top: 0.65rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start ;
    overflow: hidden;
}

.Platform .out .left {
    width: 48%;
}

.Platform .out .left p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #888888;
    line-height: 2em;
}

.Platform .out .left img {
    width: 100%;
    display: block;
    margin-top: 0.5rem;
    border-radius: 0.06rem ;
}

.Platform .out .right {
    width: 50%;
}

.Platform .out .right .box {
    width: 100%;
    border-radius: 0.09rem;
    background: #F2F3F9;
    padding: 0.23rem 0.19rem 0.23rem 0.45rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
}

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

.Platform .out .right .box img {
    width: 0.72rem;
    height: 0.72rem;
    display: block;
    object-fit: cover;
    margin-right: 0.59rem;
}

.Platform .out .right .box .txt {
    width: calc(100% - 0.72rem - 0.59rem);

}

.Platform .out .right .box .txt h5 {
    font-weight: 500;
    font-size: 0.24rem;
    color: #434343;
    margin-bottom: 0.21rem;
}

.Platform .out .right .box .txt p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #888888;
    line-height: 1.7em;
}


.CERTIFICATIONS {
    width: 100%;
    box-sizing: border-box;
    margin: 1rem 0px;
    overflow: hidden;
}

.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: 25%;
    padding: 0.1rem 0.1rem 0.2rem 0.1rem;
    box-sizing: border-box;
    cursor: pointer;
}

.CERTIFICATIONS .out .swiper-slide .box {
    box-shadow: 0px 0.03rem 0.12rem 0.01rem rgba(0, 0, 0, 0.13);
    background: #FFFFFF;
    padding: 0.3rem 0.37rem;
    box-sizing: border-box;
    border-radius: 0.06rem ;
    overflow: hidden;
}

.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: #0A0073;
    border: none;
}

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

.UHPC_Introduction .out {
    width: 100%;
    background: #ECECEC;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 0.06rem ;
}

.UHPC_Introduction .out .left {
    width: 50%;
    height: 4rem ;
    display: flex ;
}

.UHPC_Introduction .out .left .img {
    width: 25% ;
    height: 100% ;
    position: relative ;
    cursor: pointer ;
}

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

.UHPC_Introduction .out .left .img span {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #0000002d;
    text-align: center;
    padding: 0.2rem 0px;
    color: #FFF;
    font-size: 0.14rem;
    display: block;
    width: 100%;
}

.UHPC_Introduction .out .left img {
    width: 100%;
    display: block;
}

.UHPC_Introduction .out .right {
    width: 50%;
    padding: 0px 0.57rem 0px 0.89rem;
    box-sizing: border-box;
}

.UHPC_Introduction .out .right h5 {
    font-weight: 500;
    font-size: 0.32rem;
    color: #0A0073;
    line-height: 1;
    margin-bottom: 0.45rem;
}

.UHPC_Introduction .out .right p {
    font-weight: 400;
    font-size: 0.18rem;
    line-height: 1.9em;
    color: #464646;
}

.Core_Advantages {
    margin: 1rem 0px;
    overflow: hidden;
}

.Core_Advantages .list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.25rem 2rem;
    margin-top: 0.66rem;
}

.Core_Advantages .list .item {
    width: 3.47rem;
}

.Core_Advantages .list .item img {
    width: 0.66rem;
    height: 0.66rem;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.27rem;
}

.Core_Advantages .list .item h5 {
    font-weight: 500;
    font-size: 0.22rem;
    color: #111111;
    text-align: center;
    line-height: 1;
    margin-bottom: 0.2rem;
}

.Core_Advantages .list .item p {
    text-align: center;
    font-weight: 400;
    font-size: 0.16rem;
    color: #828282;
    line-height: 1.7em;
}

.Application_fields {
    width: 100%;
    background: url(../images/10095.jpg) no-repeat center;
    background-size: cover;
    padding: 0.85rem 0px 0.95rem 0rem;
    box-sizing: border-box;
    overflow: hidden;
    
    /*margin-bottom: 0.6rem ;*/
}

.Application_fields .title_public h5 {
    color: #FFF;
}

.Application_fields .title_public span {
    color: #FFF;
}

.Application_fields .out {
    margin-top: 0.73rem;
    display: flex;
    flex-wrap: wrap;
}

.Application_fields .out .left {
    width: 6.88rem;
    margin-right: 1.37rem;
}

.Application_fields .out .left img {
    width: 100%;
    display: block;
    border-radius: 0.06rem ;
}

.Application_fields .out .right {
    width: 6.88rem;
    display: flex;
    flex-wrap: wrap;
}

.Application_fields .out .right span {
    width: 47%;
    display: flex;
    align-items: center;
    position: relative;
    font-weight: 400;
    font-size: 0.17rem;
    color: #FFFFFF;
}

.Application_fields .out .right span::before {
    content: '';
    width: 0.09rem;
    height: 0.09rem;
    border-radius: 50%;
    display: block;
    background: #FFFFFF;
    margin-right: 0.1rem;
}

.UHPC_premix_products {
    margin: 1rem 0px;
}

.UHPC_premix_products .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #2F5597;
    overflow: hidden;
    border-radius: 0.06rem ;
}

.UHPC_premix_products .out .left {
    width: 50%;
    padding: 0.62rem;
    box-sizing: border-box;
}

.UHPC_premix_products .out .left h5 {
    font-weight: 500;
    font-size: 0.32rem;
    color: #FFFFFF;
    line-height: 1 ;
    margin-bottom: 0.3rem ;
}

.UHPC_premix_products .out .left p {
    font-weight: 400;
font-size: 0.16rem ;
color: #EFEFEF;
line-height: 2em ;
}

.UHPC_premix_products .out .right {
    width: 50%;
}

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

.Service_Core_Advantages {
    margin: 1rem 0px;
}

.Service_Core_Advantages .list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.25rem 0rem;
    margin-top: 0.66rem;
}

.Service_Core_Advantages .list .item {
    width: 3.47rem;
}

.Service_Core_Advantages .list .item img {
    width: 0.66rem;
    height: 0.66rem;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.27rem;
}

.Service_Core_Advantages .list .item h5 {
    font-weight: 500;
    font-size: 0.22rem;
    color: #111111;
    text-align: center;
    line-height: 1;
    margin-bottom: 0.2rem;
}

.Service_Core_Advantages .list .item p {
    text-align: center;
    font-weight: 400;
    font-size: 0.16rem;
    color: #828282;
    line-height: 1.7em;
}

.News_pages {
    margin: 0.9rem 0px 0.7rem 0px;
    width: 100%;
    overflow: hidden;
}

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

.News_pages .out .box {
    width: 100%;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    border-bottom: 0.01rem solid #DDDDDD;
}

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

.News_pages .out .box a .left {
    width: 5.3rem;
    height: 3.09rem;
    overflow: hidden;
    border-radius: 0.06rem ;
}

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

.News_pages .out .box a .right {
    width: calc(100% - 5.3rem);
    padding: 0px 0.95rem 0px 0.48rem;
    box-sizing: border-box;
}

.News_pages .out .box a .right h5 {
    font-weight: 500;
    font-size: 0.24rem;
    color: #333333;
    line-height: 1;
    margin-bottom: 0.34rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.News_pages .out .box a .right p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #666666;
    line-height: 1.7em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制为两行 */
    overflow: hidden;
}

.News_pages .out .box a .right span {
    font-weight: 400;
    font-size: 0.16rem;
    color: #979797;
    display: block;
    margin-top: 0.2rem;
}

.News_pages .out .box a .right .button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.14rem;
    color: #0A0073;
    width: 1.53rem;
    height: 0.39rem;
    border-radius: 0.23rem;
    border: 0.01rem solid #0A0073;
    margin-top: 0.4rem;
   margin-left: auto ;
}

.News_pages .out .box a .right .button img {
    width: 0.1428rem;
    height: 0.1428rem;
    display: block;
    margin-left: 0.1rem ;
}

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

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


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

.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;
    display: flex;
    align-items: end;
    justify-content: center;
}

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

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

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

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

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

/* 在线联系 */
.Feedback {
    width: 100%;
    background: #EBEBEB;
    padding-top: 0.7rem;
    padding-bottom: 0.97rem;
    box-sizing: border-box;
}

.Feedback .out {
    width: 100%;
}

.Feedback .out .title {
    margin-bottom: 0.5rem;
}

.Feedback .out .title h5 {
    font-weight: 500;
    font-size: 0.36rem;
    color: #0A0073 ;
    margin-bottom: 0.15rem;
    display: flex;
    align-items: center;
}

.Feedback .out .title h5 b {
    font-weight: 400;
    font-size: 0.17rem;
    color: #666666;
    display: block;
    margin: 0px 0.3rem;
}

.Feedback .out .title h5 span {
    font-weight: 400;
    font-size: 0.17rem;
    color: #666666;
    display: block;
}

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

.Feedback .out form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.Feedback .out input {
    width: 48%;
    height: 0.46rem;
    background: #FFFFFF;
    border-radius: 0.04rem;
    border: 0.01rem solid #EEEEEE;
    font-weight: 400;
    font-size: 0.14rem;
    color: #666666;
    padding: 0px 0.12rem;
    box-sizing: border-box;
    margin-bottom: 0.4rem;
}

.Feedback .out textarea {
    width: 100%;
    height: 2.14rem;
    border: 0.01rem solid #EEEEEE;
    font-weight: 400;
    font-size: 0.14rem;
    color: #666666;
    padding: 0.18rem 0.21rem 0.18rem 0.21rem;
    box-sizing: border-box;
    background: #FFF;
}

.Feedback .out .button {
    width: 100%;
}

.Feedback .out button {
    width: 4.77rem;
    height: 0.67rem;
    background: #0A0073;
    /* border-radius: 0.33rem; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.22rem;
    color: #FFFFFF;
    cursor: pointer;
    border: none;
    margin: 0 auto;
    margin-top: 0.95rem;
    border-radius: 0.33rem;
}

.CAPTCHA {
    width: 40%;
    display: flex;
    align-items: center;
    margin-top: 0.3rem;
}

.CAPTCHA input {
    margin-bottom: 0px !important;
    margin-right: 0.1rem !important;
}

.CAPTCHA img {
    width: 1.2rem;
    height: 0.48rem;
    display: block;
}

.diti_out {
    width: 100% ;
}

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

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

.Knowledge-list .public {
    max-width: 15.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: 2em;
}

.Knowledge-list .text strong {
    font-size: 0.16rem;
}

.Knowledge-list .text h4{
    font-size: 0.2rem;
    line-height: 2em; 
}

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

.menubtn {
    width: 28.44px;
    height: 28.44px;
    position: relative;
    cursor: pointer;
    display: none;
    align-items: center;
}

.menubtn span {
    display: block;
    width: 28.44px;
    height: 3px;
    background: #383635;
    position: relative;
    vertical-align: middle;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s;
}

.menubtn span:after,
.menubtn span:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 3px;
    left: 0;
    background-color: #383635;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s;
}

.menubtn span:before {
    top: -10px;
    -webkit-transition-property: top, transform;
    -moz-transition-property: top, transform;
    -ms-transition-property: top, transform;
    -o-transition-property: top, transform;
    transition-property: top, transform;
}

.menubtn span:after {
    bottom: -10px;
    -webkit-transition-property: bottom, transform;
    -moz-transition-property: bottom, transform;
    -ms-transition-property: bottom, transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
}

.menubtn.active span {
    background-color: transparent;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    -ms-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}

.menubtn.active span:after,
.menubtn.active span:before {
    -webkit-transition-delay: 0s, .3s;
    -moz-transition-delay: 0s, .3s;
    -ms-transition-delay: 0s, .3s;
    -o-transition-delay: 0s, .3s;
    transition-delay: 0s, .3s
}

.menubtn.active span:before {
    top: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menubtn.active span:after {
    bottom: 0px;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


.mobile_menus {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    background: #FFF;
    z-index: 10;
    padding: 0px 0.3rem;
    padding-top: 1.2rem;
    box-sizing: border-box;
    visibility: hidden;
    transition: 0.5s inherit;
    z-index: 300;
}

.mobile_menus .nav_list {
    width: 100%;
}

.mobile_menus .nav_list a {
    width: 100%;
    display: block;
    padding: 0.1rem 0.06rem;
    border-bottom: 0.01rem solid #E0DCDC;
    color: #333;
    font-size: 0.2rem;
    box-sizing: border-box;
}

.mobile_menus .QR_code {
    position: absolute;
    bottom: 0.6rem;
    left: 50%;
    transform: translateX(-50%);
}

.mobile_menus .QR_code img {
    width: 1.6rem;
    display: block;
    border: 0.03rem solid #E0DCDC;
    margin: 0 auto;
    margin-bottom: 0.2rem;
}

.mobile_menus .QR_code h5 {
    text-align: center;
    color: #343333;
    font-size: 0.2rem;
}

.mobile_menus.show {
    visibility: visible;
}

.ServiceIntroduction {
    width: 100% ;
    padding: 1rem 0px ;
    box-sizing: border-box ;
}

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

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

.ServiceIntroduction .out .title {
    color: #2C60A1  ;
    font-size: 0.3rem ;
    font-weight: bold ;
    margin-bottom: 0.3rem ;
}

.ServiceIntroduction .out .left .list {
    padding-left: 0.3rem ;
    box-sizing: border-box ;
}

.ServiceIntroduction .out .left .list .item {
    width: 100% ;
    margin-bottom: 0.2rem ;
}

.ServiceIntroduction .out .left .list .item h5{
    color: #2C60A1  ;
    font-size: 0.25rem ;
    font-weight: 500 ;
    margin-bottom: 0.06rem ;
}

.ServiceIntroduction .out .left .list .item p {
    color: #080300  ;
    font-size: 0.2rem ;
}

.ServiceIntroduction .out .right {
    width: 45% ;
    display: none ;
}

.ServiceIntroduction .out .right .list {
    width: 100% ;
    display: flex ;
    flex-wrap: wrap ;
    justify-content: space-between ;
}

.ServiceIntroduction .out .right .list .item {
    width: 48% ;
    display: flex ;
    margin-bottom: 0.5rem ;
}

.ServiceIntroduction .out .right .list .item img {
    width:0.9rem ;
    height: 0.9rem  ;
    display: block ;
    border-radius: 50% ;
    margin-right: 0.2rem ;
}
.ServiceIntroduction .out .right .list .item h5{
    color: #2C60A1  ;
    font-size: 0.2rem ;
    font-weight: 500 ;
    margin-bottom: 0.06rem ;
}

.ServiceIntroduction .out .right .list .item p{
    color: #080300  ;
    font-size: 0.18rem ;
}

.Floating_icon_box {
    position: fixed ;
    right: 0.3rem ;
    bottom: 0.4rem ;
    width: 0.7rem ;
    height: 0.7rem ;
    border-radius: 50% ;
    background: #FFF ;
    display: flex ;
    align-items: center ;
    justify-content: center ;
    box-shadow: 0px 0px 0.1rem #0000002d ;
    border: 0.02rem solid #eee ;
    box-sizing: border-box ;
    cursor: pointer;
    z-index: 99999 ;
}

.Floating_icon_box svg {
    width: 0.5rem ;
    height: 0.5rem ;
    fill: #034EA2 ;
}

.Floating_form {
    position: fixed ;
    left: 0px ;
    top: 0px ;
    width: 100% ;
    height: 100vh ;
    z-index: 99999 ;
    background: #00000086 ;
    display: none ;
}

.Floating_form .form {
    position: absolute;
    left: 50% ;
    top: 50% ;
    transform: translate(-50%,-50%);
    background: #FFF ;
    border-radius: 0.1rem ;
    box-shadow: 0px 0px 0.01rem 0.1rem #00000011 ;    
    padding: 0.3rem 0.25rem ;
    box-sizing: border-box ; 
    width: 90% ;
    max-width: 6rem ;
}

.Floating_form .form .title {
    width: 100% ;
    text-align: center ;
    font-size: 0.32rem ;
    margin-bottom: 0.2rem ;
    display: block ;
    font-weight: bold ;
}

.Floating_form .form input {
    width: 100% ;
    height: 0.45rem ;
    margin: 0.1rem 0px ;
    border: 0.02rem solid #0000007a ;
    padding: 0px 0.15rem ;
    box-sizing: border-box ;
    font-size: 0.15rem ;
    color: #333 ;
}

.Floating_form .form textarea {
    width: 100% ;
    height: 1.2rem ;
    margin: 0.1rem 0px ;
    border: 0.02rem solid #0000007a ;
    padding:  0.15rem ;
    box-sizing: border-box ;
    font-size: 0.15rem ;
    color: #333 ;
}

.Floating_form .form button {
    padding: 0.1rem 0.25rem ;
    box-sizing: border-box ;
    border-radius: 0.06rem ;
    background: #005482 ;
    color: #FFF;
    border: none ;
    cursor: pointer;
    display: block ;
    margin: 0 auto ;
    margin-top: 0.3rem ;
}

.Floating_form .guanbi {
    position: absolute ;
    right: 0.3rem ;
    top: 0.3rem ;
    background: #FFF ;
    width: 0.4rem ;
    height: 0.4rem ;
    border-radius: 50% ;
    display: flex ;
    align-items: center ;
    justify-content: center ;
    box-shadow: 0px 0px 0.01rem 0.1rem #0000002c ;
    cursor: pointer;
}

.Floating_form .guanbi svg {
    width: 0.2rem ;
    height: 0.2rem ;
    fill: #333 ;
}

.Floating_form .CAPTCHA {
    width: 70% ;
    margin-top: 0px ;
}

.Floating_form .CAPTCHA input {
    margin-top: 0px ;
}

@media (max-width:1024px) {
    .container {
        padding: 0px 0.2rem ;
        box-sizing: border-box ;
    }

    .menubtn {
        display: flex ;
    }

    .nav .out ul {
        display: none ;
    }

    .banner_swiper .swiper-slide .text h5 {
        font-size: 0.3rem ;
        margin-bottom: 0.3rem ;
    }

    .banner_swiper .swiper-slide .text p {
        font-size: 0.18rem ;
    }

    .banner_swiper .swiper-slide .text {
        padding-top: 0px ;
        text-align: center ;
        display: flex ;
        flex-direction: column ;
        align-items: center ;
        justify-content: center ;
    }

    .About_Mingda {
        padding: 0.8rem 0px ;
    }

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

    .About_Mingda .out .right {
        width: 100% ;
    }

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

    .About_Mingda .out .right h5 {
        font-size: 0.35rem ;
        margin-bottom: 0.2rem ;
    }

    .Digital_scrolling {
        flex-wrap: wrap ;
    }

    .Digital_scrolling .box {
        width: 50% ;
        padding: 0.2rem 0px ;
        box-sizing: border-box ;
    }

    .Digital_scrolling .box .tit b {
        font-size: 0.4rem ;
    }

    .Digital_scrolling .box .tit span {
        font-size: 0.16rem ;
    }

    .title_public h5 {
        font-size: 0.35rem ;
    }

    .banner_swiper {
        margin-top: 0.9rem ;
        height: auto ;
    }

    .banner_swiper .button_box {
        display: none ;
    }

    .Product_Introduction .Product_swiper .swiper-slide , .Product_Introduction .Product_swiper .swiper-slide.active{
        width: 100% ;
    }

    .Product_Introduction .Product_swiper .swiper-slide .text {
        padding: 0.3rem 0.2rem ;
        opacity: 1 ;
    }

    .Product_Introduction .Product_swiper .swiper-slide{
        height: auto ;
        margin-bottom: 0.3rem ;
    }

    .Product_Introduction .Product_swiper .swiper-slide:last-child {
        margin-bottom: 0px ;
    }

    .Product_Introduction .Product_swiper .swiper-slide .text_box {
        width: 100% ;
    }

    .Product_Introduction .Product_swiper .swiper-slide .tite {
        display: none ;
    }

    .Service_Introduction .out .swiper-slide {
        width: 100% ;
        margin-right: 0px ;
        margin-bottom: 0.3rem ;
        padding: 0px ;
    }

    .Service_Introduction .out .swiper-slide:last-child {
        margin-bottom: 0px ;
    }

    .News .out .swiper-slide {
        width: 100% ;
        padding: 0.2rem 0.1rem ;
    }

    .News .out .swiper-slide .img {
        height: 3.2rem ;
    }

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

    .Contact .out .left {
        width: 100% ;
        padding: 0.3rem 0.2rem ;
        box-sizing: border-box ;
    }

    .Contact .out .left form input {
        padding: 0.1rem 0.2rem ;
        width: 100% ;
        margin-bottom: 0.2rem ;
        border-radius: 0.01rem ;
    }

    .Contact .out .left form textarea {
        margin-top: 0px ;
        border-radius: 0.01rem ;
        padding: 0.2rem 0.2rem ;
    }

    .Contact .out .left form input::placeholder , .Contact .out .left form textarea::placeholder {
        color: #333 ;
    font-size: 0.15rem ;
    }

    .Contact .out .left .checkbox_box {
        flex-wrap: wrap ;
        gap: 0.1rem 0.2rem ;
    }

    .Contact .out .left form button {
        width: 100% ;
    }

    .Contact .out .left h5 {
        font-size: 0.35rem;
        margin-bottom: 0.3rem;
    }

    .Contact .out .right {
        width: 100% ;
        position: relative;
        border-radius: 0.2rem ;
        overflow: hidden;
    }

    .Contact .out .right .text {
        position: relative;
        width: 100% ;
        padding: 0.4rem 0.3rem ;
    }

    .Contact .out .right img {
        width: 100% ;
        height: 100% ;
    }

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

    .Contact .out .right .list .item {
        margin-bottom: 0.2rem ;
    }

    .Contact .out .right .text span {
        margin-bottom: 0.35rem ;
    }

    .Contact .out .right .text h1 {
        font-size: 0.3rem ;
    }

    .footer .title_box .QRcode .tit {
        display: none ;
    }

    .footer .title_box .logo {
        height: 0.6rem ;
    }

    .footer .out ul {
        display: none ;
        
    }

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

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

    .footer .out .img_list {
        width: 100% ;
        margin-top: 0.4rem ;
    } 

    .Registered_copyright {
        flex-wrap: wrap ;
        text-align: center ;
    }

    .Registered_copyright .Support{
        position: relative;
        right: auto ;
    }

    .banner_pages {
        margin-top: 0.9rem ;
        height: 2rem ;
    }

    .banner_pages .text {
        padding-top: 0px ;
    }

    .banner_pages .text h5 {
        font-size: 0.35rem ;
    }

    .public_but_list .out {
        gap: 0.1rem 0px  ;
        justify-content: space-between ;
    }

    .public_but_list .out a {
        width: 49% ;
        padding: 0.1rem 0.1rem ;
        border: 0.01rem solid #eee ;
        text-align: center ;
        box-sizing: border-box ;
    }

    .Company_Profile .out .left {
        width: 100% ;
        height: auto ;
    }

    .Company_Profile .out h5 {
        font-size: 0.35rem ;
        margin-bottom: 0.3rem ;
    }

    .Company_Profile .out2 b {
        font-size: 0.35rem ;
    }

    .Company_Profile .out h5 {
        font-size: 0.26rem ;
    }

    .Company_Profile {
        margin-bottom: 0.7rem ;
    }

    .Development_history .title h5 {
        font-size: 0.35rem ;
    }

    .Development_history .title span {
        font-size: 0.26rem ;
    }

    .Development_swiper .swiper-slide {
        width: 100% ;
    }

    .Corporate_culture .list {
        height: auto ;
    }

    .Corporate_culture .list .item {
        width: 50% ;
        padding: 0.4rem 0.2rem ;
        border-bottom: 0.01rem solid #ffffff60 ;
    }

    .Corporate_culture .list .item img {
        margin-bottom: 0.4rem ;
    }

    .Corporate_culture .list .item h5 {
        margin-bottom: 0.2rem ;
        font-size: 0.18rem ;
    }

    .Corporate_culture .list .item i {
        margin-bottom: 0.15rem ;
    }

    .Production_base .out .left {
        width: 100% ;
        padding: 0.3rem 0.2rem ;
        box-sizing: border-box ;
    }

    .Production_base .out .left h5{
        font-size: 0.35rem ;
        margin-bottom: 0.2rem ;
    }

    .Production_base .out .right {
        width: 100% ;
    }

    .Production_base .out .right img {
        clip-path: border-box;
    }

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

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

    .CERTIFICATIONS .out .swiper-slide {
        width: 80% ;
    }

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

    .UHPC_Introduction .out .right {
        width: 100% ;
        padding: 0.3rem 0.2rem ;
        box-sizing: border-box ;
    }

    .UHPC_Introduction .out .right h5 {
        margin-bottom: 0.3rem ;
    }

    .Core_Advantages .list .item {
        width: 100% ;
    }

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

    .Application_fields .out .left {
        width: 100% ;
        margin-right: 0px ;
    }

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

    .Application_fields .out .right span {
        width: 50% ;
        line-height: 2em ;
    }

    .UHPC_premix_products .out .left {
        width: 100% ;
        padding: 0.3rem ;
    }

    .UHPC_premix_products .out .left h5 {
        line-height: 1.5 ;
    }

    .UHPC_premix_products .out .right {
        width: 100% ;
    }

    .Service_Core_Advantages .list .item {
        width: 100% ;
    }

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

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

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

    .Contact_Page .out .box:last-child {
        margin-bottom: 0px ;
    }
    
    .Feedback .out input {
        width: 100% ;
        margin-bottom: 0.2rem ;
    }

    .CAPTCHA {
        width: 100% ;
    }

    .Feedback .out button {
        width: 100% ;
        margin-top: 0.4rem ;
    }

    .Feedback {
        padding-bottom: 0.7rem ;
    }

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

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

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

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

    .ServiceIntroduction .out .left .list {
        padding-left: 0px ;
    }

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

    .ServiceIntroduction .out .right .list .item {
        width: 100% ;
    }

}


@media (min-width:1025px)  and (max-width:1600px) {
    .nav .out ul li .title{
        font-size: 0.2rem ;
    }

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

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



@media (min-width:1601px) and (max-width:1920px) {
    html {
        font-size: 100px;
        font-size: calc(100vw / 19.2);
    }
}

@media (min-width:1441px) and (max-width:1600px) {
    html {
        font-size: 75px;
        font-size: calc(100vw / 16);
    }
}

@media (min-width:1025px) and (max-width:1440px) {
    html {
        font-size: 100px;
        font-size: calc(100vw / 14.4);
    }
}

@media (min-width:769px) and (max-width:1024px) {
    html {
        font-size: 100px;
        font-size: calc(100vw / 10.24);
    }
}

@media (min-width:426px) and (max-width:768px) {
    html {
        font-size: 100px;
        font-size: calc(100vw / 7.68);
    }
}

@media (max-width:425px) {
    html {
        font-size: 100px;
        font-size: calc(100vw / 4.25);
    }
}

@media (min-width:1920px) {
    html {
        font-size: 100px !important;
    }
}