﻿@charset "utf-8"; 
/*:root{--color:#0005ff}*/
header .head-info .head-nav .nav-ul>li>a{text-transform: uppercase;}
@media (min-width:1025px){header .head-info .head-logo img{max-height:70px;}}

:root {--color: #0067D8;}
.home-product{padding:80px 0;background:#f5f5f5}
.home-lawy{max-width:1400px;margin:0 auto}
.home-product-listen{max-width:90%;margin:45px auto 50px;display:flex;justify-content: center;}
.home-product-listen li{padding:14px 28px;font-family:Arial;font-weight:400;font-size:16px;color:#000;transition:all .3s ease-in-out;cursor:pointer;background:#fff}
.page-title h4{font-family:Arial;font-weight:600;font-size:30px;color:#000;line-height:1;text-align:center;text-transform:uppercase}
.home-product-box{display:none}
.home-product-case{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-product-text{padding:20px 20px;display:flex;justify-content:space-between;background:#fff}
.home-product-contant p:nth-of-type(1){font-size:18px;line-height:1;font-weight:700;color:#000}
.home-product-contant p:nth-of-type(2){color:grey;line-height:1;font-size:16px;margin-top:10px;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;display:-webkit-box}
.home-product-img img{display:block;width:100%;transition: all .3s ease-in-out;}
.home-product-pro{width:32.5%;overflow:hidden;margin-bottom:1%}
.home-product-btn{display:flex;justify-content:center;align-items:center;width:15%;padding-left:20px;margin-left:20px;box-sizing:border-box;border-left:1px solid #eee}
.home-product-contant{flex:1}
.home-product-listen .active{background:var(--color);color:#fff}
.home-product-listen li:hover{background:var(--color);color:#fff}
.home-math{padding: 80px 0;}
.home-math-main{display: flex;align-items: center;justify-content: space-between;}
.home-math-right{width: 58%;}
.home-math-left{width: 25%;}
.home-math-left .page-title h4{text-align: left;margin-bottom: 20px;}
.page-title p{color: #808080;line-height: 1.5;font-size: 16px;}
.home-math-btn{margin-top: 50px;display: inline-block;transition: all .3s ease-in-out;}
.home-math-btn a{font-size: 16px;color: #808080;text-transform: capitalize;padding-bottom: 5px;line-height: 1;border-bottom: 1px solid #808080;}
.home-math-all{display: flex;}
.home-math-text p{font-size: 16px;color: #808080;line-height: 1.75;padding-right: 20px;}
.home-math-text{margin-bottom: 35px;}
.home-math-num{display: flex;align-items: end;margin-bottom: 10px;}
.home-math-num p:nth-of-type(1){font-size: 38px;line-height: 1;font-weight: bold;}
.home-math-num p:nth-of-type(2){font-size: 18px;line-height: 1;margin-left: 5px;font-weight: bold;}
.home-math-box{padding-right: 45px;margin-right: 45px;border-right: 1px solid #dadada;}
.home-math-box:nth-last-child(1){margin: 0;padding: 0;border: none;}
.home-math-pro p{text-align: center;line-height: 1.5;color: #808080;}
.capacity-module{display: flex;background: var(--color);}
.capacity-right{width: 58%;overflow: hidden;}
.capacity-left{flex: 1;padding: 30px 85px;box-sizing: border-box;display: flex;align-items: center;}
.capacity-text p:nth-of-type(1){font-family: Arial;font-weight: 400;font-size: 18px;color: #FFFFFF;line-height: 30px;margin-bottom: 30px;}
.capacity-text p:nth-of-type(2){font-family: Arial;font-weight: 400;font-size: 14px;color: #FFFFFF;line-height: 24px;opacity: 0.5;}
.capacity-btn a{color: #fff;line-height: 1;font-weight: 500;padding-bottom: 5px;border-bottom: 1px solid #fff;}
.capacity-btn{margin-top: 40px;display: inline-block;transition: all .3s ease-in-out;}
.home-capacity .page-title h4{text-align: left;}
.home-capacity .page-title{margin-bottom: 55px;}
.home-tit h4{font-family: Arial;font-weight: 600;font-size: 30px;color: #000;line-height: 1;text-transform: uppercase;}
.home-tit{display: flex;justify-content: space-between;max-width: 1400px;margin: 0 auto 50px;}
.home-capacity{margin-bottom: 100px;}
.home-factory{margin-bottom: 100px;}
.home-title-btn a{line-height: 1;text-transform: capitalize;padding-bottom: 8px;border-bottom: 1px solid #000;}
.factory-button-next,.factory-button-prev{width: 55px;height: 55px;background: var(--color);border-radius: 100%;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.home-factory-lawy{max-width: 1600px;margin: 0 auto;}
.home-factory-swiper{position: relative;display: flex;align-items: center;}
.factory-mySwiper{max-width: 1400px;margin: 0 auto;}
.factory-button-next img, .factory-button-prev img{max-width: 30px;}
.home-new-box{width: 48%;height: 33%;overflow: hidden;}
.home-new-img{display: none;}
.home-new-box:nth-of-type(1) .home-new-img{display: block;}
.home-new-box:nth-of-type(1) {height: 100%;position: relative;}
.home-new-box:nth-of-type(1) .home-new-text{position: absolute;bottom: 0;padding: 25px;color: #fff;width: 100%;}
.home-new-item{display: flex;height: 400px;flex-wrap: wrap;flex-direction: column;justify-content: space-between;}
.home-new-box:nth-child(n + 2){margin-left: 30px;box-sizing: border-box;display: flex;align-items: center;}
.home-new-box:nth-of-type(1) .home-new-time{display: none;}
.home-new-box:nth-child(n + 2) .home-new-tm{display: none;}
.home-new-box:nth-child(n + 2) .home-new-text{display: flex;align-items: center;justify-content: space-between;}
.home-new-box:nth-child(n + 2) .home-new-data{width: 20%;display: flex;justify-content: center;align-items: center;}
.home-new-box:nth-child(n + 2)  .home-new-pro{flex: 1;padding-left: 30px;}
.home-new-time p:nth-of-type(1){font-size: 50px;line-height: 1;font-weight: bold;text-align: center;}
.home-new-time p:nth-of-type(2){font-size: 16px;color: #808080;line-height: 1;margin-top: 15px;}
.home-new-box:nth-of-type(3){border-top: 1px solid #808080;border-bottom: 1px solid #808080;}
.home-new{margin-bottom: 100px;}
.capacity-right img{transition: all .3s ease-in-out;}
.home-new-box:nth-child(n + 2) .home-new-pro a{font-size: 16px;color: #808080;line-height: 1.75;transition: all .3s ease-in-out;}
/* footer */
footer{background: url(/uploads/41816/footer.jpg)center no-repeat;background-size: cover;}
.home-footer-lawy{max-width: 1400px;margin: 0 auto;padding: 60px 0;}
.home-footer-logo,.home-footer-left{width: 30%;}
.home-footer-cantact,.home-footer-right{width: 60%;box-sizing: border-box;}
.home-footer-top{display: flex;margin-bottom: 40px;justify-content: space-between;}
.home-footer-botton{display: flex;justify-content: space-between;}
.home-footer-right{display: flex;position: relative;justify-content: space-between;}
.home-footer-right::after{position: absolute;content: '';top: 40px;width: 100%;height: 1px;background: #fff;left: -15px;opacity: 0.2;}
.home-footer-logo{display: flex;align-items: center;}
.home-footer-img{flex: 1;}
.home-footer-text{flex: 75%;padding-left: 20px;box-sizing: border-box;}
.home-footer-text p{font-weight: bold;font-size: 18px;color: #FFFFFF;line-height: 24px;}
.home-footer-cantact p{font-weight: bold;font-size: 22px;color: #FFFFFF;line-height: 1.25;}
.home-footer-left p{font-size: 16px;color: #FFFFFF;line-height: 30px;opacity: 0.8;}
.home-footer-left ul{display: flex;margin-top: 30px;}
.home-footer-left ul li{width: 40px;height: 40px;border-radius: 100%;background: #fff;display: flex;align-items: center;justify-content: center;margin-right: 7px;}
.home-footer-tab p{font-weight: 600;font-size: 18px;color: #FFFFFF;line-height: 1;text-transform: uppercase;}
.home-footer-tab{padding-bottom: 25px;margin-bottom: 25px;}
.home-footer-list:nth-of-type(1){width: 20%;}
.home-footer-list:nth-of-type(2){width: 25%;}
.home-footer-list:nth-of-type(3){width: 40%;padding-right: 15px;}
.home-footer-list:nth-of-type(4){width: 13%;display: flex;flex-direction: column;justify-content: end;}
.home-footer-list ul li a{font-size: 16px;color: #fff;line-height: 1;opacity: 0.8;}
.home-footer-list ul li{margin-bottom: 8px;}
.home-footer-tel p,.home-footer-tel a{color: #fff;font-size: 16px;opacity: 0.9;margin-bottom: 8px;}
.home-footer-p p{color: #fff;text-align: center;}
.home-product-img,.factory-swiper-img{overflow: hidden;}
.home-title-btn,.factory-swiper-img img{transition: all .3s ease-in-out;}
.home-product-pro:hover .home-product-img img{transform: scale(1.05);}
.capacity-right:hover img{transform: scale(1.05);}
.home-title-btn:hover,.capacity-btn:hover,.home-math-btn:hover{transform: rotateZ(10deg);}
.home-new-box:hover .home-new-pro a{color: var(--color);}
.home-new-img img{width: 100%;object-fit: cover;height: 400px;}

@media (min-width:1024px) {
    .factory-swiper-img:hover img{transform: scale(1.05);}
    .footer-item>ul{display: flex;justify-content: space-between;position: absolute;top: -30px;left: 70px;}
    .footer-item>ul li{width: 25px;height: 25px;border-radius: 100%;overflow: hidden;background: var(--color);display: flex;justify-content: center;align-items: center;margin-right: 13px;}
    .footer-item>ul li:nth-last-child(1){margin: 0;}
    .footer-item>ul li img{filter: grayscale(200%) brightness(500%);width: 15px;}
    .footer-item>ul li a{line-height: 1}
    .search-box{display: none;}
    header .head-info .l-wrap{justify-content: space-evenly;}
    .footer-item{position: relative;}
    .footer-tel{padding-left: 35px;margin-left: 35px;border-left: 1px solid #eee;}
    header .head-top{display: none;}
    header .head-info{height: 130px;}
    header.is-active .head-info{height: 110px;}
    .footer-tel i{font-size: 22px;line-height: 1;margin-right: 15px;}
    body{padding-top: 0;}
    header{background: #ffffff3d;}  
    header.is-active{background:#ffffff;}
    header .head-info .head-logo img{max-height: 100%;} 
    .crumbs{opacity: 0;}
    .common-main{margin: 100px 0 50px;}
}
@media (max-width:1600px) {
    .home-product,.home-math{padding: 50px 0;}
    .home-capacity,.home-factory,.home-new{margin-bottom: 70px;}
    .home-factory-lawy{padding: 0 15px;}
    .factory-button-next, .factory-button-prev{width: 40px;height: 40px;}
}
@media (max-width:1400px) {
    .home-lawy{padding: 0 15px;}
    .home-product-listen{max-width: 80%;margin: 30px auto 50px;}
    .home-math-box{padding-right: 35px;margin-right: 35px;}
    .home-math-num p:nth-of-type(1){font-size: 32px;}
    .home-math-left {width: 30%;}
    .capacity-left{padding: 30px 50px;}
    .factory-mySwiper{max-width: 1200px;}
    .home-tit{margin: 0 auto 30px;}
    .home-new-time p:nth-of-type(1){font-size: 32px;}
    .home-new-item{height: 360px;}
    .home-footer-cantact p{font-size: 18px;}
    .home-footer-tab p{font-size: 16px;}
}
@media (max-width:1240px) {
    .home-footer-lawy{padding: 50px 15px;}
    .factory-mySwiper{width: 90%;}
    .factory-button-next img, .factory-button-prev img {max-width: 20px;}
}
@media (max-width:1200px) {
    .home-footer-lawy{padding: 50px 15px;}
    .page-title h4{font-size: 24px;}
    .home-capacity .page-title {margin-bottom: 30px;}
    .capacity-left{padding: 30px;}
    .capacity-text p:nth-of-type(1){font-size: 16px;line-height: 1.5;}
    .capacity-btn {margin-top: 25px;}
    .home-tit h4{font-size: 24px;}
    .home-new-time p:nth-of-type(1){font-size: 24px;}
    .home-new-box:nth-child(n + 2) .home-new-pro a{font-size: 14px;line-height: 1.5;}
    .home-new-item {height: 310px;}
    .home-product, .home-math {padding: 30px 0;}
    .home-footer-top{margin-bottom: 20px;}
    .home-footer-left ul li a{line-height: 1;display: flex;justify-content: center;align-items: center;}
}
@media (max-width:1024px) {
    .page-title h4 {font-size: 22px;}
    .home-product-listen {max-width: 100%;margin: 15px auto 30px;}
    .home-product-contant p:nth-of-type(2){line-height: 1.5;font-size: 14px;margin-top: 2px;}
    .home-math-left{width: 40%;}
    .page-title p{font-size: 14px;}
    .home-math-text p{font-size: 14px;line-height: 1.75;}
    .home-math-btn {margin-top: 30px;}
    .home-math-box {padding-right: 20px;margin-right: 20px;}
    .home-math-num p:nth-of-type(1){font-size: 24px;}
    .capacity-left {padding: 20px;}
    .capacity-text p:nth-of-type(1) {font-size: 14px;line-height: 1.5;margin-bottom: 15px;}   
    .capacity-btn {margin-top: 10px;}
    .home-capacity, .home-factory, .home-new {margin-bottom: 35px;}
    .home-tit h4 {font-size: 20px;}
    .home-title-btn a{font-size: 14px;}
    .home-new-item {height: 260px;}
    .home-new-box:nth-of-type(1) .home-new-text{padding: 15px;}
    .home-new-pro a,.home-footer-list ul li a{font-size: 14px;}
    .home-footer-logo, .home-footer-left{width: 36%;}
    .home-footer-text p,.home-footer-tel p, .home-footer-tel a{font-size: 14px;}
    .home-footer-cantact p{font-size: 16px;}
    .home-footer-left p{font-size: 14px; line-height: 1.5;}
    .home-footer-lawy {padding: 30px 15px;}
    .home-footer-tab {padding-bottom: 20px;margin-bottom: 20px;}
    .home-footer-list ul li {margin-bottom: 4px;}
}
@media (max-width:768px) {
    .home-product-listen li{padding: 10px;font-size: 14px;}
    .home-product-pro{width: 49.5%;}
    .home-product-text{padding: 12px;}
    .home-math-main{flex-direction: column;}
    .home-math-left{width: 100%;}
    .home-math-right{width: 100%;margin-top: 16px;}
    .home-math-btn a{font-size: 14px;}
    .home-math-btn {margin-top: 10px;text-align: end;}
    .home-math-text p{padding-right: 0;}
    .home-math-box {padding-right: 0;margin-right: 0;width: 25%;}
    .home-math-num{justify-content: center}
    .capacity-module{flex-direction: column-reverse;}
    .capacity-right{width: 100%;}
    .factory-button-next, .factory-button-prev{display: none;}
    .factory-mySwiper{width: 100%;}
    .home-new-box{width: 100%;}
    .home-new-item {height: auto;}
    .home-new-box:nth-child(n + 2){margin-left: 0;padding: 25px 0;}
    .home-footer-botton{flex-direction: column;}
    .home-footer-left{width: 100%;}
    .home-footer-right{width: 100%;}
    .home-footer-left ul{margin: 25px 0;}
    .home-footer-left ul li a img{width: 15px;}
    .home-footer-left ul li{width: 30px;height: 30px;}
}
@media (max-width:500px) {
    .home-product-listen{flex-wrap: wrap;}
    .home-product-listen li{width: 50%;text-align: center;}
    .home-product-pro{width: 100%;}
    .home-product-contant p:nth-of-type(1){font-size: 16px;}
    .home-footer-top{flex-direction: column;}
    .home-footer-logo,.home-footer-cantact{width: 100%;}
    .home-footer-cantact p {font-size: 14px;margin-top: 15px;}
    .home-footer-right{flex-wrap: wrap;}
    .home-footer-list{width: 48% !important;}
    .home-footer-list:nth-of-type(4) .home-footer-re{display: flex;justify-content: center;}
}
.home-product-tan{padding: 15px 20px;font-family: Arial;font-weight: 400;font-size: 16px;color: #000;transition: all .3s ease-in-out;cursor: pointer;background: #fff;text-align: center;height: 80px;}
.product-mySwiper2 .swiper-slide-thumb-active .home-product-tan{background: var(--color);color: #fff;}
.product-mySwiper2{max-width: 90%;margin: 45px auto 50px;display: flex;justify-content: center;padding-top: 0 !important;}
.product-mySwiper1{padding-top: 0 !important;max-width: 1200px;}
@media (min-width:1025px){.common-product .page-main{flex-direction: row-reverse;}
.common-product .prodetails-sidear .pr-sidebar-search{background: var(--color);}
.common-product .prodetails-sidear .sidebar-category-title p{color:#fff}
.common-product .prodetails-sidear .pr-sidebar-search .pr-search-btn{background: #fff;color:var(--color);border-left: 1px solid var(--color);}
.common-product .pr-sidebar-category .pr-sidebar-cate li a{font-weight: var(--fontbold7);font-size:17px;}
.common-product .pr-sidebar-category ul .active>a{font-weight:var(--fontbold7);font-size:20px;}
.pr-sidebar-recommended,.prodetails-sidear .pr-sidebar-category {padding:0;background:#ddd}
.prodetails-sidear .sidebar-category-title {background:var(--color);padding:10px 15px;}
.common-product .category-title-box {display:none;}
.prodetails-sidear .sidebar-category-title p {font-size:21px;}
.prodetails-sidear .sidebar-category-title+.pr-category-line {display:none;}
.pr-sidebar-cate>li {border-top:1px solid #fff}
.pr-sidebar-category .pr-sidebar-cate li a {padding:5px 15px;margin:0;}
.pr-sidebar-category .pr-sidebar-cate li a:hover {background:var(--color);color:#fff!important}
.pr-sidebar-recommended .re-more {color:#000;}
.pr-sidebar-recommended .pr-recommended-line {display:none;}
.pr-sidebar-recommended .re-box {padding:10px 15px;}}
@media(min-width:769px){.capacity-right{width:51%;}}
@media (max-width:768px){.product-mySwiper2 .swiper-wrapper{flex-wrap:wrap;}
.product-mySwiper2{margin:20px 0;max-width:100%;}
.home-product .swiper{padding-bottom:0;}
.product-mySwiper2 .swiper-wrapper .swiper-slide{width:100% !important}
.home-product-tan{height:auto;padding:8px 10px;}}
#floatwindow_go_top2 .floatwindow_tit_box{background-color:#FD3939;background-position:0 -267px;}
.home-banner .swiper-slide img{width:100%;}
.home-banner .swiper-slide-active img {animation:bannerimg2 6s forwards}
@keyframes bannerimg2 {0% {opacity:.5;transform:scale(1)}
20% {opacity:1}
80% {opacity:1;transform:scale(1.05)}
100% {opacity:1;transform:scale(1.047)}}
.touch-block .touch-message .touch-text{-webkit-line-clamp:inherit}

@media(min-width:1025px){
.lang{position:absolute;left:70px;}
.lang-icon span{color:#333}
.lang-icon span::before,.lang-icon span::after{background:#333;}
}