* {
    margin: 0;
    padding: 0;
    font-family: "SourceHanSansCN-Regular";
    font-weight: normal;
    box-sizing: border-box;
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
  }

ul {
    list-style-type: none;
}


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

.clear {
    clear: both;
}


.mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: .5s;
}

a {
    text-decoration: none;
    color: inherit;
    font-size: inherit;
    cursor: pointer;
    font-family: inherit;
    font-weight: inherit;
}

span {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
}

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

textarea {
    resize: none;
    outline: none;
    border: none;
}

.indexBox {
    width: 100%;
    height: 100%;
    padding-top: 130px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.w1200 {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
}

.w100 {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
}

.search_mask {
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    z-index:999999;
    top: 0;
    left: 0;
}

.search_mask div {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 50px;
    top: 50px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.search_mask div span {
    font-size: 20px;
    transition: .3s;
    color: #ffffff;
}

.search_mask div:hover {
    border-color: #d1ad90;
}

.search_mask div:hover span {
    color: #d1ad90;
}

.view_video {
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    z-index:999999;
    top: 0;
    left: 0;
}

.view_video video {
    position: absolute;
    width: 60%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.view_video div {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 50px;
    top: 50px;
    border-radius: 50%;
    border: 1px solid #ffffff88;
    color: #ffffff88;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: .3s;
}

.view_video div span {
    font-size: 20px;
    transition: .3s;
    color: #ffffff88;
}

.view_video div:hover {
    border-color: #fff;
}

.view_video div:hover span {
    color: #fff;
}

.search_mask form {
    width: 80%;
    display: flex;
    justify-content: space-between;
    background-color: #ffffff;
    border-radius: 50px;
    padding: 1% 30px;
    box-sizing: border-box;
    position: relative;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.search_mask form input {
    width: 95%;
}

.search_mask form button {
    width: 3%;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.search_mask form button svg {
    width: 100%;
    min-width: 30px;
    height: auto;
}

.header {
    height: 100px;
    position: relative;
    z-index: 999999;
    background-color: #fff;
}

.header>div {
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.header_left {
    display: flex;
    align-items: center;
    margin-right: 3vw;
    height: 100%;
}

.header_left img {
    height: 40%;
}

.header_right {
    display: flex;
    align-items: center;
    flex: 1;
}

.header_nav {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}


.header_nav>li {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header_nav>li a {
    height: 40%;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #434343;
}

.header_more {
    display: none;
}

.header_nav>.active>a {
    color: #cc0000;
}


.header_nav>li:hover>a {
    color: #cc0000;
}

.header_nav>li ul {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: column;
    background-color: #fff;
    padding: 10% 25%;
    display: none;
}

.header_nav>li:hover ul {
    display: flex;
}

.header_nav>li ul li {
    padding: 10% 0;
}

.header_nav>li ul li a:hover {
    color: #cc0000;
}

.banner {
    position: relative;
}

.banner .swiper {
    height: 800px;
}

.banner .swiper .swiper-slide {
    position: relative;
}

.banner .swiper .swiper-slide img {
    position: relative;
    width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.banner .bmask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 20%;
}


.banner .bmask * {
    text-align: center;
    color: #fff;
}

.banner .bmask h3 {
    font-weight: bold;
    margin-bottom: 1%;
}

.banner .bmask span {
    margin-bottom: 3%;
}

.banner .bmask p {
    margin-bottom: 2%;
}

.banner .bmask a {
    width: 156px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(204, 0, 0, 1);
    border-radius: 50px;
    margin-top: 4%;
    transition: .5s;
}

.banner .bmask a:hover {
    background-color: #fff;
    color: rgba(204, 0, 0, 1);
}

.about {
    margin-top: 2%;
    padding: 4% 0;
}

.about_top {
    display: flex;
    margin-bottom: 6%;
}

.about_left {
    width: 48%;
    margin-right: 4%;
}

.dq {
    display: flex;
    align-items: center;
    color: #CC0000;
    margin-bottom: 3%;
}

.dq svg {
    margin-right: 8px;
    color: #c08e41;
}


.about_left>h4 {
    color: #c08e41;
    margin-bottom: 2%;
    font-weight: bold;
}

.about_left>p {
    color: #666;
    margin-bottom: 4%;
    line-height: 1.5;
}

.about_left>div {
    display: flex;
    width: 100%;
    margin-bottom: 4%;
}

.about_left>div img {
    width: 44%;
    margin-right: 10%;
    border-radius: 20px;
}

.about_left>div img:last-child {
    margin-right: 0;
}

.more_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 44px;
    background-color: #434343;
    color: #fff;
    transition: .5s;
    flex-shrink: 0;
}

.more_button svg {
    margin-left: 5px;
}

.more_button:hover {
    background-color: rgba(192, 142 ,65 , 0.8);
}

.about_right {
    flex: 1;
    display: flex;
}

.about_right a {
    display: block;
    position: relative;
    font-size: 0;
    align-self: center;
}

.about_right img {
    width: 100%;
}

.about_right .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #c08e41dd;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: .5s;
}


.about_right .mask::before {
    position: absolute;
    content: "";
    display: block;
    height: 2px;
    width: 40px;
    background-color: #fff;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.about_right .mask::after {
    position: absolute;
    content: "";
    display: block;
    height: 40px;
    width: 2px;
    background-color: #fff;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.about_right a:hover .mask {
    opacity: 1;
}


.about_bottom {
    border: 4px solid #f4f4f4;
    padding: 1.5%;
    display: flex;
}

.about_bottom>div {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.about_bottom>div>div {
    display: flex;
}

.about_bottom>div span {
    color: #c08e41;
    font-family: Arial;
    font-weight: bold;
    margin-bottom: 4%;
}

.about_bottom>div sup {
    color: #c08e41;
    font-family: Arial;
    font-weight: bold;
    margin-bottom: 4%;
    align-self: flex-start;
    margin-left: 8px;
}


.about_bottom>div p {
    color: #666;
    line-height: 1.4;
    text-align: center;
}

.products {
    padding: 4% 0;
    background-color: #f5f5f5;
}

.ititle_top {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 3%;
}

.ititle_top>div {
    flex: 1;
    margin-right: 8%;
    display: flex;
    flex-direction: column;
}


.ititle_top>div>span {
    margin-bottom: 4%;
}

.ititle_top>div>div {
    display: flex;
}

.ititle_top>div>div h4 {
    color: #c08e41;
    margin-right: 3%;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    transform: translateY(-40%);
}

.ititle_top>div>div p {
    line-height: 1.5;
    color: #888;
}

.ititle_top>a {
    transform: translateY(-40%);
}


.products_bottom {
    display: flex;
    flex-wrap: wrap;
}

.products_box {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    display: flex;
    align-items: center;
    padding: 3% 1.5%;
    background-color: #fff;
}

.products_box:nth-child(3n) {
    margin-right: 0;
}

.products_box_left {
    width: 30%;
    margin-right: 2%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #c08e41;
    mask-size: contain;
    mask-repeat: no-repeat; 
    mask-position: 50% 50%;
}

.products_box_left img {
    max-width: 100%;
    max-height: 100%;
    opacity: 0;
}


.products_box_right {
    flex: 1;
}

.products_box_right h2 {
    color: #666;
    margin-bottom: 4%;
}

.products_box_right p {
    color: #888;
}

.mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: .5s;
    z-index: 10;
}

.solutions {
    padding: 4% 0;
}

.solutions_bottom {
    display: flex;
}

.solutions_box {
    width: 23.5%;
    margin-right: 2%;
    position: relative;
    overflow: hidden;
    display: block;
    height: 34vw;
    max-height: 400px;
}

.solutions_box:last-child {
    margin-right: 0;
}

.solutions_box img {
    height: 100%;
    min-width: 100%;
    position: relative;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 1;
}

.solutions_box .mask {
    left: auto;
    right: 100%;
    background-color: #c08e41dd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.solutions_box .mask h2 {
    color: #fff;
    text-align: center;
}

.solutions_box:hover .mask {
    right: 0;
}

.marketing {
    padding: 4% 0;
    background-color: #f5f5f5;
}

.marketing_top {
    margin-bottom: 0;
}

.marketing_bottom img {
    width: 130%;
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
}

.recommend {
    padding: 4% 0;
}

.recommend_bottom {
    display: flex;
    flex-wrap: wrap;
}

.product_box {
    width: 22.75%;
    margin-right: 3%;
    margin-bottom: 3%;
    border: 4px solid #f4f4f4;
    display: flex;
    flex-direction: column;
}

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

.product_box .pimg {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3%;
    overflow: hidden;
    padding: 12%;
}

.product_box .pimg img {
    max-width: 100%;
    max-height: 100%;
    transition: .3s;
}

.product_box h2 {
    height: 20%;
    text-align: center;
    padding: 8%;
    padding-top: 0;
}

.product_box:hover {
    border-color: #CC0000;
}

.product_box:hover .pimg img {
    scale: 1.2;
}


.partners {
    padding: 4% 0;
    background-color: #f4f4f4;
    padding-bottom: 0;
}

.partners>div {
    display: flex;
}

.partners_left {
    width: 54%;
}

.partners_right {
    flex: 1;
    position: relative;
}

.partners_left h4 {
    display: flex;
    color: #c08e41;
    margin-bottom: 4%;
    font-family: "Microsoft YaHei";
    align-items: center;
}

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


.partners_left h4 svg {
    margin-right: 8px;
}

.partners_left p {
    line-height: 1.8;
    margin-bottom: 4%;
    color: rgb(136, 136, 136);
}

.partners_left .swiper {
    width: 100%;
}

.partners_left .swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.partners_left .swiper .swiper-wrapper, .manufacturing_pics .swiper .swiper-wrapper, .about_partner_pics .swiper .swiper-wrapper, .certificate .swiper .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}


.partners_right img {
    width: 100%;
}

.partners_right>div {
    position: absolute;
    width: 53.5%;
    background-color: #f7f7f7;
    height: 35%;
    top: 48%;
    left: 34%;
}

.news {
    padding: 4% 0;
}

.news_bottom {
    display: flex;
}

.news_box {
    width: 31.33%;
    margin-right: 3%;
    margin-bottom: 3%;
}

.news_box:last-child {
    margin-right: 0;
}

.news_box {
    display: flex;
    flex-direction: column;

}

.news_box .nimg {
    position: relative;
    overflow: hidden;
    height: 20vw;
    max-height: 240px;
    margin-bottom: 4%;
}

.news_box .nimg img {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 100%;
    min-height: 100%;
    transition: .5s;
}

.news_box .nimg:hover img {
    width: 120%;
}

.news_box h2 {
    flex: 1;
    margin-bottom: 3%;
    font-weight: bold;
    line-height: 1.8;
    color: #434343;
    padding: 0 5px;
}

.news_box span {
    color: #929292;
    padding: 0 5px;
}

.jobs {
    padding: 5% 0;
    background-color: #000;
}

.jobs>div {
    margin-bottom: 0;
}


.jobs>div>div svg path {
    fill: #fff;
}

.jobs>div>div>span {
    color: #fff;
    margin-bottom: 3%s;
}

.jobs>div>div>span svg {
    color: inherit;
}

.jobs>div>div>div h4 {
    color: #fff;
    transform: translateY(0);
}

.jobs>div .more_button {
    background-color: #CC0000;
}

.jobs>div .more_button:hover {
    background-color: rgba(192, 142 ,65 , 0.8);
}

.foot_top {
    padding: 4% 0;
    background-color: #222;
}

.foot_top>div {
    display: flex;
    justify-content: space-between;
}

.foot_top_1 {
    width: 24%;
}

.foot_top_2 {
    width: 26%;
}

.foot_top_3 {
    width: 27%;
}

.foot_top_4 {
    width: 9%;
}

.foot_top_1>img {
    width: 70%;
}

.foot_top_1>span {
    color: #777;
    margin-top: 12%;
    margin-bottom: 8px;
    display: block;
}

.foot_top_1>p {
    color: #777;
    line-height: 1.2;
    margin-bottom: 5px;
}

.foot_top_2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.foot_top_2 h6 {
    color: #ccc;
    margin-bottom: 10%;
}

.foot_top_2>div {
    display: flex;
    flex-wrap: wrap;
}

.foot_top_2>div img {
    width: 31.33%;
    margin-right: 3%;
    margin-bottom: 3%;
    cursor: pointer;
}

.foot_top_2>div img:nth-child(3n) {
    margin-right: 0;
}

.foot_top_3 h6 {
    margin-bottom: 5%;
    color: #ccc;
}


.foot_top_3 p {
    color: #5a5a5a;
    line-height: 1.2;
    margin-bottom: 3px;
}

.foot_top_4 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.foot_top_4 img {
    width: 100%;
    margin-bottom: 8px;
}

.foot_top_4 span {
    color: #ccc;
    line-height: 1.2;
    text-align: center;
}

.foot_bottom {
    padding: 2% 0;
    display: flex;
    flex-wrap: wrap;
    background-color: #111;
}

.foot_bottom p {
    margin-right: 6%;
    color: #777;
}

.foot_bottom p:last-child {
    margin-right: 0;
}

.imgMask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999999;
    background-color: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
    display: none;
}

.imgMask .swiper {
    width: 94vw;
    height: 60vh;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.imgMask .swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 22vw;
}

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

.imgMask .close {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5vw;
    height: 5vw;
    background-color: #000;
    border-radius: 50%;
    right: 3vw;
    top: 3vw;
    max-height: 60px;
    max-width: 60px;
    min-height: 30px;
    min-width: 30px;
    cursor: pointer;
}

.imgMask .close:hover svg {
    transform: rotate(270deg);
}

.imgMask .close svg {
    height: 60%;
    width: auto;
    transition: .5s;
}

.imgMask .swiper-button-next::after, .imgMask .swiper-button-prev::after {
    color: #fff;
    font-size: inherit;
}

.imgMask .swiper-button-next, .imgMask .swiper-button-prev {
    background-color: #474747;
    opacity: 0.8;
    border-radius: 50%;
    width: 5vw;
    height: 5vw;
    max-height: 60px;
    max-width: 60px;
    min-height: 30px;
    min-width: 30px;
}

.imgMask .swiper-button-next:hover, .imgMask .swiper-button-prev:hover {
    opacity: 1;
}

.imgMask .swiper-pagination {
    color: #fff;
}


.nbanner {
    position: relative;
    font-size: 0;
}

.nbanner img {
    width: 100%;
}

.nbanner .nfloat {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    padding: 2% 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 1000px;
    z-index: 10;
}

.nbanner .nfloat h4 {
    color: #fff;
    margin-bottom: 2%;
    font-weight: bold;
    text-align: center;
}

.nbanner .nfloat p {
    color: #fff;
    line-height: 1.5;
    text-align: center;
}

.nbanner .swiper .swiper-slide  {
    overflow: hidden;
    height: auto !important;
}

.nbanner .swiper .swiper-slide .split_contain {
    position: relative;
    width: 100vw;
    display: flex;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.nbanner .swiper .swiper-slide .split_contain .split {
    flex: 1;
    overflow: hidden;
}

.nbanner .swiper .swiper-slide .split_contain img {
    position: relative;
    top: 0%;
}

.nbanner .swiper::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9;
    top: 0;
    left: 0;
}

.profile {
    padding: 6% 0;
}

.about_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3%;
}

.about_title>div {
    display: flex;
    align-items: center;
    margin-bottom: 1%;
}

.about_title>div svg {
    margin-right: 5px;
    color: #c08e41;
}

.about_title>div svg {
    margin-right: 8px;
    color: #c08e41;
}

.about_title>div span {
    color: #cc0000;
}

.about_title>h4 {
    color: #000;
    font-weight: bold;
}

.profile_content {
    border: 6px solid #f4f4f4;
    padding: 2%;
    line-height: 2.4;
    color: #888;
    font-family: "Microsoft YaHei";
}

.profile_content * {
    line-height: inherit;
    font-size: inherit;
    color: inherit;
    font-family: inherit;
}

.about_video {
    padding: 6% 0;
    background-color: transparent;
}

.about_video>div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.about_video>div>img {
    width: 50px;
    height: auto;
}

.about_video>div>span {
    color: #fff;
    margin: 1% 0;
}

.about_video>div>p {
    color: #fff;
    line-height: 1.5;
    margin-bottom: 4%;
    text-align: center;
}

.about_video>div>div {
    cursor: pointer;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    position: relative;
    opacity: 1;
    animation: AVopacity 2s infinite;
}

@keyframes AVopacity {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
  }
  

.about_video>div>div::before {
    content: "";
    width: 83.33%;
    height: 83.33%;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.1);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border-radius: 50%;
}

.about_video>div>div>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33.33%;
    height: 33.33%;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
}

