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

a {
    text-decoration: none;
    color: #333;
}

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

ol,
ul {
    list-style: none;
}

body {
    background: #F4F4F7;
}

.public {
    width: 100%;
    max-width: 1700px;
    height: 100%;
    margin: 0 auto;
}

.nav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 90px;
    z-index: 999;
    background: rgb(0, 0, 0, 0.06);
    transition: 0.5s ease;
        box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.06);
}


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

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

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

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

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

.nav .out .right ul li .title {
    font-weight: 400;
    font-size: 20px;
    color: #ECECEC;
}

.nav .out .right .Language {
    width: auto;
    height: 100%;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav .out .right .Language .Language_list {
    width: 140px;
    position: absolute;
    left: 50%;
    margin-left: -70px;
    top: 90px;
    box-sizing: border-box;
    display: none;
}

.nav .out .right .Language .Language_list .item {
    width: 100%;
    background: #FFF;
    box-shadow: 0px 0px 10px 1px #0000003a;
    padding: 0px 4%;
    box-sizing: border-box;
}

.nav .out .right .Language .Language_list .item a {
    padding: 15px 0px;
    display: block;
    text-align: center;
    color: #333;
    font-size: 14px;
    border-bottom: 1px solid #99999985;
}

.nav .out .right .Language .Language_list .item a:hover {
    color: #3B6BB3;
}


.nav .out .right .Language img {
    width: 24px;
    height: 24px;
    display: block;
}

.nav .out .logo {
    width: 236px;
}

.nav .out .logo img {
    width: 100%;
    display: block;
}

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

.nav .out .right ul li .pulldown {
    width: 160px;
    background: #FFF;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px 1px #00000018;
    position: absolute;
    top: 90px;
    left: 50%;
    margin-left: -80px;
    display: none;
}

.nav .out .right ul li .pulldown a {
    color: #333;
    font-size: 14px;
    padding: 15px 0px;
    display: block;
    border-bottom: 1px solid #E6E6E6;
    text-align: center;
}

.nav .out .right ul li .pulldown a:hover {
    color: #C60506;
}

.nav:hover,
.nav.nav_on,
.nav_pages_on {
    background: #FFF;
}

.nav:hover .out .right ul li .title,
.nav.nav_on .out .right ul li .title,
.nav_pages_on .out .right ul li .title {
    color: #333;
}

.nav:hover .out .logo .logo_1,
.nav.nav_on .out .logo .logo_1,
.nav_pages_on .out .logo .logo_1 {
    display: none;
}

.nav:hover .out .logo .logo_2,
.nav.nav_on .out .logo .logo_2,
.nav_pages_on .out .logo .logo_2 {
    display: block;
}

.nav:hover .out .right .Language img,
.nav.nav_on .out .right .Language img,
.nav_pages_on .out .right .Language img {
    content: url(../images/Language2.png);
}


.banner {
    width: 100%;
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: centere;
    color: #999999;
    border-radius: 50%;
    border: 1px solid #999999;
    box-sizing: border-box;
}

.banner .swiper-button-next:after,
.banner .swiper-button-prev:after {
    color: #999999;
    font-size: 26px;
}

.banner .swiper-button-next:hover,
.banner .swiper-button-prev:hover {
    border: 1px solid #C60506;
}

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

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

.banner .text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding-top: 167px;
    box-sizing: border-box;
    display: none ;
}

.banner .text h5 {
    font-weight: bold;
    font-size: 58px;
    color: #FFFFFF;
    margin-bottom: 40px;
    text-transform: uppercase;
}


