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

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

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

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

.Nav {
    width: 100%;
    height: 0.9rem;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.15);
    z-index: 99999;
    transition: 0.5s ease all;
}

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

.Nav .out .logo {
    width: 1.4rem;
    height: 0.8rem;
}

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

.Nav .out .logo .img1 {
    display: block;
}

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

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

.Nav .out .right ul li {
    height: 100%;
    margin-right: 0.58rem;
}

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

.Nav .out .right ul li .title {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
}

.Nav .out .right .Tel_box {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 0.82rem;
}

.Nav .out .right .Tel_box i {
    font-size: 0.3rem;
    color: #0A51BB;
    margin-right: 0.1rem;
}

.Nav .out .right .Tel_box h5 {
    color: #FFF;
    font-size: 0.18rem;
    font-weight: 500;
    line-height: normal;
}

.Nav .out ul li .pulldown {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0.9rem;
    background: rgb(238, 242, 247);
    display: none;
}

.Nav .out ul li .pulldown .pulldown_content {
    width: 100%;
    max-width: 15rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0.5rem 0px 0.3rem 0px;
    box-sizing: border-box;
}

.Nav .out ul li .pulldown .pulldown_content .left {
    width: 56%;
}

.Nav .out ul li .pulldown .pulldown_content .left .but_title {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 0.4rem;
}

.Nav .out ul li .pulldown .pulldown_content .left .but_title h5 {
    color: #333;
    font-size: 0.24rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Nav .out ul li .pulldown .pulldown_content .left .but_title h5::after {
    width: 0.01rem;
    height: 0.2rem;
    background: #3c3c3c;
    content: '';
    display: block;
    margin: 0px 0.15rem;
}

.Nav .out ul li .pulldown .pulldown_content .left .but_title h5:last-child::after {
    display: none;
}

.Nav .out ul li .pulldown .pulldown_content .left .item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    display: none;
}

.Nav .out ul li .pulldown .pulldown_content .left .item.on {
    display: flex;
}

.Nav .out ul li .pulldown .pulldown_content .left .item a {
    width: 30%;
    margin-right: 5%;
    color: #333;
    font-size: 0.16rem;
    display: flex;
    align-items: center;
    padding: 0.15rem 0px;
    box-sizing: border-box;
    border-bottom: 0.01rem solid #ccc;
    justify-content: space-between;
}

.Nav .out ul li .pulldown .pulldown_content .left .item a i {
    font-size: 0.16rem;
    color: #3c3c3c;
}

.Nav .out ul li .pulldown .pulldown_content .left .item a:nth-child(3n) {
    margin-right: 0px;
}

.Nav .out ul li .pulldown .pulldown_content .left .item a:hover {
    color: #BA0C09;
    border-bottom: 0.01rem solid #BA0C09;
}

.Nav .out ul li .pulldown .pulldown_content .left .item a:hover i {
    color: #BA0C09;
}

.Nav .out ul li .pulldown .pulldown_content .right {
    width: 30%;
}

.Nav .out ul li .pulldown .pulldown_content .right img {
    width: 100%;
    height: 2.7rem;
    object-fit: cover;
    display: block;
}



.Nav.on,
.Nav:hover {
    background: #FFF;
    box-shadow: 0px 0px 0.1rem 0.01rem #0000002c;
}

.Nav.on .logo .img1,
.Nav:hover .logo .img1 {
    display: none;
}

.Nav.on .logo .img2,
.Nav:hover .logo .img2 {
    display: block;
}

.Nav.on .right ul li .title,
.Nav:hover .right ul li .title {
    color: #333;
}

.Nav.on .out .right .Tel_box h5,
.Nav:hover .out .right .Tel_box h5 {
    color: #333;
}

.Nav .out ul li:hover .title,
.Nav .out ul li.on .title {
    color: #BA0C09;
}


.banner {
    width: 100%;
    position: relative;
}

#canvas-line {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
    overflow: hidden;
}

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

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

.banner .swiper-slide .banner_text {
    position: relative;
    z-index: 20;
    width: 100%;
    height: 100%;

}

.banner .swiper-slide .banner_text .public {
    display: flex;
    align-items: center;
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
    z-index: 999;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff4b;
}

.banner .swiper-button-next::after,
.banner .swiper-button-prev::after {
    color: #fff;
    font-size: 0.2rem;
}

.banner .swiper-button-next:hover,
.banner .swiper-button-prev:hover {
    background: #FFF;
}

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

.banner .swiper-slide .banner_text span {
    color: #BA0C09;
    font-family: arial;
    line-height: 1.6em;
    transition: all ease 2s .5s;
    opacity: 0;
    transform: translateY(0.4rem);
    font-weight: bold;
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    text-shadow: 0px 0.03rem 0.06rem rgba(0, 0, 0, 0.21);
    display: block;
    margin-top: 0.58rem;
    margin-bottom: 0.32rem;

}


.banner .swiper-slide .banner_text h5 {
    color: #fff;
    font-size: 0.58rem;
    line-height: 1.2;
    width: 9rem;
    text-shadow: 0.03rem 0 0.06rem rgb(0 33 72 / 64%);
    transition: all ease 2s .7s;
    opacity: 0;
    transform: translateY(0.4rem);
    font-weight: bold;
}

.banner .swiper-slide .banner_text i {
    margin-top: 0.2rem;
    display: block;
    transition: all ease 2s .8s;
    opacity: 0;
    transform: translateY(0.4rem);
    background: #FFF;
    width: 0.6rem;
    height: 0.02rem;
}

.banner .swiper-slide .banner_text p {
    max-width: 6.60rem;
    color: #fff;
    line-height: 1.8em;
    margin-top: 0.3rem;
    transition: all ease 2s 1s;
    opacity: 0;
    transform: translateY(0.4rem);
    font-weight: 400;
    font-size: 0.25rem;
    color: #FFFFFF;
    text-shadow: 0px 0.03rem 0.06rem rgba(0, 0, 0, 0.21);
}


.banner .swiper-slide-active .banner_text span,
.banner .swiper-slide-active .banner_text h5,
.banner .swiper-slide-active .banner_text p {
    opacity: 1;
    transform: translateY(0px);
}