.about_video>div>div>div::before {
    content: "";
    width: 150%;
    height: 150%;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.1);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border-radius: 50%;
    z-index: 2;
}

.about_video>div>div>div::after {
    content: "";
    width: 200%;
    height: 200%;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.1);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border-radius: 50%;
    z-index: 1;
}

.about_video>div>div>div svg {
    height: 50%;
    width: auto;
    transform: translateX(5%);
    z-index: 3;
}

.back {
    position: fixed;
    z-index: -1;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    /* background-image: url(../images/background.jpg); */
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 50%, 50%;
    top: 0;
    left: 0;
}

.manufacturing {
    padding: 6% 0;
}

.manufacturing_pics .swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

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

.about_num {
    padding: 4% 0;
    background-color: transparent;
}

.about_num>div {
    display: flex;
    justify-content: space-between;
}


.about_num>div>div {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex: 1;
    margin-right: 4%;
}

.about_num>div>div img {
    width: 30%;
    margin-bottom: 4%;
}

.about_num>div>div:last-child {
    margin-right: 0;
}

.about_num>div>div svg {
    margin-bottom: 3%;
}

.about_num>div>div span {
    color: #fff;
    margin-bottom: 2%;
    
}

.about_num>div>div p {
    line-height: 1.5;
    color: #fff;
}