.banner .text h5 b {
    font-weight: bold;
    font-size: 58px;
    color: #CC0000;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.banner .text p {
    font-weight: 300;
    font-size: 34px;
    color: #FFFFFF;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

/* public_title */
.public_title {
    width: 100%;
}

.public_title h5 {
    font-weight: 400;
    font-size: 52px;
    color: #1C1C1C;
    text-transform: uppercase;
    text-align: center;
}




/* Product */
.Product {
    margin-top: 100px;
}

.Product .out {
    margin-top: 70px;
}


.Product .out .swiper-slide {
    width: 100% ;
    margin-right: 0px ;
}


.Prodct_public {
    width: 32%;
    margin-right: 2%;
    background: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    padding: 95px 0px 72px 0px;
    box-sizing: border-box;
}

.Product .out .swiper-slide .img {
    height: 473px;
    width: 80%;
}


.Prodct_public .img {
    height: 373px;
    margin: 0 auto;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Prodct_public .img img {
    height: 100%;
    display: block;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    transition: 0.5s ease;
}

.Prodct_public span {
    width: 100%;
    padding: 0px 5%;
    box-sizing: border-box;
    text-align: center;
    margin-top: 56px;
    font-weight: bold;
    font-size: 21px;
    color: #333333;
    display: block;
}

.Prodct_public:hover span {
    color: #C60506;
}

.Prodct_public:hover .img img {
    transform: scale(1.1);
}

.Product .swiper-button-next,
.Product .swiper-button-prev {
    width: 47px;
    height: 47px;
    border: 1px solid #999999;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.Product .swiper-button-next::after,
.Product .swiper-button-prev::after {
    color: #999999;
    font-size: 15px;
}

.Product .swiper-button-next:hover,
.Product .swiper-button-prev:hover {
    border: 1px solid #CC0000;
}

.Product .swiper-button-next:hover::after,
.Product .swiper-button-prev:hover::after {
    color: #CC0000;
}

/* application */
.application {
    margin-top: 100px;
}

.application .out {
    margin-top: 85px;
    width: 100%;
    background: #FFF;
    overflow: hidden;
}

.application .out .box {
    display: flex;
    align-items: center;
    height: 477px;
}

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

.application .out .box .left {
    width: 50%;
    height: 100%;

}

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

.application .out .box .right {
    width: 50%;
    padding: 0px 63px 0px 80px;
    box-sizing: border-box;
}

.application .out .box .right h5 {
    font-weight: bold;
    font-size: 32px;
    color: #333333;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.application .out .box .right p {
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 1.6em;
    letter-spacing: 1px;
}

.application .out .box .right a {
    width: 137px;
    height: 40px;
    background: #000000;
    border-radius: 25px 25px 25px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 41px;
}

.About {
    width: 100%;
    padding: 88px 0px;
    box-sizing: border-box;
    background-size: cover !important;
    margin-top: 100px;
}

.About .out {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
}

.About .out h5 {
    font-weight: 400;
    font-size: 52px;
    color: #FFFFFF;
    margin-bottom: 84px;
    text-align: center;
    text-transform: uppercase;
}

.About .out p {
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1.7em;
    letter-spacing: 1px;
}

.About .out a {
    width: 169px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 25px 25px 25px 25px;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 100px auto 0 auto;
}

.NEWS {
    margin: 100px 0px;
}

.NEWS .out {
    margin-top: 68px;
}

.NEWS .out .swiper-slide {
    width: 32%;
    margin-right: 2%;
    background: #FFF;
}

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

.NEWS .out .swiper-slide .img {
    width: 100%;
    height: 341px;
    overflow: hidden;
    display: none ;
    justify-content: center;
}

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

.NEWS .out .swiper-slide .txt {
    padding: 28px 26px 35px 29px;
    box-sizing: border-box;
    width: 100%;
}

.NEWS .out .swiper-slide .txt h5 {
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    margin-bottom: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
}

.NEWS .out .swiper-slide .txt p {
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 1.5em;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 48px;
}

.NEWS .out .swiper-slide .txt span {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    color: #777777;
    margin-top: 10px;
}

.NEWS .out .swiper-slide .txt span img {
    display: block;
    height: 7.73px;
    margin-left: 5px;
}

.NEWS .out .swiper-slide:hover .img img {
    transform: scale(1.2);
}

.NEWS .out .swiper-slide:hover .txt h5 {
    color: #C60506;
}

/* Footer */
.footer {
    width: 100%;
    background: #191B1F;
    padding: 97px 0px 86px 0px;
    box-sizing: border-box;
}

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

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

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

.footer .out .left .logo {
    width: 270px;
    display: block;
    margin-bottom: 45px;
}

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

.footer .out .left .box {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}

.footer .out .left .box3 {
    align-items: self-start;
    margin-bottom: 0px;
}

.footer .out .left .box span {
    width: 17px;
    display: block;
    margin-right: 10px;
    flex: none;
}

.footer .out .left .box span img {
    width: 100%;
    display: block;
}

.footer .out .left .box p {
    font-weight: 400;
    font-size: 14px;
    color: #DCDCDC;
    line-height: 1.4em;
}

.footer .out .middle {
    padding-top: 33px;
    box-sizing: border-box;
    width: 47%;
}

.footer .out .middle .box span {
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    display: block;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.footer .out .middle .box a {
    font-weight: 400;
    font-size: 14px;
    color: #DCDCDC;
    margin-bottom: 34px;
    display: block;
}

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

.footer .out .right {
    width: 200px;
    padding-top: 33px;
    box-sizing: border-box;
}

.footer .out .right h5 {
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    margin-bottom: 31px;
    text-transform: uppercase;
}

.footer .out .right .ion_box {
    display: flex;
    align-items: center;
    display: none !important;
}

.footer .out .right .ion_box a {
    width: 32px;
    height: 32px;
    margin-right: 11px;
}

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

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

.footer .out .right .form form {
    display: flex;
    align-items: center;
    margin-top: 74px;
}

.footer .out .right .form input {
    height: 48px;
    width: calc(100% - 48px);
    border-bottom: 1px solid #707070;
    box-sizing: border-box;
    padding-left: 14px;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    background: none;
}

.footer .out .right .form input::placeholder {
    color: #FFF;
}

.footer .out .right .form button {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #CC0000;
    border-radius: 50%;
    border: none;
    outline: none;
    cursor: pointer;
}

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

.footer .Mylinks {
    width: 100%;
    display: flex;
    align-items: baseline;
    margin-top: 30px;
    display: none !important;
}

.footer .Mylinks span {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 18px;
    color: #DCDCDC;
}

.footer .Mylinks span img {
    display: block;
    margin-right: 5px;
}

.footer .Mylinks .text {
    display: flex;
    flex-wrap: wrap;
}

.footer .Mylinks .text a {
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #DCDCDC;
    margin: 0px 6px;
    margin-bottom: 10px;
}

.filing {
    height: 60px;
    background: #191B1F;
    border-top: 1px solid #7e7e7e3a;
}

.filing .out {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
}

.filing .out span {
    font-weight: 400;
    font-size: 12px;
    color: #CCCCCC;
}

.filing .out a {
    position: absolute;
    right: 0px;
    font-weight: 400;
    font-size: 12px;
    color: #CCCCCC;
}

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

.banner_pages .txt {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

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

.banner_pages .txt h5 {
    font-weight: 500;
    font-size: 52px;
    color: #FFFFFF;
    text-transform: uppercase;
}

/* Product_pages */
.Product_pages {
    margin: 100px 0px;
    overflow: hidden;
}

.Product_pages .out {
    margin-top: 62px;
    display: flex;
    justify-content: space-between;
}

.Product_pages .out .left {
    display: none ;
}

.Product_public_left {
    width: 316px;
    background: #F0F2F7;
    border: 2px solid #FFFFFF;
    padding: 35px 28px 25px 28px;
    box-sizing: border-box;
}

.Product_public_left h5 {
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.Product_public_left .box {
    width: 100%;
    background: #FFF;
    padding: 0px 22px 19px 22px;
    box-sizing: border-box;
    overflow: hidden;
}

.Product_public_left .box a {
    display: block;
    width: 100%;
    padding: 19px 0px;
    box-sizing: border-box;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.Product_public_left .box a::after {
    width: 2px;
    height: 0%;
    background: #CC0000;
    position: absolute;
    top: 0px;
    left: -22px;
    content: '';
    transition: 0.5s ease;
}

.Product_public_left .box a:hover::after,
.Product_public_left .box a.on::after {
    height: 100%;
}

.Product_public_left .box a span {
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
}

.Product_public_left .box a img {
    height: 9.82px;
    display: block;
}

.Product_public_left .box a:hover span,
.Product_public_left .box a.on span {
    color: #CC0000;
}

.Product_public_left .box a:hover img,
.Product_public_left .box a.on img {
    content: url(../images/P_jiantou2.png);
}

.Product_pages .right {
    /*width: calc(100% - 316px - 47px);*/
    width: 100% ;

}

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

.Product_public_right .Prodct_public {
    padding: 77px 0px 32px 0px;
    margin-bottom: 30px;
}

.Product_public_right .Prodct_public .img {
    height: 272px;
}

.Product_public_right .Prodct_public:nth-child(3n) {
    margin-right: 0px;
}

/* About_pages */
.About_pages {
    width: 100%;
    margin-top: 100px;
}

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

.About_pages .out .box {
    display: flex;
    justify-content: space-between;
    padding: 80px 65px;
    box-sizing: border-box;
    align-items: center
}

.About_pages .out .box .left h5 {
    font-weight: 400;
    font-size: 52px;
    color: #1C1C1C;
}

.About_pages .out .box .right {
    width: 76%;
}

.About_pages .out .box .right h5 {
    font-weight: bold;
    font-size: 32px;
    color: #333333;
    margin-bottom: 28px;
}

.About_pages .out .box .right p {
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 1.7em;
}

.About_pages .out img {
    width: 100%;
    display: none !important;
}

/* why_choose_us */
.why_choose_us {
    width: 100%;
    margin-top: 100px;
}

.why_choose_us .out {
    margin-top: 70px;
    display: flex;
    background: #FFF;
}

.why_choose_us .out .box {
    width: 33.3%;
    background: #FFF;
    position: relative;
    height: initial;
    cursor: pointer;
}

.why_choose_us .out .box::after {
    width: 1px;
    height: 201px;
    background: #DEDEDE;
    display: block;
    content: ' ';
    right: 0px;
    position: absolute;
    top: 50%;
    margin-top: -100.5px;
}

.why_choose_us .out .box:last-child::after {
    display: none;
}

.why_choose_us .out .box::before {
    width: 100% ;
    height: 100% ;
    position: absolute ;
    top: 0px ;
    left: 0px ;
    background: #00000073;
    content: '';
    z-index: 9;
    opacity: 0 ;
    transition: 0.4s ease all;
}

.why_choose_us .out .box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 8;
    opacity: 0 ;
    transition: 0.4s ease all;
}

.why_choose_us .out .box .text {
    width: 100%;
    height: 100%;
    z-index: 30;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*justify-content: center;*/
    padding: 50px 31px;
    box-sizing: border-box;
    position: relative ;
    z-index: 10 ;

}

.why_choose_us .out .box .text h5 {
    font-weight: bold;
    font-size: 26px;
    color: #333333;
    margin-bottom: 53px;
}

.why_choose_us .out .box .text p {
    font-weight: 400;
    font-size: 17px;
    color: #888888;
    line-height: 1.6em;
}

.why_choose_us .out .box img {
    opacity: 0;
    transition: 0.5s ease;
}

.why_choose_us .out .box:hover img {
    opacity: 1;
}

.why_choose_us .out .box:hover::before{
    opacity: 1;
}

.why_choose_us .out .box:hover .text h5 {
    color: #FFF;
}

.why_choose_us .out .box:hover .text p {
    color: #FFF;
}

.why_choose_us .out .box:hover::after {
    display: none;
}

/* development_history */

.development_history {
    margin: 100px 0px;
    overflow: hidden;
}

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

.development_history .out .left {
    width: 37%;
}

.development_history .out .left h5 {
    font-weight: 400;
    font-size: 52px;
    color: #1C1C1C;
    margin-bottom: 92px;
}

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

.development_history .out .right {
    width: 58%;
    overflow-y: scroll;
    padding: 19px 0px;
    /* -ms-overflow-style: none;
    scrollbar-width: none;
    box-sizing: border-box; */
    height: 887px;
}

/* .development_history .out .right::-webkit-scrollbar {
    display: none;
} */


/* 自定义整个滚动条 */
.development_history .out .right::-webkit-scrollbar {
    width: 6px;
    /* 设置滚动条的宽度 */

    /* 滚动条的背景色 */
}

/* 自定义滚动条轨道 */
.development_history .out .right::-webkit-scrollbar-track {
    background: #e1e1e1;
    /* 轨道的背景色 */
    border-radius: 10px;
    /* 轨道的圆角 */
}

/* 自定义滚动条的滑块（thumb） */
.development_history .out .right::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    /* 滑块的背景色 */
    border-radius: 10px;
}

/* 滑块hover效果 */
.development_history .out .right::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
    /* 滑块hover时的背景色 */
}



.development_history .out .right .box {
    margin-bottom: 40px;
}

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

.development_history .out .right .box h5 {
    font-weight: 500;
    font-size: 32px;
    color: #646262;
    margin-bottom: 15px;
}

.development_history .out .right .box p {
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 1.6em;
}

/* Support_pages */
.Support_pages {
    margin: 100px 0px;
}

.Support_pages .out {
    width: 100%;
    background: #F4F4F7;
    margin-top: 54px;
    padding: 46px 50px;
    box-sizing: border-box;
    overflow: hidden;
}

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

.Support_pages .out .box:nth-child(2n) {
    flex-direction: row-reverse;
    margin-top: 68px;
}

.Support_pages .out .box .left {
    width: 48.5%;
}

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

.Support_pages .out .box .right {
    width: 48%;
}

.Support_pages .out .box .right .item {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    margin-bottom: 40px;
}

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

.Support_pages .out .box .right .item .title {
    width: 44px;
    height: 44px;
    background: #000000;
    box-shadow: 0px 12px 20px 1px rgba(54, 54, 54, 0.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-weight: 500;
    font-size: 27px;
    color: #FFFFFF;
    flex: none;
}

.Support_pages .out .box .right .item .txt {
    width: calc(100% - 44px - 30px);
}

.Support_pages .out .box .right .item .txt h5 {
    font-weight: bold;
    font-size: 20px;
    color: #333333;
    margin-bottom: 9px;
}

.Support_pages .out .box .right .item .txt p {
    font-weight: 400;
    font-size: 16px;
    color: #666666;
}

/* News_pages */
.News_pages {
    margin: 100px 0px;
}

.News_pages .out {
    width: 100%;
}

.News_pages .out .box {
    width: 100%;
    background: #FFF;
    padding: 30px 35px 40px 50px;
    box-sizing: border-box;
    box-shadow: 0px 6px 12px 1px rgba(204, 204, 204, 0.4);
    border-radius: 4px 4px 4px 4px;
    margin-top: 60px;
}

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

.News_pages .out .box .left {
    width: 26%;
    height: 290px;
    overflow: hidden;
    
    display: none ;
}

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

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

.News_pages .out .box .right i {
    width: 80%;
    height: 1px;
    background: #DCDCDC;
    display: block;
    margin: 27px 0px 33px 0px;
}

.News_pages .out .box .right h5 {
    font-weight: 400;
    font-size: 26px;
    color: #333333;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
}

.News_pages .out .box .right p {
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 1.6em;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

.News_pages .out .box .right span {
    font-weight: 400;
    font-size: 17px;
    color: #333333;
    margin-top: 28px;
    display: block;
}

.News_pages .out .box .right .link {
    display: flex;
    justify-content: right;
    margin-top: 3px;
}

.News_pages .out .box .right .link span {
    width: 125px;
    height: 39px;
    border-radius: 21px 21px 21px 21px;
    border: 1px solid #777777;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 15px;
    color: #666666;
}

.News_pages .out .box .right .link span img {
    display: block;
    height: 8.81px;
    margin-left: 5px;
}

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

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

.News_pages .out .box:hover .right .link span {
    background: #000000;
    color: #FFF;
}

.News_pages .out .box:hover .right .link span img {
    content: url(../images/9550_1.png);
}

/* Contact_pages */
.Contact_pages {
    margin: 100px 0px 0px 0px;
}

.Contact_pages .box_1 {
    margin-top: 50px;
}

.Contact_pages .title .tit {
    display: flex ;
    justify-content: space-between ;
    align-items: center ;
    width: 100% ;
    text-align: center ;
}

.Contact_pages .title .tit .Img_box {
    width: 120px ;
    
}

.Contact_pages .title .tit .Img_box .logo {
    width: 100% ;
    display: block ;
}

.Contact_pages .title .tit .Img_box span {
    font-size: 14px ;
    font-weight: 400 ;
    text-align: center ;
}

.Contact_pages .title .tit .Img_box .erweima {
    width: 100% ;
    display: block ;
    margin-top: 10px ;
}

.Contact_pages .title h5 {
    font-weight: bold;
    font-size: 40px;
    color: #111111;
}

.Contact_pages .title i {
    width: 100%;
    height: 1px;
    background: #E6E6E6;
    display: block;
    margin-top: 45px;
    margin-bottom: 30px;
}

.Contact_pages .list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 30px;
}

.Contact_pages .list .item {
    width: auto ;
    display: flex;
    flex: 1 ;
}

.Contact_pages .list .item img {
    width: 45px;
    height: 45px;
    flex: none;
    display: block;
    margin-right: 7px;
}

.Contact_pages .list .item span {
    font-weight: 400;
    font-size: 18px;
    color: #A2A2A2;
    margin-bottom: 8px;
}

.Contact_pages .list .item p {
    font-weight: bold;
    font-size: 18px;
    color: #333333;
}

/* 验证码 */
.CAPTCHA {
    width: 40%;
    display: flex;
    align-items: center;
    margin-top: 30px;
}

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

.CAPTCHA img {
    width: 120px;
    height: 48px;
    display: block;
    margin: 0;
}

.Online_message {
    margin-top: 52px;
    margin-bottom: 80px;
}

.Online_message h5 {
    font-weight: bold;
    font-size: 40px;
    color: #111111;
    margin-bottom: 0.4rem;
}

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

.Online_message form input {
    width: 48%;
    height: 46px;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #E6E6E6;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    margin-bottom: 27px;
    padding: 0px 20px;
    box-sizing: border-box;
}

.Online_message form textarea {
    width: 100%;
    height: 135px;
    border: 1px solid #E6E6E6;
    padding: 15px;
    box-sizing: border-box;
}

.Online_message form .button {
    width: 100%;
    margin-top: 33px;
}

.Online_message form button {
    width: 164px;
    height: 44px;
    background: #CC0000;
    border-radius: 22px 22px 22px 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
}


.Knowledge-list {
    padding: 80px 0px;
}

.Knowledge-list .public {
    max-width: 1200px ;
}

.Knowledge-list .titel {
    text-align: center;
}

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

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

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

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

.Knowledge-list .text {
    padding: 40px 0px 50px 0px;
    box-sizing: border-box;
    font-size: 15px;
    color: rgba(51, 51, 51, 1);
    line-height: 2em;
    border-bottom: 1px solid rgba(227, 227, 227, 1);
    color: #333;
}

.Knowledge-list .text p{
    font-size: 15px;
    color: rgba(51, 51, 51, 1);
    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;
}


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

.butt_box .left {
    width: 100%;
}

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

.butt_box .box span,
.butt_box .box a {
    color: #666666;
    font-size: 13px;
    margin-bottom: 14px;
    display: block;
}

.butt_box .box span {
    width: 100%;
    display: flex;
    justify-content: left;
}

.butt_box .box a {
    width: 60%;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
}

.butt_box .box a:hover {
    color: #3B6BB3;
}

.butt_box .right {
    width: 161px;
    height: 36px;
    background: #3B6BB3;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
}

.butt_box .right {
    cursor: pointer;
}

.CNCautomatic_item_pages {
    margin: 150px 0px 80px 0px;
}

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

.Product_public_left {
    display: none ;
}

.CNCautomatic_item_pages .out .right {
    /*width: calc(100% - 316px - 32px);*/
    width: 80% ;
    background: #FFF;
    border-radius: 6px;
    box-shadow: 0px 0px 10px 1px #00000034;
    padding: 30px 25px;
    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%;
    position: relative ;
}

.CNCautomatic_item_pages .out .right .Right_title .CNCautomatic_swiper {
    width: 100%;
    border: 1px solid #D5D5D5;
    height: 320px;
    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: 90px;
    margin-top: 20px;
}

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

.CNCautomatic_item_pages .out .right .Right_title .CNCautomatic_swiper2 .swiper-slide-thumb-active {
    border: 1px solid #004F89;
}

.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: #004F89;
    font-size: 20px;
    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: 20px;
    box-sizing: border-box;
}

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

.CNCautomatic_item_pages .out .right .right_text i {
    margin-top: 30px;
    margin-bottom: 35px;
    width: 90px;
    height: 2px;
    background: #004F89;
    display: block;
}

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

.CNCautomatic_item_pages .out .right .right_text a {
    width: 140px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #FFF;
    background: #004F89;
    border-radius: 3px;
    margin-top: 60px;
}

.CNCautomatic_item_pages .out .right .text_h5 {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
}

.CNCautomatic_item_pages .out .right .text_h5 h5 {
    color: #333;
    font-size: 20px;
    margin-bottom: 15px;
}

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

.CNCautomatic_item_pages .out .right .text_list {
    width: 100%;
    padding: 0px 10px;
    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: 15px;
}

.CNCautomatic_item_pages .out .right .butt_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 60px;
    display: none !important;
}

.CNCautomatic_item_pages .out .right .butt_box .box {
    width: 48%;
}

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



.min_navCan {
    width: 0.4rem;
    height: 0.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: none;
}

.min_navCan i {
    width: 100%;
    height: 2px;
    display: block;
    background: #333;
    margin-bottom: 5px;
    transition: 0.6s;
}

.min_navCan i:last-child {
    margin-bottom: 0px;
}


.min_navCan.all i:nth-child(1) {
    transform: rotate(45deg) translateY(10px);
}


.min_navCan.all i:nth-child(2) {
    transform: scale(0);
    opacity: 0;
}

.min_navCan.all i:nth-child(3) {
    transform: rotate(-43deg) translateY(-10px);
}


.min_Nav_out {
    position: absolute;
    top: 0.9rem;
    left: 0px;
    width: 100%;
    background: #FFF;
    box-shadow: 0px 0px 10px 1px #00000027;
    padding: 15px 20px;
    box-sizing: border-box;

    display: none;

}

.min_Nav_out .box {
    border-bottom: 1px solid #eee;
}

.min_Nav_out .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.min_Nav_out .title a {
    color: #333;
    font-size: 14px;
    width: 80%;
    padding: 10px 0px;
    box-sizing: border-box;
}

.min_Nav_out .title img {
    height: 10px;
    display: block;
    transition: 0.5s;
}

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

.min_pulldown {
    width: 100%;
    padding: 0px 15px;
    box-sizing: border-box;
    display: none;
}

.min_pulldown a {
    color: #333;
    font-size: 13px;
    display: block;
    padding: 10px 0px;
    box-sizing: border-box;
}


.application_pages {
    width: 100% ;
    margin: 100px 0px 70px 0px ;
}

.application_pages .out {
    display: flex ;
    flex-wrap: wrap ;
    margin-top: 60px ;
}

.application_pages .out .box {
    width: 32% ;
    margin-right: 2% ;
    margin-bottom: 39px ;
}

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

.application_pages .out .box .img {
    width: 100% ;
    height: 314px ;
}

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

.application_pages .out .box h5{
    text-align: center ;
    font-size: 20px ;
    color: #333 ;
    margin-top: 16px ;
}

.zoom_img_list {
    position: absolute ;
    top: 0px ;
    left: 0px ;
    width: 100% ;
    height: 320px ;
    z-index: 20 ;
}


        .product-image {
            width: 100% ;
             height: 100% ; 
            border: 1px solid #ddd;
            position: relative;
            float: left;
            /*margin-right: 20px;*/
            
        }
        
        
        .product-image img {
            width: 100% ;
            height: 100% ;
            display: block ;
            opacity: 0 ;
        }

        .zoom-area {
            width: 100% ;
            height: 100% ;
            border: 1px solid #ccc;
            position: absolute ;
            overflow: hidden;
            right: -100%  ;
            top: 0px ;
            float: left;
            display: none;
            background: #FFF ;
        }

        .zoom-lens {
            width: 100px;
            height: 50px;
            border: 2px solid #fff;
            background-color: rgba(0, 0, 0, 0.3);
            cursor: crosshair;
            position: absolute;
            display: none;
        }

        .zoom-result {
            width: 100%;
            height: 400px;
            position: absolute;
            top: 0;
            left: 0;
            background-repeat: no-repeat;
            background-size: 800px 800px; /* 高清图尺寸 */
        }















@media (max-width:996px) {

    .min_navCan {
        display: flex;
    }
    
    .Contact_pages .title .tit {
        flex-wrap: wrap ;
    }

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

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

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

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

    .nav {
        height: 0.9rem;
        background: #FFF;
    }

    .nav .out .logo {
        width: 2.36rem;
    }

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

    .nav .out .logo .logo_2 {
        display: block;
    }

    .banner {
        margin-top: 0.9rem;
    }

    .banner .text {
        padding-top: 0.6rem;
    }

    .banner .text h5,
    .banner .text h5 b {
        font-size: 0.38rem;
        margin-bottom: 0.2rem;
    }

    .banner .text p {
        font-size: 0.2rem;
    }

    .Product {
        margin-top: 0.7rem;
    }

    .public_title h5 {
        font-size: 0.4rem;
    }

    .Product .out {
        margin-top: 0.4rem;
    }

    .Prodct_public {
        width: 100%;
        margin-right: 5%;
        border-radius: 0.1rem;
        padding: 0.9rem 0px 0.7rem 0px;
    }

    .Prodct_public .img {
        height: 3.7rem;
        width: 80%;
    }

    .Prodct_public span {
        margin-top: 0.56rem;
        font-size: 0.21rem;
    }

    .Product .swiper-button-next,
    .Product .swiper-button-prev {
        width: 0.47rem;
        height: 0.47rem;
    }

    .Product .swiper-button-next::after,
    .Product .swiper-button-prev::after {
        font-size: 0.15rem;
    }

    .application {
        margin-top: 0.7rem;
    }

    .application .out {
        margin-top: 0.5rem;
    }

    .application .out .box {
        flex-wrap: wrap;
        height: auto;
    }

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

    .application .out .box .right {
        width: 100%;
        padding: 0px 2%;
        box-sizing: border-box;
        margin-top: 0.3rem;
    }

    .application .out .box .right h5 {
        font-size: 0.32rem;
        margin-bottom: 0.2rem;
    }

    .application .out .box .right p {
        font-size: 0.16rem;
    }

    .application .out .box .right a {
        width: 1.37rem;
        height: 0.4rem;
        border-radius: 0.25rem;
        font-size: 0.16rem;
        margin-top: 0.41rem;
    }

    .application .out .box:nth-child(2) {
        padding: 0.4rem 0px 0.3rem 0px;
    }

    .About {
        padding: 0.6rem 0px;
        margin-top: 0.7rem;
    }

    .About .out h5 {
        font-size: 0.52rem;
        margin-bottom: 0.40rem;
    }

    .About .out p {
        font-size: 0.16rem;
        padding: 0px 2%;
        box-sizing: border-box;
    }

    .About .out a {
        width: 1.6rem;
        height: 0.5rem;
        border-radius: 0.25rem;
        font-size: 0.16rem;
        margin: 1rem auto 0 auto;
    }

    .NEWS {
        margin: 0.7rem 0px 1rem 0px;
    }

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

    .NEWS .out .swiper-slide {
        width: 100%;
        margin-right: 5%;
    }

    .NEWS .out .swiper-slide .img {
        height: 3.41rem;
    }

    .NEWS .out .swiper-slide .txt {
        padding: 0.28rem 0.26rem 0.35rem 0.29rem;
    }

    .NEWS .out .swiper-slide .txt h5 {
        font-size: 0.2rem;
        margin-bottom: 0.14rem;
    }

    .NEWS .out .swiper-slide .txt p {
        font-size: 0.16rem;
        height: 0.48rem;
    }

    .NEWS .out .swiper-slide .txt span {
        font-size: 0.14rem;
        margin-top: 0.1rem;
    }

    .NEWS .out .swiper-slide .txt span img {
        height: 0.08rem;
        margin-left: 0.05rem;
    }

    .footer {
        padding: 0.9rem 0px 0.8rem 0px;
    }

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

    .footer .out .right {
        width: 100%;
        padding-top: 0.33rem;
    }

    .footer .out .left .logo {
        width: 2.7rem;
        margin-bottom: 0.45rem;
    }

    .footer .out .left .box {
        margin-bottom: 0.35rem;
    }

    .footer .out .left .box span {
        width: 0.17rem;
        margin-right: 0.1rem;
    }

    .footer .out .left .box p {
        font-size: 0.16rem;
    }

    .footer .out .left .box3 {
        margin-bottom: 0px;
    }

    .footer .out .right h5 {
        font-size: 0.2rem;
        margin-bottom: 0.31rem;
    }

    .footer .out .right .ion_box a {
        width: 0.32rem;
        height: 0.32rem;
        margin-right: 0.11rem;
    }

    .footer .out .right .form form {
        margin-top: 0.7rem;
    }

    .footer .Mylinks {
        margin-top: 0.3rem;
    }

    .footer .Mylinks span {
        font-size: 0.18rem;
        color: #DCDCDC;
    }

    .footer .Mylinks span img {
        width: 0.18rem;
    }

    .footer .Mylinks .text a {
        font-size: 0.14rem;
        margin: 0px 0.06rem;
        margin-bottom: 0.1rem;
    }

    .filing {
        height: 0.6rem;
    }

    .filing .out span {
        font-size: 0.12rem;
    }

    .filing .out a {
        font-size: 0.12rem;
    }

    .banner_pages .txt h5 {
        font-size: 0.3rem;
    }

    .Product_pages {
        margin: 1rem 0px;
    }

    .Product_pages .out {
        margin-top: 0.3rem;
        flex-wrap: wrap;
    }

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

    .Product_pages .right {
        width: 100%;
        margin-top: 0.3rem;
    }

    .Product_public_left {
        width: 100%;
        border: 0.02rem solid #FFFFFF;
        padding: 0.35rem 0.28rem 0.25rem 0.28rem;
    }

    .Product_public_left h5 {
        font-size: 0.18rem;
        margin-bottom: 0.24rem;
    }

    .Product_public_left .box {
        padding: 0px;
        display: flex;
        flex-wrap: wrap;
        background: none;
    }

    .Product_public_left .box a {
        padding: 0.15rem 0.2rem;
        box-sizing: border-box;
        background: #FFFF;
        border-radius: 0.05rem;
        width: max-content;
        width: 32%;
        margin-right: 2%;
        margin-bottom: 0.1rem;
    }

    .Product_public_left .box a::after {
        display: none;
    }

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

    .Product_public_left .box a img {
        display: none;
    }

    .Product_public_left .box a span {
        font-size: 0.16rem;
    }

    .Product_public_right {
        justify-content: space-between;
    }

    .Product_public_right .Prodct_public {
        padding: 0.77rem 0px 0.32rem 0px;
        margin-bottom: 0.3rem;
        width: 48%;
        margin-right: 0px;
    }

    .Product_public_right .Prodct_public .img {
        height: 2.8rem;
    }

    .About_pages {
        margin-top: 1rem;
    }

    .About_pages .out .box {
        padding: 6%;
        flex-wrap: wrap;
    }

    .About_pages .out .box .left h5 {
        font-size: 0.52rem;
    }

    .About_pages .out .box .right {
        width: 100%;
        margin-top: 0.2rem;
    }

    .About_pages .out .box .right h5 {
        font-size: 0.32rem;
        margin-bottom: 0.28rem;
    }

    .About_pages .out .box .right p {
        font-size: 0.16rem;
    }

    .why_choose_us {
        margin-top: 1rem;
    }

    .why_choose_us .out {
        margin-top: 0.7rem;
        height: auto;
        flex-wrap: wrap;
        background: none;
    }

    .why_choose_us .out .box {
        width: 100%;
        margin-top: 0.3rem;
    }

    .why_choose_us .out .box:first-child {
        margin-top: 0px;
    }

    .why_choose_us .out .box .text {
        padding: 0.5rem 0.4rem;
    }

    .why_choose_us .out .box .text h5 {
        font-size: 0.26rem;
        margin-bottom: 0.53rem;
    }

    .why_choose_us .out .box .text p {
        font-size: 0.17rem;
    }

    .development_history {
        margin: 1rem 0px;
    }

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

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

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

    .development_history .out .left h5 {
        font-size: 0.52rem;
        margin-bottom: 0.9rem;
    }

    .development_history .out .right .box {
        margin-bottom: 0.4rem;
    }

    .development_history .out .right .box h5 {
        font-size: 0.32rem;
        margin-bottom: 0.15rem;
    }

    .development_history .out .right .box p {
        font-size: 0.18rem;
    }

    .Support_pages {
        margin: 1rem 0px;
    }

    .Support_pages .out {
        margin-top: 0.54rem;
        padding: 0.4rem 0.2rem;
    }

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

    .Support_pages .out .box .right {
        width: 100%;
        margin-top: 0.3rem;
    }

    .Support_pages .out .box .right .item {
        margin-bottom: 0.4rem;
    }

    .Support_pages .out .box .right .item .title {
        width: 0.44rem;
        height: 0.44rem;
        box-shadow: 0px 0.12rem 0.2rem 1px rgba(54, 54, 54, 0.15);
        font-size: 0.26rem;
    }

    .Support_pages .out .box .right .item .txt {
        width: calc(100% - 0.44rem - 0.3rem);
    }

    .Support_pages .out .box .right .item .txt h5 {
        font-size: 0.2rem;
        margin-bottom: 0.09rem;
    }

    .Support_pages .out .box .right .item .txt p {
        font-size: 0.16rem;
    }

    .Support_pages .out .box:nth-child(2n) {
        margin-top: 0.68rem;
    }

    .News_pages {
        margin: 1rem 0px;
    }

    .News_pages .out .box {
        padding: 0.3rem 0.35rem 0.4rem 0.35rem;
        box-shadow: 0px 0.06rem 0.12rem 1px rgba(204, 204, 204, 0.4);
        border-radius: 0.04rem;
        margin-top: 0.6rem;
    }

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

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

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

    .News_pages .out .box .right h5 {
        font-size: 0.26rem;
    }

    .News_pages .out .box .right i {
        margin: 0.27rem 0px 0.33rem 0px;
    }

    .News_pages .out .box .right p {
        font-size: 0.18rem;
    }

    .News_pages .out .box .right span {
        font-size: 0.17rem;
        margin-top: 0.28rem;
    }

    .News_pages .out .box .right .link span {
        width: 1.25rem;
        height: 0.39rem;
        border-radius: 0.21rem;
        font-size: 0.15rem;
        border: 0.01rem solid #777777;
    }

    .News_pages .out .box .right .link span img {
        display: block;
        height: 0.08rem;
        margin-left: 0.05rem;
    }

    .Contact_pages {
        margin: 1rem 0px 0px 0px;
    }

    .Contact_pages .box_1 {
        margin-top: 0.5rem;
    }

    .Contact_pages .title h5 {
        font-size: 0.4rem;
        width: 100% ;
    }

    .Contact_pages .title i {
        margin-top: 0.45rem;
        margin-bottom: 0.3rem;
    }
    
    .Contact_pages .title .tit .Img_box {
        width: 1.4rem ;
        margin-top: 0.2rem ;
    }
    
    .Contact_pages .title .tit .Img_box span {
        font-size: 0.14rem ;
    }

    .Contact_pages .list {
        padding-bottom: 0.3rem;
        flex-wrap: wrap;
    }

    .Contact_pages .list .item {
        width: 100%;
        flex: auto ;
        margin-bottom: 0.3rem;
    }

    .Contact_pages .list .item img {
        width: 0.45rem;
        height: 0.45rem;
        margin-right: 0.3rem;
        display: block;
        flex: none;
    }

    .Contact_pages .list .item span {
        font-size: 0.18rem;
        margin-bottom: 0.08rem;
    }

    .Contact_pages .list .item p {
        font-size: 0.18rem;
    }

    .Online_message {
        margin-top: 0.52rem;
        margin-bottom: 0.8rem;
    }

    .Online_message h5 {
        font-size: 0.4rem;
        margin-bottom: 0.3rem;
    }

    .Online_message form input {
        width: 100%;
        height: 0.46rem;
        border-radius: 0.04rem;
        font-size: 0.14rem;
        margin-bottom: 0.27rem;
        padding: 0px 0.2rem;
    }

    .Online_message form textarea {
        height: 1.35rem;
        padding: 0.15rem;
        font-size: 0.14rem;
    }

    .CAPTCHA {
        width: 100%;
        margin-top: 0.3rem;
    }

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

    .Online_message form .button {
        margin-top: 0.33rem;
    }

    .Online_message form button {
        width: 1.64rem;
        height: 0.44rem;
        border-radius: 0.22rem;
        font-size: 0.18rem;
    }

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

    .Knowledge-list .titel h5 {
        font-size: 0.3rem;
    }

    .Knowledge-list .release {
        height: 0.62rem;
        margin-top: 0.3rem;
    }

    .Knowledge-list .release span {
        font-size: 0.13rem;
    }

    .Knowledge-list .release i {
        height: 0.14rem;
        margin: 0px 0.3rem;
    }

    .Knowledge-list .text {
        padding: 0.4rem 0px 0.5rem 0px;
        font-size: 0.15rem;
    }
    
    .Knowledge-list .text p{
        font-size: 0.15rem ;
    }

    .butt_box {
        margin-top: 0.3rem;
    }

    .butt_box .box span {
        width: 1.1rem;
        font-size: 0.13rem;
        margin-bottom: 0.14rem;
    }

    .butt_box .box span,
    .butt_box .box a  {
        font-size: 0.13rem;
        margin-bottom: 0.14rem;
    }
    
    .butt_box .box {
         font-size: 0.13rem;
    }

    .Product_public_left {
        display: none;
    }

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

    .CNCautomatic_item_pages .out .right {
        width: 100%;
        padding: 0.3rem 0.25rem;
    }

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

    .CNCautomatic_item_pages .out .right .right_text {
        padding-top: 0.2rem;
        width: 100%;
    }

    .CNCautomatic_item_pages .out .right .Right_title .CNCautomatic_swiper {
        height: 4rem;
    }

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

    .CNCautomatic_item_pages .out .right .Right_title .CNCautomatic_swiper2 {
        height: 1.5rem;
        margin-top: 0.2rem;
    }

    .CNCautomatic_item_pages .out .right .right_text h5 {
        font-size: 0.26rem;
    }

    .CNCautomatic_item_pages .out .right .right_text i {
        margin-top: 0.3rem;
        margin-bottom: 0.35rem;
        width: 0.9rem;
        height: 0.02rem;
    }


    .CNCautomatic_item_pages .out .right .right_text p {
        font-size: 0.17rem;
    }

    .CNCautomatic_item_pages .out .right .right_text a {
        width: 1.4rem;
        height: 0.46rem;
        font-size: 0.14rem;
        border-radius: 0.03rem;
        margin-top: 0.6rem;
    }

    .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 {
        font-size: 0.2rem;
        margin-bottom: 0.15rem;
    }

    .CNCautomatic_item_pages .out .right .text_list {
        padding: 0px 0.1rem;
    }

    .CNCautomatic_item_pages .out .right .text_list p {
        font-size: 0.15rem;
    }

    .banner .swiper-button-next,
    .banner .swiper-button-prev {
        width: 0.6rem;
        height: 0.6rem;
        display: flex;
        align-items: center;
        justify-content: centere;
        color: #999999;
        border-radius: 50%;
        border: 0.01rem solid #999999;
        box-sizing: border-box;
    }

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

    .application_pages {
        margin: 1rem 0px 0.7rem 0px;
    } 

    .application_pages .out {
        margin-top: 0.6rem ;
        justify-content: space-between ;
    }

    .application_pages .out .box {
        width: 48% ;
        margin-right: 0px ;
        margin-bottom: 0.39rem ;
    }

    .application_pages .out .box .img{
        height: 2.14rem ;
    }

    .application_pages .out .box h5{
        font-size: 0.2rem ;
        margin-top: 0.19rem ;
    }

}

@media (min-width:997px) and (max-width:1200px) {
    .public {
        padding: 0px 2%;
        box-sizing: border-box;
    }

    .nav .out .right ul li {
        margin-right: 3vw;
    }

    .nav .out .right ul li .title {
        margin-right: 17px;
    }

    .nav .out .right ul {
        margin-right: 2vw;
    }

    .nav .out .right .Language {
        margin-right: 40px;
    }

    .nav .out .logo {
        width: 150px;
    }


    .banner .text {
        padding-top: 14%;
    }

    .banner .text h5,
    .banner .text h5 b {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .banner .text p {
        font-size: 24px;
    }

    .public_title h5 {
        font-size: 30px;
    }

    .Prodct_public {
        width: 49%;
    }

    .application .out {
        margin-top: 50px;
    }

    .application .out .box .right {
        padding: 0px 20px 0px 20px;
    }

    .application .out .box .right h5 {
        font-size: 20px;
    }

    .application .out .box .right p {
        font-size: 13px;
    }

    .About .out p {
        padding: 0px 2%;
        box-sizing: border-box;
        font-size: 15px;
    }

    .NEWS .out .swiper-slide {
        width: 49%;
    }

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

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

    .Product_public_right {
        justify-content: space-between;
    }

    .Product_public_right .Prodct_public {
        margin-right: 0px;
    }

    .Product_public_right .Prodct_public .img {
        height: 230px;
    }

    .Prodct_public span {
        font-size: 18px;
    }

    .About_pages .out .box {
        padding: 5% 3%;
    }

    .About_pages .out .box .left h5 {
        font-size: 40px;
    }

    .About_pages .out .box .right h5 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .About_pages .out .box .right p {
        font-size: 14px;
    }

    .why_choose_us .out .box .text {
        padding: 30px 3% ;
    }

    .why_choose_us .out .box .text h5 {
        font-size: 20px;
        color: #333333;
        margin-bottom: 30px;
    }

    .why_choose_us .out .box .text p {
        font-size: 14px;
    }

    .development_history .out .left h5 {
        font-size: 30px;
    }

    .development_history .out .right .box h5 {
        font-size: 24px;
    }

    .development_history .out .right .box p {
        font-size: 14px;
    }

    .development_history .out .right .box {
        margin-bottom: 20px;
    }

    .development_history .out .right {
        height: auto;
    }

    .Contact_pages .list {
        flex-wrap: wrap;
    }

    .Contact_pages .list .item {
        width: 50%;
    }

    .Contact_pages .list .item:last-child {
        width: 100%;
        margin-top: 0.3rem;
    }

}

@media (min-width:1201px) and (max-width:1400px) {
    .public {
        padding: 0px 2%;
        box-sizing: border-box;
    }

    .nav .out .right .Language {
        margin-right: 40px;
    }

    .nav .out .right ul li {
        margin-right: 4vw;
    }

    .nav .out .logo {
        width: 200px;
    }

    .banner .text h5,
    .banner .text h5 b {
        font-size: 45px;
        margin-bottom: 20px;
    }

    .banner .text p {
        font-size: 26px;
    }

    .public_title h5 {
        font-size: 45px;
    }

    .Prodct_public {
        padding: 50px 0px 40px 0px;
    }

    .Prodct_public .img {
        height: 340px;
    }

    .Prodct_public span {
        font-size: 18px;
    }

    .application .out .box .right {
        padding: 0px 3%;
        box-sizing: border-box;
    }

    .application .out .box .right h5 {
        font-size: 24px;
    }

    .application .out .box .right p {
        font-size: 14px;
    }

    .About .out p {
        padding: 0px 2%;
        box-sizing: border-box;
    }

    .footer .out .middle {
        width: 48%;
    }

    .Product_public_right .Prodct_public .img {
        height: 230px;
    }

    .Product_public_right .Prodct_public span {
        font-size: 16px;
    }

    .About_pages .out .box {
        padding: 5% 3%;
    }

    .why_choose_us .out .box .text {
        padding: 50px 30px;
    }

    .why_choose_us .out .box .text h5 {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .why_choose_us .out .box .text p {
        font-size: 15px;
    }

    .development_history .out .left h5 {
        font-size: 40px;
    }

    .Contact_pages .list .item {
        width: 20%;
    }

    .Contact_pages .list .item:nth-child(2) {
        width: 30%;
    }

    .Contact_pages .list .item:nth-child(3) {
        width: 45%;
    }

}

@media (min-width:1401px) and (max-width:1750px) {
    .public {
        padding: 0px 2%;
        box-sizing: border-box;
    }

    .nav .out .right .Language {
        margin-right: 40px;
    }

    .nav .out .right ul li {
        margin-right: 6vw;
    }

    .nav .out .logo {
        width: 200px;
    }

    .application .out .box .right {
        padding: 0px 3%;
    }

    .application .out .box .right h5 {
        font-size: 24px;
    }

    .application .out .box .right p {
        font-size: 14px;
    }

    .footer .out .middle {
        width: 50%;
    }

    .why_choose_us .out .box .text {
        padding: 50px 30px;
    }

}