@charset "utf-8";
:root{--color:#BD0000}
@font-face {font-family: "iconfont";src: url('/uploads/32736/iconfont.ttf') format('truetype');}
.iconfont{font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-V:before{content: "\e730";}
.icon-youjiantou:before{content: "\e60a"; }
.icon-renyuanguanli:before{content: "\e617";}
.icon-huowu:before{content: "\e606";}
main{max-width:1920px;margin:0 auto}
.jt-wrap{max-width:1400px;margin:0 auto}
.product-item{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:35px}
.product-com{width:24%;box-shadow:0 5px 10px 2px #e0e0e0;margin-bottom:1%;display:flex;flex-direction:column;justify-content:space-between;background:#fafafa;overflow: hidden;}
.title h5{font-size:32px;line-height:1;text-align:center;text-transform:capitalize;margin-bottom:20px}
.title h5>em{font-style:normal;color:#bd0000}
.title span{width:60px;height:3px;display:flex;background:#000;border-radius:8px;margin:0 auto;position:relative}
.title span::after{position:absolute;width:50%;height:100%;content:'';background:var(--color);top:0;right:0}
.product{padding:50px 0 65px}
.product-img img{width: 100%;aspect-ratio: 1 / 1;display: block;object-fit: cover;}
.product-text{padding:22px 20px;box-sizing:border-box}
.product-text p:nth-of-type(1){font-size:16px;font-weight:600;text-transform:capitalize;line-height:1;padding-bottom:15px;position:relative}
.product-text p:nth-of-type(1)::after{content:'';width:52px;height:4px;position:absolute;bottom:0;left:0;background:var(--color)}
.product-text p:nth-of-type(2){font-size:14px;line-height:1.25;margin-top:15px}
.product-btn{background:#eaebec;display:flex;justify-content:space-between}
.product-btn a{font-size:18px;text-transform:uppercase;line-height:1;padding:18px;font-weight:600}
.product-learn{padding:0 27px;background:var(--color);display:flex;justify-content:center;align-items:center;color:#fff;font-size:22px;line-height:1;cursor:pointer}
.category-item{display:flex;justify-content:space-between;margin-top:55px}
.category{background:url(/uploads/32736/category-back.jpg) center no-repeat;background-size:cover;padding:80px 0 95px}
.category .title span{background:#fff}
.category .title h5{color:#fff}
.category-com{background:#fff;overflow: hidden;}
.category-mySwiper{overflow: hidden;box-sizing: border-box;position: relative;width: 90%;margin: 55px auto 0;}
.category-page{position: relative;}
.category-com-img img{display:block;width:100%}
.category-com-tab{background:var(--color)}
.category-com-tab p{font-weight:400;font-size:18px;color:#fff;line-height:1;padding:12px 18px}
.category-com-list{padding:20px 15px;height: 110px;}
.category-com-list li a{position: relative;padding-left: 15px;transition: all .3s ease-in-out;}
.category-com-list li a::before{content: "";position: absolute;top: 7px;left: 0px;display: inline-block;width: 6px;height: 6px;transform: rotate(-135deg);border: 1px solid #6c6c6c;border-top: none;border-right: none;transition: all .6s ease-in-out;}
.about-item{display: flex;align-items: center;}
.about-img{width: 37.5%;}
.about-content{flex: 1;padding-left: 80px;box-sizing: border-box;}
.about-img img{display: block;width: 100%;}
.about-content .h3{font-size: 36px;padding: 15px 0px 20px;position: relative;line-height: 1;}
.about-content .h3:after {content: "";position: absolute;bottom: 0px;height: 3px;width: 70px;background: var(--color);left: 0px;}
.about-content .h4{font-size: 18px;margin: 20px 0px;text-transform: uppercase;}
.about-content p{color: #333;font-size: 16px;line-height: 1.8;margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;max-height: 170px;}
.about-list {display: flex;display: -webkit-flex;justify-content: flex-start;padding-top: 20px;border-top: 1px solid #EBEBEB;}
.about-list li{margin-right: 20px;display: flex;justify-content: center;height: 65px;align-items: center;}
.about-list li em {font-size: 40px;color: var(--color);line-height: 1;}
.about-list li strong {display: block;font-family: Lato-black;font-size: 25px;margin-bottom: 5px;}
.about-btn{margin-top: 40px;}
.about-btn a{display: inline-block;padding: 10px 20px;background: 0 0;color: var(--fontcolor);font-size: 16px;text-transform: uppercase;border: 1px solid #222;position: relative;z-index: 1;overflow: hidden;}
.about-btn a::after{content: '';position: absolute;width: 100%;height: 100%;background: var(--color);left: -100%;top: 0;z-index: -1;transition: all .3s ease-in-out;}
.about-us{padding: 90px 0;background: #F2F2F2;}
.about-ioc{width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;border: 1px solid var(--color);border-radius: 100%;margin-right: 10px;transition: all .3s ease-in-out;}
.solution-item{display: flex;justify-content: space-between;margin-top: 45px;}
.solution-item-box{width: 25%;position: relative;}
.solution-img img{width: 100%;display: block;}
.solution{padding: 60px 0;}
.solution-con{position: absolute;width: 80%;height: 80%;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #0000006b;padding: 40px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;align-items: center;transition: all .3s ease-in-out;}
.solution-con-text p:nth-of-type(1){font-size: 24px;color: #FFFFFF;line-height: 24px;text-align: center;margin-bottom: 20px;}
.solution-con-text p:nth-of-type(2){font-size: 16px;color: #FFFFFF;line-height: 24px;text-align: center;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;display: -webkit-box;}
.solution-btn{margin-top: 30px;}
.solution-btn a{background: #BD0000;border-radius: 20px;display: flex;justify-content: center;line-height: 1;color: #fff;padding: 10px 30px;}
.new-item{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 45px;}
.new-item-box{width: 49%;margin-bottom: 2%;display: flex;justify-content: center;transition: all .3s ease-in-out;background: #fff;overflow: hidden;}
.new-img{height: 100%;display: flex;align-items: center;flex: 1;}
.new-text{padding: 18px 25px;background: #FFF;width: 49%;}
.new-text a{font-size: 18px;color: #050713;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;padding-bottom: 10px;position: relative;height: auto;min-height: 50px;margin-bottom: 20px;}
.new-img a img{display: block;width: 100%;}
.new-text a::after{content: "";position: absolute;width: 50px;background: var(--color);height: 2px;bottom: 0px;left: 0px;}
.new-text p{font-size: 14px;line-height: 1.6;color: #555;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.new{background: #FAFAFA;padding: 45px 0;}
.product-com:hover img{transform: scale(1.02);}
.category-com-list li:hover a::before{transform: rotate(-45deg);}
.about-btn a:hover::after{left: 0;}
.about-btn a:hover{color: #fff;border: 1px solid var(--color);}
.about-list li:hover .about-ioc{transform: rotateY(160deg);}
.solution-item-box:hover .solution-con{width: 100%;height: 100%;max-width: 100%;}
.category-com-img:hover img{transform: scale(1.02);}
.new-item-box:hover{transition: all .3s ease-in-out;box-shadow: 0 5px 10px #E3E3E3;transform: translateY(-4px);}
.new-item-box:hover a{color: var(--color);}
.category-button{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;cursor: pointer;}
.category-button span{font-size: 42px;color: #fff;}
.category-button-next{left: 0;}
.category-button-prev{right: 0;}
.category-page .swiper-button-disabled{opacity: 0.5;}
@media (max-width:1600px) {
    .solution-con-text p:nth-of-type(1){font-size: 22px;margin-bottom: 15px;}
    .solution-con{padding: 25px;}
}
@media (max-width:1400px) {
    .jt-wrap{padding: 0 3%;}
    .title h5,.about-content .h3{font-size: 28px;}
    .product-btn a{padding: 15px;font-size: 16px;}
    .product-learn{padding: 0 20px;}
    .category,.about-us{padding: 50px 0;}
    .about-content{padding-left: 50px;}
    .about-img {width: 40%;}
    .about-list li em{font-size: 32px;}
    .about-content .h4{margin: 10px 0;}
    .about-btn a{font-size: 14px;line-height: 1;}
    .solution-con-text p:nth-of-type(1){font-size: 20px;}
    .solution-con-text p:nth-of-type(2){font-size: 14px;}
    .solution-btn a{padding: 8px 19px;font-size: 14px;}
    .solution-con {padding: 15px;}
}
@media (max-width:1200px) {
    .title h5{margin-bottom: 15px;}
    .category-com-list li a{font-size: 14px;}
    .category-com-list{padding: 15px 10px;}
    .head.is-fixed .head-main .l-wrap {height: 60px;}
    .head.is-fixed .head-nav {height: 60px;}
    .category-com-tab p{font-size: 14px;}
}
@media (max-width:1024px) {
    .product {padding: 35px 0;}
    .title h5, .about-content .h3 {font-size: 22px;}
    .product-text {padding: 15px;}
    .product-btn a {padding: 10px;font-size: 12px;}
    .product-learn {padding: 0 10px;font-size: 16px;}
    .category-item{margin-top: 30px;}
    .category-com-tab p{font-size: 16px;padding: 10px;}
    .category-com-list {padding: 10px 15px;}
    .category-com-list li a{font-size: 12px;}
    .about-content {padding-left: 30px;}
    .about-img {width: 50%;}
    .about-list li{flex-direction: column;height: auto;width: 33%;margin-right: 0px;}
    .about-list li strong{font-size: 18px;text-align: center;}
    .about-list li>span{font-size: 12px;}
    .about-btn {margin-top: 15px;}
    .solution {padding: 35px 0;}
    .solution-item,.new-item{margin-top: 30px;}
    .new-text a{margin-bottom: 10px;padding-bottom: 6px;}
    .category-button span {font-size: 26px;}
}
@media (max-width:900px) {
    .solution-item{flex-wrap: wrap;}
    .solution-item-box{width: 50%;}
    .new-item-box{width: 100%;}
    .new-text {padding: 20px 20px;background: #FFF;width: 59%;}
}
@media (max-width:768px) {
    .product-com {width: 49%; margin-bottom: 2%;}
    .category-item{flex-wrap: wrap;}
    .about-item{flex-direction: column;}
    .about-img{width: 100%;}
    .about-content {padding-left: 0px;}
    .about-btn {margin-top: 40px;text-align: center;}
}

@media (max-width:500px) {
    .solution-btn {margin-top: 10px;}
    .product-item{margin-top: 22px;}
    .category, .about-us,.new{padding: 30px 0;}
    .about-btn {margin-top: 20px;}
    .new-item-box{flex-direction: column;width: 49%;}
    .new-text {padding: 10px;background: #FFF;width: 100%;box-sizing: border-box;}
    .about-content .h4{font-size: 16px;}
    .about-content p{font-size: 14px;}
    .about-ioc {width: 45px;height: 45px;}
    .about-list li em {font-size: 24px;}
    .about-ioc{margin-bottom: 10px;}
    .solution-item-box {width: 100%;}
}
/* footer */
.head-top .head-box,.head-top:after{display: none;}
.head-top .head-contact{margin-left: inherit;margin-right: 63px;}
.head-top .head-lang {margin-left: auto;position: absolute;right: 0;top: 26px;}
.head-top .head-contact a,.lang-icon{color: #000;}
.lang-icon span::after,.lang-icon span::before{background: #000;}
.head-top {height: auto;background: #fff;}
.head-main{background: #9C1318;}
.head-logo{display: flex;align-items: center;}
.logo-name h5{font-weight: bold;font-size: 24px;color: #000000;line-height: 1;}
.logo-name p{font-family: Arial;font-weight: 400;font-size: 12px;color: #8C8C8C;line-height: 1.5;}
.logo-name{margin-left: 15px;}
.head-top .l-wrap{padding: 8px 0;max-width: 1400px;}
.head-main .l-wrap{justify-content: space-between;height: 70px;max-width: 1400px;}
.head-nav{margin-left: unset;height: 70px;width: 55%;}
.head-nav>ul>li>a{color: #fff;}
.head-nav a.inmenu_1{color: #fff;}
.head-nav>ul>li:hover{background: #270506;padding: 0 15px;margin: 0;}
.head-nav>ul>li{transition: all .3s ease-in-out;}
.head-nav .submenu a{background: #343434e6;transition:all ease-in-out .3s;border-bottom: 1px dashed #999;}
.head-nav .submenu a:hover {background: #ffffff;color: var(--color);}
.head-nav .submenu{overflow:unset}
.head-nav .submenu .menu-item{position: relative;}
.head-nav .submenu .menu-item ul{position: absolute;right: -115%;top: 0;display: none;left: 100%;}
.head-nav .submenu .menu-item:hover >ul{display: block;}
.head-search .head-search-btn>i{font-size: 28px;color: #fff;}
.head-search .head-search-btn{background: #00000000;height: 100%;margin-right: 20px;}
.head-search{display: flex;height: 100%;}
.footer-email{display: flex;align-items: center;background: #D90A12;}
.footer-email a{color: #fff;padding: 0 30px;display:flex;align-items:center;width:100%;height:100%;}
.footer-email a em{font-size: 20px;line-height: 1;margin-right: 8px;}
.head-nav>ul{justify-content: space-between;}
#liproducts img{padding-left: 15px;}

@media (max-width:1024px) {
    .logo-name h5{font-size: 18px;}
    .lang{top: 32px;}
}
@media (max-width:768px) {
    .footer-email,.head-search .head-search-btn{display: none;}
    .head-nav>ul>li>a {color: #000;}
    .head-nav.is-active>ul{top: 70px;}
    .head-nav>ul>li:hover {background: #fff;padding:0;margin: 0vw 4vw;}
    .head-nav .submenu a{background: #fff;}
    .head-nav .submenu .menu-item:hover >ul{position: unset;}
    .head-logo{display: none;}
    .head-top{background: #343434;}
}
#liHome{display:none}
.product-main .pro-cart{opacity:1;box-shadow:0 1px 3px #000;}
.cart-panel .selected-item .item-price{display:none;}
.payment .payment-info{justify-content: end;}
.payment .payment-list table>thead>tr>th:nth-child(2),.payment .payment-list table>thead>tr>th:nth-child(4),.payment .payment-list table>tbody>tr>td:nth-child(2),.payment .payment-list table>tbody>tr>td:nth-child(4),.payment .payment-method-address,.payment .payment-info-cont p{display:none;}
body.body-payment #toast-container{display:none!important;opacity:0}
.product-main .pro-list.list1 .data-price{display:none;}
.pro-detail .pro-detail-top .pro-info .pro-price{display:none;}
.cart-panel .button-area .cart-order{display:none;}