﻿@charset "utf-8"; 
:root {--color: #BE0000;--fontfamily:Calibri,arial}
#indexbanner #video{width: 100%;}
@media (min-width:1025px){header .header-nav{background: #0000;}
header .header-info{display:none}
.headerscroll{background-image: linear-gradient(#797979, #e4e4e400);}
header{max-width:1920px;margin:0 auto;top: 0 !important;background-image: linear-gradient(#797979, #e4e4e400);border-bottom: none;box-shadow: none;}
.index header:not(.is-active) .head-info{background: #fff0;}
.index header:not(.is-active) .head-nav .nav-ul>li>a{color:#fff}
.index header:not(.is-active) .head-logo a{background:url(/uploads/42158/page/p2024061217015913ba2.png) no-repeat center;background-size:100%;}
.index header:not(.is-active) .head-logo a img{visibility:hidden}
.index header:not(.is-active) .head-nav .nav-ul>li:hover>a{color:var(--color)}
body.index{padding-top:0;}
body {padding-top:92px;}
.head-nav .nav-ul>li:hover>a{background: none;}
.head-nav .nav-ul>li>a.inmenu_1{background: none!important;}
body:not(.index) header .head-info,header.is-active .head-info{background:#e5e5e5;}}
@media (max-width:1024px){.head-info{background:#e5e5e5;}}
.head-logo{height:100%;}
.head-logo a{height:100%;}
.head-logo a img{max-height:70%;height:40px;object-fit:contain}
.head-top{display: none;}
.home-swiper-text{position: absolute;top: 50%;transform: translateY(-50%);left: 10%;width: 32%;}
.home-swiper-text h5{font-weight: bold;font-size: 40px;color: #FEFCFC;line-height: 75px;text-align: center;}
.home-swiper-btn{display: flex;justify-content: space-evenly;margin-top: 45px;}
.home-swiper-btn a {padding: 0 42px;height: 60px;line-height: 60px;border-radius: 35px;font-size: 18px;}
.home-swiper-btn a:nth-of-type(1){background: var(--color);color:#fff;}
.home-swiper-btn a:nth-of-type(2){background: #fff;color:#000;}
.l-container{max-width:1440px;margin:0 auto}
.home-icon .l-container{overflow: hidden;}
.home-iconmySwiper{padding: 30px 0;}
.home-flow{padding:70px 0 50px;background:#f0f0f0}
.home-flow-title h5{font-weight:700;font-size:40px;color:#000;line-height:1;text-align:center;text-transform: uppercase;}
.home-flow-title h5 em{color:var(--color);font-style: normal;}
.home-flow-title span{width:220px;height:5px;display:flex;justify-content:center;background:var(--color);margin:30px auto 20px}
.home-flow-title p{font-weight:400;font-size:22px;color:#040000;line-height:1.25;text-align:center;max-width:80%;margin:0 auto 30px}
.flow-text{width:100%;height:100%;padding:48px 30px;box-sizing:border-box;background:#c1c1c1;display:flex;flex-direction:column;justify-content:space-between}
.flow-text h5{font-weight:700;font-size:32px;color:#fcf9f9;line-height:1;margin-bottom:5px}
.flow-text p{font-weight:400;font-size:22px;color:#040000;line-height:1.5}
.flow-btn{margin-top:15px;text-align:end}
.flow-btn a{font-weight:400;font-size:22px;color:#fff;line-height:1}
.casting-item{display:flex;flex-wrap:wrap}
.casting-box{width:25%;position: relative;overflow: hidden;}
.casting-img{display: flex;justify-content: space-between;align-items: center;height: 100%;}
.casting-img img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all .3s ease-in-out;}
.home-casting{padding:90px 0}
.casting-btn{position: absolute;width: 100%;height: 100%;background: #0006;top: 0;left: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 20px;opacity: 0;transition: all .3s ease-in-out;}
.casting-btn p{font-weight: 400;font-size: 24px;color: #FDFBFB;text-align: center;line-height: 1.5;margin-bottom: 15px;}
.casting-btn a{color: #fff;font-size: 20px;line-height: 1;padding: 10px 30px;border-radius: 30px;border: 1px solid #fff;}
.casting-box:hover img{transform: scale(1.05);}
.casting-box:hover .casting-btn{opacity: 1;}
.about-botton{display: flex;justify-content: space-between;margin-top: 85px;padding-bottom: 50px;}
.about-top{display: flex;align-items: center;}
.about-left{width: 50%;padding-right: 50px;}
.about-right{width: 50%;}
.home-abouts{background: url(/Content/uploads/20241054721/20241113094610b996aa7a8aea4857ab1f4c1ee41a78a8.webp)center no-repeat fixed;padding-top: 4%;position: relative;}
.home-abouts:before{content:'';width:100%;height:100%;background:rgb(39 39 39 / 40%);display:block;position:absolute;top:0;left:0;z-index:1;}
.home-abouts .l-container{position:relative;z-index:2;}
.about-left h5{font-weight: bold;font-size: 40px;color: #fff;line-height: 1;margin-bottom: 35px;text-transform: uppercase;}
.about-left h5 em{color: var(--color);font-style: normal;}
.about-left p{font-weight: 400;font-size:var(--fontsize18);color: #fff;text-align:center;}
.about-btn{display: flex;margin-top: 35px;}
.about-btn a{font-size: 24px;padding: 17px 30px;line-height: 1;background: var(--color);border-radius: 30px;color: #fff;}
.about-ioc-math{display: flex;align-items: center;justify-content: center;}
.about-ioc-math p{color: var(--color);font-size:var(--fontsize22);line-height: 1;font-weight: 600;}
.about-ioc{display: flex;flex-direction: column;align-items: center;width:16%;}
.about-ioc-img{margin-bottom: 25px;}
.about-ioc-img img{transition: all .3s ease-in-out;max-height:40px;}
.about-ioc-text{font-size: 26px;line-height: 1;margin-top: 10px;color:#fff;}
.about-contant{box-shadow: 0px 5px 18px 2px rgba(0,0,0,0.1);background: #ffff;width: 90%;margin: 0 auto;padding: 45px 110px;}
.about-contant p:nth-of-type(1){font-size: 28px;text-align: center;font-weight: 600;line-height: 1.25;}
.about-contant h4{font-size: 32px;text-align: center;margin-top: 25px;}
.about-contant h4 em:nth-of-type(1){color: var(--color);}
.about-contant h4 em:nth-of-type(2){color: #323C99;}
.home-icon-item{display: flex;justify-content: space-between;}
.home-icon{padding: 50px 0;}
.home-icon-img{display: flex;align-items: center;justify-content: center;padding: 0 15%;}
.home-icon-img img{display: block;max-width:170px;width: auto;max-height:60px;}
.home-application{margin-top: 60px;padding-bottom: 85px;}
.home-application-item{display: flex;justify-content: space-between;}
.application-image img{display: block;width: 100%;height: 280px;transition: all .3s ease-in-out;}
.application-box{box-shadow: 0px 3px 18px 2px rgba(0,0,0,0.2);background: #fff;transition: all .3s ease-in-out;overflow: hidden;width: 23.5%;}
.application-img{padding: 35px 35px 0 35px;}
.application-img p{font-size: 24px;color: #040000;line-height: 1;margin: 25px 0;}
.application-img img{height: 80px;}
.application-box:hover .application-img img{filter: grayscale(200%) brightness(500%);}
.home-products-item{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 70px;}
.home-products-box{width: 48.5%;margin-bottom: 3%;display: flex;align-items: center;box-shadow: 0px 10px 16px 4px rgba(0,0,0,0.1);padding: 30px 35px;box-sizing: border-box;border-radius: 15px;overflow: hidden;background: #fff;}
.home-products{padding: 100px 0;background: #F0F0F0;}
.home-products-img{width: 45%;}
.home-products-img img{transition: all .3s ease-in-out;}
.home-products-text{width: 55%;padding-left: 30px;box-sizing: border-box;}
.home-products-tab h5{font-weight: bold;font-size: 24px;color: #040000;line-height: 1;}
.home-products-tab span{display: block;width: 100px;height: 5px;background: #D1354A;margin: 15px 0;}
.home-product-p{font-weight: 400;font-size: 22px;color: #040000;line-height: 1.5;}
.home-product-p a{-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;display: -webkit-box;font-size: 20px;}
.home-products-btn a{font-size: 20px;line-height: 1;padding: 10px 30px;background: var(--color);display: inline-block;border-radius: 25px;color: #fff;margin-top: 20px;}
.home-advan-all{display: flex;justify-content: space-between;margin-top: 80px;}
.home-advan-box{width: 19%;display: flex;flex-direction: column;align-items: center;}
.home-advan-img img{height: 100px;display: block;transition: all .3s ease-in-out;}
.home-advan-text h4{font-size: 26px;line-height: 1;text-align: center;margin: 20px 0;font-weight: 700;}
.home-advan-text p{font-size: 20px;line-height: 1.25;text-align: center;max-width: 100%;margin: 0 auto;}
.home-advantages{padding: 70px 0;}
.home-news{padding:3.5% 0}
.home-news .swiper{padding:50px 0}
.home-news .newslist{display:flex;align-items:center}
.home-news .newslist .newsitem{overflow:hidden;margin-right:2%;width:23.5%;border-radius:var(--border);transition:all .2s ease;transform:translateY(0)}
.home-news .newslist .newsitem .img{position:relative;display:inline-block;width:100%;border:1px solid #dedee5}
.home-news .newslist .newsitem .img::before{position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;background-color:rgba(0,0,0,0);content:"";transition:all .2s ease}
.home-news .newslist .newsitem .info{position:relative;border:1px solid #dedee5;border-top:none;background-color:#fff;transform: translateY(-9px);}
.home-news .newslist .newsitem .info .inter{position:relative;display:flex;box-sizing:border-box;padding:14px 10px;background-color:#fafafb;align-items:center;justify-content:flex-end}
.home-news .newslist .newsitem .info .inter .date{position:absolute;bottom:0;left:-1px;display:flex;width:68px;height:78px;background-color:var(--color);color:#fff;align-items:center;justify-content:center;flex-direction:column}
.home-news .newslist .newsitem .info .inter .date .day{font-weight:var(--fontbold5);font-size:26px;line-height:1}
.home-news .newslist .newsitem .info .inter .date::before{position:absolute;top:-11px;right:-11px;border:11px solid transparent;border-bottom:11px solid var(--color);content:"";opacity:.8}
.home-news .newslist .newsitem .info .inter .btn{display:inline-flex;width:110px;height:40px;border:1px solid transparent;border-radius:var(--border);transition:all .2s ease;align-items:center;justify-content:center;font-size: 20px;}
.home-news .newslist .newsitem .info .text{padding: 20px}
.home-news .newslist .newsitem .info .text p{display:-webkit-box;overflow:hidden;opacity:.6;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size: 18px;}
.home-news .newslist .newsitem .info .title{display:inline-block;display:-webkit-box;overflow:hidden;margin-bottom:10px;font-weight:var(--fontbold5);font-size:20px;line-height:30px;transition:all .2s ease;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-news .newslist .newsitem:hover{transform:translateY(-10px)}
.home-news .newslist .newsitem:hover .img::before{background-color:rgba(0,0,0,.5)}
.home-news .newslist .newsitem:hover .info .inter .btn{border:1px solid var(--color);color:var(--color)}
.home-news .newslist .newsitem:hover .info .title{color:var(--color)}
.home-news .swiper-pagination{bottom:2px;display:flex;align-items:center;justify-content:center}
.home-news .swiper-pagination .swiper-pagination-bullet{display:inline-flex;width:14px;height:14px;border:1px solid #000;border-radius:0;background-color:transparent;align-items:center;justify-content:center}
.home-news .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{display:inline-block;width:4px;height:4px;background-color:var(--color);content:""}
.home-relation-all{display: flex;justify-content: space-between;}
.home-relation-right{width: 470px;padding: 30px 30px;box-sizing: border-box;background: var(--color);border-radius: 25px;}
.home-relation-right h5{font-size: 24px;line-height: 1.75;color: #fff;}
.home-relation-right .wmkcfeedback .send-inquiry .inquiry-form input{width: 100%;height: 50px;color: #fff !important;border: none;border-bottom: 1px solid #fff;filter: grayscale(200%) brightness(500%);font-size: 18px;margin-bottom: 10px;background: none;}
.home-relation-right .wmkcfeedback .send-inquiry .inquiry-form textarea{filter: grayscale(200%) brightness(500%);border: none;border-bottom: 1px solid #fff;font-size: 18px;height: 160px;width: 100%;background: none;font-family: auto;resize: none;}
.home-relation-right .wmkcfeedback .send-btn{min-width: 100%;border: 1px solid #ffffff;border-radius: 25px;color: var(--color);overflow: hidden;background: #fff;height: 50px;margin-top: 15px;font-size: 19px;}
.home-relation-right .wmkcfeedback .send-btn::before{background: #fff;}
.home-relation{margin-bottom: 50px;}
.home-relation-left li:nth-of-type(2n-1){line-height: 1.25;font-weight: 600;padding: 5px;font-size: 20px;list-style-type: none;}
.home-relation-left li:nth-of-type(2n){background: #E7E6E6;line-height: 1.25;padding: 8px 5px;font-size: 18px;list-style-type: none;}
.home-relation-left{flex: 1;padding-right: 90px;}
.home-relation-table h5{font-weight: 700;font-size: 40px;color:var(--color);line-height: 1;text-transform: uppercase;}
.home-relation-table{margin-bottom: 35px;}
.application-box:hover img{transform: scale(1.02);}
.about-ioc:hover .about-ioc-img img{transform: rotateY(180deg);}
.home-products-box:hover img{transform: scale(1.02);}
.home-advan-box:hover .home-advan-img img{transform: rotateY(180deg);}
.home-news-item{overflow: hidden;position: relative;}
.home-news .newslist .newsitem .img img{display: block;width: 100%;}
.flow-item{display: flex;justify-content: space-between;}
.flow-item-left{width: 31.5%;display: flex;flex-direction: column;background: #c1c1c1;justify-content: space-between;}
.flow-item-right{width: 67.5%;}
.flow-item-top,.flow-item-botton{display: flex;justify-content: space-between;}
.flow-item-img{height: 362px;}
.flow-item-img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.flow-item-box{position: relative;}
.flow-item-left .flow-item-box:nth-child(2){align-items:flex-end;}
.flow-item-text{position: absolute;bottom: 5%;right: 5%;}
.flow-item-text p{font-weight: 700;font-size: 32px;color: #fcf9f9;line-height: 1;margin-bottom: 5px;}
.flow-item-top{margin-bottom: 1%;}
.flow-item-top .flow-item-box:nth-of-type(1){width: 49.5%;}
.flow-item-top .flow-item-box:nth-of-type(2){width: 49.5%;}
.flow-item-botton .flow-item-box:nth-of-type(1){width: 59.5%;}
.flow-item-botton .flow-item-box:nth-of-type(2){width: 39.5%;}



@media (max-width:1620px) {
    header .header-nav .header-nav-list ul li{font-size: 20px;}
    .home-swiper-text h5{font-size: 32px;line-height: 1.75;}
    .home-swiper-btn{margin-top: 35px;}
    .home-swiper-btn a {padding: 0 30px;height: 50px;line-height: 50px;border-radius: 35px;font-size: 16px;}
    .l-container{padding: 0 3%;}
    .flow-text h5{font-size: 26px;}
    .flow-text p{font-size: 20px;}
    .flow-btn a{font-size: 18px;}
    .home-flow-title p{font-size: 20px;line-height: 1.5;}
    .home-flow-title h5,.about-left h5,.home-relation-table h5{font-size: 34px;}
    .about-contant p:nth-of-type(1){font-size: 22px;}
    .about-contant h4{font-size: 28px;line-height: 1;}
    .home-products-tab h5,.flow-item-text p{font-size: 24px;}
    .home-advan-img img{height: 75px;}
    .home-advan-text h4{font-size: 22px;}
    .home-advan-text p{font-size: 18px;}
    .home-relation-left li:nth-of-type(2n){font-size: 20px;}
    .home-relation-left li:nth-of-type(2n-1){font-size: 22px;}
    .home-relation-right{width: 500px;}
    .home-relation-right h5{font-size: 24px;}
    .casting-btn p{font-size: 24px;}
    .casting-btn a{font-size: 18px;padding: 5px 25px;}
    .flow-item-img {height: 335px;}
}
@media (max-width:1536px) and (min-width:1025px){.head-nav .nav-ul>li>a{padding: 0 15px;}}
@media (max-width:1536px) {
    .home-swiper-text h5{font-size: 26px;}
    .home-flow-title p,.flow-text p,.about-btn a,.home-relation-left li:nth-of-type(2n){font-size: 18px;}
    .home-flow-title span{width: 180px;margin: 20px auto;height: 4px;}
    .flow-text{padding: 20px;}
    .flow-item-box{display: flex;justify-content: center;height: 100%;}
    .home-products-tab h5, .flow-item-text p,.about-ioc-text,.application-img p,.home-relation-left li:nth-of-type(2n-1){font-size: 20px;}
    .about-contant p:nth-of-type(1){font-size: 18px;}
    .home-application {margin-top: 20px;padding-bottom: 50px;}
    .application-img img{height: 60px;}
    .home-products{padding: 60px 0;}
    .home-products-item{margin-top: 50px;}
    .home-advan-text p{font-size: 16px;}
    .home-advan-text h4 {font-size: 20px;margin: 12px 0;}
    .home-advan-all{margin-top: 50px;}
    .home-advantages{padding: 50px 0;}
}
@media (max-width:1420px) {
    header .header-nav .header-nav-logo img{max-width: 70%;}
    .home-flow,.home-casting,.home-products,.home-advantages{padding: 50px 0;}
    .home-flow-title h5, .about-left h5, .home-relation-table h5{font-size: 28px;}
    .home-flow-title span{width: 190px;height: 4px;margin: 15px auto;}
    .home-flow-title p,.flow-text p{font-size: 18px;}
    .flow-text h5{font-size: 22px;}
    .flow-btn a{font-size: 16px;}
    .about-contant p:nth-of-type(1){font-size: 18px;line-height: 1.52;}
    .about-btn a {font-size: 20px;padding: 12px 30px;}
    .about-botton{margin-top: 50px;padding-bottom: 30px;}
    .about-ioc-img img{height: 50px;}
    .about-ioc-text{font-size: 20px;}
    .about-contant{width: 80%;padding: 40px 80px;}
    .about-contant h4{font-size: 26px;}
    .home-icon-img{width: 14%;}
    .application-img img {height: 60px;}
    .application-img p{margin: 20px 0;font-size: 18px;}
    .application-img {padding: 25px 20px 0 20px;}
    .home-products-box{padding: 20px;}
    .home-product-p a{font-size: 18px;}
    .home-products-tab span{width: 70px;height: 3px;margin: 12px 0;}
    .home-products-btn a{margin-top: 10px;font-size: 16px;padding: 8px 30px;}
    .home-products-item,.home-advan-all{margin-top: 50px;}
    .home-advan-img img{height: 60px;}
    .home-relation-left li:nth-of-type(2n){font-size: 18px;}
    .home-relation-left li:nth-of-type(2n-1){font-size: 20px;}
    .application-image img{height: auto;}
    .flow-item-img {height: 315px;}
}
@media (max-width:1280px){.about-ioc-math p{font-size:var(--fontsize18)}}
@media (max-width:1200px) {
    .home-swiper-text{width: 40%;}
    .home-swiper-text h5{font-size: 26px;}
    .home-swiper-btn a{font-size: 14px;height: 40px;line-height: 40px;}
    .casting-btn p,.home-products-tab h5, .flow-item-text p{font-size: 18px;}
    .flow-text{padding: 35px 30px;}
    .flow-text p{font-size: 16px;}
    .flow-item-img {height: 272px;}
}
@media (max-width:1024px) {
    .home-flow-title h5, .about-left h5, .home-relation-table h5{font-size: 24px;}
    .home-flow-title p, .flow-text p{font-size: 16px;max-width: 100%;}
    .home-flow-title span{width: 140px;height: 3px;}
    .flow-text{padding: 20px;}
    .casting-btn p {font-size: 16px;line-height: 1.75;}
    .casting-btn{padding: 15px;}
    .about-left h5{margin-bottom: 10px;}
    .about-left{padding-right: 25px;}
    .about-contant p:nth-of-type(1){font-size: 16px;}
    .about-botton{flex-wrap:wrap;}
    .about-ioc,.about-ioc-img{margin-bottom:10px;}
    .about-ioc{width:32%;}
    .about-btn{margin-top: 25px;}
    .about-btn a{font-size: 14px;}
    .about-ioc-img{margin-bottom: 20px;}
    .about-ioc-img img{height: 40px;}
    .about-ioc-math p{font-size: 22px;}
    .about-ioc-text{font-size: 16px;margin-top: 5px;}
    .about-contant h4{font-size: 18px;}
    .about-contant{padding: 30px 50px;}
    .application-img img{height: 38px;}
    .application-img p{font-size: 16px;}
    .home-application {padding-bottom: 40px;}
    .home-product-p a{font-size: 14px;}
    .home-products-tab h5{font-size: 18px;}
    .home-products-tab span {width: 50px;height: 2px;margin: 6px 0;}
    .home-products-btn a{font-size: 12px;}
    .home-flow, .home-casting, .home-products, .home-advantages {padding: 30px 0;}
    .home-advan-img img{height: 45px;}
    .home-advan-text h4 {font-size: 18px;margin: 10px 0;}
    .home-advan-text p{font-size: 14px;}
    .home-news .newslist .newsitem .info .inter .date{width: 60px;height: 55px;}
    .home-news .newslist .newsitem .info .inter{padding: 2px 10px;}
    .home-news .newslist .newsitem .info .inter .date .day{font-size: 16px;}
    .home-news .newslist .newsitem .info .inter p:nth-of-type(2){font-size: 14px;}
    .home-news .newslist .newsitem .info .text{padding: 10px;}
    .home-relation-left{padding-right: 30px;}
    .home-relation-right{width: 450px;padding: 30px;}
    .home-relation-left li:nth-of-type(2n-1){font-size: 18px;}
    .home-relation-left li:nth-of-type(2n){font-size: 14px;}
    .home-relation-right h5{font-size: 20px;}
    .home-relation-right .wmkcfeedback .send-inquiry .inquiry-form input,.home-relation-right .wmkcfeedback .send-inquiry .inquiry-form textarea{font-size: 16px;}
    .flow-item-img {height: 250px;}
    .flow-btn{margin-top: 0;}
}
@media (max-width:768px) {
    .home-swiper-text {width: 100%;left: 0;}
    .home-swiper-text h5{font-size: 22px;}
    .home-swiper-btn {margin-top: 20px;}
    .home-flow-title h5, .about-left h5, .home-relation-table h5{font-size: 20px;}
    .home-flow-title span{width: 100px;}
    .home-flow-title p{margin: 0 auto 15px;}
    .casting-item{justify-content: space-between}
    .casting-box{width: 49%;margin-bottom: 2%;}
    .about-top{flex-direction: column;}
    .about-left {padding-right: 0;width: 100%;margin-bottom: 20px;}
    .about-right{width: 100%;}
    .about-botton{margin-top: 30px;flex-wrap: wrap;padding-bottom: 0;}
    .about-ioc {width: 33%;margin-bottom: 2%;}
    .home-application-item{flex-wrap: wrap;}
    .application-box{width: 49%;margin-bottom: 2%;}
    .home-products-box{width: 100%;}
    .home-advan-all{margin-top: 25px;flex-wrap: wrap;}
    .home-advan-box{width: 49%;margin-bottom: 3%;}
    .about-contant{width: 100%;}
    .home-relation-all{flex-direction: column;}
    .home-relation-left{padding-right: 0;}
    .home-relation-right {width: 100%;padding: 20px;margin-top: 30px;}
    .home-relation-table {margin-bottom: 15px;}
    .flow-item{flex-direction: column;}
    .flow-item-left {width: 100%;display: flex;flex-direction: row;}
    .flow-item-left .flow-item-box{width: 50%;}
    .flow-item-right{width: 100%;margin-top: 1%;}
    header .header-nav{background: var(--color);}
    .home-iconmySwiper {padding: 0;}
    .home-icon-img {width: 50%;}
}
@media (max-width:500px) {
    .home-swiper-text{padding: 0 10%;}
    .home-swiper-text h5 {font-size: 16px;line-height: 1.5;}
    .home-swiper-btn a {font-size: 12px;height: 35px;line-height: 35px;padding: 0 20px;}
    .home-flow-title p, .flow-text p{font-size: 14px;}
    .flow-btn a,.casting-btn a{font-size: 14px;}
    .flow-text h5{font-size: 18px;}
    .home-flow-title h5, .about-left h5, .home-relation-table h5{font-size: 18px;}
    .about-ioc{width: 50%;}
    .about-ioc-math p{font-size: 18px;}
    .home-icon {padding: 30px 0 0;}
    .home-products-item, .home-advan-all {margin-top: 25px;}
    .home-advan-box {width: 100%;margin-bottom: 3%;}
    .home-relation-left li:nth-of-type(2n-1){font-size: 16px;}
    .home-relation-right h5 {font-size: 18px;line-height: 1;}
    .flow-item-left .flow-item-box{width: 100%;}
    .flow-item-left{flex-direction: column;}
    .flow-item-img{height: auto;}
    .flow-item-top .flow-item-box:nth-of-type(1),.flow-item-top .flow-item-box:nth-of-type(2),.flow-item-botton .flow-item-box:nth-of-type(1),.flow-item-botton .flow-item-box:nth-of-type(2){width: 100%;}
    .flow-item-botton .flow-item-box:nth-of-type(2),.flow-item-top .flow-item-box:nth-of-type(2){margin-top: 1%;}
    .flow-item-top, .flow-item-botton{flex-direction: column;}
    .about-contant h4 {font-size: 16px;line-height: 1.5;}
}
.pro-d-main .common-main .l-wrap,.pro-d-main .protypefeedback .l-wrap {max-width:1340px}
@media (min-width:1025px) {.preview-container {width:50%}
.thumbnail-show {height:400px}
.singglepic {width:50%;height:400px}
.thumbnail-box .prodetails-button-next, .thumbnail-box .prodetails-button-prev{top:200px;}}
.prodetailbginfobox {position:relative;border-radius:20px;overflow:hidden;}
.prodetailbginfobox>img {width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;object-position:left}
.prodetailbginfobox .prodetailbginfotxt {position:relative;max-width:65%;padding:30px;color:#fff;text-shadow:0 1px 2px #000}
.prodetailbginfobox .prodetailbginfotxt .prodetailbginfotit {font-size:28px;margin-bottom:10px;}
@media (max-width:768px){.prodetailbginfobox .prodetailbginfotxt{max-width:100%}
.prodetailbginfobox .prodetailbginfotxt .prodetailbginfotit {font-size:22px;margin-bottom:5px;}}
@media (max-width:500px){.prodetailbginfobox .prodetailbginfotxt{padding:20px 15px}}
.prodetails-tabs{background:#ccc}
.singgle-main .common-main .l-wrap {min-height:calc(100vh - 620px)}
.banner-inner .banner-content {height:auto;background:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.banner-inner .banner-content .l-wrap {flex-direction:column-reverse;justify-content:center;color:#fff;}
.banner-inner .banner-content::after {display:none;}
.banner-inner .banner-title-h1 {margin-bottom:10px;font-size:34px;line-height:1.3;}
.banner-inner .banner-breadcrumbs {display:block;padding:0;}
.banner-inner .banner-breadcrumbs::before {display:none;}
.banner-inner .banner-breadcrumbs .link-home em {display:none;}
@media (max-width:768px){.banner-inner .banner-title-h1{display:block;font-size:22px;margin-bottom:5px}}
.kche-t41 .kche-item-img img {width: unset;}
.pro-main .page-container aside{display:none;}
.pro-cate-title{background: var(--color);}
.wmkcfeedback .send-btn{background: var(--color);}
.pro-list li .pro-info .text{display:none;}
.pro-main .pro-cate-title{background:none;}
.pro-main .common-main{background: #fff;}
.pro-main .kche-t98 .kche-t98-item .kche-t98-item-bottom{padding: 0;}
.pro-main .kche-t98 .kche-t98-item .kche-t98-item-bottom img{width:100%;}
.pro-main .kche-t98 .kche-t98-item .kche-t98-item-bottom{display: flex;flex-direction: column;justify-content: space-between;}
.pro-main .kche-t98 .kche-t98-list .kche-t98-item{box-shadow: none;}
.pro-main .kche-t98 .kche-t98-item .kche-t98-item-bottom img{border-radius: 0 0px 70px 70px;}
.pro-main .kche-t98 .kche-t98-item:hover{box-shadow: none;}
.kche-item-img img {border: unset;}
.prolist-content,.prolist-bottom{font-size:19px;}
.inneraboutbox-tit{text-align:center;font-size:35px}
.prolist-content .kche-t98 .kche-t98-title{font-size:35px}
.prolist-content .kche-t125 .kche-t125-info .kche-t125-des,.prolist-content .kche-t125 .kche-t125-more{font-size:19px;}
.prolist-content .kche-t125 .kche-t125-info h5{font-size:24px;}
.prolist-content .kche-t98 .kche-t98-item .kche-t98-item-des strong{font-size:24px;}
.prolist-content .kche-t96 .kche-item-r .kche-t96-r-tit{font-size:24px;}
.prolist-content .kche-t96 .kche-item-r .kche-t96-r-des{font-size:19px;}
.prolist-content .innerprocatebox .kche-t98 .kche-t98-list .kche-t98-item{margin-bottom:30px}
.pro-list li .pro-info .title{font-size:22px}
@media (max-width:768px){.prolist-content,.prolist-bottom{font-size:17px;}
.inneraboutbox-tit{font-size:28px}
.prolist-content .kche-t98 .kche-t98-title{font-size:28px}
.prolist-content .kche-t125 .kche-t125-info .kche-t125-des,.prolist-content .kche-t125 .kche-t125-more{font-size:17px;}
.prolist-content .kche-t125 .kche-t125-info h5{font-size:21px;}
.prolist-content .kche-t98 .kche-t98-item .kche-t98-item-des strong{font-size:21px;}
.prolist-content .kche-t96 .kche-item-r .kche-t96-r-tit{font-size:21px;}
.prolist-content .kche-t96 .kche-item-r .kche-t96-r-des{font-size:17px;}
.pro-list li .pro-info .title{font-size:19px}}
.innerprocatebox{margin-bottom:60px}
.prolist-content .innerprocatebox:nth-child(2){margin-bottom:30px}
.innerprocatebox .kche-wrap-width{padding:0}
.inneraboutbox-btn {display:flex;justify-content:center;margin-top:40px;}
.inneraboutbox-btn a {display:block;background:linear-gradient(to right,#E54B5D,#C50A0C);color:#fff!important;line-height:1.3;padding:12px 40px;border-radius:10px 0;box-shadow:2px 2px 5px var(--color);font-weight:bold;text-decoration: none;}
.inneraboutbox-btn a span {padding:4px 0;padding-right:56px;background:url(/uploads/42158/page/p202407161944042efef.png) no-repeat right center;}
@media (max-width:768px){.inneraboutbox-btn a{font-size:14px;padding:10px 20px}
.inneraboutbox-btn a span{background-size:25px;padding-right:36px}}
.prodetails-tabs .l-wrap .prodetails-tabs-item:nth-child(2){display:none;}
.prodetails-content .kche-t176 .kche-t176-list .kche-t176-item{border-color:#172C51;border-radius: 25px;}
.prodetails-content .kche-t176 .kche-t176-list .kche-t176-item-tit{font-weight:var(--fontbold6)}
.prodetails-content .kche-t98 .kche-t98-list .kche-t98-item{border:3px solid #ccc;border-radius:0;border-top-left-radius: 25px;border-top-right-radius: 25px;}
.prodetails-content .kche-t52 .kche-t52-list .kche-t52-item .kche-t52-img{border-radius: 25px;border:2px dashed #bbb}
.prodetails-content .kche-t127 .kche-t127-item .kche-t127-item-time{margin:0;display:inline-flex;width:36px;height:36px;background:#3F3F3F;color:#000;font-weight:var(--fontbold7);border-radius: 50%;align-items: center;justify-content: center;z-index:2;color:#fff !important;}
.prodetails-content .kche-t127 .kche-t127-item .kche-t127-item-info .num-box{display:flex;align-items: center;justify-content: center;position:relative;z-index:2;margin:0 30px;}
.prodetails-content .kche-t127 .kche-t127-item .kche-t127-item-info .num-box:before{content:'';width:1px;height:100%;display:block;background: #3F3F3F;position:absolute;top:0;left:50%;transform: translateX(-50%);z-index:0;}
.prodetails-content .kche-t127 .kche-t127-item .kche-t127-item-info .num-box:after{content:'';width:10px;height:10px;display:block;background: #3F3F3F;position:absolute;bottom:0;left:50%;transform: translateX(-50%);border-radius: 50%;}
@media (min-width:769px){.prodetails-content .kche-t127 .kche-t127-item .kche-t127-item-img{width:20%;}
.prodetails-content .kche-t127 .kche-t127-item:last-child .kche-t127-item-info .num-box:after{display:none;}}
@media (max-width:768px){.prodetails-content .kche-t127 .kche-t127-item .kche-t127-item-time{width:24px;height:24px;font-size:12px;}
.prodetails-content .kche-t127 .kche-t127-item .kche-t127-item-time{margin-bottom:5px;}}
@media (max-width:550px){.prodetails-content .kche-t127 .kche-t127-item .kche-t127-item-info .num-box{margin:0 10px;}}
.thumbnail-show .small-box img{height:100%;}
.prolist-content .innerprocatebox .kche-t98 .kche-t98-list .kche-t98-item {overflow:hidden;border-radius:80px;padding:30px 2px 2px;box-shadow:0 0 15px #ccc}
.prolist-content .innerprocatebox .kche-t98 .kche-t98-item .kche-t98-item-bottom{height:100%}
.prolist-content .innerprocatebox .kche-t98 .kche-t98-item .kche-t98-item-bottom>p:not(:last-child) {line-height:1.5;padding-left:30px;padding-right:30px;}
.prolist-content .innerprocatebox .kche-t98 .kche-t98-item .kche-t98-pic {position:relative;width:100%;padding-bottom:86%;overflow:hidden;border-radius:0 0 80px 80px;margin-top:auto;}
.prolist-content .innerprocatebox .kche-t98 .kche-t98-item .kche-t98-pic img {height:100%;position:absolute;top:0;left:0;border-radius:0;object-fit:cover;object-position:top;}
@media (max-width:500px){.prolist-content .innerprocatebox .kche-t98 .kche-t98-item .kche-t98-item-bottom>p:not(:last-child){padding-left:20px;padding-right:20px}}
@media (min-width:1025px){main.pro-main .common-main .l-wrap {max-width:1340px}
.prolist-content {margin-top:40px}
.prolist-content>.innerprocatebox:last-child {margin-bottom:0;}
.innerprocatebox {margin-bottom:110px;}
main.pro-main .page-main {padding-bottom:20px;}}
.prolist-bottom {max-width:1340px;padding-left:70px;padding-right:70px;margin:0 auto}
@media (max-width:1024px){.prolist-bottom {padding-left:15px;padding-right:15px;}}
@media (min-width:769px){.prolist-content .innerprocatebox .kche-t98 .kche-t98-list .kche-t98-item{margin-bottom:60px;}}
@media (min-width:1025px){.prolist-content .innerprocatebox .kche-t98 .kche-t98-list .kche-t98-item{width:30%}}
.innerprocateboxbg{background:#f2f2f2;padding:30px;border-radius:60px 0}
.innerprocatebox .kche-t96 .kche-item-l{border-radius:0}
@media (max-width:768px){.innerprocateboxbg{padding:20px 12px;}}
.detailprocesslist {display:flex;flex-wrap:wrap;justify-content:space-between;}
.detailprocesslist li {list-style:none;width:30%;margin-bottom:20px;padding-left:20px;}
.detailprocesslist li.detailprocessline {width:100%;padding:0 10% 0 0}
.detailprocesslist li:not(.detailprocessline)>img {display:none;}
.detailprocesslist li .detailprocessinfo {position:relative;height:100%;border-left:1px solid #000;padding-left:20px;}
.detailprocesslist li .detailprocessinfo:before {content:'';width:6px;height:6px;background:#000;transform:rotate(45deg);position:absolute;left:0;margin-left:-4px;top:-2px;}
.detailprocesslist li .detailprocessinfo:after {content:'';width:6px;height:6px;background:#000;transform:rotate(45deg);position:absolute;left:0;margin-left:-4px;bottom:-2px;}
.detailprocesslist li .detailprocessinfo .detailprocesstit {color:#555;font-weight:bold;font-size:25px;line-height:1.3;margin-bottom:5px;}
.detailprocesslist li .detailprocessinfo p {line-height:1.3;color:#555;font-size:19px;}
.detailprocesslist li:nth-child(5) {margin-left:18%;}
.detailprocesslist li:last-child {width:47%;}
@media (max-width:1024px){.detailprocesslist li .detailprocessinfo .detailprocesstit{font-size:22px}
.detailprocesslist li .detailprocessinfo p{font-size:16px}}
@media (max-width:768px){.detailprocesslist li.detailprocessline{display:none}
.detailprocesslist li {width:100%;padding-left:0;margin-bottom:30px;display:flex;align-items:flex-start}
.detailprocesslist li:nth-child(5) {margin-left:0;}
.detailprocesslist li:last-child {width:100%;}
.detailprocesslist li:nth-child(1){order:1}
.detailprocesslist li:nth-child(2){order:3}
.detailprocesslist li:nth-child(3){order:5}
.detailprocesslist li:nth-child(5){order:2}
.detailprocesslist li:nth-child(6){order:4}
.detailprocesslist li:not(.detailprocessline)>img {max-width:150px;display:block;width:32%;margin-bottom:15px;padding-top:6px}
.detailprocesslist li .detailprocessinfo{height:auto;flex:1;padding-left:12px;border:none}
.detailprocesslist li .detailprocessinfo .detailprocesstit{font-size:20px;line-height:1.2}
.detailprocesslist li .detailprocessinfo p{font-size:15px}
.detailprocesslist li .detailprocessinfo:before,.detailprocesslist li .detailprocessinfo:after{display:none}}
@media (min-width: 769px){.prodetailbginfobox .prodetailbginfotxt .prodetailbginfotit{margin-bottom: 15px;margin-left: 50px;}}
.tagContent .kche-t114 .kche-t114-img {position:relative;}
.tagContent .kche-t114 .kche-t114-img:before {content:'';width:calc(100% - 4px);height:calc(100% - 4px);border:1px dashed #767677;position:absolute;top:2px;left:2px;z-index:2;box-sizing:border-box}
.tagContent .kche-t114 .kche-t114-img img {transform:scale(1.01);}
.home-abouts .about-right .iframe-container,.procate-iframe .about-right .iframe-container{position: relative;width:100%;height:0;padding-bottom: 56.25%;}
.home-abouts .about-right .iframe-container iframe,.procate-iframe .about-right .iframe-container iframe{position:absolute;top:0;left: 0;width:100%;height:100%;min-height:inherit;}
.kche-t39.wmkc-procate-wgcbox-t39{background:#F2F2F2;padding:20px 4%;border-top-left-radius: 90px;border-bottom-right-radius: 90px;}
@media (max-width:550px){.kche-t39.wmkc-procate-wgcbox-t39{padding:20px;border-top-left-radius: 40px;border-bottom-right-radius: 40px;}}
.head-nav .nav-ul>li>a{font-size: var(--fontsize20);}
.pro-main .kche-t88 .kche-t88-item{border-bottom:none;background-color:#f2f2f2}
.pro-main .kche-t88 .kche-t88-item>.kche-t88-info{padding:0 10px}
.pro-main .kche-t88 .kche-t88-item>.kche-t88-info>.kche-t88-info-tit{padding-bottom:10px;position:relative;text-align:left;padding-top:10px;margin-top:0}
.pro-main .kche-t88 .kche-t88-item>.kche-t88-info>.kche-t88-info-tit::after{position:absolute;content:'';left:0;bottom:5px;width:40px;height:2px;background:#000}
.pro-main .kche-t88 .kche-t88-item>.kche-t88-info>.kche-t88-info-des{padding-bottom:10px;text-align:left}
.pro-d-main .prodetails-name{-webkit-text-fill-color: #000000;}
.thumbnail-show .small-box{background: #fff;}
.prodetails-info-box{background: #f8f8f8;}
.prodetails-btnlist .pro-btn{background: var(--color);}
.prodetails-btnlist .pro-btn:hover{border-color: #666 !important;}
.prodetails-btnlist .pro-btn::before{background: #999999;}
.pro-d-main .faq-box.proaic-faqbox p strong,.pro-d-main .faq-box.proaic-faqbox p span{display:block;}
.pro-d-main .faq-box.proaic-faqbox p span{line-height:1.25;background:#E7E6E6}
footer .foot-main{padding:50px 0}
.foot-logo .foot-shares ul li img{width:20px}
.foot-logo .foot-shares ul li{margin-right:10px}
.foot-logo .foot-shares ul{display:flex;justify-content:center}
.foot-page{width:15%}
.foot-page.foot-add{width:17%}
.foot-page.foot-logo{width:25%}
.foot-page .foot-title{text-transform: uppercase;font-size:22px;color:#cb1b32;line-height:1.1;font-weight:700;margin-bottom:25px;height:25px}
.foot-logo .foot-logos{max-width:70%;margin:0 auto}
.foot-logo .foot-shares{margin:15px 0 20px}
.foot-logo .foot-icoes{margin-top:32px;display:flex}
.foot-logo .foot-icoes img{width:65px}
.foot-ic-img{margin:0 35px}
.foot-page.foot-add .foot-address,.foot-page.foot-nav .foot-link .item{display:flex;align-items:baseline}
.foot-page.foot-nav .foot-link .item em{margin-right:5px}
.foot-page.foot-add .foot-title:nth-last-of-type(1){margin-top:35px}
.foot-list li a{color:#0b0c0e}
.foot-bot .l-wrap{justify-content:center!important}
@media (max-width:1200px){.foot-page{width:20%}
.foot-page.foot-logo{width:35%}
.foot-page.foot-add{width:30%;margin-top:30px}
.foot-page.foot-add .foot-title:nth-last-of-type(1){margin-top:20px}}
@media (max-width:1024px){.foot-page{width:48%}
.foot-page.foot-logo{width:48%}
.foot-page.foot-add{margin-top:0}
.foot-page.foot-add,.foot-page.foot-info1,.foot-page.foot-nav{width:30%;margin-top:30px}}
@media (max-width:768px){.foot-page.foot-add,.foot-page.foot-info,.foot-page.foot-info1,.foot-page.foot-nav{width:48%;margin-top:30px}}
@media (max-width:550px){.foot-page.foot-logo{width:100%}
.foot-page.foot-add,.foot-page.foot-info1,.foot-page.foot-nav{width:48%;margin-top:30px}}
.automotive .automotive-content .pagemin {margin-right: 40px;}
.automotive .slibar{padding-top: 44px;}
#liproducts .submenu{padding:0;list-style:none;min-width:900px;display:flex;flex-wrap:wrap;left:-200px}
#liproducts .submenu>li{width:33%;display:flex;align-items:center;margin:10px 0}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li .item-info{width:80px;height:80px;margin-right:10px;overflow:hidden}
#liproducts .submenu>li .item-info img{width:100%;height:100%;object-fit:cover;height:auto;transition:all .1s linear}
#liproducts .submenu>li .item-info img:hover{transform:scale(1.02)}
#liproducts .submenu>li>a{flex:1;text-decoration:none;width:calc(100% - 100px);height:auto;text-align:left;}
@media (max-width:1024px){#liproducts .submenu{display:none;min-width:inherit;padding-left:20px}
#liproducts .submenu>li{margin:0;width:100%}
#liproducts .submenu>li .item-info{display:none}}
@media (min-width:1025px){#liproducts .submenu>li{width:25%}
#liproducts .submenu{left:-332px;position:absolute;padding:10px;}}
.banner-inner .banner-title-h1{background: unset;-webkit-background-clip: unset;-webkit-text-fill-color: unset;color: #fff;}
@media (min-width: 1025px) {.head-nav .nav-ul>li>a.inmenu_1 {background: var(--color) !important;color: #fff !important;}}
@media(min-width:1025px){.head-nav .nav-ul>li>a.inmenu_1{border-radius: 15px;}
.head-nav .nav-ul{height:50%;}
.head-nav .nav-ul>li#liinquiry>a{background:var(--color);border-radius: 15px;color:#fff;}
.head-nav .nav-ul>li#liinquiry>a:hover{color:#fff;}
.head-nav .lang{margin-left:20px;} 
.lang-icon span{color:var(--fontcolor)}
.lang-icon span:before,.lang-icon span:after{background:var(--fontcolor)}
body.index header:not(.is-active) .lang-icon span{color:#fff;}
body.index header:not(.is-active) .lang-icon span:before,body.index header:not(.is-active) .lang-icon span:after{background:#fff}}
@media (min-width:1025px) and (max-width:1366px){.head-nav .nav-ul>li>a{padding:0 10px;}
.head-nav .nav-ul>li>a{font-size:17px;}}
@media (min-width:1025px){.page-main{width:calc(100% - 380px)}}
@media (min-width:1025px) and (max-width:1280px){.page-main{width:calc(100% - 330px)}}