* {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 16px;
    font-family: "HarmonyOS Sans SC";
}


@font-face {  
    font-family: 'pmzd';  
    src: url('../font/pmzd.ttf');
    font-weight: normal;  
    font-style: normal;
}


@font-face {  
    font-family: 'ppsb';  
    src: url('../font/Poppins-Bold.ttf');
    font-weight: normal;  
    font-style: normal;
}

@font-face {  
    font-family: 'pps';  
    src: url('../font/Poppins.ttf');
    font-weight: normal;  
    font-style: normal;
}


@font-face {  
    font-family: 'ws';  
    src: url('../font/WorkSans.ttf');
    font-weight: normal;  
    font-style: normal;
}



.clear {
    clear: both;
}

a {
    text-decoration: none;
    color: initial;
    cursor: pointer;
}

input {
    background:none;
    outline:none;
    border:none;
}

.header {
    width: 100%;
    height: 110px;
    display: flex;
}

.header_logo {
    height: 100%;
    position: relative;
    z-index: 5;
}

.header_logo h1 {
    width: 100%;
    height: 100%;
}

.header_logo div {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 13%;
    left: 95.3%;
    border:30px solid #0c4eaf;
    border-bottom: none;
    transform: rotate(45deg);
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 10;
}

.header_logo img {
    height: 100%;
}
.header_logo span{position: absolute;top: 50px;display: block;right: -10px;line-height: 55px;background: url(../images/class.png) center no-repeat;background-size:contain;width: 70px;height: 45px;font-size: 14px;font-weight:200;text-align: center;}
.header_logo span a{color: #fff;font-size: 14px;}

.header_right {
    height: 100%;
    width: 100%;
}

.header_right_contact {
    height: 36.36%;
    width: 92.3%;
    padding-right: 7.7%;
    background-color: #02173c;
    display: flex;
    justify-content: right;
}

.header_right_contact_info {
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 30px;
    color: white;
}

.header_right_contact_info img {
    height: 50%;
    width: auto;
    margin-right: 10px;
}

.header_right_nav {
    height: 63.64%;
    width: 92.3%;
    padding-right: 7.7%;
    background-color: #fbfbfb;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.header_right_nav_left {
    width: 70%;
    height: 100%;
    display: flex;
    align-items: center;
}

.header_right_nav_left ul {
    width: 90%;
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.header_right_nav_left ul li {
    width: 20%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 1px;
}

.header_right_nav_left ul li a {
    font-size: 18px;
}

.header_right_nav_right {
    width: 30%;
    max-width: 415px;
    min-width: 300px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_right_nav_right_lang {
    height: 60%;
}

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

.lang img {
    width: auto;
    height: 50%;
    margin-right: 5px;
    z-index: 16;
}


.down_arr {
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 3px 3px;
    transform-origin: left;
    transform:rotate(-45deg);
    margin-left: 15px;
    z-index: 16;
    cursor: pointer;
}

.lang>div {
    position: relative;
}

.lang>div>span {
    opacity: 0;
    white-space: nowrap;
}


.lang div div {
    position: absolute;
    background-color: #fbfbfb;
    width: 100px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 11;
    border-radius: 0 0 12px 12px;
    transition: .3s;
}

.lang .cn {
    z-index: 15;

}

.lang .glide {
    padding: 15px 0;
    top: 240%;
}



.header_right_nav_right_split {
    height: 65%;
    width: 1px;
    background-color: #e8ebee;
}

.header_right_nav_right_search {
    width: 140px;
    height: 27.6%;
    padding: 1% 5.8%;
    border-radius: 20px;
    background-color: #e8ebee;
}

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

.header_right_nav_right_search form button {
    background-color: transparent;
    border: none;
}

.header_right_nav_right_search input {
    width: 75%;
}

.header_right_nav_right_search img {
    height: 100%;
    width: auto;
    cursor: pointer;
}
.citylist dl{width: 100%;}
.citylist dl dt{height: 40px;line-height:40px;clear: both;border-bottom: 1px dotted #bbbbbb;margin-bottom: 20px;}
.citylist dl dd{float: left;width: 110px;height: 30px;line-height: 30x;}
.citylist dl dd a{color: #484a4d;}

.foot {
    width: 100%;
}

.foot_top {
    width: 100%;
    padding: 3.5% 0;
    background-image: url(../images/ft.jpg);
    background-size: cover;
}

.foot_mid {
    width: 100%;
}

.foot_bottom {
    width: 100%;
}

.foot_top_content {
    width: 87.5%;
    margin: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.foot_top_content_box {
    width: 22.6%;
    background-color: #041750;
    display: flex;
    justify-content: left;
}

.foot_top_content_box img {
    width: 20%;
    height: auto;
    margin: 20px 7%;
}

.foot_top_content_box div {
    width: 59%;
    padding-right: 7%;
    font-size: 18px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}

.foot_top_content_box span {
    color: #788694;
    margin-bottom: 10px;
}

.foot_top_content_box p {
    color: white;
}

.foot_top_content_box:nth-child(2) p {
    font-size: 26px;
}

.foot_mid_content {
    width: 87.5%;
    margin: auto;
    display: flex;
    justify-content: left;
    padding: 5% 0;
}

.foot_mid_content_company {
    width: 30%;
}

.foot_mid_content_company h2 {
    display: block;

    font-family: "pmzd";
    font-weight: lighter;
    font-size: 55px;
    color: #1d61c4;
    line-height: 0.75;
}

.foot_mid_content_company h3 {
    display: block;
    font-family: "pps";
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.foot_mid_content_company p {
    display: block;
    line-height: 1.5;
}


.foot_mid_content_right {
    width: 60%;
    display: flex;
    justify-content: space-between;
    align-items: first baseline;
}

.foot_mid_content_right_sort h4 a {
    font-size: 20px;
    color: #1d61c4;
    line-height: 4;
}

.foot_mid_content_right_sort p a {
    line-height: 2.5;
}

.foot_bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1d61c4;
    height: 65px;
    color: white;
    font-weight: bold;
}

.foot_bottom span a {
    color: white;
}

.banner {
    width: 100%;
    margin-bottom: 3%;
    position: relative;
}

.banner>img {
    width: 100%;
}

.banner_left {
    color: white;
    margin-left: 6.25%;
}

.banner_left h2 {
    top: 34%;
    position: absolute;
    font-size: 68px;
    font-weight: normal;
}

.banner_left div {
    top: 81%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner_left div a {
    display: block;
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e7232d;
    color: white;
    margin-right: 10px;
}


.banner_right {
    right: 6.25%;
    width: 100%;
    position: absolute;
    top: 85%;
    display: flex;
    justify-content: right;

}

.banner_right a {
    color: white;
    font-size: 22px;
    padding-bottom: 5px;
    opacity: 0.43;
    margin-left: 3%;
}

.banner_right a:hover {
    opacity: 1;
}

.banner_right_active {
    opacity: 1 !important;
    border-style: solid;
    border-width: 0;
    border-color: #e7232d;
    border-bottom-width: 3px;
}

.product {
    width: 87.5%;
    margin: auto;
}

.product_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: last baseline;
    margin-bottom: 2%;
}

/* .product_top_title { */
.title {
    display: flex;
}

.title span {
    display: block;
    font-size: 102px;
    color: #e7232d;
    margin-right: 15px;
    line-height: 0.8;
    font-weight: bold;
}

.title div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: left;
}

.title div h3, .newsDetail_left_top_title h1 {
    font-size: 40px;
}

.title div h4 {
    font-size: 24px;
}

.product_top_type {
    min-width: 60%;
    display: flex;
    justify-content: space-between;
}

.product_top_type a {
    margin-right: 15px;
}

.product_top_type h2 {
    font-weight: bold;
    font-size: 24px;
    padding-bottom: 10px;
}

.product_top_type_active {
    border-width: 0px;
    border-style: solid;
    border-color: #1d61c4;
    color: #1d61c4; ;
    border-bottom-width: 3px;
}

.product_all {
    width: 100%;
    display: flex;
    /* overflow: hidden; */
    position: relative;
    height: 580px;
    overflow: hidden;
}

.product_all .product_mid {
    height: 74%;
    position: absolute;
}

.product_all .product_mid_box {
    height: 100% !important;
}

.product_all .product_bottom {
    bottom: 3%;
    position: absolute;
}

.product_mid {
    width: 100%;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    transition: left 1s;
}


.product_mid_box {
    width: 24.25%;
    height: 420px;
    margin-right: 1%;
    margin-bottom: 3%;
}

.product_mid_box:nth-child(4n) {
    margin-right: 0;
}

.product_mid_box a {
    width: 100%;
    height: 92%;
    display: block;
    position: relative;
    padding-bottom: 4%;
    padding-top: 4%;
    background-image: url(../images/pb.jpg);
    background-size: cover;
    border-radius: 10px;
}

.product_mid_box a:hover {
    background-image: url(../images/pb-a.jpg);
}

.product_mid_box .pimg {
    height: 80%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product_mid_box a img {
    max-width: 100%;
    max-height: 100%;
}

.product_mid_box a h2 {
    display: flex;
    height: 20%;
    width: 100%;
    font-size: 24px;
    justify-content: center;
    align-items: center;
    font-weight: normal;
    text-align: center;
}

.product_mid_box .parr {
    display: none;
    position: absolute;
    transform: translate(-50%, 50%);
    bottom: 0;
    left: 50%;
    width: 80px;
    height: 6%;
    border-radius: 20px;
    background-color: #1d61c4;
    justify-content: center;
    align-items: center;
}

.product_mid_box .parr span {
    font-size: 24px;
    display: block;
    font-family: "pps";
    color: white;
    letter-spacing: -0.28ex;
}

.product_mid_box .parr>span>span {
    display: inline;
    letter-spacing: -0.78ex;

}

.product_mid_box a:hover div {
    display: flex;
}

.product_bottom {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3%; 
}

.product_bottom a {
    padding: 0 0.8% 0.5% 0.8%;
    border-width: 0px;
    border-style: solid;
    border-color: #e8ebee;
    border-bottom-width: 5px;
}

.product_bottom a span {
    font-size: 18px;
    color: #788694;
}

.about {
    width: 100%;
    display: flex;
    margin-bottom: 3%;
}

.about_left {
    width: 48.95%;
    padding: 6% 5.2% 6% 6.25%;
    color: white;
    background-image: url(../images/abl.jpg);
    background-size: cover;
}

.about_right {
    width: 29.25%;
    padding: 6% 6.25% 6% 4.1%;
    background-image: url(../images/abr.jpg);
    background-size: cover;
}

.about_left_title {
    margin-bottom: 5%;
}


.about_left_text {
    margin-left: 58.88px;
}

.about_left_text p {
    font-weight: lighter;
    font-size: 18px;
    margin-bottom: 4%;
    line-height: 1.5;
}

.about_left_text p:last-child {
    margin-bottom: 0;
}

.about_left_button {
    display: flex;
    width: 135px;
    height: 50px;
    background-color: white;
    border-radius: 25px;
    justify-content: center;
    align-items: center;
    margin-top: 10%;
    margin-left: 58.88px;
}

.about_left_button span {
    font-size: 18px;
    color: #1d61c4;
}

.about_right h2 {
    font-family: "pmzd";
    font-weight: lighter;
    color: #e7232d;
    font-size: 54px;
}


.about_right h3 {
    font-family: "pps";
    color: #484a4d;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1;
}


.about_right p {
    font-size: 18px;
}

.about_right div {
    display: flex;
    align-items: last baseline;
}


.about_right span {
    display: block;
    color: #e7232d;
    font-size: 80px;
    margin-top: 13%;
    margin-bottom: 1%;
    line-height: 1;
    font-weight: bold;
}

.about_right div span:last-child {
    font-weight: bold;
    color: #e7232d;
    font-size: 28px;
}

.news {
    width: 87.5%;
    margin: auto;
    margin-bottom: 4%;
}

.news_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: last baseline;
    margin-bottom: 1%;
}

.news_top_more {
    padding-bottom: 0.5%;
    border-width: 0px;
    border-style: solid;
    border-color: #e8ebee;
    border-bottom-width: 5px;
    text-align: center;
}

.news_top_more span {
    font-size: 18px;
    color: #788694;
}

.news_content {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.news_content_left {
    width: 37.5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.news_content_right {
    width: 60.5%;
    display: flex;
}

.news_content_left img {
    width: 100%;
    height: auto;
}

.news_content_left_title {
    width: 100%;
    display: flex;
}

.news_content_left_title div {
    background-color: #1d61c4;
    width: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1% 0 1% 0;
    color: white;
}

.news_content_left_title div span:first-child {
    font-size: 54px;
    line-height: 1;
    transform: translateX(-10%);
    font-weight: bold;
}

.news_content_left_title div span {
    font-size: 18px;
}

.news_content_left_title h3 {
    display: block;
    width: 88%;
    padding: 4%;
    font-weight: normal;
    font-size: 24px;
    background-color: #e8ebee;
    display: flex;
    align-items: center;
}

.news_content_right_box {
    position: relative;
    width: 29.3%;
    padding: 5% 2% 2% 2%;
    border-style: solid;
    border-width: 1px;
    border-color: #e8ebee;
    border-right-width: 0;
}

.news_content_right_box:last-child {
    border-right-width: 1px;
}

.news_content_right_box div{
    color: #1d61c4;
    position: absolute;
}

.news_content_right_box div span:first-child {
    font-size: 54px;
    line-height: 1;
    transform: translateX(-10%);
    font-weight: bold;
    display: block;
}


.news_content_right_box div span {
    font-size: 18px;
}


.news_content_right_box h3 {
    position: absolute;
    font-size: 23px;
    margin-top: 30%;
}

.news_content_right_box p {
    position: absolute;
    line-height: 1.5;
    margin-top: 50%;
    margin-right: 3%;
}

.news_content_right_box a:last-child {
    position: absolute;
    bottom: 4%;
}



.aboutOne {
    width: 87.5%;
    margin: auto;
    margin-bottom: 4%;
}

.aboutOne_title {
    margin-bottom: 2%;
}

.aboutOne_content {
    width: 100%;
    background-color: #f3f5f6;
    display: flex;

}

.aboutOne_content_left {
    width: 49.6%;
    padding: 3%;
}

.aboutOne_content_right {
    width: 44.4%;
    display: flex;
    flex-wrap: wrap;
}


.aboutOne_content_left h2 {
    margin-bottom: 4%;
    color: #1d61c4;
    font-family: "pmzd";
    font-weight: lighter;
    font-size: 54px;
}

.aboutOne_content_left_text p {
    line-height: 1.5;
    font-size: 18px;
    margin-bottom: 4%;
}

.aboutOne_content_right_bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: #e8ebee;
}

.aboutOne_content_right_bottom_box {
    width: 49%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
}

.aboutOne_content_right_bottom_line {
    width: 2px;
    background-color: #f3f5f6;
    margin: 2% 0;
}

.aboutOne_content_right_bottom_box span:first-child {
    display: inline;
    font-size: 80px;
    color: #1d61c4;
    font-weight: bold;
}

.aboutOne_content_right_bottom_box span {
    display: inline;
    font-size: 28px;
}

.aboutOne_content_right_bottom_box p {
    font-size: 18px;
}

.aboutTwo {
    width: 100%;
    background-color: #f3f5f6;
    padding: 4% 0;
}

.aboutTwo_content {
    width: 87.5%;
    margin: auto;
}

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

.aboutTwo_content_bottom_box {
    width: 22%;
    height: 533px;
    background-color: #ebebeb;
    padding: 5% 2% 2% 4%;
    background-size: cover;
    margin-top: 1%;
}

.aboutTwo_content_bottom_box:nth-child(1) {
    width: 35.6%;
}

.aboutTwo_content_bottom_box:nth-child(5) {
    width: 35.6%;
}

.aboutTwo_content_bottom_box h3 {
    font-size: 32px;
    font-weight: normal;
    height: 13%;
}

.aboutTwo_content_bottom_box h4 {
    font-size: 18px;
    color: #0856c7;
    height: 10%;
}

.aboutTwo_content_bottom_box p {
    line-height: 1.5;
    font-size: 18px;
    height: 55%;
}

.aboutTwo_content_bottom_box img {
    height: 13%;
    width: auto;
}

.aboutTwo_content_bottom_box:hover {
    color: white;
}

.aboutTwo_content_bottom_box:hover h4 {
    color: white;
}

.aboutTwo_content_bottom_box:hover img {
    filter: brightness(100);
}

.product_page {
    width: 100%;
    margin-bottom: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product_page a {
    font-family: "Work Sans";
    font-weight: bold;
    margin-right: 1%;
}

.product_page .page-num {
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
}

.product_page .page-num-current {
    color: #1d61c4;
    border: 1px solid #1d61c4;
}

.prodt {
    background-color: #e8ebee;
    margin-top: -3.4%;
}

.prodt_top {
    width: 87.5%;
    margin: auto;
    padding-top: 5%;
}

.prodt_top_title {
    width: 100%;
    border: 0px solid #c6ccd4;
    border-bottom-width: 1px;
    margin-bottom: 3%;
}

.prodt_top_title h2 {
    font-size: 40px;
    color: #1d61c4;
    line-height: 1.5;
}

.prodt_top_title p {
    font-size: 20px;
    margin-bottom: 1.5%;
    line-height: 1.5;
}

.prodt_top_content {
    width: 100%;
    /* height: 800px; */
    display: flex;
    justify-content: space-between;
}

.prodt_top_content .pimg {
    width: 40%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.prodt_top_content .pimg img {
    max-height: 90%;
    width: 75%;
    height: auto;
}

.prodt_top_content_right {
    height: 100%;
    width: 50%;
}

.prodt_top_content_right h1 {
    height: 10%;
    font-size: 40px;
    color: #1d61c4;
    margin-top: 4%;
    margin-bottom: 5%;
}

.prodt_top_content_right .margin {
    margin-bottom: 10%;
}

.prodt_top_content_right div p {
    line-height: 1.5;
}

.prodt_top_content_right div p span {
    color: #1d61c4;
    font-weight: bold;
}

.prodt_top_content_right_bottom {
    height: min-content !important;
    display: flex;
    border: 1px solid #1d61c4;
    background-color: #1d61c4;
    border-radius: 20px;
    margin-bottom: 5%;
}

.prodt_top_content_right_bottom_left {
    width: 46%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e8ebee;
    padding: 2%;
    border-radius: 20px;
    position: relative;
}

.prodt_top_content_right_bottom_right {
    width: 46%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2%;
}

.prodt_top_content_right_bottom_left>img, .prodt_top_content_right_bottom_right>img {
    width: 25%;
    height: auto;
    margin-right: 15px;
}

.qt {
    display: none;
    width: 100%;
    position: absolute;
    transform: translate(-50%, -100%);
    top: -20px;
    left: 50%;
    border-radius: 20px;
    justify-content: center;
}

.qt img {
    max-width: 145px;
    width: 80%;
    height: auto;
    border-radius: 20px;
}

.prodt_top_content_right_bottom_left span {
    display: none;
    position: absolute;
    transform: translateX(-50%);
    top: -21px;
    left: 50%;
    width: 20px;
    height: 20px;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    background-color: #ffffff;
}

.qt_d {
    display: flex !important;
}

.prodt_top_content_right_bottom div div {
    width: 80%;
}

.prodt_top_content_right_bottom_right img {
    filter: brightness(100);
}

.prodt_top_content_right_bottom_left h3 {
    font-size: 28px;
    color: #1d61c4;
}

.prodt_top_content_right_bottom_right h4 {
    font-size: 18px;
    color: #e8ebee;
    font-weight: normal;
    line-height: 1.5;
}

.prodt_top_content_right_bottom_right h3 {
    color: #e8ebee;
    font-size: 26px;
}

.prodt_top_label {
    width: 170px;
    text-align: center;
    height: 50px;
    background-color: white;
    border: 1px solid white;
}

.prodt_top_label span {
    font-weight: bold;
    font-size: 20px;
    color: #1d61c4;
    line-height: 50px;
}

.prodt_bottom {
    width: 100%;
    background-color: white;
    padding: 2% 0 5% 0;
}

.prodt_bottom_content {
    width: 87.5%;
    margin: auto;
}

.prodt_bottom_content p {
    text-indent: 0 !important;
}

.content * {
    font-size: 16px;
    font-family: "hss";
}

.content p {
    text-indent:2em;
    line-height: 1.5;
}

.content table p {
    text-indent:0;
}

.content table  {
    width: 92%;
    margin: 1.5%;
    border-collapse: collapse;
    text-align: center;
}

.content td {
    border: 1px solid #b7b7b7;
    padding: 5px;
}

.content tr {
    background-color: #eeeeee;
}

.content .firstRow {
    background-color: #1d61c4;
    color: white;
} 


.newslist {
    width: 87.5%;
    margin: auto;
    margin-top: -2%;
}

.newslist_news {
    width: 100%;
    border: 1px solid #e8ebee;
    margin-bottom: 2%;
    position: relative;
}

.newslist_news_date {
    width: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1% 0 1% 0;
    color: #1d61c4;
    float: left;
}


.newslist_news_date span:first-child {
    font-size: 54px;
    line-height: 1;
    font-weight: bold;
    transform: translateX(-10%);
}

.newslist_news_date span {
    display: block;
    font-size: 18px;
}


.newslist_news_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    float: left;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 115px;
    width: 88%;
}

.newslist_news_content h3 {
    font-size: 24px;
    margin-bottom: 10px;
}

.newslist_news>a {
    display: block;
    float: right;
    position: absolute;
    right: 1.5%;
    top: 50%;
    transform: translateY(-35%);
}

.newsDetail {
    width: 87.5%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4%;
}

.newsDetail_left {
    width: 64%;
    padding: 2% 4% 2% 2%;
    border: 1px solid #e9ebee;
}

.newsDetail_right {
    width: 26%;
}

.newsDetail_left_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.5%;
}

.newsDetail_left_top_date {
    width: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1% 0 1% 0;
    color: #1d61c4;
    float: left;
}

.newsDetail_left_top_date span:first-child {
    font-size: 54px;
    line-height: 1;
    transform: translateX(-10%);
    font-weight: bold;
}

.newsDetail_left_top_date span {
    display: block;
    font-size: 18px;
}

.newsDetail_left_content {
    margin-left: 4em;
}

.newsDetail_right_box {
    width: 100%;
    border: 1px solid #e9ebee;
    margin-bottom: 5%;
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.newsDetail_right_box div {
    width: 96%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5% 0 5% 4%;
}

.newsDetail_right_box div span {
    width: 80%;
    height: 1px;
    background-color: #e8ebee;
}

.newsDetail_right_box a h2 {
    font-size: 20px;
    font-weight: bold;
    
}

.newsDetail_right_box a {
    margin-bottom: 5%;
}

.newsDetail_right_box>span {
    margin-top: 3%;
    margin-bottom: 5%;
}


.contactMethod {
    width: 87.5%;
    margin: auto;
    margin-bottom: 3%;
}

.contactMethod_title {
    margin-bottom: 2%;
}

.contactMethod_content {
    width: 100%;
    background-color: #e8ebee;
    display: flex;
}

.contactMethod_content_left {
    width: 53%;
    padding: 2% 3%;
}

.contactMethod_content_right {
    width: 43%;
    height: auto;
}


.contactMethod_content_left h4 {
    font-size: 24px;
    width: 100%;
}

.contactMethod_content_left>h4 {
    margin-bottom: -2%;
}

.contactMethod_content_left>div {
    width: 90%;
    margin: auto;
}

.contactMethod_content_left_box {
    width: 100%;
    margin-top: 9%;
}

.contactMethod_content_left_box p:first-child {
    margin-bottom: 2%;
}

.contactMethod_content_left_box img {
    float: left;
    margin-right: 5px;
}

.contactMethod_content_left_box h4 b {
    display: inline-block;
    width: 10%;
    text-align: center;
    font-size: 24px;
}

.contactMethod_content_left_box div div {
    display: flex;
    align-items: center;
}

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

.contactMethod_content_left_boxf>div:first-child {
    width: 64%;
}

.contactMethod_content_left_boxf>div:last-child {
    width: 34%;
}

.contactUS {
    width: 100%;
    background-color: #e8ebee;
    padding: 5% 0;
}

.contactUS_content {
    width: 87.5%;
    margin: auto;
}

.contactUS_content_title {
    margin-bottom: 2%;
}

.contactUS_content_form {
    margin: 0 60px;
}

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

.contactUS_content_form div {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.contactUS_content_form div:last-child {
    display: block;
    position: relative;
}

.contactUS_content_form input {
    width: 47%;
    background-color: #f3f4f5;
    border-radius: 3px;
    padding: 1%;
    border: 1px solid #e6e6e6;
    margin-bottom: 1%;
    font-size: 14px;
}

.contactUS_content_form_email {
    width: 98% !important;
}

.contactUS_content_form_content {
    width: 100%;
    border-radius: 3px;
    background-color: #f3f4f5;
    border: 1px solid #e6e6e6;
    padding: 1%;
    height: 140px;
    margin-bottom: 1%;
    resize: none;
    outline: none;
    font-size: 14px;
}

.contactUS_content_form span {
    display: block;
    color: grey;
    font-size: 14px;
    position: absolute;
    margin: 0.85%;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.contactUS_content_form button {
    height: 42px;
    width: 120px;
    background-color: #0868be;
    border: none;
    text-align: center;
    color: white;
    border-radius: 20px;
    cursor: pointer;
}


.nav_more {
    cursor: pointer;
    height: 34%;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 20px;
}

.nav_more span {
    height: 4px;
    background-color: #02173c;
    border-radius: 2px;
    width: 25px;
}

.pt {
    white-space: nowrap;
    margin-right: 6.25%;
}

.banner_right .nav_more {
    height: 18px;
    margin-top: 2.5px;
}

.banner_right .nav_more span {
    background-color: white;
    height: 2.8px;
    width: 20px;
}


.float_content {
    position: fixed;
    transform: translateY(-50%);
    right: -210px;
    top: 50%;
    display: flex;
    flex-direction: column;
    z-index: 9999;
}

.float_content_button {
    position: relative;
    width: 280px;
    height: 70px;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 3px;
    right: 0;
    transition: .5s;
}

.float_content_button .wximg {
    display: none;
    position: absolute;
    transform: translate(-100%, -50%);
    left: -15px;
    top: 50%;
}

.float_content_button .wximg img {
    width: 120px;
    border-radius: 10px;
}

.float_content_button:hover {
    right: 210px;
}

.float_content_button:nth-child(1):hover {
    right: 0;
}

.float_content_button:nth-child(1):hover .wximg {
    display: block;
}

.float_content_button .fcimg {
    width: 70px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.float_content_button .fcimg img {
    height: 40%;
    width: auto;
    filter: brightness(100);
}


.float_content_button p {
    color: white;
}

.float_content_left {
    left: 0;
}

.float_content_m {
    width: 100%;
    height: 50px;
    display: none;
    position: fixed;
    bottom: 10px;
    left: 0;
    border-radius: 25px;
    justify-content: space-between;
    background-color: rgba(0, 0, 0, 0.5);
}

.float_content_m_button {
    height: 100%;
    border-left: 1px solid #bbbbbb;
    flex: 1;
}

.float_content_m_button:first-child {
    border-radius: 25px 0 0 25px;
    border: none;
}

.float_content_m_button:last-child {
    border-radius: 0 25px 25px 0;
}

.float_content_m_button .fcimg {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.float_content_m_button .fcimg img {
    height: 60%;
    filter: brightness(100);
}


.float_content_m_button p {
    display: none;
    position: absolute;
    bottom: 100%;
    width: 100%;
    text-align: center;
    left: 0;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    background-color: #1d61c4;
    color: white;
}
.float_content_m_button .wximg {
    display: none;

    position: absolute;
    bottom: 110%;
    transform: translateX(-50%);
    left: 50%;
    border-radius: 20px;
}

.float_content_m_button .wximg img {
    border-radius: 20px;
}


.params-title {
    margin-bottom: 5px;
    width: 20% !important;
}

.params-value {
    margin-bottom: 5px;
    width: 20% !important;
}



.prodt_bottom_content p img {
    position: relative;
    transform: translateX(-50%);
    left: 50%;    
    width: 100%;
}

.params-value {
    flex: 1;
}

.params-title {
    width: 100px !important;
}

.prodt_bottom_content pp {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5%;
}

.prodt_bottom_content pp p {
    width: 50%;
    display: flex;
    box-sizing: border-box;
    padding-right: 15px;
}

.about_left .about_right {
    display: none;
}

.nav_active {
    background-color: #02173c;
}

.nav_active a {
    color: white;
}

@media screen and (max-width: 1919px) {
    .foot_top_content_box:nth-child(2) p {
        font-size: 22px;
    }
}

@media screen and (max-width: 1600px) {
    .foot_top_content_box p {
        font-size: 14px;
    }

    .newslist_news_content {
        width: 85%;
    }



    .prodt_top_content_right_bottom h3 {
        font-size: 22px;
    }
}

@media screen and (max-width: 1441px) {
    .news_content_right_box h3 {
        margin-top: 32.5%;
        font-size: 22px;
    }

    .news_content_right_box p {
        margin-top: 56%;
    }

    .product_all {
        height: 450px;
    } 

    .product_mid_box {
        height: 300px;
    }


    .news_content_right_box {
        padding: 2.5%;
    }

    .foot_top_content_box p {
        font-size: 12px;
    }

    .foot_top_content_box:nth-child(2) p {
        font-size: 18px;
    }

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

    .foot_mid_content_company {
        width: auto;
    }


    .pt {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        position: absolute;
        top: 120%;
        right: 0;
        margin: 0;
        background-color: white;
        box-shadow:2px 2px 5px #02173c;
        border-radius: 20px;
        height: 0px;
        overflow: hidden;
        z-index: 50;
        padding: 0 20px;
    }

    .pt a {
        display: block;
        margin: 0;
        height: 25%;
        color: #02173c;
        line-height: 85px;
        padding: 0;
    }

    .pt .banner_right_active {
        border: none;
    }

    .ptHeight {
        height: 300px !important;
        padding: 5px 20px !important;
        transition:height .3s;
    }
    
    .prodt_top_content_right {
        width: 60%;
    }

    .prodt_top_content_right_bottom h3 {
        font-size: 20px;
    }

    .prodt_top_content_right_bottom_right h4 {
        font-size: 16px;
    }

    .prodt_top_title h2, .prodt_top_content_right h1 {
        font-size: 32px;
    }

    .prodt_top_title p {
        font-size: 18px;
    }

    .prodt_top_content .pimg img {
        width: 90%;
        max-height: 100%;
    }

    .banner_right .nav_more {
        display: flex;
    }
}


@media screen and (max-width: 1439px) {
    .header_right_nav_left ul {
        position: absolute;
        flex-direction: column;
        width: 180px;
        height: 0;
        left: 0;
        top: 99%;
        z-index: 10;
        border: none;
        background-color: #fbfbfb;
        overflow: hidden;
        
    }

    .header_right_nav_left ul li {
        width: 100.5%;
        height: 100%;
        margin: 0;
        display: block;
    }

    .header_right_nav_left ul li a:hover {
        background-color: #02173c;
        color: white;
    }

    .header_right_nav_left ul li a {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 70px;
        font-size: 20px;
    }

    .navUlHeight {
        height: 350px !important;
        transition: .3s;
    }

    .nav_more {
        display: flex;
    }

    .header_right_nav_left {
        width: auto;
    }

}


@media screen and (max-width: 1279px) {
    .product_top_type {
        margin: 20px 0;
    }
    
    .product_top_type h2 {
        font-size: 20px;
    }

    .product_mid_box a h2 {
        font-size: 20px;
    }

    .product_bottom a span {
        font-size: 16px;
    }

    .product_top {
        align-items: flex-start;
        flex-direction: column;
    }

    .product_all {
        height: 400px;
    } 


    .product_mid_box {
        height: 250px;
    }

    .product_mid_box .parr {
        height: 8%;
    }

    .about_left_text p {
        font-size: 16px;
    }

    .news_content_right_box div span:first-child {
        font-size: 34px;
    }

    .news_content_right_box div span {
        font-size: 14px;
    }

    .news_content_right_box h3 {
        font-size: 18px;
    }

    .news_content_right_box p {
        font-size: 12px;
        margin-top: 55%;
    }

    .news_content_right_box a:last-child {
        bottom: 1%;
    }


    .news_content_left_title div span:first-child {
        font-size: 42px;

    }

    .news_content_left_title div span {
        font-size: 16px;
    }

    .news_content_left_title h3 {
        font-size: 20px;
    }

    .news_top_more span {
        font-size: 16px;
    }


    
    .foot_top_content_box {
        width: 26%;
    }

    .aboutOne_content_left_text p {
        font-size: 16px;
    }


    .aboutTwo_content_bottom_box {
        height: 350px;
    }

    .aboutTwo_content_bottom_box h4 {
        height: 15%;
        font-size: 16px;
    }

    .aboutTwo_content_bottom_box h3 {
        font-size: 30px;
    }

    .aboutTwo_content_bottom_box p {
        font-size: 14px;
    }


    .newslist_news_content {
        width: 82%;
    }

    .newslist_news_date span:first-child {
        font-size: 42px;

    }

    .newslist_news_date span {
        font-size: 16px;
    }
    

    .newslist_news_content h3 {
        font-size: 18px;
    }

    .newslist_news_content p {
        font-size: 12px;
    }

    .contactMethod_content_left h4 {
        font-size: 20px;
    }

    .contactMethod_content_left * {
        font-size: 14px;
    }


    .prodt_top_content_right_bottom h3 {
        font-size: 18px;
    }

    .prodt_top_content_right_bottom_right h4 {
        font-size: 14px;
    }

    .prodt_top_title h2, .prodt_top_content_right h1 {
        font-size: 28px;
    }

    .prodt_top_title p {
        font-size: 16px;
    }

    .prodt_top_content_right div p {
        font-size: 14px;
    }

    .prodt_top_content_right div p span {
        font-size: 14px;
    }

    /* .prodt_top_content {
        height: 600px;
    } */

    .prodt_top_content_right h1 {
        height: 15%
    }



}

@media screen and (max-width: 1025px) {
    .foot_mid_content_company h2 {
        font-size: 42px;
    }

    .foot_mid_content_company h3 {
        font-size: 12px;
    }

    .foot_mid_content_company p {
        font-size: 14px;
    }

    .foot_mid_content_right_sort h4 a {
        font-size: 18px;
    }

    .foot_mid_content_right_sort p a {
        font-size: 14px;
    }

    .banner_left h2 {
        top:30%;
        font-size: 50px;

    }

    .banner_left div {
        top: 75%;
    }

    .banner_right {
        top: 77%;
    }

    .aboutOne_content_left_text p {
        font-size: 14px;
        line-height: 1.2;
    }

    .aboutOne_content_left h2 {
        font-size: 42px;
    }

    .aboutOne_content_right_bottom_box span:first-child {
        font-size: 60px;
    }

    .aboutOne_content_right_bottom_box p {
        font-size: 14px;
    }

    .aboutOne_content_right_bottom_box span {
        font-size: 24px;
    }

    .contactMethod_content_left h4 {
        font-size: 18px;
    }

    .contactMethod_content_left * {
        font-size: 12px;
    }



    .newsDetail_left_top_date span:first-child {
        font-size: 46px;
    }

    .newsDetail_left_top_date span {
        font-size: 16px;
    }
    
}

@media screen and (max-width: 1023px) {
    .product_all {
        height: 350px;
    } 

    .product_mid_box {
        height: 230px;
    }
    



    .news_content_right_box div span:first-child {
        font-size: 28px;
    }

    .news_content_right_box div span {
        font-size: 12px;
    }

    .news_content_right_box h3 {
        font-size: 16px;
    }

    .news_content_right_box p {
        font-size: 10px;
        margin-top: 55%;
    }

    .news_content_right_box a:last-child {
        bottom: 0;
    }


    .news_content_left_title div span:first-child {
        font-size: 32px;

    }

    .news_content_left_title div span {
        font-size: 12px;
    }

    .news_content_left_title h3 {
        font-size: 16px;
    }
    .news_content_left_title div {
        width: 60px;
    }

    .news_top_more span {
        font-size: 14px;
    }

    
    .foot_top_content_box {
        width: 28%;
    }
}

@media screen and (max-width: 913px) {
    .banner .swiper-button-prev {
        display: none !important;
    }

    .banner .swiper-button-next {
        display: none !important;
    }

    .foot_top_content_box {
        width: 30%;
    }

    .newslist_news_content {
        width: 78%;
    }

    .contactMethod_content_left h4 {
        font-size: 16px;
    }

    .contactMethod_content_left * {
        font-size: 10px;
    }

    .prodt_top_content_right_bottom h3 {
        font-size: 14px;
    }

    .prodt_top_content_right_bottom_right h4 {
        font-size: 14px;
    }

    .prodt_top_title h2, .prodt_top_content_right h1 {
        font-size: 26px;
    }

    .prodt_top_title p {
        font-size: 14px;
    }

    .prodt_top_content_right div p, .prodt_top_content_right div p span {
        font-size: 12px;
    }

    

    /* .prodt_top_content {
        height: 450px;
    } */


}

@media screen and (max-width: 854px) {
    .product_top_type h2 {
        font-size: 18px;
    }

    .product_mid_box a h2 {
        font-size: 18px;
    }

    .product_bottom a span {
        font-size: 14px;
    }

    .product_all {
        height: 300px;
    } 

    .product_mid_box {
        height: 200px;
    }

    .header {
        height: 80px;
    }

    .header_right_nav_right_search {
        height: 35%;
    }

    .nav_more {
        height: 48%;
    }

    .header_logo div {
        border-width: 21.5px;
    }



    .news_content_right_box div span:first-child {
        font-size: 22px;
        line-height: 0.6;
    }

    .news_content_right_box div span {
        font-size: 10px;
    }

    .news_content_right_box h3 {
        font-size: 14px;
        margin-top: 26%;
    }

    .news_content_right_box p {
        font-size: 9px;
        margin-top: 55%;
    }

    .news_content_right_box a:last-child {
        bottom: 0;
    }


    .news_content_left_title div span:first-child {
        font-size: 26px;
    }

    .news_content_left_title div span {
        font-size: 10px;
    }

    .news_content_left_title h3 {
        font-size: 14px;
    }
    .news_content_left_title div {
        width: 50px;
    }

    .news_top_more span {
        font-size: 12px;
    }

    .news_content_right_box a:last-child {
        font-size: 20px;
    }



    .foot_top_content_box:nth-child(3) p {
        font-size: 10px;
    }

    .foot_top_content_box:nth-child(2) p {
        font-size: 14px;
    }


    .foot_mid_content_company h2 {
        font-size: 38px;
    }

    .foot_mid_content_company h3 {
        font-size: 10px;
    }

    .foot_mid_content_company p {
        font-size: 12px;
    }

    .foot_mid_content_right_sort h4 a {
        font-size: 16px;
    }

    .foot_mid_content_right_sort p a {
        font-size: 12px;
    }


    .foot_top_content_box {
        width: 26%;
    }

    .aboutOne_content_left_text p {
        font-size: 16px;
    }


    .aboutTwo_content_bottom_box {
        height: 300px;
    }

    .aboutTwo_content_bottom_box h4 {
        height: 15%;
        font-size: 14px;
    }

    .aboutTwo_content_bottom_box h3 {
        font-size: 26px;
    }

    .aboutTwo_content_bottom_box p {
        font-size: 12px;
    }
}

@media screen and (max-width: 769px) {
    .product_mid_box {
        width: 49.5%;
    }

    .product_mid_box:nth-child(2n) {
        margin: 0;
    }


    .product_all {
        height: 750px;
    }

    .product_mid_box {
        height: 300px;
    }

    .product_all .product_mid {
        height: 42%;
    }

    .header {
        height: 60px;
    }

    .lang .glide {
        padding: 9px 0;
    }

    .header_logo div {
        border-width: 16.9px;
    }

    .header_right_nav_right_search {
        height: 40%;
    }

    .header_right_contact_info:last-child {
        display: none;
    }

    .nav_more {
        margin-left: 10px;
    }

    .nav_more span {
        width: 20px;
    }

    .header_right_nav_right {
        min-width: 230px;
    }

    .header_right_contact_info {
        margin-left: 15px;
    }

    .header_right_contact_info span {
        font-size: 14px;
    }

    .header_right_contact_info:first-child {
        margin: 0;
    }

    .header_right_contact_info img {
        margin-right: 5px;
    }

    .lang span {
        font-size: 14px;
    }

    .header_right_nav_right_search input {
        font-size: 14px;
    }

    .header_right_nav_right_search {
        width: 115px;
    }

    .down_arr {
        width: 6px;
        height: 6px;
        border-width: 0 0 2px 2px;
        margin-left: 8px
    }

    .lang div div {
        width: 80px;
    }

    .product_top_type {
        flex-wrap: wrap;
        justify-content: left;
    }

    .product_top_type a {
        margin-bottom: 20px;
        
    }

    .product_top_type h2 {
        padding-bottom: 5px;
    }

    .about {
        flex-wrap: wrap;
    }

    .about_left {
        width: 87.5%;
        padding: 6% 6.25%;
    }

    .about_right {
        width: 87.5%;
        padding: 6% 6.25%;
    }

    .about_left_text {
        margin-left: 1em;
    }

    .about_left_button {
        margin-left: 1em;
    }

    .title div h3, .newsDetail_left_top_title h1 {
        font-size: 28px;
    }

    .title div h4 {
        font-size: 20px;
    }

    .title span {
        font-size: 85px;
        margin-right: 10px;
        font-weight: bold;
    }

    .about_right h2 {
        font-size: 48px;
    }

    .about_right span {
        font-size: 60px;
    }

    .about_right h3 {
        font-size: 16px;
    }

    .about_right p {
        font-size: 16px;
    }

    .about_right span:last-child {
        font-size: 24px;
    }

    .news_content {
        flex-wrap: wrap;
    }

    .news_content_left {
        width: 100%;
    }

    .news_content_right {
        width: 100%;
    }

    .news_content_right_box {
        width: 33.3%;
        height: 300px;
    }

    .news_content_left_title div {
        width: 18%;
    }

    .news_content_left_title h3 {
        width: 74%;
    }


    



    .news_content_right_box div span:first-child {
        font-size: 36px;
        line-height: 1;
    }

    .news_content_right_box div span {
        font-size: 14px;
    }

    .news_content_right_box h3 {
        font-size: 18px;
        margin-top: 38%;
    }

    .news_content_right_box p {
        font-size: 12px;
        margin-top: 68%;
    }

    .news_content_right_box a:last-child {
        bottom: 0;
    }


    .news_content_left_title div span:first-child {
        font-size: 36px;
    }

    .news_content_left_title div span {
        font-size: 14px;
    }

    .news_content_left_title h3 {
        font-size: 18px;
    }

    .news_top_more span {
        font-size: 14px;
    }


    .foot_top_content {
        flex-direction: column;
        align-items: flex-start;
    }

    .foot_top_content_box {
        width: 65%;
        margin-bottom: 3%;
    }

    .foot_top_content_box:nth-child(3) {
        margin-bottom: 0;
        font-size: 16px;
    }

    .foot_top_content_box p {
        font-size: 16px;
    }

    .foot_top_content_box:nth-child(2) p {
        font-size: 20px;
    }

    .foot_top_content_box:nth-child(3) p {
        font-size: 16px;
    }

    .foot_mid_content_company h2 {
        font-size: 42px;
    }

    .foot_mid_content_company h3 {
        font-size: 12px;
    }

    .foot_mid_content_company p {
        font-size: 14px;
    }

    .foot_mid_content_right {
        display: none;
    }

    .foot_mid {
        justify-content: left;
    }

    .foot_bottom span {
        font-size: 14px;
    }

    .foot_bottom span a {
        font-size: 14px;
    }

    .swiper-pagination {
        display: none !important;
    }

    .banner_left h2 {
        top:28%;
        font-size: 40px;

    }

    .banner_left div {
        top: 72%;
    }

    .banner_right {
        top: 74%;
    }

    .banner_left div a {
        width: 25px;
        height: 25px;
    }

    .banner_left div p {
        font-size: 14px;
    }

    .banner_left div a svg {
        height: 16px;
        width: 16px;
    }

    .banner_right a {
        font-size: 18px;
    }


    .aboutOne_content {
        flex-direction: column;
    }

    .aboutOne_content_left_text p {
        font-size: 14px;
        line-height: 1.5;
    }

    .aboutOne_content_left {
        width: 94%;
    }

    .aboutOne_content_right {
        width: 100%;
    }

    .aboutOne_content_right .swiper-pagination {
        display: flex !important;
    }


    .aboutOne_content_left_text p {
        font-size: 16px;
    }


    .aboutTwo_content_bottom_box {
        height: 300px;
        width: 43.5%;
    }

    .aboutTwo_content_bottom_box:nth-child(1), .aboutTwo_content_bottom_box:nth-child(5) {
        width: 54%;
    }

    .aboutTwo_content_bottom_box:nth-child(2), .aboutTwo_content_bottom_box:nth-child(6) {
        width: 33%;
    }


    .aboutTwo_content_bottom_box h4 {
        height: 15%;
        font-size: 16px;
    }

    .aboutTwo_content_bottom_box h3 {
        font-size: 24px;
    }

    .aboutTwo_content_bottom_box p {
        font-size: 14px;
    }


    .newslist_news_content {
        width: 74%;
        left: 95px;
    }

    .newslist_news_date span:first-child {
        font-size: 42px;

    }

    .newslist_news_date span {
        font-size: 16px;
    }
    

    .newslist_news_content h3 {
        font-size: 16px;
    }

    .newslist_news_content p {
        font-size: 10px;
    }

    .newslist_news>a svg {
        width: 18px !important;
        height: 18px !important;
    }

    
    .contactMethod_content_left h4 {
        font-size: 20px;
    }

    .contactMethod_content_left * {
        font-size: 14px;
    }

    .contactMethod_content {
        flex-wrap: wrap;
        justify-content: center;
    }

    .contactMethod_content_left {
        width: 94%;
    }

    .contactMethod_content_right {
        width: 87%;
        padding: 5% 0;
    }

    .contactUS_content_form {
        margin: 0;
    }

    .contactUS_content_form button {
        width: 90px;
        height: 32px;
        font-size: 14px;
    }


    .prodt_top_content_right_bottom h3 {
        font-size: 18px;
    }

    .prodt_top_content_right_bottom_right h4 {
        font-size: 16px;
    }

    .prodt_top_title h2, .prodt_top_content_right h1 {
        font-size: 28px;
    }

    .prodt_top_title p {
        font-size: 16px;
    }

    .prodt_top_content_right div p, .prodt_top_content_right div p span {
        font-size: 14px;
    }

    

    .prodt_top_content {
        flex-direction: column;
        /* height: 700px; */
    }

    .prodt_top_content .pimg {
        width: 100%;
        height: 35%;
        justify-content: left;
    }

    .prodt_top_content .pimg img {
        width: 50%;
    }

    .prodt_top_content_right  {
        width: 100%;
    }




    .prodt_top_label {
        width: 130px;
        height: 40px;
    }

    .prodt_top_label span {
        font-size: 16px;
    }

    .content * {
        font-size: 14px;
    }

    .prodt_bottom_content td {
        white-space: wrap;
        word-break: break-all;
    }

    .newsDetail {
        flex-wrap: wrap;

    }

    .newsDetail_left {
        width: 94%;
        margin-bottom: 3%;
    }


    .newsDetail_right {
        width: 100%;
    }

    .newsDetail_left_content {
        margin-left: 3em;
    }

    .newsDetail_left_top_date span:first-child {
        font-size: 42px;
    }

    .newsDetail_left_top_date span {
        font-size: 14px;
    }

    .newsDetail_right_box {
        margin-bottom: 3%;
    }

    .newsDetail_right_box p, .newsDetail_right_box span {
        font-size: 14px;
    }

    .newsDetail_right_box a h2 {
        font-size: 18px;
    }

    .aboutOne_content_left_text p {
        line-height: 2 !important;
        font-size: 15px;
    }

    .banner>img {
        position: relative;
    }
}

@media screen and (max-width: 541px) {
    .product_all {
        height: 550px;
    }

    .product_mid_box {
        height: 200px;
    }

    .product_mid_box {
        width: 49%;
        margin-right: 2%;
    }

    .title div h3, .newsDetail_left_top_title h1 {
        font-size: 24px;
    }

    .title div h4 {
        font-size: 18px;
    }

    .title span {
        font-size: 70px;
        margin-right: 8px;
    }

    .about_left_text p {
        font-size: 14px;
    }


    .news_content_right {
        width: 100%;
    }

    .news_content_right_box {
        width: 33.3%;
        height: 250px;
    }

    .news_content_left_title div {
        width: 23%;
    }

    .news_content_left_title h3 {
        width: 69%;
    }


    .news_content_right_box div span:first-child {
        font-size: 30px;
        line-height: 0.7;
    }

    .news_content_right_box div span {
        font-size: 12px;
    }

    .news_content_right_box h3 {
        font-size: 12px;
        margin-top: 40%;
    }

    .news_content_right_box p {
        font-size: 10px;
        margin-top: 68%;
    }

    .news_content_right_box a:last-child {
        bottom: 0;
    }


    .news_content_left_title div span:first-child {
        font-size: 30px;
    }

    .news_content_left_title div span {
        font-size: 12px;
    }

    .news_content_left_title h3 {
        font-size: 16px;
    }


    .foot_top_content_box {
        width: 80%;
    }

    .foot_bottom span {
        font-size: 10px;
        word-break: keep-all;
        text-align: center;
    }

    .foot_bottom span a {
        font-size: 10px;
    }

    .header_right_nav_left ul li:first-child {
        display: flex;
        align-items: center;
        justify-content: right;
    }

    .header_right_nav_left ul .lang {
        height: 50%;
        margin-right: 20px;
        width: auto;
        height: auto;
    }

    .header_right_nav_left ul .lang span {
        color: white;
    }

    .header_right_nav_left ul .down_arr {
        border-color: white;
    }

    .header_right_nav_left ul .lang div div {
        background-color: #02173c;
        border-radius: 8px;
        padding: 10px 0;
    } 

    .header_right_nav_left ul .lang .glide {
        top: 200%;
        border-radius:  0 0 8px 8px;
    }

    .header_right_nav_left ul .lang img {
        width: 12.5px;
        height: 12.5px;
    }

    .navUlHeight {
        height: 400px !important;
    }

    .header_right_nav_right_lang {
        display: none;
    }

    .header_right_nav_right_split {
        display: none;
    }

    .header_right_nav_right {
        justify-content: right;
    }

    .header_right_nav_right {
        width: auto;
        min-width: auto;
    }

    .header_right_nav_right_search {
        padding: 1% 10px;
    }

    .product_mid_box a h2 {
        font-size: 15px;
    }

    .banner_left h2 {
        top:26%;
        font-size: 32px;

    }

    .banner_left div {
        top: 68%;
    }

    .banner_right {
        top: 70%;
    }

    .banner_left div a {
        width: 20px;
        height: 20px;
    }

    .banner_left div p {
        font-size: 12px;
    }

    .banner_left div a svg {
        height: 14px;
        width: 14px;
    }

    .banner_right a {
        font-size: 16px;
    }

    .aboutOne_content_left h2 {
        font-size: 36px;
    }


    .aboutTwo_content_bottom_box {
        height: 200px;
    }


    .aboutTwo_content_bottom_box h4 {
        height: 20%;
        font-size: 14px;
    }

    .aboutTwo_content_bottom_box h3 {
        font-size: 20px;
    }

    .aboutTwo_content_bottom_box p {
        font-size: 12px;
    }

    .newslist_news_content {
        width: 70%;
    }

    .newslist_news_content h3 {
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 1;
    }

    .contactMethod_content_left h4 {
        font-size: 15px;
    }

    .contactMethod_content_left * {
        font-size: 10px;
    }

    .prodt_top_content_right_bottom h3 {
        font-size: 14px;
    }

    .prodt_top_content_right_bottom_right h4 {
        font-size: 12px;
    }

    .prodt_top_title h2, .prodt_top_content_right h1 {
        font-size: 26px;
    }

    .prodt_top_title p {
        font-size: 14px;
    }

    .prodt_top_content_right div p, .prodt_top_content_right div p span {
        font-size: 12px;
    }

    

    /* .prodt_top_content {
        height: 600px;
    } */




    .content * {
        font-size: 12px;
    }

    .newsDetail_left_content {
        margin-left: 2.5em;
    }

    .newsDetail_left_top_date span:first-child {
        font-size: 36px;
    }

    .newsDetail_left_top_date span {
        font-size: 13px;
    }

    .newsDetail_right_box p, .newsDetail_right_box span {
        font-size: 12px;
    }

    .newsDetail_right_box a h2 {
        font-size: 16px;
    }
}

@media screen and (max-width: 426px) {
    .product_all {
        height: 400px;
    }

    .product_mid_box {
        height: 150px;
    }

    .product_mid_box .parr {
        width: 50px;
    }

    .product span {
        font-size: 16px !important;
    }
    .product_bottom a span {
        font-size: 12px !important;
    }

    .title div h3, .newsDetail_left_top_title h1 {
        font-size: 20px;
    }

    .title div h4 {
        font-size: 15px;
    }

    .title span {
        font-size: 52px;
        margin-right: 8px;
    }



    .about_right h2 {
        font-size: 40px;
    }

    .about_right span {
        font-size: 50px;
    }

    .about_right h3 {
        font-size: 12px;
    }

    .about_right p {
        font-size: 12px;
    }

    .about_right span:last-child {
        font-size: 20px;
    }

    .foot_top_content_box p {
        font-size: 12px;
    }

    .foot_top_content_box:nth-child(3) p {
        font-size: 12px;
    }

    .foot_top_content_box:nth-child(2) p {
        font-size: 16px;
    }


    .header {
        height: 50px;
    }

    .header_right_nav_right_search {
        height: 55%;
    }



    .nav_more span {
        width: 18px;
    }

    .header_logo div {
        border-width: 13px;
    }


    .aboutOne_content_left h2 {
        font-size: 32px;
    }

    .aboutOne_content_left_text p {
        line-height: 1.2;
        font-size: 12px;
    }

    .aboutOne_content_right_bottom_box span:first-child {
        font-size: 42px;
    }

    .aboutOne_content_right_bottom_box p {
        font-size: 12px;
    }

    .aboutOne_content_right_bottom_box {
        padding-bottom: 10px;
    }


    .aboutTwo_content_bottom_box {
        height: 200px;
    }


    .aboutTwo_content_bottom_box h4 {
        height: 18%;
        font-size: 11px;
    }

    .aboutTwo_content_bottom_box h3 {
        font-size: 18px;
    }

    .aboutTwo_content_bottom_box p {
        font-size: 10px;
    }

    .newslist_news_content {
        width: 65%;
    }

    .newslist_news_content p {
        font-size: 9px;
    }

    .contactMethod_content_left h4 {
        font-size: 13px;
    }

    .contactMethod_content_left * {
        font-size: 8px;
    }

    .contactUS_content_form button {
        width: 75px;
        height: 28px;
        font-size: 12px;
    }



    .prodt_top_content_right_bottom h3 {
        font-size: 12px;
    }

    .prodt_top_content_right_bottom_right h4 {
        font-size: 10px;
    }

    .prodt_top_title h2, .prodt_top_content_right h1 {
        font-size: 24px;
    }

    .prodt_top_title p {
        font-size: 12px;
    }

    .prodt_top_content_right div p, .prodt_top_content_right div p span {
        font-size: 12px;
    }

    .prodt_top_label {
        width: 100px;
        height: 30px;
    }

    .prodt_top_label span {
        font-size: 14px;
        line-height: 30px;
    }

    .prodt_bottom_content table * {
        font-size: 8px !important;
    }

    .newsDetail_left_content {
        margin-left: 2em;
    }

    .newsDetail_left_top_date span:first-child {
        font-size: 30px;
    }

    .newsDetail_left_top_date span {
        font-size: 10px;
    }

    .newsDetail_right_box p, .newsDetail_right_box span {
        font-size: 10px;
    }

    .newsDetail_right_box a h2 {
        font-size: 14px;
    }

    .parr svg {
        width: 18px !important;
        height: 18px !important;
    }
}



@media screen and (max-width: 769px) {
    .header_logo div {
        display: none;

    }

    .header_right_contact {
        display: none;
    }

    .header_right_nav {
        height: 100%;
    }
    
    .header_right_nav_right_search {
        display: none;
    }

    .header_right_nav_right_split {
        display: none;
    }

    .header_right_nav_right {
        min-width: auto !important;
        width: auto !important;
    }

    .header_right_nav {
        flex-direction: row-reverse;
        justify-content: right;
        padding-right: 0;
        width: auto;
        background-color: rgba(2, 23, 60, 0.5);
    }

    .lang img {
        filter: brightness(100);
    }

    .down_arr {
        border-color: white;
    }

    .lang div div {
        background-color: transparent;
        color: white;
    }

    .lang div div a {
        color: white;
        font-size: 14px;
    }

    .lang .en {
        opacity: 0;
    }

    .lang .glide {
        top: 150%;
        opacity: 1;
    }

    .banner {
        padding-top: 60px;
    }


    .header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
    }
    

    .header_nav_more {
        margin-left: 20px;
        height: 100%;
        width: 60px;
        box-sizing: border-box;
        padding: 20% 0;
        background-color: #02173c;
        flex-shrink: 0;
        align-items: center;
    }

    .header_nav_more span {
        width: 28px;
        background-color: white;
    }

    .header_right_nav_right_lang  {
        display: block;
    }

    .header_right_nav_left ul {
        right: 0;
        left: auto;
        top: 100%;
    }

    .product_top_title  {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 2%;
    }

    .product_top_title  span {
        display: none;
    }

    .product_top_type {
        display: none;
    }

    .product_top_title  div h4 {
        font-size: 42px;
        color: #041750;
    }

    .product_top_title  div h3 {
        font-size: 38px;
    }

    .about_right {
        display: none;
    }

    .about_left .about_right {
        display: flex;
        background-image: none;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
        padding-right: 0 !important;
        padding-left: 0 !important;
        width: 100%;
    }

    .about_left .about_right span {
        margin: 0 !important;
        color: white !important;
    }

    .about_left .about_right>div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .float_content {
        display: none;
    }

    .news_content_right {
        flex-direction: column;

    }

    .news_content_right_box {
        width: 100%;
        box-sizing: border-box;
        border-width: 1px !important;
        height: 200px;
    }

    .news_content_right_box:last-child {
        display: none;
    }

    .news_content_right_box h3 {
        margin-top: 2.5% ;
        margin-left: 15%;
        font-size: 20px ;
    }

    .news_content_right_box p {
        margin-top: 12%;
        font-size: 14px ;
    }
    
    .news_content_right_box div span:first-child {
        font-size: 36px !important;
    }

    .news_content_right_box div span {
        font-size: 14px ;
    }

    .foot_top_content {
        align-items: center;
    }

    .foot_top_content_box {
        width: 90%;
    }

    .foot_top_content_box img {
        max-width: 70px;
    }


    .foot_mid_content {
        justify-content: center;
    }

    .foot_bottom span {
        font-weight: normal;
        word-break: keep-all;
        text-align: center;
        line-height: 1.5;
    }

    .foot_bottom span a {
        font-weight: normal;
        line-height: 1.5;
    }

    .banner_left h2 {
        top: 32%;
        font-size: 48px;
    }

    .banner_left div {
        top: 70%;
    }

    .banner_right {
        top: 82%;
    }

    .prodt_top_content .pimg img {
        margin: auto;   
    }

    .newslist_news_content p {
        display: none;
    }

    .newslist_news_content h3 {
        margin-bottom: 0 !important;
    }

    .newslist_news_date span:first-child {
        font-size: 36px;
    }

    .newslist_news_date span {
        font-size: 14px;
    }

    
    .about_left_button {
        margin-left: auto;
        margin-right: auto;
        margin-top: 15%;
    }

    .float_content_m {
        display: flex;
    }

    .foot_bottom {
        margin-bottom: 70px;
    }
}

@media screen and (max-width: 541px) {
    .news_content_right_box div {
        margin: 10px;
    }

    .news_content_right_box h3 {
        font-size: 18px;
        margin-top: 15px;
        margin-left: 70px;
    }

    .news_content_right_box p {
        margin-top: 65px;
        font-size: 14px ;
    }

    .news_content_right_box div span {
        font-size: 12px ;
    }
    
    .news_content_right_box a:last-child {
        left: 12px;
    }

    .product_top_title  div h4 {
        font-size: 38px !important;
        color: #041750;
    }

    .product_top_title  div h3 {
        font-size: 34px;
    }

    .banner_left h2 {
        font-size: 42px;
    }

    .params-title {
        width: 80px !important;
    }

    .about_left_button {
        width: 100px;
        height: 35px;
    }

    .about_left_button span {
        font-size: 14px;
    }

    .about_right span {
        font-size: 38px;
    }

    .about_right div span:last-child {
        font-size: 20px;
    }

    .about_right p {
        font-size: 10px;
    }
}

@media screen and (max-width: 426px) {
    .header_nav_more {
        padding: 15% 0;
    }

    .banner {
        padding-top: 50px;
    }

    .lang .glide {
        top: 120%;
    }

    .news_content_right_box h3 {
        font-size: 16px;
    }

    .news_content_right_box p {
        font-size: 12px ;
    }

    .banner_left h2 {
        font-size: 38px;
    }

    .params-title {
        width: 75px !important;
    }

    .newslist_news_content {
        width: 60%;
    }
}