.banner .swiper .swiper-pagination {
    width: auto;
    display: flex;
    align-items: center;
    left: 7%;
    bottom: 0.4rem;
}

.banner .swiper .swiper-pagination .swiper-pagination-bullet {
    background: #FFF;
    margin: 0.03rem 0.05rem !important;
    background: hsl(0deg 0% 100% / 40%);
    opacity: 1;
    width: 0.1rem;
    height: 0.1rem;
    transition: all ease .3s;
}

.banner .swiper .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    width: 0.3rem;
    border-radius: 0.15rem;
    background: #BA0C09;
}

.banner .swiper .swiper-button-prev,
.banner .swiper .swiper-button-next {

    border-radius: 0;
    background: transparent;
    border: 0.01rem solid #fff;
    height: 0.5rem;
    width: 0.5rem;
    transition: all ease .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0.4rem;
    left: auto;
    right: 0px;
    top: auto;
    margin-top: 0px;
}

.banner .swiper .swiper-button-prev::after,
.banner .swiper .swiper-button-next::after {
    color: #fff;
    font-size: 0.16rem;
}

.banner .swiper .swiper-button-prev {
    right: 11%;
}

.banner .swiper .swiper-button-next {
    right: 7%;
}

.banner .swiper .swiper-button-prev:hover,
.banner .swiper .swiper-button-next:hover {
    background: #BA0C09;
    border: 0.01rem solid #BA0C09;
}

.banner .SCROLL_DOWN {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    bottom: 0.72rem;
    z-index: 99;
}

.banner .SCROLL_DOWN img {
    height: 0.3rem;
    width: 0.21rem;
    display: block;
    margin-bottom: 0.15rem;
    animation: ScrollDown 0.7s ease-in infinite alternate;
}

.banner .SCROLL_DOWN span {
    font-weight: 400;
    font-size: 0.13rem;
    color: #FFFFFF;
}

.banner .swiper-pagination {
    bottom: 0.85rem;
    left: 2.1rem;
    display: flex;
    align-items: center;
    justify-content: left;
    width: auto;
}

.banner .swiper-pagination .swiper-pagination-bullet {
    width: 0.1rem;
    height: 0.1rem;
    display: block;
    border-radius: 50%;
    background: #FFF;
    opacity: 0.5;
    cursor: pointer;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
    width: 0.29rem;
    border-radius: 0.05rem;
    background: #0A51BB;
    opacity: 1;
}

.title_public {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.title_public span {
    text-align: center;
    font-weight: 400;
    font-size: 0.18rem;
    color: #7D8189;
    margin-bottom: 0.1rem;
}

.title_public h5 {
    font-weight: bold;
    font-size: 0.39rem;
    color: #BA0C09;
    line-height: normal;
    text-align: center;
}

.Recommendation {
    margin-top: 1rem;
}

.Buttons_list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.64rem;
    margin-bottom: 0.73rem;
}

.Buttons_list .item {
    position: relative;
}

.Buttons_list .item img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    display: block;
    margin-bottom: 0.21rem;
    border: 0.01rem solid #eee;
    box-sizing: border-box;
}

.Buttons_list .item .ProjectsBut_list {
    position: absolute;
    min-width: 100%;
    width: 2.5rem;
    min-height: 100%;
    background: #0A51BB;
    padding: 0.15rem 0px;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
    transition: 0.5s ease all;
}

.Buttons_list .item .ProjectsBut_list h5 {
    font-size: 0.18rem;
    color: #FFF;
    font-weight: 500;
    margin-bottom: 0.1rem;
    text-align: center;
}

.Buttons_list .item .ProjectsBut_list .box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}

.Buttons_list .item .ProjectsBut_list a {
    width: max-content;
    display: block;
    color: #FFF;
    font-size: 0.13rem;
    text-align: center;
    box-sizing: border-box;
    padding: 0.1rem;
    box-sizing: border-box;
}

.Buttons_list .item span {
    font-weight: 500;
    font-size: 0.14rem;
    color: #333333;
    text-align: center;
    display: block;
    width: 100%;
}

.Buttons_list .item:hover .ProjectsBut_list {
    visibility: visible;
    opacity: 1;
}

.Buttons_list .item.on span {
    color: #0A51BB;
}

.Recommendation .swiper {
    width: 100%;
}

.Recommendation .swiper .swiper-slide {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.Recommendation .swiper .swiper-slide .box {
    width: 3.55rem;
    margin-right: 0.26rem;
    box-sizing: border-box;
    margin-bottom: 0.52rem;
}

.Recommendation .swiper .swiper-slide .box:nth-child(4n) {
    margin-right: 0px;
}

.Recommendation .swiper .swiper-slide .box .img {
    width: 100%;
    height: 2.6rem;
    overflow: hidden;

}

.Recommendation .swiper .swiper-slide .box .img img {
    width: 100%;
    height: 100%;
    display: block;
    transition: 0.5s ease all;
    object-fit: cover;
    object-position: top;
}

.Recommendation .swiper .swiper-slide .box span {
    font-weight: 500;
    font-size: 0.22rem;
    color: #333333;
    margin-top: 0.26rem;
    width: 100%;
    display: block;
    text-align: center;
    transition: 0.5s ease all;
}

.Recommendation .swiper .swiper-slide .box:hover .img img {
    transform: scale(1.2);
}

.Recommendation .swiper .swiper-slide .box:hover span {
    color: #0A51BB;
}

.Cases {
    width: 100%;
    margin-top: 0.5rem;
}

.Cases .out {
    margin-top: 0.61rem;
}

.Cases .swiper-slide {
    width: 6.3rem;
    height: 4.23rem;
    overflow: hidden;
    position: relative;
    margin: 0px 0.37rem;
}

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

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

.Cases .swiper-slide span {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0.79rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.24rem;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.24);
}