.about_partner {
    padding: 6% 0;
}

.about_partner_pics .swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

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

.introduce {
    padding: 6% 0;
    background-color: #fafafa;
}

.introduce_title {
    margin-bottom: 2%;
}

.introduce_title h4 {
    color: #cc0000;
    margin-bottom: 1%;
    text-align: center;
    font-weight: bold;
    font-family: "arial black";
}

.introduce_title h3 {
    color: #c08e41;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.introduce_title h3::before {
    content: "";
    height: 1px;
    width: 16%;
    background-color: #e5e5e5;
    margin-right: 10px;
}

.introduce_title h3::after {
    content: "";
    height: 1px;
    width: 16%;
    background-color: #e5e5e5;
    margin-left: 10px;
}


.introduce_content * {
    line-height: inherit;
    font-size: inherit;
    color: inherit;
    font-family: inherit;
}

.introduce_content {
    font-size: 14px;
    color: #888;
    line-height: 1.8;
}

.culture {
    padding: 6% 0;
}

.culture>div {
    display: flex;
    margin-bottom: 4%;
    padding-bottom: 4%;
    border-bottom: 1px solid #e5e5e5;
}

.culture>div:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.culture_left {
    width: 42%;
    margin-right: 5%;
}

.culture_right {
    flex: 1;
    display: flex;
    align-items: center;
}

