﻿@charset "utf-8"; 
:root{--color:#962827;--fontfamily:Tahoma}
.index{max-width:1920px;margin:0 auto}
.l-wrap{max-width:1440px;margin:0 auto}
.homebtn{overflow: hidden;display: flex;}
.homebtn a{padding: 15px 35px;border: 2px solid var(--color);color: var(--color);line-height: 1;font-size: 18px;position: relative;text-transform: capitalize;}
.homebtn a::after{position: absolute;width: 100%;height: 100%;content: '';top: 0;left: -100%;background: var(--color);transition: all .3s ease-in-out;z-index: -1;}
.homebtn:hover a{color: #fff;border: 2px solid var(--color);}
.homebtn:hover a::after{left: 0;}
.home-abouts{padding-bottom:118px;background:url(/uploads/42898/mh/indexadv-bg1.png) center no-repeat;background-size:contain}
.about-contant{display:flex;justify-content:space-between;padding:65px 0}
.about-left{width:50%;padding-right:60px;box-sizing:border-box}
.about-right{width:50%;position:relative}
.about-right img{padding:20px;box-sizing:border-box}
.about-right::after{position:absolute;content:'';background:#eaeaea;width:230px;height:230px;left:0;top:0;z-index:-1}
.about-right::before{position:absolute;content:'';background:var(--color);width:230px;height:230px;bottom:0;right:0;z-index:-1}
.about-dev p{font-weight:var(--fontbold7);font-size:20px;color:#2d2d2d;line-height:1px;margin-bottom:15px}
.about-title h5{font-weight:var(--fontbold7);font-size:36px;color:#962827;line-height:1.25;margin-bottom:30px;text-transform: uppercase;}
.about-title p{font-weight:var(--fontbold4);font-size:17px;color:#737373;line-height:30px}
.about-btns{display:flex;margin-top:35px}
.about-btns a{padding:17px 32px;border:2px solid var(--color);color:var(--color);line-height:1}
.about-con{display:flex;justify-content:space-between;border:1px solid #b7b7b7}
.about-box{width:20%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 15px;border-right:1px solid #b7b7b7}
.about-box:nth-last-child(1){border-right:none}
.about-math{display:flex;align-items:baseline}
.about-math p:nth-of-type(1){font-weight:var(--fontbold4);font-size:50px;color:#962827;line-height:42px}
.about-math p:nth-of-type(2){font-size:28px;color:#962827;line-height:1px}
.about-text{margin-top:20px}
.about-text p{font-size:20px;color:#4b4b4b;line-height:1}
.password-contant{display:flex;background:#f1f1f1;transform:translateY(-70px);margin-bottom:-70px}
.password-box{width:25%;text-align:center;height:142px;padding:0 35px;border-right:1px solid #d1d1d1;cursor:pointer;transition:all .3s ease-in-out}
.password-box:nth-last-child(1){border-right:none}
.password-it{font-weight:var(--fontbold6);font-size:24px;color:#717171;line-height:35px;text-transform:uppercase;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}
.home-password .l-wrap{padding-bottom:130px}
.home-password{background:url(/uploads/42898/mh/productback1.jpg);background-repeat: no-repeat !important;background-size: cover !important;background-position: center !important;margin-top:65px;position:relative;z-index:0;background-position: center;background-repeat: no-repeat;}
.home-password::after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background:#0000006e;z-index:-1}
.password-image img{display:block;aspect-ratio:1/1;object-fit:cover}
.password-image{position:relative;overflow:hidden}
.password-ioce{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;bottom:-100%;background:#00000040;transition:all .3s ease-in-out}
.password-col{background:#fff;border-radius:8px;overflow:hidden}
.password-text{padding:30px 25px 20px}
.password-btn{padding: 66px 0 90px;display: flex;justify-content: center;}
.password-btn a{font-size:28px;color:#fff;line-height:1;padding-bottom:5px;border-bottom:1px solid #fff;text-transform:capitalize;transition: all .3s ease-in-out;}
.password-text p{font-size:20px;font-weight:var(--fontbold7);color:#000;line-height:1;text-align:center;margin-bottom:20px;transition:all .3s ease-in-out;height: 40px;}
.password-text a{font-size:20px;color:#8d8d8d;line-height:1;text-decoration-line:underline;display:flex;justify-content:center}
.password-col:hover .password-text p{color:var(--color)}
.password-ioce img{width:48px}
.password-col:hover .password-ioce{bottom:0}
.password-next,.password-prev{width:62px;height:62px;border-radius:100%;background:#666666;color:#fff;position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;z-index:2;cursor:pointer;transition: all .3s ease-in-out;}
.password-prev{right:0}
.password-page{max-width: 1630px;margin: 0 auto;position: relative;display: none;}
.password-next em,.password-prev em{font-size:22px;width: 22px;}
.password-next:hover, .password-prev:hover{background: var(--color);}
.passwordSwiper{max-width:1440px;margin:0 auto;overflow:hidden;position:relative}
.password-box:hover{background:var(--color);color:#fff}
.password-box:hover .password-it{color:#fff}
.password-contant .active{background:var(--color)}
.password-contant .active .password-it{color:#fff}
.factorySwiper .swiper-slide{flex-direction: column;position: relative;}
.home-factory{padding: 95px 0;overflow: hidden;}
.factory-top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 50px;}
.factory-title h5{font-size: 50px;color: #000000;line-height: 1;text-transform: uppercase;margin-bottom: 30px;}
.factory-title p{font-size: 20px;color: #696969;line-height: 1;}
.factory-text{position: absolute;width: 100%;bottom: 0;font-size: 20px;color: #FFFFFF;padding: 20px;background: linear-gradient(to bottom, #ffffff33 0%, #00000085 50%, #000000d1 100%);box-shadow: 0px 1px 9px 0px #fafafaa6;;height: 30%;display: flex;justify-content: center;align-items: end;}
.factorySwiper{position: relative;}
.factory-prev,.factory-next{position: absolute;top: 50%;transform: translateY(-50%);display: flex;justify-content: center;align-items: center;z-index: 2;cursor: pointer;}
.factory-prev{right: -80px;}
.factory-next{left: -80px;}
.factory-prev em,.factory-next em{font-size: 62px;color: #2C2C2C;width: 62px;line-height: 1;font-weight: bold;}
.home-ioce{background: url(/uploads/42898/mh/ioce-back.jpg)center no-repeat;background-size: cover;padding: 85px 0;margin-bottom: 100px;}
.homeioce-title h5{font-weight:var(--fontbold9);font-size: 45px;color: #FFFFFF;line-height: 65px;}
.certificate-contant{overflow: hidden;position: relative;}
.certificateSwiper .swiper-pagination-bullet{width: 18px;height: 18px;}
.certificateSwiper{padding-bottom: 50px;}
.home-news{padding: 100px 0;}
.homenews-all{display: flex;justify-content: space-between;}
.homenews-box{width: 23%;transition: all .3s ease-in-out;overflow: hidden;}
.homenews-image img{overflow: hidden;}
.homenews-image img{transition: all .3s ease-in-out;border: 1px solid #eaeaea;}
.homenews-text{padding: 15px;}
.homenews-text a{font-size: 16px;color: #101010;line-height: 22px}
.homeinquiry-item{display: flex;justify-content: space-between;}
.homeinquiry-right,.homeinquiry-left{width: 50%;}
.homeinquiry-title h5{font-weight:var(--fontbold9);font-size: 40px;color: #962827;line-height: 60px;}
.homeinquiry-title span{font-weight: bold;font-size: 30px;color: #2C2C2C;line-height: 1;padding: 45px 0 50px;display: block;}
.homeinquiry-title p{font-size: 20px;color: #2C2C2C;line-height: 35px;}
.homeinquiry-title{padding-right: 95px;}
.home-inquiry{background: #F1F1F1;padding: 100px 0;}
.homeinquiry-right .wmkcfeedback .send-btn{min-width: 100%;background: var(--color);color: #fff;border-color: var(--color);}
.homeinquiry-right .wmkcfeedback input,.homeinquiry-right .wmkcfeedback textarea,.homeinquiry-right .send-inquiry .inquiry-form .wmkcfb-fileupload{background-color: #dfdfdf !important;}
.password-page.active{display: block !important;}
.homeioce-row{display: flex;justify-content: space-between;margin-top: 35px;}
.homeioce-col{width: 11%;}
.homeioce-image{display: flex;justify-content: center;margin-bottom: 20px;}
.homeioce-image img{transition: all .3s ease-in-out;}
.homeioce-text p{font-size: 18px;color: #fff;text-align: center;font-weight:var(--fontbold8);}
.homeioce-col:hover .homeioce-image img{transform: rotateY(180deg);}
.homenews-box:hover img{transform: scale(1.02);}
.password-btn a:hover{transform: translateY(10px);color: var(--color);border-bottom: 1px solid var(--color);}
.homenews-box:hover{box-shadow: 0 0 5px 0px #707070a6;}
.homeinquiry-right .wmkcfeedback .send-btn:hover{color: #000000;background: #DFDFDF;border: 3px solid var(--color);}
.homeinquiry-right .wmkcfeedback .send-btn:hover::before{display: none;}
@media (max-width:1600px) {
.about-title h5,.factory-title h5,.homeioce-title h5,.homeinquiry-title h5{font-size: 38px;line-height: 1.52;}
.about-contant{padding: 45px 0;}
.home-abouts{padding-bottom: 80px;}
.home-news,.home-inquiry,.home-ioce{padding: 80px 0;}
.home-ioce{margin-bottom: 80px;}
.homeioce-col{width: 8%;}
.about-math p:nth-of-type(1){font-size: 36px;line-height: 1.52;}
.about-text {margin-top: 10px;}
.about-title h5{margin-bottom: 15px;}
.password-box{height: 100px;}
.password-contant{transform: translateY(-50px);margin-bottom: -50px;}
.password-it{font-size: 20px;}
.home-password .l-wrap{padding-bottom: 80px;}
.password-btn{padding: 55px 0 70px;}
.password-page{padding: 0 30px;}
.factory-prev{right: 0;}
.factory-next{left: 0;}}
@media (max-width:1440px) {
.l-wrap,.password-container{padding: 0 50px;}
.passwordSwiper{max-width: 100%;}
.about-title h5, .factory-title h5, .homeioce-title h5, .homeinquiry-title h5 {font-size: 32px;line-height: 1.25;}
.about-title p{font-size: 16px;}
.about-left{padding-right: 30px;}
.home-abouts,.home-password .l-wrap{padding-bottom: 50px;}
.password-it,.password-text a{font-size: 16px;}
.password-text {padding: 20px 15px;}
.password-text p {font-size: 18px;margin-bottom: 10px;}
.password-btn a{font-size: 24px;}
.home-factory{padding: 60px 0;}
.factory-title h5{margin-bottom: 10px;}
.homeioce-col{width: 14%;}
.homeioce-image img{width: 42%;}
.homeioce-image{display: flex;justify-content: center;}
.homeioce-text p{font-size: 14px;}
.home-news, .home-inquiry, .home-ioce {padding: 45px 0;}
.homeinquiry-title span{font-size: 24px;padding: 35px 0;}
.homeinquiry-title p{font-size: 18px;}}
@media (max-width:1366px) {.about-dev p,.about-text p{font-size: 16px;}
.about-title h5, .factory-title h5, .homeioce-title h5, .homeinquiry-title h5{font-size: 28px;}
.about-math p:nth-of-type(1) {font-size: 26px;line-height: 1;}
.password-btn {padding: 40px 0 50px;}
.password-btn a{font-size: 18px;}
.password-next, .password-prev{width: 50px;height: 50px;}
.password-box{height: 80px;}
.password-contant {transform: translateY(-40px);margin-bottom: -40px;}
.password-it{line-height: 1.25;}
.factory-title p{font-size: 18px;}}
@media (max-width:1024px) {.about-contant{flex-direction: column;}
.about-left{padding-right: 0;width: 100%;}
.about-right{width: 100%;margin-top: 50px;}
.about-right img{width: 100%;}
.about-btns{margin-top: 20px;}
.about-btns a{padding: 12px 25px;}
.about-text p{text-align: center;line-height: 1.25;}
.password-page{padding: 0;}
.factory-text{font-size: 16px;}
.about-title h5, .factory-title h5, .homeioce-title h5, .homeinquiry-title h5 {font-size: 24px;line-height: 1.52;}
.homebtn a{padding: 12px 28px;font-size: 16px;}
.homeinquiry-title{padding-right: 50px;}}
@media (max-width:768px) {.l-wrap, .password-container{padding: 0 30px;}
.about-con{flex-wrap: wrap;}
.about-box{width: 50%;border-bottom: 1px solid #b7b7b7;}
.about-box:nth-last-child(1){border-right: 1px solid #b7b7b7;border-bottom: none;}
.password-contant{flex-wrap: wrap;}
.password-box{width: 50%;}
.password-box:nth-of-type(1),.password-box:nth-of-type(2){border-bottom: 1px solid #d1d1d1;}
.factory-top{margin-bottom: 20px;}
.factory-title p {font-size: 16px;line-height: 1.52;}
.homebtn,.homeioce-row{margin-top: 25px;}
.home-factory{padding: 25px 0;}
.homeioce-row{flex-wrap: wrap;}
.homeioce-col {width: 33%;padding: 20px 0;}
.homeioce-image img{width: 30%;}
.factory-title{width: 65%;}
.certificateSwiper .swiper-pagination-bullet{width: 12px;height: 12px;}
.certificateSwiper {padding-bottom: 35px;}
.homenews-all{flex-wrap: wrap;}
.homenews-box{width: 49%;}
.homeinquiry-item{flex-wrap: wrap;}
.homeinquiry-right, .homeinquiry-left{width: 100%;}
.homeinquiry-title span {font-size: 20px;padding: 15px 0;}
.homeinquiry-title p {font-size: 16px;line-height: 1.52;}
.homeinquiry-right{margin-top: 30px;}}
@media (max-width:550px) {.l-wrap, .password-container{padding: 0 15px;}
.about-title h5, .factory-title h5, .homeioce-title h5, .homeinquiry-title h5{font-size: 20px;}
.about-title h5{margin-bottom: 5px;}
.about-right{margin-top: 20px;}
.home-news, .home-inquiry, .home-ioce {padding: 25px 0;}}
footer .footer-top,footer .footer-container .fadeInRight{display:none}
header .header-top .top-right .search-input{overflow: hidden;}
.footer-logo a {display: flex;justify-content: center;align-items: center;}
.footer-logo a img{max-width: 190px;}
footer .footer-container{min-height: unset;background:#651919}
.footer-logo{padding: 45px 0;}
.footer-bottom-info{padding: 55px 0;display: flex;justify-content: space-between;}
.footer-content{display: flex;padding: 48px 0;justify-content: space-between;border-bottom: 1px solid #393939;border-top: 1px solid #393939;}
.footer-title p{font-weight: bold;font-size: 24px;color: #FFFFFF;line-height: 60px;}
.footer-box.item1{max-width: 15%;}
.footer-box.item2{max-width: 20%;}
.footer-box.item3{max-width: 30%;}
.footer-box.item4{max-width: 30%;}
.footer-list li a,.footer-list li p{font-weight: 400;font-size: 18px;color: #fff;line-height: 40px;}
.footer-con p{font-weight: 400;font-size: 16px;color: #CBCBCB;line-height: 1.75}
.foot-submit{display: flex;padding: 30px 0;}
.foot-submit input{background: #fff;padding: 15px 17px;color: #651919;width: 80%;border: none;}
.foot-submit input::placeholder{color:#651919}
.foot-submit button{width: 20%;background: var(--color);color: #fff;border: none;cursor: pointer;}
.foot-submit button em{font-size: 26px;width: 26px;display: block;line-height: 1;margin: 0 auto;}
.footer-share ul{display: flex;}
.footer-share ul li{width: 50px;height: 50px;background: #fff;display: flex;justify-content: center;align-items: center;margin-right: 5px;}
.footer-share ul li a{font-size: 26px;color:#651919;line-height: 1;display: flex;justify-content: center;align-items: center;}
.footer-list li:hover a{color: var(--color);}
.footer-right-text{padding: 28px 0 35px;}
.footer-right-text p{font-weight: 400;font-size: 16px;color: #D2D2D2;line-height: 22px;}
@media (max-width:1366px) {
    .footer-logo a img {max-width: 120px;}
    .footer-content{padding: 35px 0;}
    .footer-list li a, .footer-list li p{font-size: 16px; line-height: 33px;}
    .footer-title p{font-size: 22px;color: #FFFFFF;line-height: 44px;}
    .foot-submit{padding: 20px 0;}
}
@media (max-width:1024px) {
    .footer-logo {padding: 25px 0;}  
    .footer-content {padding: 20px 0;} 
    .footer-title p{font-size: 20px;line-height: 1.75;}
    .footer-list li a, .footer-list li p{line-height: 32px;}
    .footer-right-text{padding: 20px 0;}
    .footer-logo a img {max-width: 100px;}
}
@media (max-width:768px) {
    .footer-content{flex-wrap: wrap;}
    .footer-box.item1,.footer-box.item2,.footer-box.item3{max-width: 32% !important;width: 32% !important;}
    .footer-box.item4{width: 100% !important;max-width: 100% !important;}
}
@media (max-width:650px) {
    .footer-box.item1,.footer-box.item2{max-width: 48% !important;width: 48% !important;}
    .footer-box.item3{width: 100% !important;max-width: 100% !important;}
    .footer-box.item1 .footer-list{display: flex;flex-wrap: wrap;}
    .footer-box.item1 .footer-list li{width: 48%;}
}header .header-top .top-right .search-input input,header .header-top{background: #651919;}
 header .header-top .top-right .search-input input::placeholder ,header .header-top .top-info a ,header .header-top .top-info i ,header .header-top .top-info{ color: #fff;}