.Cases .swiper-button-next,
.Cases .swiper-button-prev {
    width: 0.69rem;
    height: 0.69rem;
    background: rgba(0, 0, 0, 0.17);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Cases .swiper-button-next {
    right: 23%;
}

.Cases .swiper-button-prev {
    left: 23%;
}

.Cases .swiper-button-next::after,
.Cases .swiper-button-prev::after {
    color: #FFF;
    font-size: 0.22rem;
}

.About {
    width: 100%;
    position: relative;
    background: url(../images/About.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    padding: 1.1rem 0px 1rem 0px;
    box-sizing: border-box;
    margin-top: 1rem;
}

.About .title_public span,
.About .title_public h5 {
    color: #FFf;
}

.About .out {
    width: 100%;
    max-width: 12.94rem;
    margin: 0 auto;
    margin-top: 0.85rem;
}

.About .out p {
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    line-height: 1.8em;
    letter-spacing: 0.01rem;
}

.About .out .Learn_More {
    width: 1.97rem;
    height: 0.51rem;
    border-radius: 0.26rem;
    border: 0.01rem solid #CECECE;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.17rem;
    color: #D1D1D1;
    margin: 1rem auto auto auto;
}

.About .out .Learn_More img {
    height: 0.08rem;
    display: block;
    margin-left: 0.1rem;
}

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

.solution .out {
    width: 5.93rem;
    height: 5.62rem;
    position: relative;
    margin: 0 auto;
}

.solution .out .img {
    width: 100%;
    height: 100%;
}

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

.solution .out .list_img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.solution .out .list_img .icon {
    position: absolute;
    width: 1rem;
    height: 1rem;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    cursor: pointer;

}

.solution .out .list_img .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    background: #005199;
    border: 0.03rem solid #FFf;
    box-sizing: border-box;
    box-shadow: 0px 0px 0.1rem 0.01rem #0000002d;
}

.solution .out .list_img .icon:nth-child(1) {
    top: 1.5rem;
    left: -0.1rem;
}

.solution .out .list_img .icon:nth-child(2) {
    top: 3.67rem;
    left: 0.28rem;
}

.solution .out .list_img .icon:nth-child(3) {
    bottom: -0.1rem;
    left: 50%;
    transform: translateX(-50%);
}

.solution .out .list_img .icon:nth-child(4) {
    bottom: 1rem;
    right: 0.42rem;
}

.solution .out .list_img .icon:nth-child(5) {
    top: 1.5rem;
    right: -0.1rem;
}

.solution .out .list_img .icon img {
    transform: scale(0);
    transition: 0.5s ease all;
}

.solution .out .list_img .icon:hover img {
    transform: scale(1);
}


.solution .out .list {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.solution .out .list .item {
    position: absolute;
    width: 3.3rem;
}

.solution .out .list .item h5 {
    font-weight: bold;
    font-size: 0.26rem;
    margin-bottom: 0.2rem;
    color: #BA0C09;
}

.solution .out .list .item p {
    width: 100%;
    font-weight: 400;
    font-size: 0.18rem;
    color: #555555;
}

.solution .out .list .item:nth-child(1) {
    left: -3.5rem;
    top: 1.3rem;
}

.solution .out .list .item:nth-child(2) {
    left: -3.2rem;
    top: 4rem;
}

.solution .out .list .item:nth-child(3) {
    left: 50%;
    transform: translateX(-50%);
    bottom: -1.6rem;
}

.solution .out .list .item:nth-child(4) {
    right: -3.2rem;
    bottom: 0.7rem;
}

.solution .out .list .item:nth-child(5) {
    right: -3.6rem;
    top: 1.3rem;
}

.solution .out .list .item:nth-child(1) h5,
.solution .out .list .item:nth-child(2) h5 {
    text-align: right;
}

.solution .out .list .item:nth-child(3) h5 {
    text-align: center;
}

.Advantage {
    width: 100%;
    background: url(../images/9638.png) no-repeat center;
    background-size: cover;
    padding: 0.94rem 0px;
    position: relative;
}

.Advantage::after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 47%;
    height: 100%;
    background: rgba(22, 22, 22, 0.61);
    content: '';
    z-index: 1;
}

.Advantage .out {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: space-between;
}

.Advantage .out .right {
    width: 10.15rem;
    height: 5.93rem;
    background: rgba(255, 255, 255, 0.77);
    display: flex;
    flex-wrap: wrap;
}

.Advantage .out .right .box {
    width: 50%;
    height: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Advantage .out .right .box .img {
    height: 0.78rem;
    width: 0.75rem;
    margin: 0 auto;
    margin-bottom: 0.2rem;
}

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

.Advantage .out .right .box h5 {
    font-weight: 500;
    font-size: 0.28rem;
    color: #333333;
    margin-bottom: 0.2rem;
    text-align: center;
}

.Advantage .out .right .box .txt {
    width: 100%;
    text-align: center;
}

.Advantage .out .right .box .txt p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #666666;
}

.Advantage .out .left {
    width: calc(100% - 10.15rem - 0.9rem);
}

.Advantage .out .left .title {
    width: 100%;
}

.Advantage .out .left .title span {
    font-weight: 400;
    font-size: 0.26rem;
    color: #FFFFFF;
    margin-bottom: 0.16rem;
    display: block;
}

.Advantage .out .left .title h5 {
    font-weight: 500;
    font-size: 0.4rem;
    color: #FFFFFF;
}

.Advantage .out .left .title i {
    width: 0.4rem;
    height: 0.05rem;
    background: #BA0C09;
    margin-top: 0.5rem;
    display: block;
}

.Advantage .out .left .text {
    width: 100%;
    margin-top: 0.8rem;
}

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

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

.News_Center .title_public {
    align-items: flex-start;
    margin-bottom: 0.16rem;
}

.News_Center .out {
    width: 100%;
    padding-bottom: 0.38rem;
    border-bottom: 0.01rem solid #E6E6E6;
    box-sizing: border-box;
}

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

.News_Center .out .left {
    width: 56%;
}

.News_Center .out .left span {
    font-weight: 400;
    font-size: 0.17rem;
    color: #BA0C09;
}

.News_Center .out .left h5 {
    margin: 0.23rem 0px;
    font-weight: bold;
    font-size: 0.21rem;
    color: #333333;
}

.News_Center .out .left p {
    font-weight: 400;
    font-size: 0.18rem;
    color: #535353;
    line-height: 1.7em;
    letter-spacing: 0.01rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /* 限制为两行 */
    overflow: hidden;
}

.News_Center .out .left .but {
    margin-top: 0.78rem;
    display: flex;
    align-items: center;
    width: 2.12rem;
    height: 0.46rem;
    background: #BA0C09;
    justify-content: center;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
}

.News_Center .out .left .but img {
    height: 0.12rem;
    margin-left: 0.1rem;
    display: block;
}

.News_Center .out .right {
    width: 39%;
    height: 3.4247rem;
}

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

.News_Center .list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.News_Center .list .item {
    width: 48%;
    padding: 0.35rem 0px 0.31rem 0px;
    box-sizing: border-box;
    border-bottom: 0.01rem solid #E6E6E6;
    box-sizing: border-box;
}

.News_Center .list .item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.News_Center .list .item a h5 {
    font-weight: bold;
    font-size: 0.21rem;
    color: #333333;
}

.News_Center .list .item a span {
    font-weight: 400;
    font-size: 0.15rem;
    color: #9F9F9F;
}

.News_Center .list .item a:hover h5,
.News_Center .list .item a:hover span {
    color: #BA0C09;
}


/* footer */
.footer {
    width: 100%;
    background: #000000;
    box-shadow: 0px -0.01rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
}

.footer .Top_out {
    padding: 0.25rem 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #707070;
}

.footer .Top_out .erweima {
    display: block;
    margin-right: 0.3rem;
}

.footer .Top_out .erweima img {
    width: 1rem;
    height: 1rem;
    display: block;
}

.footer .Top_out .erweima span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0.14rem;
    color: #FFF;
    margin-top: 0.1rem;
}