.culture>div:nth-child(2n) {
    flex-direction: row-reverse;
}

.culture>div:nth-child(2n) .culture_left {
    margin-left: 5%;
    margin-right: 0;
}

.culture_left h3 {
    color: #c08e41;
    margin-bottom: 4%;
    padding-bottom: 4%;
    position: relative;
}

.culture_left h3::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    height: 2px;
    width: 15%;
    background-color: #ccc;
}

.culture_left p {
    line-height: 1.8;
    color: #5a5a5a;
}

.culture_left p strong {
    font-weight: bold;
}


.culture_right img {
    width: 100%;
}

.certificate {
    padding: 6% 0;
    background-color: #fafafa;
}


.certificate_title h4:first-child {
    color: #999;
    margin-bottom: 0;
}

.certificate>span {
    height: 5px;
    width: 42px;
    background-color: #c08e41;
    margin: 3% auto;
    display: block;
    
}

.certificate .swiper .swiper-slide {
    display: flex;
    align-items: center;
}

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

.history {
    padding: 6% 0;
    background-color: #fafafa;
}

.history>div img {
    width: 100%;
    margin-bottom: 4%;
}

.solution {
    padding: 6% 0;
}

.solution_title {
    display: flex;
    margin-bottom: 4%;
}

.solution_title_left {
    width: 45%;
    margin-right: 5%;
}

.solution_title_right {
    align-self: end;
    flex: 1;
}

.solution_title_left>span {
    display: flex;
    align-items: center;
    color: #cc0000;
    margin-bottom: 8%;
}

.solution_title_left>span svg {
    color: #c08e41;
    margin-right: 5px;
}

.solution_title_left>h3 {
    color: #333;
    margin-bottom: 2%;
    font-weight: bold;
}

.solution_title_left>h4 {
    color: #cc0000;
    font-weight: bold;
}

.solution_title_right p {
    line-height: 1.5;
    color: #5a5a5a;
}

.solution_box {
    display: flex;
    align-items: center;
    font-size: 0;
    flex-direction: row-reverse;
}


.solution_box_left {
    width: 50%;
    margin-left: 5%;
}

.solution_box_right {
    flex: 1;
}

.solution_box:nth-child(2n) {
    flex-direction: row;
}

.solution_box:nth-child(2n) .solution_box_left {
    margin-left: 0;
    margin-right: 5%;
}

.solution_box_left img {
    width: 100%;
}

.solution_box_right h2 {
    color: #000;
    margin-bottom: 3%;
    font-weight: bold;
}

.solution_box_right p {
    line-height: 1.5;
    color: #888;
    margin-bottom: 4%;
}


.solution_box_right .more_button {
    background-color: transparent;
    border: 3px solid #c08e41;
    color: #c08e41;
}

.solution_box_right .more_button svg path {
    fill: #c08e41;
    transition: .5s;
}

.solution_box_right .more_button:hover {
    background-color: #c08e41;
    color: #fff;
}

.solution_box_right .more_button:hover svg path {
    fill: #fff;
}

.productlist {
    padding: 6% 0;
}

.productlist>div {
    display: flex;
}

.productlist_left {
    width: 20%;
    margin-right: 3%;
}

.productlist_right {
    flex: 1;
}

.search {
    width: 100%;
    padding: 6% 12%;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    margin-bottom: 6%;
}

.search input {
    flex: 1;
    width: 0;
    margin-right: 10%;
    border: none;
    color: #666;
}

.search button {
    cursor: pointer;
    border: none;
    color: #666;
    background-color: transparent;
}

.productlist_nav {
    width: 100%;
    padding: 12%;
    border: 1px solid #ddd;
}

.productlist_nav>span {
    font-weight: bold;
    margin-bottom: 12%;
    display: block;
    color: #5a5a5a;
}

.productlist_nav>ul {
    width: 100%;
    display: flex;
    flex-direction: column;

}

.productlist_nav>ul li {
    padding: 6%;
    border-bottom: 1px solid #ddd;
}

.productlist_nav>ul li:last-child {
    border-bottom: none;
}

.productlist_nav>ul li a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    line-height: 1.5;
    color: #333;
}

.productlist_nav>ul li a:hover {
    color: #cc0000;
}