.footer .Top_out .logo {
    width: 1.12rem;
}

.footer .Top_out .logo img {
    width: 100%;
    display: block;
    /* filter: drop-shadow(0px 0px 0.01rem rgba(255, 255, 255, 0.6)); */
}

.footer .Top_out .box {
    display: flex;
    flex-direction: column;
}

.footer .Top_out .box span {
    font-weight: 400;
    font-size: 0.14rem;
    color: #EBEBEB;
    display: block;
}

.footer .Top_out .box h5 {
    font-size: 0.34rem;
    color: #FFFFFF;
    margin-top: 0.15rem;
}

.footer .Top_out .box .icon_box {
    position: relative;

}

.footer .Top_out .box .icon_box .icon {
    width: 0.42rem;
    height: 0.42rem;
    display: block;
}

.footer .Top_out .box .icon_box .img {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0.45rem;
    background: #FFF;
    left: 50%;
    margin-left: -0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.05rem;
    box-sizing: border-box;
    display: none;
}

.footer .Top_out .box .icon_box .img img {
    width: 100%;
    height: 100%;
    display: block;
}

.footer .list_out {
    display: flex;
    justify-content: space-between;
    margin-top: 0.6rem;
}

.footer .list_out .right {
    width: 65%;
    display: flex;
    justify-content: space-between;
}

.footer .list_out .right .box h5 {
    font-weight: 500;
    font-size: 0.2rem;
    color: #FFFFFF;
    margin-bottom: 0.39rem;
}

.footer .list_out .right .box a {
    font-weight: 400;
    font-size: 0.15rem;
    color: #DCDCDC;
    display: block;
    margin-bottom: 0.37rem;
}

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

.footer .list_out .left {
    width: 20%;
}

.footer .list_out .left p {
    font-weight: 400;
    font-size: 0.15rem;
    color: #DCDCDC;
    margin-bottom: 0.3rem;
}

.footer .link_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0.4rem;
    padding-bottom: 0.5rem;
}

.footer .link_list h5 {
    font-weight: 400;
    font-size: 0.15rem;
    color: #DCDCDC;
}

.footer .link_list a {
    font-weight: 400;
    font-size: 0.15rem;
    color: #DCDCDC;
    margin: 0px 0.05rem;
}

.Record_n_varchar {
    height: 0.45rem;
    width: 100%;
    background: #000000;
    border-top: 0.01rem solid #bebcbc3a;
    box-sizing: border-box;
}

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

.Record_n_varchar a {
    font-weight: 400;
    font-size: 0.14rem;
    color: #CCCCCC;
}


.About_pages {
    margin-top: 0px;
    padding-top: 2.31rem;
    padding-bottom: 1.69rem;
}


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

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

.The_scene .out .swiper-slide {
    width: 4.77rem;
    height: 3.11rem;
    border-radius: 0.09rem;
    margin-right: 0.34rem;
}

.The_scene .out .swiper-slide .img {
    width: 100%;
    height: 100%;
}

.The_scene .out .swiper-slide .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    overflow: hidden;
    border-radius: 0.1rem;

}

.The_scene .out .swiper-slide span {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 0.25rem 0px;
    box-sizing: border-box;
    height: 0.65rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.2rem;
    color: #FFFFFF;
    z-index: 10;
    background: rgba(0, 0, 0, 0.23);
}

.The_scene .out .swiper-button-next,
.The_scene .out .swiper-button-prev {
    width: 0.74rem;
    height: 0.74rem;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

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

.The_scene .out .swiper-button-next:hover,
.The_scene .out .swiper-button-prev:hover {
    background: #BA0C09;
}

.The_scene .out .swiper-button-next {
    right: 1.5rem;
}

.The_scene .out .swiper-button-prev {
    left: 1.5rem;
}

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

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

.Honor .swiper-slide {
    width: 25%;
    padding: 0.36rem 0.18rem;
    box-sizing: border-box;
}

.Honor .swiper-slide .box {
    width: 100%;
    background: #FFF;
    padding: 0.24rem 0.38rem 0.42rem 0.24rem;
    box-sizing: border-box;
    box-shadow: 0px 0.03rem 0.12rem 0.01rem rgba(0, 0, 0, 0.13);
}

.Honor .swiper-slide .box .img {
    height: 3.45rem;
    width: 2.46rem;
    margin: 0 auto;
}

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

.Honor .swiper-slide .box i {
    width: 100%;
    height: 0.01rem;
    margin: 0.29rem 0px 0.27rem 0px;
    background: #EBEBEB;
    display: block;
}

.Honor .swiper-slide .box span {
    font-weight: 500;
    font-size: 0.18rem;
    color: #555555;
    display: block;
    text-align: center;
}

.Honor .swiper-button-next,
.Honor .swiper-button-prev {
    border-radius: 50%;

}

.Honor .swiper-button-next:after,
.Honor .swiper-button-prev:after {
    font-size: 0.3rem;
    color: #333;
}


.Honor .swiper-button-next:hover::after,
.Honor .swiper-button-prev:hover::after {
    color: #BA0C09;
}

.banenr_pages {
    width: 100%;
    position: relative;
}


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

.banenr_pages .text {
    position: absolute;
    top: 0px;
    height: 100%;
    left: 0px;
    width: 100%;
    z-index: 10;
}

.banenr_pages .text .public {
    display: flex;
    align-items: center;

}

.banenr_pages .text h5 {
    font-weight: bold;
    font-size: 0.42rem;
    color: #FFFFFF;
    text-shadow: 0px 0.03rem 0.06rem rgba(0, 0, 0, 0.21);
}

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

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

.Case_pages .out .box {
    width: 32%;
    margin-right: 2%;
    box-shadow: 0px 0.02rem 0.1rem 0.01rem rgba(0, 0, 0, 0.16);
    border: 0.01rem solid #E8E8E8;
    box-sizing: border-box;
    margin-bottom: 0.43rem;
}

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

.Case_pages .out .box .img {
    width: 100%;
    height: 3.57rem;
    overflow: hidden;
}

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

.Case_pages .out .box .text {
    width: 100%;
    padding: 0.28rem 0px 0.2rem 0px;
    box-sizing: border-box;
    background: #FFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.Case_pages .out .box .text h5 {
    font-weight: 500;
    font-size: 0.2rem;
    color: #111111;
    margin-bottom: 0.18rem;
}

.Case_pages .out .box .text span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.16rem;
    color: #343434;
}