.productlist_right {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

.productlist_right .product_box {
    width: 31.66%;
    margin-right: 2.5% !important;
    margin-bottom: 2.5%;
    border-width: 3px;
}

.productlist_right .product_box:hover {
    border-color: #c08e41;
}

.productlist_right .product_box:nth-child(3n) {
    margin-right: 0 !important;
}

.productlist_right .product_box h2 {
    font-weight: bold;
}

.page {
    width: 100%;
    margin-top: 6%;
    align-self: flex-end;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page>* {
    margin: 0 3px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #808080;
}


.page>a {
    border: 1px solid #ccc;
    border-radius: 3px;
}

.page>a>span {
    transform: translateY(-5%);
}

.page>a:hover {
    background-color: #c08e41;
    color: #fff;
    border-color: #c08e41;
}

.page>.page-num-current {
    background-color: #c08e41;
    color: #fff;
    border-color: #c08e41;
    font-weight: bold;
}

.product_detail {
    padding: 4% 0;
}

.product_detail_top {
    border: 1px solid #ddd;
    padding: 4%;
}

.product_detail_top h1 {
    color: #333;
    margin-bottom: 3%;
    font-weight: bold;
}

.product_detail_top>div {
    display: flex;
    justify-content: space-between;
    border: 1px solid #ddd;
}

.product_detail_img {
    border-right: 1px solid #ddd;
    padding: 4%;
    font-size: 0;
    width: 40%;
}

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

.product_detail_top>div>span {
    width: 1px;
    margin: 0 4%;
    /* align-self: stretch; */
    display: flex;
    align-items: center;
    height: auto;
    flex-shrink: 0;
    position: relative;
}

.product_detail_top>div>span::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 60%;
    background-color: #ddd;
}

/* .product_detail_top>div>span */

.product_detail_content {
    border-left: 1px solid #ddd;
    padding: 1.5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 2;
    color: #666;
}

.product_detail_content * {
    line-height: inherit;
    font-size: inherit;
    color: inherit;
    font-family: inherit;
}

.product_detail_bottom {
    padding: 1.5%;
    border: 1px solid #ddd;
    margin-top: 3%;
}

.product_detail_bottom>span {
    width: 100%;
    display: block;
    font-weight: bold;
    margin-bottom: 2%;
}

.product_detail_bottom>ul {
    display: flex;
    flex-wrap: wrap;
}

.product_detail_bottom>ul li {
    width: 15%;
    margin-right: 2%;
    margin-bottom: 2%;
}

.product_detail_bottom>ul li:nth-child(6n) {
    margin-right: 0;
}

.services {
    padding: 6% 0;
}

.services>div {
    display: flex;
}

.services_left {
    width: 70%;
    margin-right: 2%;
}

.services_right {
    flex: 1;
}

.services_left>img {
    width: 100%;
    margin-bottom: 2%;
}

.services_title {
    display: flex;
    align-items: center;
    margin-bottom: 4%;
    padding-bottom: 3%;
    border-bottom: 1px solid #e5e5e5;
}


.services_title h4 {
    width: 26%;
    margin-right: 2%;
    color: #c08e41;
    line-height: 1.2;
}

.services_title p {
    flex: 1;
    line-height: 1.5;
    color: #888;
}


.services_left .swiper {
    width: 100%;
}

.services_left .swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;    
}

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

.services_right .search {
    width: 100%;
    margin-bottom: 16%;
    padding: 5% 10%;
}

.services_nav  {
    width: 100%;
    border: 1px solid #ddd;
    padding: 10%;
    margin-bottom: 16%;
}

.services_nav span {
    color: #5a5a5a;
    font-weight: bold;
    margin-bottom: 6%;
    display: block;
}


.services_news {
    width: 100%;
    border: 1px solid #ddd;
    padding: 10%;
}

.services_news>span {
    margin-bottom: 8%;
    color: #5a5a5a;
    font-weight: bold;
    display: block;
}

.services_news>div {
    width: 100%;
    padding-bottom: 8%;
    margin-bottom: 8%;
    border-bottom: 1px dashed #ddd;
    display: flex;
}

.services_news>div:last-child {
    margin-bottom: 0;
}

.services_news_left {
    width: 30%;
    margin-right: 6%;
    display: block;
    flex-shrink: 0;
    overflow: hidden;
}

.services_news_left img {
    width: 100%;
    min-height: 100%;
    position: relative;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.services_news_right h2 {
    color: #5a5a5a;
    margin-bottom: 4%;
}

.services_news_right span {
    color: #929292;
}

.newslist {
    padding: 6% 0;
}

.newslist>div {
    display: flex;
}

.newslist_left {
    width: 68%;
    margin-right: 4%;
    flex-shrink: 0;
    padding: 3%;
    border: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
}

.newslist_box {
    width: 100%;
    margin-bottom: 3%;
    padding-bottom: 2%;
    border-bottom: 1px dashed #ddd;
}

.newslist_box h2 {
    color: #333;
    margin-bottom: 2%;
    line-height: 1.2;
    margin-bottom: 4%;
}

.newslist_box h2:hover {
    color: #c08e41;
}

.newslist_box>div {
    display: flex;
}

.newslist_box>div>a {
    width: 26%;
    margin-right: 4%;
    display: block;
    overflow: hidden;
    font-size: 0;
}

.newslist_box>div>a img {
    width: 100%;
    transition: .5s;
}

.newslist_box>div>a:hover img {
    scale: 1.2;
}

.newslist_box>div p {
    flex: 1;
    color: #999;
    line-height: 1.8;
}

.newslist_box>span {
    color: #929292;
    text-align: right;
    width: 100%;
    display: block;
    margin-top: 2%;
}

.newslist_right .search {
    margin-bottom: 8%;
}

.news_detail {
    padding: 4% 0;
}

.news_detail>div {
    display: flex;

}

.news_detail_left {
    width: 68%;
    margin-right: 4%;
    flex-shrink: 0;
    border: 1px solid #ddd;
    padding: 3%;
}

.news_detail_left h1 {
    font-weight: bold;
    margin-bottom: 3%;
    color: #000;
}

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

.news_info>span {
    display: block;
    margin-right: 3%;
    color: #5a5a5a;
    display: flex;
    align-items: center;
}

.news_info>span span {
    margin-right: 3px;
    display: block;
}

.news_info>span:last-child {
    margin-right: 0;
}

.news_detail_left>span {
    display: block;
    width: 100%;
    height: 12px;
    border: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    margin-bottom: 3%;
}

.news_content {
    width: 100%;
    color: #333;
    line-height: 1.8;
}

.news_content * {
    color: inherit;
    line-height: inherit;
    font-size: inherit;
    font-family: inherit;
    max-width: 100%;
}

.news_content {
    width: 100%;
    color: #333;
    line-height: 1.8;
}

.job_top {
    padding: 4% 0;
}

.job_top .about_title h4 {
    margin-bottom: 3%;
    text-align: center;
}

.job_info {
    display: flex;
    margin-top: 4%;
}

.job_info>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    margin: 0 4%;
}