.Case_pages .out .box .text img {
    margin-left: 0.1rem;
    height: 0.1rem;
    display: block;
}

.Case_pages .out .box:hover .img img {
    transform: scale(1.2);
}

.Case_pages .out .box:hover .text h5 {
    color: #BA0C09;
}

/* 分页 */
.Pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 0.5rem;
}

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

.Pagination .Pagination_out a {
    width: 0.43rem;
    height: 0.43rem;
    /* background: #BA0C09; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.18rem;
    color: #666666;
    border-radius: 50%;
    margin: 0px 0.05rem;
}

.Pagination .Pagination_out a:hover,
.Pagination .Pagination_out a.on {
    color: #FFF;
    background: #BA0C09;
}


.Aftersales_pages {
    margin-top: 0.8rem;
    margin-bottom: 0.7rem;
}

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

.Aftersales_pages .out .box {
    width: 32%;
    margin-right: 2%;
    background: #FFF;
    box-shadow: 0px 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
    border-radius: 0.16rem;
    padding: 0.46rem 0.6rem 0.48rem 0.6rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0.47rem;
}

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

.Aftersales_pages .out .box .iocn {
    height: 0.8rem;
    margin: 0 auto;
    display: block;
    margin-bottom: 0.35rem;
}

.Aftersales_pages .out .box .iocn img {
    height: 100%;
    display: block;
}

.Aftersales_pages .out .box .tetx {
    width: 100%;
}

.Aftersales_pages .out .box .tetx h5 {
    text-align: center;
    font-weight: 500;
    font-size: 0.31rem;
    color: #333333;
}

.Aftersales_pages .out .box .tetx p {
    text-align: center;
    line-height: 1.8em;
    font-weight: 400;
    font-size: 0.18rem;
    color: #666666;
    margin-top: 0.28rem;
}

.News_pages .title_public {
    align-items: center;
    margin-bottom: 0.7rem;
}

.News_pages .list_out {
    margin-top: 0.4rem;
}

.News_pages .list_out .list_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.News_pages .list_out .list_box .box {
    width: 3.54rem;
    margin-right: 0.26rem;
    margin-bottom: 0.34rem;
}

.News_pages .list_out .list_box .box:nth-child(4n) {
    margin-right: 0px;
}

.News_pages .list_out .list_box .box .img {
    width: 100%;
    height: 2.24rem;
    overflow: hidden;
}

.News_pages .list_out .list_box .box .img img {
    width: 100%;
    height: 100%;
    display: block;
    transition: 0.5s ease all;
}

.News_pages .list_out .list_box .box .text {
    width: 100%;
    padding: 0.29rem 0.25rem;
    box-sizing: border-box;
    background: #F7F7F7;
}

.News_pages .list_out .list_box .box .text span {
    font-weight: 400;
    font-size: 0.15rem;
    color: #777777;
}

.News_pages .list_out .list_box .box .text h5 {
    font-weight: bold;
    font-size: 0.2rem;
    color: #333333;
    margin-top: 0.16rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0.54rem;
}

.News_pages .list_out .list_box .box .text .but {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 0.14rem;
    color: #777777;
}

.News_pages .list_out .list_box .box .text .but .icon img {
    display: none;
    height: 0.08rem;
}

.News_pages .list_out .list_box .box .text .but .icon img:nth-child(1) {
    display: block;
}

.News_pages .list_out .list_box .box:hover .img img {
    transform: scale(1.2);
}

.News_pages .list_out .list_box .box:hover .text h5 {
    color: #BA0C09;
}


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

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

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

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

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

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

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

.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: #F7F7F7;
    padding-top: 0.7rem;
    padding-bottom: 0.97rem;
    box-sizing: border-box;
}

.Feedback .out {
    width: 100%;
}

.Feedback .out .title {
    display: flex;
    align-items: center;
    margin-bottom: 0.52rem;
}

.Feedback .out .title h5 {
    font-weight: 500;
    font-size: 0.36rem;
    color: #BA0C09;
}

.Feedback .out .title i {
    font-weight: 500;
    font-size: 0.16rem;
    color: #666666;
    display: block;
    margin: 0px 0.2rem;
}

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

.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: 4.77rem;
    height: 0.67rem;
    background: #BA0C09;
    border-radius: 0.33rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.22rem;
    color: #FFFFFF;

    border: none;
    margin: 0 auto;
    margin-top: 0.95rem;

}

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

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

.Webmap {
    width: 100%;
}

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

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

.solution_pages .out {
    margin-top: 0.6rem;
    display: flex;
    flex-wrap: wrap;

}

.solution_pages .out .box {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 0.3rem;
}

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

.solution_pages .out .box .img {
    width: 100%;
    height: 2.63rem;
    overflow: hidden;
}

.solution_pages .out .box .img img {
    width: 100%;
    height: 100%;
    display: block;
    transition: 0.5s ease all;
}

.solution_pages .out .box .text {
    width: 100%;
    padding: 0.31rem 0.3rem 0.24rem 0.3rem;
    box-sizing: border-box;
    background: #F8F8F8;
}

.solution_pages .out .box .text h5 {
    font-weight: bold;
    font-size: 0.25rem;
    color: #333333;
    margin-bottom: 0.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.solution_pages .out .box .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;
}

.solution_pages .out .box:hover .text h5 {
    color: #BA0C09;
}

.solution_pages .out .box:hover .img img {
    transform: scale(1.2);
}

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

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

.Projects_pages .out .box {
    width: 3.55rem;
    border: 0.01rem solid #ECECEC;
    box-sizing: border-box;
    cursor: pointer;
    margin-right: 0.26rem;
    margin-bottom: 0.3rem;
}

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

.Projects_pages .out .box .img {
    width: 100%;
    height: 2.7rem;
    overflow: hidden;
}

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

.Projects_pages .out .box .text {
    width: 100%;
    padding: 0.22rem 0.26rem 0.3rem 0.22rem;
    box-sizing: border-box;
    background: #FFF;
}

.Projects_pages .out .box .text h5 {
    font-weight: 500;
    font-size: 0.22rem;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0.27rem;
}

.Projects_pages .out .box .text .but_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Projects_pages .out .box .text .but_box .lianxi {
    width: 1.13rem;
    height: 0.34rem;
    border-radius: 0.21rem;
    border: 0.01rem solid #BA0C09;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 0.16rem;
    color: #BA0C09;
}

.Projects_pages .out .box .text .but_box a {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 0.15rem;
    color: #343434;
}

.Projects_pages .out .box .text .but_box a img {
    height: 0.1rem;
    margin-left: 0.1rem;
    display: block;
}

.Projects_pages .out .box:hover .img img {
    transform: scale(1.2);
}

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

.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 0.73rem 0.73rem 0.73rem;
    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: #BA0C09;
}

.Knowledge-list .butt_box .right {
    width: 1.61rem;
    height: 0.36rem;
    background: #BA0C09;
    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%;
    background: #FFF;
    border-radius: 0.06rem;
    box-shadow: 0px 0px 0.1rem 0.01rem #00000034;
    padding: 0.3rem 0.45rem;
    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;
}

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

.CNCautomatic_item_pages .out .right .Right_title .CNCautomatic_swiper2 {
    width: 100%;
    height: 0.9rem;
    margin-top: 0.2rem;
}

.CNCautomatic_item_pages .out .right .Right_title .CNCautomatic_swiper2 .swiper-slide {
    width: 24%;
    margin-right: 2%;
    border: 0.01rem solid #D5D5D5;
    box-sizing: border-box;
}

.CNCautomatic_item_pages .out .right .Right_title .CNCautomatic_swiper2 .swiper-slide-thumb-active {
    border: 0.01rem solid #BA0C09;
}

.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 .Right_title .CNCautomatic_swiper2 .swiper-button-next:after,
.CNCautomatic_item_pages .out .right .Right_title .CNCautomatic_swiper2 .swiper-button-prev:after {
    color: #BA0C09;
    font-size: 0.2rem;
    left: 0px;
    right: 0px;
    font-weight: bold;
}

.CNCautomatic_item_pages .out .right .Right_title .CNCautomatic_swiper2 .swiper-button-next {
    right: 0px;
    ;
}

.CNCautomatic_item_pages .out .right .Right_title .CNCautomatic_swiper2 .swiper-button-prev {
    left: 0px;
}

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

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

.Related_Products {
    width: 100%;
    margin-top: 0.7rem;
    margin-bottom: 0.9rem;
}

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

.Related_Products .out .swiper-slide {
    width: 33.33%;
    padding: 0.3rem 0.15rem;
    box-sizing: border-box;
}

.Related_Products .out .swiper-slide .box {
    width: 100%;
    box-shadow: 0px 0px 0.1rem 0.01rem #00000041;
}

.Related_Products .out .swiper-slide .box .img {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 3.08rem;
}

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

.Related_Products .out .swiper-slide .box span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    padding: 0.2rem 0px 0.2rem 0px;
    box-sizing: border-box;
    font-size: 0.23rem;
    color: #666;
}

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

.Related_Products .out .swiper-slide .box:hover span {
    color: #BA0C09;
}

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

.toggle_button {
    width: 0.25rem;
    height: 0.19rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 0.2rem;
    cursor: pointer;
    display: none;
}

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

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

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

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

.Showcase {
    width: 100%;
    padding: 1.2rem 0px 0rem 0px;
    box-sizing: border-box;
    background: url(../images/sycpbj.png) no-repeat center;
    background-position: top;
}

.Showcase .title {
    display: flex;
    flex-direction: column;
}

.Showcase .title h5 {
    display: block;
    color: #000;
    font-size: 0.48rem;
    font-weight: bold;
    position: relative;
    width: auto;
    margin: 0 auto;
}

.Showcase .title h5::after {
    position: absolute;
    top: -0rem;
    left: -0.4rem;
    width: 0.2rem;
    height: 0.2rem;
    border: 0.03rem solid #c8211e;
    border-radius: 50%;
    content: '';
}

.Showcase .title p {
    text-align: center;
    margin-top: 0.1rem;
    font-size: 0.18rem;
    font-weight: 400;
    color: #666666;
}

.Showcase .title h5 b {
    font-size: 0.48rem;
    font-weight: bold;
    color: #c8211e;
}

.Showcase .out {
    margin-top: 0.6rem;
    /* padding: 0px 1rem; */
    box-sizing: border-box;
    overflow: hidden;
}

.Showcase .swiper-slide {
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    /* padding: 0px 0.3rem; */
    box-sizing: border-box;
}

.Showcase .swiper-slide .left {
    width: 45%;
    padding-top: 0.3rem;
    box-sizing: border-box;
    position: relative;
}

.Showcase .swiper-slide .left::after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/beijing16.png) no-repeat center;
    background-size: contain;
    content: '';
}

.Showcase .swiper-slide .left h5 {
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: bold;
    font-size: 0.3rem;
    color: #BA0C09;
    margin-bottom: 0.36rem;
}

.Showcase .swiper-slide .left .txt {
    width: 100%;
    margin-bottom: 0.36rem;
}

.Showcase .swiper-slide .left .txt h6 {
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    font-size: 0.22rem;
    color: #333333;
    margin-bottom: 0.14rem;
    position: relative;
}

.Showcase .swiper-slide .left .txt h6::after {
    width: 0.42rem;
    height: 0.03rem;
    background: #BA0C09;
    display: block;
    margin-top: 0.13rem;
    content: '';
}

.Showcase .swiper-slide .left .txt p {
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 0.18rem;
    color: #535353;
}

.Showcase .swiper-slide .left .icon_list {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0px 0.9rem;
    margin-top: 0.51rem;
}

.Showcase .swiper-slide .left .icon_list img {
    /* width: 1.1rem; */
    height: 0.51rem;
    width: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.Showcase .swiper-slide .left .icon_list .tiem span {
    font-weight: 500;
    font-size: 0.21rem;
    color: #333333;
    display: block;
    margin-top: 0.2rem;

}

.Showcase .swiper-slide .left .img_list {
    display: flex;
    align-items: center;
    margin-bottom: 0.15rem;
}

.Showcase .swiper-slide .left .img_list img {
    width: 3rem;
    height: 2rem;
    display: block;
    border-radius: 0.1rem;
    object-fit: cover;
    margin-right: 0.2rem;
}

.Showcase .swiper-slide .left .img_list img:last-child {
    margin-right: 0px;
}

.Showcase  .swiper-button-next,
.Showcase  .swiper-button-prev {
    width: 0.6rem;
    height: 0.6rem;
    background: #000000;
    border-radius: 50% ;
    opacity: 0.6;

    left: auto; 
    right: 7.9rem;
    top: auto ;
    bottom: 0px ;

}

.Showcase  .swiper-button-next {
    right: 6rem ;
}

.Showcase  .swiper-button-next:after,
.Showcase  .swiper-button-prev:after {
    font-size: 0.21rem;
    color: #fff;
    font-weight: bolder;
}

.Showcase  .swiper-button-next:hover,
.Showcase  .swiper-button-prev:hover {
    background: #c8211e ;
    opacity: 1 ;
}

.Showcase .swiper-slide .right {
    width: 50%;
    /* height: 5.77rem; */
    position: relative;
}

.Showcase .swiper-slide .right img {
    width: 100%;
    max-height: 6.16rem;
    display: block;
    border-radius: 0px 0.15rem 1.8rem 0px;
    object-fit: cover;
    position: relative;
}

.Showcase .swiper-slide .right::after {
    width: 100%;
    height: 0.1rem;
    display: block;
    background: #FFF;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -0.05rem;
    content: '';
    display: block;
    z-index: 10;
}

.Showcase .swiper-slide .right::before {
    width: 0.1rem;
    height: 100%;
    display: block;
    background: #FFF;
    position: absolute;
    top: 0%;
    left: 50%;
    margin-left: -0.05rem;
    content: '';
    display: block;
    z-index: 10;
}

.solution_Modify {
    width: 100%;
    width: 100%;
    position: relative;
    background: url(../images/8980.png) no-repeat center;
    background-size: cover;
    padding: 1.1rem 0px 2.4rem 0px;
    box-sizing: border-box;
}

/* .solution_Modify .public {
    max-width: 17rem ;
} */

.solution_Modify .title {
    margin-bottom: 0.3rem;
}

.solution_Modify .title h5 {
    color: #0A51BB;
    font-size: 0.5rem;
    font-weight: bold;
    margin-bottom: 0.15rem;
}

.solution_Modify .title h5 b {
    color: #0A51BB;
    font-size: 0.8rem;
    font-weight: bold;
}

.solution_Modify .title p {
    color: #333;
    font-size: 0.3rem;
    display: block;
    margin-top: 0.1rem;
    font-weight: normal;
}

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

.solution_Modify .out .left {
    width: 45%;
}

.solution_Modify .out .left .item {
    width: 100%;
    background: #0A51BB;
    border-radius: 0px 1rem 1rem 0px;
    margin-bottom: 0.3rem;
    padding: 0.2rem 0.3rem;
    box-sizing: border-box;
}

.solution_Modify .out .left .item:last-child {
    margin-bottom: 0px;
}

.solution_Modify .out .left .item h5 {
    color: #fff;
    font-size: 0.24rem;
    font-weight: bold;
    margin-bottom: 0.1rem;
}

.solution_Modify .out .left .item p {
    color: #fff;
    font-size: 0.16rem;
    font-weight: 400;
    line-height: 1.7em;
}

.solution_Modify .out .left .item i {
    width: 1.5rem;
    height: 0.02rem;
    background: #FFF;
    display: block;
    margin-bottom: 0.2rem;
}

.solution_Modify .out .right {
    width: 50%;
    display: flex ;
    align-items: end ;
}

.solution_Modify .out .right img {
    width: 100%;
    height: 100% ;
    object-fit: contain;
    display: block;
    /* transform: translateY(-1.4rem); */
}

.solution_Modify .list_Txt {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #0a51bbc9;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 0px;
    box-sizing: border-box;
}

.solution_Modify .list_Txt .item {
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
}

.solution_Modify .list_Txt .item:last-child {
    margin-right: 0px;
}

.solution_Modify .list_Txt .item img {
    width: 0.82rem;
    height: 0.82rem;
    display: block;
    object-fit: contain;
    margin-right: 0.3rem;
}

.solution_Modify .list_Txt .item h5 {
    font-size: 0.2rem;
    margin-bottom: 0.2rem;
    color: #FFF;
}

.solution_Modify .list_Txt .item p {
    color: #fff;
    font-size: 0.16rem;
    font-weight: 500;
}

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

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


@media (max-width: 768px) {
    .toggle_button {
        display: flex;
    }

    .public {
        padding: 0px 3%;
        box-sizing: border-box;
    }

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

    .Nav {
        width: 100%;
        background: #FFF;
    }

    .Nav .out .right .Tel_box h5 {
        color: #333;
    }

    .Nav .out .logo .img2 {
        display: block;
    }

    .Nav .out .logo .img1 {
        display: none;
    }

    .Nav .out .right .Tel_box {
        margin-left: 0px;
        margin-right: 0.4rem;
    }

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

    .banner .swiper-slide .banner_text h5 {
        font-size: 0.3rem;
        width: auto;
    }

    .banner .swiper-slide .banner_text span {
        font-size: 0.2rem;
        margin-top: 0.1rem;
        margin-bottom: 0rem;
    }

    .banner .swiper-slide .banner_text p {
        margin-top: 0.15rem;
    }

    .banner .swiper-button-next,
    .banner .swiper-button-prev {
        top: 60%;
    }

    .banner .swiper-pagination {
        left: 3%;
        bottom: 4%;
    }

    .banner .SCROLL_DOWN {
        bottom: 3%;
    }

    .banner .swiper-slide .banner_text {
        padding-top: 10%;
        box-sizing: border-box;
    }

    .banner .swiper-slide .banner_text .public {
        justify-content: center;
    }

    .banner .swiper-slide .banner_text .public .content {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .Buttons_list .item img {
        width: 1rem;
        height: 1rem;
    }

    .Recommendation .swiper .swiper-slide {
        justify-content: space-between;
    }

    .Recommendation .swiper .swiper-slide .box {
        width: 48%;
        margin-right: 0%;
    }

    .Cases .swiper-slide {
        width: 70%;
        margin: 0px 2%;
        height: 3.5rem;
    }

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

    .Advantage .out .left {
        width: 100%;
        margin-bottom: 0.4rem;
    }

    .Advantage .out .right {
        width: 100%;
        height: auto;
    }

    .Advantage .out .right .box {
        width: 100%;
        height: auto;
        padding: 0.4rem 0px;
    }

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

    .News_Center .out a {
        flex-wrap: wrap;
    }

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

    .News_Center .out .right {
        width: 100%;
        height: 4rem;
        margin-top: 0.2rem;
    }

    .solution .out .img {
        display: none;
    }

    .solution {
        padding-bottom: 0.8rem;
    }

    .solution .out {
        width: 100%;
        height: auto;
        margin-top: 0.6rem;
    }

    .solution .out .list {
        width: 100%;
        position: relative;
    }

    .solution .out .list .item {
        position: static;
        left: auto;
        top: auto;
        bottom: auto;
        right: auto;
        width: 100%;
        transform: translateX(0%);
        margin-bottom: 0.4rem;
    }

    .solution .out .list .item:nth-child(3) {
        transform: translateX(0%);
    }

    .solution .out .list .item h5 {
        text-align: left !important;
    }

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

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

    .footer .list_out .right {
        width: 100%;
    }

    .Record_n_varchar .public {
        flex-direction: column;
    }

    .Record_n_varchar {
        height: auto;
        padding: 0.1rem 0px;
    }

    .About_pages {
        margin-top: 0px;
        padding-top: 1.8rem;
        padding-bottom: 1rem;
    }

    .About .out {
        margin-top: 0.56rem;
    }

    .The_scene .out .swiper-button-prev {
        left: 3%;
    }

    .The_scene .out .swiper-button-next {
        right: 3%;
    }

    .Honor .swiper-slide {
        width: 50%;
    }

    .Projects_pages .out,
    .Case_pages .out,
    .solution_pages .out,
    .News_pages .list_out .list_box {
        justify-content: space-between;
    }

    .Projects_pages .out .box,
    .Case_pages .out .box,
    .solution_pages .out .box,
    .News_pages .list_out .list_box .box {
        width: 48%;
        margin-right: 0px;
    }

    .Case_pages .out .box .img {
        height: 2.1rem;
    }

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

    .Contact_Page .out .box {
        width: 50%;
        box-sizing: border-box;
    }

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

    .Knowledge-list .text {
        padding: 0.43rem 0.43rem 0.73rem 0.43rem;
    }

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

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

    .CNCautomatic_item_pages .out .right .right_text {
        width: 100%;
        margin-top: 0.34rem;
    }

    .Related_Products .out .swiper-slide {
        width: 50%;
    }

    .Related_Products .out .swiper-slide .box .img {
        height: 2rem;
    }

    .Showcase {
        padding: 0px 3%;
        box-sizing: border-box;
        padding-top: 0.9rem;

    }

    .Showcase .title h5,
    .Showcase .title h5 b {
        font-size: 0.39rem
    }

    .Showcase .out {
        padding: 0px;
    }

    .Showcase .swiper-slide {
        flex-wrap: wrap;
        padding: 0px 0.1rem;
    }

    .Showcase .swiper-slide .left {
        width: 100%;
    }

    .Showcase .swiper-slide .right {
        width: 100%;
        margin-top: 0.3rem;
    }

    .solution_Modify {
        padding: 0.6rem 0px 0px 0px;
    }

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

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

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

    .solution_Modify .title h5 {
        font-size: 0.4rem;
    }

    .solution_Modify .title h5 b {
        font-size: 0.5rem;
    }

    .solution_Modify .title p {
        font-size: 0.24rem
    }

    .solution_Modify .list_Txt {
        position: relative;
        flex-wrap: wrap;
        justify-content: left;
        padding: 0.5rem 0.3rem;
        box-sizing: border-box;
        margin-top: 0.6rem;
    }

    .solution_Modify .list_Txt .item {
        margin-bottom: 0.3rem;
    }

    .solution_Modify .list_Txt .item:last-child {
        margin-bottom: 0px;
    }

    .Showcase .swiper-button-next {
        right: 0px ;
        display: none ;
    }

    .Showcase .swiper-button-prev  {
        left: 0px ;
        display: none ;
    }

}

@media (min-width:360px) and (max-width:768px) {
    html {
        font-size: 52px !important;
    }
}

@media (min-width:769px) and (max-width:930px) {
    html {
        font-size: 50px !important;
    }

}

@media (min-width:931px) and (max-width:1099px) {
    html {
        font-size: 60px !important;
    }
}

@media (min-width:1100px) and (max-width:1249px) {
    html {
        font-size: 70px !important;
    }
}

@media (min-width:1250px) and (max-width:1399px) {
    html {
        font-size: 80px !important;
    }
}

@media (min-width:1400px) and (max-width:1699px) {
    html {
        font-size: 90px !important;
    }
}


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