.job_info>div img {
    height: 60px;
}

.job_info>div h4 {
    text-align: center;
    line-height: 1.2;
    font-weight: bold;
    margin: 6% 0;
    color: #000;
}

.job_info>div p {
    text-align: center;
    color: #888;
}

.job_mid {
    padding: 4% 0;
    background-color: #f5f5f5;
}

.job_mid .about_title h4 {
    margin-bottom: 1%;
}

.job_mid .job_content>div {
    display: flex;
    margin-bottom: 4%;
}

.job_mid .job_content>div:last-child {
    margin-bottom: 0;
}

.job_content_left {
    width: 72px;
    height: 52px;
    flex-shrink: 0;
    margin-right: 3%;
    border: 2px solid #999;
    position: relative;
}

.job_content_left>div {
    position: absolute;
    width: 70%;
    background-color: #fafafa;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 5px;
    height: 110%;
    transform: translateX(-50%);
    left: 50%;
    bottom: 20%;
}

.job_content_left>div span {
    color: #cc0000;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 5px;
}

.job_content_left>div p {
    color: #999;
    line-height: 1;
}

.job_content_right {
    flex: 1;
    flex-wrap: wrap;
}

.job_content_right h2 {
    color: #c08e41;
    width: 100%;
    margin-bottom: 2%;
    font-weight: bold;
}

.job_content_right>div {
    color: #999;
    line-height: 1.8;
}

.job_content_right>div strong {
    font-weight: bold;
}

.job_content_right {
    display: flex;
}

.job_bottom {
    padding: 4% 0;
}

.job_bottom>div {
    display: flex;
    justify-content: space-between;
}

.job_bottom_left {
    width: 56%;
    margin-right: 8%;
}

.job_bottom_left img {
    width: 100%;
}

.job_bottom_right {
    border: 1px solid #ddd;
    padding: 2.5% 2%;
    max-width: 320px;
}

.job_bottom_right>span {
    font-weight: bold;
    color: #5a5a5a;
    display: block;
    margin-bottom: 6%;
    width: 100%;
}

.job_bottom_right>p {
    color: #5a5a5a;
    line-height: 1.5;
}

.job_bottom_right>p:last-child {
    font-weight: bold;
    margin-top: 12%;
}

.contact {
    padding: 6% 0;
}

.contact>div>img {
    width: 100%;
    margin-bottom: 4%;
}

.contact_content {
    display: flex;
}

.contact_content_left {
    width: 46%;
    margin-right: 8%;
}

.contact_content_right {
    flex: 1;
}

.contact_content>div h4 {
    color: #000;
    margin-bottom: 4%;
}

.contact_content>div p {
    line-height: 1.5;
    color: #5a5a5a;
}

.contact_content_left form {
    margin-top: 4%;
    width: 100%;
    max-width: 320px;
}

.contact_content_left form span {
    color: #5a5a5a;
    margin-bottom: 2%;
    display: block;
}

.contact_content_left form input {
    border: 1px solid #00aff1;
    height: 38px;
    width: 100%;
    padding: 0 3%;
    margin-bottom: 8%;
}

.contact_content_left form textarea {
    border: 1px solid #00aff1;
    height: 60px;
    width: 100%;
    padding: 1.5% 3%;
    margin-bottom: 6%;
}

.contact_content_left form button {
    width: 100%;
    background-color: #00aff1;
    border: none;
    color: #fff;
    height: 40px;
    cursor: pointer;
}

.rd_top {
    padding: 4% 0;
}

.rd_top .title2 {
    margin-bottom: 2%;
}

.rd_top .title2 h3 {
    color: #cc0000;
    margin-bottom: 1%;
    text-align: center;
    font-weight: bold;
}

.rd_top .title2 h4 {
    color: #cc0000;
    color: #c08e41;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
}

.rd_top .title2 h4::before {
    content: "";
    height: 1px;
    width: 20%;
    display: block;
    background-color: #e5e5e5;
    margin-right: 10px;
}

.rd_top .title2 h4::after {
    content: "";
    height: 1px;
    width: 20%;
    display: block;
    background-color: #e5e5e5;
    margin-left: 10px;
}

.rd_top_desc {
    color: #5a5a5a;
    line-height: 2;
}

.rd_top_desc * {
    color: inherit;
    line-height: inherit;
    font-size: inherit;
    font-family: inherit;
}


.rd_mid {
    padding: 4% 0;
    background-color: #f8f8f8;
}

.rd_mid>div {
    display: flex;
}

.rd_mid_left>h2 {
    color: #c08e41;
    line-height: 1.2;
    margin-bottom: 5px;
}

.rd_mid_left>span {
    background-color: #cc0000;
    height: 4px;
    width: 30px;
    display: block;

}

.rd_mid_left>div {
    line-height: 1.5;
    color: #5a5a5a;
    margin: 8% 0;
}

.rd_mid_left>div * {
    color: inherit;
    line-height: inherit;
    font-size: inherit;
    font-family: inherit;
}

.rd_mid_left>a {
    width: 200px;
    height: 40px;
    border: 1px solid #c08e41;
    color: #c08e41;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    transition: .5s;
}

.rd_mid_left>a:hover {
    border-color: #cc0000;
    color: #cc0000;
}

.rd_mid_left {
    width: 50%;
    margin-right: 6%;
}

.rd_mid_right {
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

.rd_mid_right .rdimg {
    width: 48%;
    margin-right: 4%;
    margin-top: 4%;
}

.rd_mid_right .rdimg:nth-child(2n) {
    margin-right: 0;
}

.rd_mid_right .rdimg:nth-child(1), .rd_mid_right .rdimg:nth-child(2) {
    margin-top: 0;
}


.rd_mid_right .rdimg img {
    width: 100%;
}

.rdFloat {
    width: 120px;
    height: 120px;
    background-color: #f8f8f8;
    border-radius: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rdFloat::after {
    content: "R&D";
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    color: #fff;
    width: 70%;
    height: 70%;
    background-color: #cc0000;
    border-radius: 50%;
}

.rd_bottom {
    padding: 4% 0;
}

.rd_bottom>div {
    background-color: #000;
    padding: 4% 0;
}

.qc {
    padding: 6% 0;
}

.qc>div {
    display: flex;
}

.qc_left {
    width: 50%;
    margin-right: 4%;
    display: flex;
    flex-direction: column;
}

.qc_right {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}


.qc_tip {
    width: 84px;
    height: 52px;
    flex-shrink: 0;
    margin-right: 3%;
    border: 2px solid #999;
    position: relative;
}

.qc_tip>div {
    position: absolute;
    width: 70%;
    background-color: #fafafa;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 5px;
    height: 110%;
    transform: translateX(-50%);
    left: 50%;
    bottom: 20%;
}

.qc_tip>div span {
    color: #cc0000;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 5px;
}

.qc_tip>div p {
    color: #999;
    line-height: 1;
}

.qc_left .swiper {
    margin-top: 12%;
}

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

.qc_left .swiper .swiper-pagination {
    display: flex;
    justify-content: right;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-top: 6px;
    background-color: #000;
    bottom: 0;
}

.qc_left .swiper .swiper-pagination>span {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff50;
    color: #fff;
    opacity: 0.5;
    font-size: 12px;
}

.qc_left .swiper .swiper-pagination>.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #ff6600;
}

.qc_title {
    margin-bottom: 5%;
}

.qc_right h4 {
    color: #cc0000;
    margin-bottom: 1%;
    font-weight: bold;
}

.qc_right h3 {
    color: #c08e41;
    font-weight: bold;
}

.qc_content {
    flex: 1;
    margin-bottom: 6%;
    color: #999;
    line-height: 1.8;
}

.qc_content * {
    font-size: inherit;
    color: inherit;
    font-family: inherit;
    line-height: inherit;
}

.qc_info {
    display: flex;
    margin-bottom: 6%;
}

.qc_info>div {
    flex: 1;
    margin-right: 4%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.qc_info>div>span {
    display: block;
    margin-bottom: 8px;
    color: #c08e41;
}

.qc_info>div>p {
    color: #cc0000;
}

.qc_info>div:last-child {
    margin-right: 0;
}

.qc_right>a {
    align-self: flex-end;
    background-color: #000;
    color: #999;
    display: block;
    padding: 4px 6px;
    margin-right: 10%;
    margin-bottom: 2%;
    position: relative;
    transition: .5s;
}

.qc_right>a::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 300%;
    left: 0;
    top: 140%;
    background-color: #ccc;
}


.qc_right>a:hover {
    background-color: #cc0000;
}

.qc_right>a:hover {
    color: #fff;
}

.productlist_nav_more {
    display: none;
}


@media screen and (max-width: 1200px) {
    .banner .swiper {
        height: auto;
    }

    .banner .swiper .swiper-slide {
        height: auto !important;
    }

    .banner .swiper .swiper-slide img {
        width: 120%;
        min-height: auto;
    }

    .marketing_bottom img {
        width: 114%;
    }

    .nbanner .swiper .swiper-slide .split_contain {
        width: 200vw;
    }
}

@media screen and (max-width: 1025px) {
    .header_more {
        display: block;
        height: 40%;
    }

    .header_more svg {
        height: 100%;
        width: auto;
    }

    .header_right {
        position: relative;
        justify-content: right;
    }

    .header_nav {
        position: absolute;
        top: 100%;
        right: 0;
        flex-direction: column;
        background-color: #fff;
        width: 40vw;
        min-width: 200px;
        min-height: 0;
        height: 0;
        overflow: hidden;
        transition: .5s;
    }

    .navHeight {
        height: 80vw;
        min-height: 400px;
        overflow: visible;
    }
    

    .header_nav li {
        flex: 1;
        width: 100%;
        overflow: visible;
    }

    .header_nav li a {
        flex: 1;
        height: 100%;
        width: 100%;
    } 

    .header_nav>li ul {
        top: 0;
        right: 100%;
        left: auto;
        transform: translate(0, 0);
        width: 50%;
        padding: 2% 4%;
        background-color: #fff;
        z-index: 99;
    }


    .rd_mid_left>a {
        width: 160px;
        height: 32px;
    }

    
}

@media screen and (max-width: 769px) {
    .banner .bmask {
        padding: 0 10%;
    }

    .banner .swiper-button-next, .banner .swiper-button-prev {
        display: none;
    }

    .banner .bmask p {
        display: none;
    }

    .banner .bmask a {
        width: 100px;
        height: 30px;
    }

    .about_top {
        flex-wrap: wrap;
    }

    .about_right {
        flex: auto;
    }

    .about_left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 6%;
    }


    .about_bottom {
        border-width: 2px;
        flex-wrap: wrap;
    }

    .about_bottom>div {
        width: 48%;
        flex: auto;
        margin: 4% 0;
        margin-right: 4%;
    }

    .about_bottom>div:nth-child(2n) {
        margin-right: 0;
    }
    

    .more_button {
        width: 90px;
        height: 36px;
    }

    .products_box {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }

    .products_box:nth-child(3n) {
        margin-right: 4%;
    }

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

    .products_box_left {
        flex-shrink: 0;
    }

    .solutions_bottom {
        flex-wrap: wrap;
    }

    .solutions_box {
        width: 48%;
        height: 60vw;
        margin-right: 4%;
        margin-bottom: 4%;
    }

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

    .product_box {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }

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

    .partners_right {
        display: none;
    }

    .partners_left {
        width: 100%;
        padding-bottom: 4%;
    }

    .news_bottom {
        flex-wrap: wrap;
    }

    .news_box {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }

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

    .news_box .nimg {
        height: 34vw;
    }

    .jobs>div {
        flex-direction: column;
    }

    .ititle_top>div {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4%;
    }

    .ititle_top>a {
        transform: translateY(0);
        align-self: flex-start;
    }

    .foot_top_2, .foot_top_3, .foot_top_4, .foot_top_1>span, .foot_top_1>p {
        display: none;
    }

    .foot_top_1 {
        width: 100%;
    }

    .foot_top_1>img {
        max-width: 150px;
    }

    .header {
        height: 70px;
    }

    .about_num>div {
        flex-wrap: wrap;
    }

    .about_num>div>div {
        width: 48%;
        margin: 4% 0;
        margin-right: 4%;
        flex: auto;
    }

    .about_num>div>div:nth-child(2n) {
        margin-right: 0;
    }

    .about_num>div>div img {
        width: 15%;
        min-width: 36px;
    }

    .solution_title {
        flex-wrap: wrap;
    }

    .solution_title_left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4%;
    }

    .solution_title_right {
        align-self: flex-start;
    }

    .solution_title_left>span {
        margin-bottom: 4%;
    }

    .solution_box {
        flex-wrap: wrap;
    }

    .solution_box_left {
        width: 100%;
        margin: 0 !important;
    }

    .solution_box_right {
        margin: 4% 0;
    }

    .productlist>div {
        flex-wrap: wrap;
    }

    .productlist_left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4%;
    }

    .search {
        padding: 4%;
    }

    .productlist_nav {
        padding: 2% 4%;
        display: flex;
        justify-content: space-between;
        position: relative;
    }

    .productlist_nav>span {
       margin-right: 4%;
       margin-bottom: 0;
       display: flex;
       align-items: center;
       
    }

    .productlist_nav_more {
        display: block;
        display: flex;
        align-items: center;
        justify-content: right;
    }

    .productlist_nav_more svg {
        height: 50%;
        width: auto;
    }

    .productlist_nav>ul {
        position: absolute;
        width: 100%;
        top: 100%;
        right: 0;
        background-color: #fff;
        border: 1px solid #ddd;
        height: 0;
        overflow: hidden;
        transition: .5s;
    }

    .productlist_nav>ul li {
        padding: 3%;
    }

    .productsNavH {
        height: 30vh !important;
        overflow: scroll !important;
    }

    .productlist_right .product_box {
        width: 48%;
        margin-right: 4% !important;
        margin-bottom: 4%;
    }

    .productlist_right .product_box:nth-child(3n) {
        margin-right: 4% !important;
    }

    .productlist_right .product_box:nth-child(2n) {
        margin-right: 0 !important;
    }

    .page>* {
        width: 20px;
        height: 20px;
    }

    .services_news {
        display: none;
    }

    .services>div {
        flex-direction: column-reverse;
    }

    .services_left {
        margin-right: 0;
        width: 100%;
    }

    .services_right {
        width: 100%;
        margin-bottom: 4%;
    }

    .services_right .search {
        padding: 4%;
        margin-bottom: 4%;
    }

    .services_nav {
        padding: 4%;
        margin-bottom: 0;
        display: flex;
        overflow: scroll;
    }

    .services_nav span {
        margin-bottom: 0;
        margin-right: 4%;
        white-space: nowrap;
    }

    .job_info {
        flex-direction: column;
    }

    .job_info>div {
        margin-bottom: 4%;
    }

    .job_content_left {
        width: 54px;
        height: 42px;
        border-width: 1px;
    }

    .job_bottom>div {
        flex-wrap: wrap;
    }

    .job_bottom_left {
        margin-right: 0;
        width: 100%;
        margin-bottom: 4%;
    }

    .job_bottom_right {
        max-width: none;
        width: 100%;
    }

    .job_bottom_right>span {
        margin-bottom: 2%;
    }

    .job_bottom_right>p:last-child {
        margin-top: 4%;
    }

    .newslist>div {
        flex-direction: column-reverse;
    }

    .services_news {
        display: none;
    }

    .newslist_right .search {
        margin-bottom: 0;
        padding: 4%;
    }

    .newslist_left {
        margin-right: 0;
        width: 100%;
    }

    .contact_content {
        flex-direction: column-reverse;
    }

    .contact_content_left {
        width: 100%;
        margin-right: 0;
    }

    .contact_content_right {
        margin-bottom: 4%;
    }

    .contact_content_left form {
        max-width: none;
    }

    .contact_content_left form input {
        margin-bottom: 4%;
    }

    .contact_content_left form textarea {
        margin-bottom: 3%;
    }

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

    .rd_mid>div {
        flex-wrap: wrap;
    }

    .rd_mid_left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4%;
    }

    .rd_mid_right {
        width: 100%;
        flex: auto;
    }

    .rd_mid_left>div {
        margin: 4% 0;
    }

    .rd_mid_left>a {
        width: 120px;
        height: 26px;
    }

    .qc>div {
        flex-wrap: wrap;
    }

    .qc_left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4%;
    }

    .qc_right {
        width: 100%;
        flex: auto;
    }

    .qc_left .swiper {
        margin-top: 4%;
    }

    .qc_title {
        margin-bottom: 3%;
    }
    
    .qc_content {
        margin-bottom: 4%;
    }

    .qc_info {
        margin-bottom: 6%;
    }

    .qc_tip {
        width: 64px;
        height: 42px;
        border-width: 1px;
    }

    .culture>div {
        flex-direction: column !important;
    }

    .culture_left {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 4%;
        width: 100%;
    }

    .culture>div {
        flex-wrap: wrap;
    }

    .culture_left {
        width: 100%;
        margin-right: 0;
    }

    .culture_right {
        width: 100%;
    }

    .product_detail_bottom>ul li {
        width: 32%;
    }

    .product_detail_bottom>ul li:nth-child(3n) {
        margin-right: 0;
    }

    .product_detail_top>div>span {
        display: none;
    }

    .product_detail_top>div {
        flex-wrap: wrap;
    }

    .product_detail_img {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #ddd;
    }

    .product_detail_content {
        width: 100%;
        padding: 4% 3%;
    }

    .news_detail>div {
        flex-direction: column-reverse;
    }

    .news_detail_left {
        margin-right: 0;
        width: 100%;
    }
}


@media screen and (max-width: 426px) {
    .more_button {
        width: 70px;
        height: 30px;
    }

    .header {
        height: 60px;
    }

    .page>* {
        width: 16px;
        height: 16px;
        margin: 0 2px;
    }

    .job_content_left {
        width: 40px;
        height: 30px;
    }

    
    .rd_mid_left>a {
        width: 90px;
        height: 22px;
    }

    
    .qc_tip {
        width: 54px;
        height: 32px;
    }
}

@media screen and (max-width: 321px) {
    
}