@charset "utf-8"; 
:root{--color:#0271B8;--fontfamily:'Arial'}
#parts img{height:50px;object-fit:contain}
#products>.container{max-width:100%;background:url(/js/31490/4.jpg) no-repeat center;background-size:cover}
#parts{padding:0}
#parts img{height:auto;width:100%}
.products_bt{background:#1B1B1B}
.products_bt ul{display:flex;margin:0 auto;max-width:1200px;justify-content:space-between;padding:30px 0}
.products_bt ul li{width:25%;display:flex;justify-content:center;align-items:center}
.products_bt ul li h3{font-size:24px}
.products_bt ul li span{font-size:12px}
.products_bt ul li .img{margin-right:10px}
.products_bt ul li .img img{width:60px}
#cate_nav li{width:18% !important;margin-right:0}
#cate_nav{display:flex;justify-content:space-between}
.foot_info div,.foot a,.foot_info .h3,.foot_info p{color:#000}
main{max-width:1920px;margin:0 auto}
.more-btn{text-transform:uppercase}
.home-about-display{max-width:1600px;margin:0 auto;display:flex;align-items:center;padding:60px 40px}
.home-about-img{width:49.5%}
.home-about-img img{display:block}
.home-about-con{flex:1;margin-left:70px}
.home-about-con h3{font-size:30px;color:#2b2b2b;line-height:35px}
.home-about-con p{font-weight:400;font-size:18px;color:rgba(43,43,43,.83);line-height:23px;padding:22px 0}
.home-about-con ul li{padding-left:34px;position:relative;font-weight:400;font-size:18px;color:#2b2b2b;line-height:23px}
.home-about-con ul li::after{width:14px;height:14px;background:var(--color);position:absolute;content:'';left:0;top:50%;transform:translateY(-50%)}
.home-about-con ul li:not(:last-child){margin-bottom:22px}
.home-about-con ul{padding-left:40px;padding-top:20px;position:relative;margin-bottom:60px}
.home-about-con ul::after{position:absolute;content:'';left:15px;height:100%;width:1px;background:var(--color);top:0}
.home-about-con ul::before{position:absolute;content:'';height:100%;width:1px;background:var(--color);top:20px;left:0}
.home-about-con a{display:inline-block}
#home-ind{display:flex;align-items:center;background:#f4f4f4;margin:15px 0 33px}
.home-ind-l{width:50%}
.home-ind-r{width:50%}
.home-ind-wrap{padding:0 150px 0 115px}
.home-ind-adv{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:45px}
.home-ind-adv li{width:48.5%;background:#e5e5e5;margin-bottom:3%;padding:20px 9px;box-sizing:border-box}
.home-ind-item{display:flex;align-items:center}
.home-ind-img{width:58px;height:58px;transition: all .5s ease-in-out;}
.home-ind-p{flex:1;margin-left:10px}
.home-ind-num{font-weight:700;font-size:32px;color:var(--color);text-align:center;line-height:1;margin-bottom:13px}
.home-ind-text{font-size:14px;color:#2b2b2b;text-align:center;line-height:1.25}
.home-ind-wrap .con{font-weight:400;font-size:19px;color:#282828;line-height:24px}
.home-ind-wrap span{width:91px;height:3px;background:var(--color);display:block;margin:25px 0 22px}
.home-ind-wrap h3{font-weight:700;font-size:45px;color:#232323;line-height:1}
.home-ind-wrap h3 strong{color:var(--color);text-transform: uppercase;}
.home-ind-r img{display:block;object-fit:cover;max-width: 100%;}
#home-history{background:url(/uploads/31490/history-back.png) center no-repeat;background-size: cover;}
.home-wrap{max-width:1640px;margin:0 auto}
.home-history-box,.home-history-boxs{width:11.11%;position:relative}
.home-history-title h3{font-size:42px;color:#2b2b2b;line-height:1;text-align:center}
.home-history-title{padding:55px 0 66px}
.home-his-yuan{display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateY(-18px)}
.home-his-yuan span:nth-child(1){width:9px;height:9px;background:#fff;border-radius:50%;display:block}
.home-his-yuan span:nth-child(2){width:2px;height:100px;background:var(--color);display:block}
.home-his-div span:nth-child(1){width:1px;height:100px;background:#000;display:block}
.home-his-div span:nth-child(2){width:9px;height:9px;background:#fff;border-radius:50%;display:block}
.home-his-im img,.home-his-img img{display:block}
.home-his-icoe{display:flex;justify-content:center;position:absolute;bottom:0;left:0;width:100%}
.home-his-top{position:absolute;top:0;left:0}
.home-his-text p:nth-of-type(1),.home-his-top p:nth-of-type(1){font-size:28px;color:var(--color);line-height:1;margin-bottom:10px;font-weight: bold;}
.home-his-text p:nth-of-type(2),.home-his-top p:nth-of-type(2){font-size:14px;color:#50585c;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden;display:-webkit-box}
.home-his-span{padding-bottom:75px;padding-top:142px;margin-top:42px}
.home-history-item{padding:40px 0;display:flex}
.home-his-div{display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateY(18px)}
.home-his-ic{display:flex;justify-content:center;position:absolute;left:0;width:100%;top:0}
.home-his-main{padding-bottom:142px;padding-top:75px}
.home-his-text{position:absolute;bottom:0;height:150px;left:0}
.home-product-l{width: 23%;padding-right: 100px;box-sizing: border-box;}
.home-product-pro{display:flex;justify-content:space-between;padding:85px 0}
.home-product-r{width: 77%;position: relative;}
.home-product-list{flex-wrap: wrap;display: flex;justify-content: space-between;}
.home-product-list li a{position:relative;overflow:hidden}
.home-product-box{position:absolute;width:100%;bottom:-50%;padding:18px 22px;text-align:center;box-sizing:border-box;background:var(--color);transition:all .3s ease-in-out}
.home-product-img img{display:block;width:100%}
.home-product-list li{overflow:hidden;width:32%;margin-bottom:2%;border: 1px solid #eee;}
.home-product-list li:nth-last-child(-n+3){margin-bottom:0}
.home-product-title{font-size:40px;color:#1e1e20;line-height:34px;margin-bottom:40px}
.home-product-hotprocate li{font-weight:400;font-size:20px;color:#7d7d7d;line-height:50px;position:relative;cursor:pointer;transition:all .3s ease-in-out}
.home-product-hotprocate{padding-left:25px;position:relative;margin-bottom:65px}
.home-product-hotprocate::after{position:absolute;content:'';height:100%;width:1px;left:0;top:0;background:#c9c9c9}
.home-product-l .home-more{border:1px solid var(--color);padding:17px 30px;display:inline-block;font-size:18px;color:var(--color);line-height:1;text-transform:uppercase;position: relative;overflow: hidden;}
.home-product-l .home-more::after{position: absolute;content: '';width: 100%;height: 100%;top: 0;left: -100%;background: var(--color);z-index: -1;transition: all .3s ease-in-out;}
.home-product-hotprocate .active::after{position:absolute;content:'';width:4px;height:100%;background:#000;left:-25px}
.home-product-hotprocate .active{color:var(--color)}
.home-product-list li:hover .home-product-box{bottom:0}
.home-product-list li a:hover .home-product-box{color:#fff}
.home-course-all{display:flex;align-items:center}
.home-course-right{width:66%;display:flex;justify-content:space-between}
.home-course-left{flex:1;padding-right:45px;box-sizing:border-box}
.home-course-left p{font-weight:400;font-size:24px;color:#50585c;margin-bottom: 15px;}
.home-course-left h4{font-weight:700;font-size:36px;color:#2b2b2b;line-height:35px}
.home-course-left span{width:130px;height:5px;background:var(--color);display:block;margin:36px 0;position:relative}
.home-course-left span::after{width:50%;height:5px;background:#000;content:'';position:absolute;right:0}
.home-drawing-left{display:flex;flex-wrap:wrap;width:45%;justify-content:space-between;padding-right:45px;box-sizing:border-box}
.home-drawing-right{width:45%;display:flex;flex-direction:column;padding:60px 80px 0;background:#f4f6f7}
.home-wrap-drawing{display:flex;align-items:center;padding:85px 0;justify-content: space-between;}
.home-drawing-imgs{width:48%;margin-bottom:4%;overflow: hidden;position: relative;}
.home-drawing-imgs:nth-last-child(1),.home-drawing-imgs:nth-last-child(2){margin-bottom:0}
.home-drawing-imgs img{display:block;max-width:100%}
.home-drawing-title h4{font-weight:700;font-size:36px;color:#2b2b2b;line-height:35px}
.home-drawing-title span{width:130px;height:5px;background:var(--color);display:block;margin:36px 0;position:relative}
.home-drawing-title span::after{width:50%;height:5px;background:#000;content:'';position:absolute;right:0}
.home-drawing-all{display:flex;justify-content:space-between;margin-top:50px}
.home-drawing-con img{display:block;width:100%}
.home-drawing-title p{font-weight:400;font-size:20px;color:#50585c;line-height:30px}
.home-drawing-con{width:45%;overflow: hidden;}
.home-drawing-text p{font-size: 20px;color: #FFFFFF;line-height: 36px;text-shadow: 0px 2px 8px #000;}
.home-drawing-text{position: absolute;bottom: 20px;width: 100%;text-align: center;}
#home-certificate{background:url(/uploads/31490/certificate-back.jpg) center no-repeat;padding:75px 0}
.home-certificate-title h4{font-size:43px;color:#2b2b2b;line-height:1;text-align:center;margin-bottom:50px}
#appli .sol-top{background:url(/uploads/31490/appli-back.jpg) center no-repeat;background-position:top}
#sol-swiper .sol-con{font-weight:400;font-size:18px;color:#2b2b2bd4;line-height:36px}
#appli{background:url(/uploads/31490/map.png) center no-repeat;background-size:cover}
#new .new-list>li{width:25%;padding:0 15px;box-sizing:border-box}
.advan .advan-list>li:hover .advan-icon img{filter: grayscale(200%) brightness(500%);}
.home-product-item{display: none;transform: scale(0);opacity: 0;transition: all .3s ease-in-out;}
.home-product-r .hotpro-list-act {display: block;opacity: 1;transform: scale(1);}
.home-product-r .hotpro-list-act .home-product-list{opacity: 1;transform: scale(1);}
.home-course-img{overflow: hidden;width: 48%;}
.home-course-img img{display: block;max-width: 100%;}
.home-course-img:hover img{transform: scale(1.02);}
.home-drawing-imgs:hover img{transform: scale(1.02);}
.home-drawing-con:hover img{transform: scale(1.02);}
#new .new-date{left: 0;top: 0;bottom: unset;padding: 10px 15px;}
#new .new-date p:nth-of-type(1){font-size: 22px;color: #FFFFFF;line-height: 1;margin-bottom: 5px;}
#new .new-date p:nth-of-type(2){font-size: 16px;color: #FFFFFF;line-height: 19px;}
.advan h3{text-transform: capitalize;}
#sol-swiper .sol-img img{display: block;}
#new .main-part{text-transform: capitalize;}
.home-new-title{padding: 30px 15px 0 15px;margin-bottom: 20px;}
.home-new-btn{padding: 0px 15px;}
.home-new-btn a::after{position: absolute;content: '';width: 100%;height: 100%;top: 0;left: -100%;background: var(--color);z-index: -1;transition: all .3s ease-in-out;}
.hoem-new-contant{font-size: 18px;color: #323232;line-height: 23px;text-transform: uppercase;padding-bottom: 20px;margin-bottom: 15px;display: block;border-bottom: 1px solid #eee;}
.home-new-title p{font-size: 17px;color: rgba(50, 50, 50, 0.85);line-height: 23px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;}
.home-new-btn a{font-size: 16px;color: #323232;line-height: 22px;padding: 14px 25px;border: 1px solid #000;display: inline-block;position: relative;overflow: hidden;}
.home-new-btn a:hover::after{left: 0;}
.home-new-btn a:hover{color: #fff;border: 1px solid #fff;}
.home-ind-img img{width: 100%;height: 100%;}
.home-ind-adv li:hover .home-ind-img{transform: rotateY(360deg);}
.home-history-box:hover .home-his-icoe img, .home-history-boxs:hover .home-his-ic img{transform: rotateY(180deg);}
.advan .advan-item .tit{text-transform: uppercase;}
#contact{padding: 62px 0;background: #eee;}
#contact .foot-title{font-weight: bold;font-size: 31px;color: #2E2E2E;line-height: 42px;}
#contact .foot-title span{color: var(--color);}
.home-product-l .home-more:hover::after{left: 0;}
.home-product-l .home-more:hover{color: #fff;}
.wmkc-foot-title{font-family: Arial;font-weight: 400;font-size: 19px;color: #FFFFFF;line-height: 1;margin-top: 25px;}
.foot-right{background:var(--color) ;}

@media (max-width:1640px) {
    .home-wrap{padding: 0 3%;}
}
@media (max-width:1600px) {
    .home-ind-wrap h3,.home-history-title h3,.home-product-title,.home-certificate-title h4,.sol-top h3,.advan h3,#new .main-part{font-size: 36px;}
    .home-drawing-title h4,.home-course-left h4{font-size: 32px;}
    .home-about-con h3{font-size: 28px;}
    .home-about-display{padding: 50px 15px;}
    .home-about-con{margin-left: 40px;}
    .home-about-con ul{margin-bottom: 35px;}
    .home-about-con ul li:not(:last-child){margin-bottom: 16px;}
    .home-ind-wrap .con{font-size: 18px;}
    .home-ind-wrap {padding: 0 70px;}
    .home-ind-num{font-size: 26px;}
    .home-ind-adv{margin-top: 20px;}
    .home-ind-adv li{padding: 15px 20px;}
    .home-ind-wrap span{margin: 15px 0;}
    .home-history-title {padding: 30px 0 40px;}
    .home-history-item {padding: 20px 0 40px;}
    .home-product-l {width: 23%;padding-right: 60px;box-sizing: border-box;margin-top: 10px;}
    .home-product-pro,.home-wrap-drawing{padding: 50px 0;}
    .home-product-title{margin-bottom: 20px;}
    .home-product-hotprocate li{font-size: 18px;}
    .home-product-hotprocate{margin-bottom: 30px;}
    .home-product-l .home-more{padding: 15px 25px; font-size: 14px;}
    .home-course-left span,.home-drawing-title span{width: 100px;margin: 20px 0;}
    .home-drawing-title p,.home-course-left p{font-size: 18px;line-height: 1.5}
    .home-drawing-all{margin-top: 30px;}
    .home-drawing-con{width: 48%;}
    .home-drawing-right{width: 50%;padding: 30px;}
    .home-drawing-left{width: 50%;padding-right: 30px;}
    #home-certificate{padding: 50px 0;}
    #sol-swiper .sol-r-wrap{padding: 20px;}
    #sol-swiper .sol-con{line-height: 1.5;}
    .sol-top h3{padding: 40px 0px 25px;}
    .advan {padding: 0px 0px 45px;}
    .advan .advan-list>li{padding: 0px 15px;}
    #new {padding: 50px 15px;}
}
@media (max-width:1366px) {
    .home-about-con p{font-size: 16px;padding: 20px 0;}
    .home-about-con ul {margin-bottom: 30px;}
    .home-about-con ul li,.home-ind-wrap .con,.home-drawing-title p, .home-course-left p,#sol-swiper .sol-con{font-size: 16px;}
    .home-about-con ul li:not(:last-child) {margin-bottom: 15px;}
    .more-btn {padding: 5px 20px;font-size: 14px;}
    .home-ind-wrap h3, .home-history-title h3, .home-product-title, .home-certificate-title h4,.sol-top h3,.advan h3,#new .main-part{font-size: 28px;}
    .home-ind-wrap {padding: 0 30px;}
    .home-ind-num {font-size: 22px;margin-bottom: 10px;}
    .home-ind-img {width: 40px;height: 40px;}
    .home-his-ic,.home-his-icoe{left: 50%;width: 40%;transform: translateX(-50%);}
    .home-his-text h5, .home-his-top h5{font-size: 22px;}
    .home-drawing-title h4, .home-course-left h4{font-size: 24px;}
    #sol-swiper .sol-title{font-size: 20px;}
    .advan .title{max-width: 70%;margin-bottom: 30px;}
    .advan .advan-item .con{font-size: 14px;}
    .advan .advan-item .tit {margin: 15px 0px;line-height: 1;}
    #new .new-list>li{padding: 0 10px;}
    .home-new-title {padding: 15px;margin-bottom: 0px;}
    .hoem-new-contant{padding-bottom: 10px;margin-bottom: 10px;font-size: 14px;}
    .home-new-title p{font-size: 14px;}
    .home-new-btn a{line-height: 1;padding: 10px 15px;font-size: 14px;}
    .home-wrap {padding: 0 15px;}
}
@media (max-width:1024px) {
    .home-ind-wrap h3, .home-history-title h3, .home-product-title, .home-certificate-title h4, .sol-top h3, .advan h3, #new .main-part{font-size: 24px;}
    .home-about-con h3{font-size: 22px;line-height: 1.5;}
    .home-about-con {margin-left: 30px;}
    .home-about-con ul li, .home-ind-wrap .con, .home-drawing-title p, .home-course-left p, #sol-swiper .sol-con{font-size: 14px;}
    .home-about-con ul li{padding-left: 20px;}
    .home-about-con ul li::after {width: 8px;height: 8px;}
    .home-about-con p {font-size: 14px;padding: 15px 0;}
    #home-ind{flex-direction: column-reverse;}
    .home-ind-l{width: 100%;}
    .home-ind-r{width: 100%;padding: 0 15px;box-sizing: border-box;}
    .home-ind-wrap {padding: 25px 15px;}
    .home-ind-adv li:nth-last-child(1),.home-ind-adv li:nth-last-child(2){margin-bottom: 0;}
    .home-his-span,.home-his-main{display: none;}
    .home-his-ic, .home-his-icoe,.home-his-top{position: unset;}
    .home-his-text{position: unset;height: auto;}
    .home-history-box{display: flex;flex-direction: column-reverse;}
    .home-history-boxs{display: flex;flex-direction: column;}
    .home-history-item{flex-wrap: wrap;}
    .home-history-box, .home-history-boxs{width: 20%;}
    .home-his-text p, .home-his-top p{height: 125px;padding: 0 10px;}
    .home-his-text h5, .home-his-top h5{text-align: center;padding: 15px 0;margin-bottom: 0;}
    .home-his-ic,.home-his-icoe{transform: translateX(0%);width: 100%;}
    .home-his-ic img,.home-his-icoe img{max-width: 20%;}
    .home-history-title {padding: 30px 0 15px;}
    .home-product-l{padding-right: 20px;}
    .home-product-hotprocate li{font-size: 14px;line-height: 35px;}
    .home-product-l .home-more{padding: 10px 20px;}
    .home-course-left span, .home-drawing-title span{margin: 12px 0;}
    .home-course-left span, .home-drawing-title span{width: 66px;}
    .home-certificate-title h4{margin-bottom: 20px;}
    .advan .title {max-width: 100%;margin-bottom: 25px;}
    #sol-swiper .sol-con{margin-bottom: 10px;}
    .advan .advan-list>li {padding: 0px 10px;width: 50%;margin-bottom: 20px;}
    .advan {padding: 0px 0px 20px;}
    .advan .advan-item .tit{font-size: 18px;}
}
@media (max-width:768px) {
    .home-about-display {padding: 20px 15px;flex-direction: column;}
    .home-about-img{width: 100%;}
    .home-about-con {margin-left: 0;margin-top: 25px;}
    .home-history-box, .home-history-boxs{width: 33.3%;}
    .home-his-ic img, .home-his-icoe img {max-width: 20%;object-fit: contain;}
    .home-product-pro, .home-wrap-drawing {padding: 30px 0;}
    .home-product-pro{flex-direction: column;}
    .home-product-l {padding-right: 0;width: 100%;margin-bottom: 20px;}
    .home-product-r{width: 100%;}
    .home-product-hotprocate {margin-bottom: 15px;}
    .home-product-hotprocate li{line-height: 30px;}
    .home-course-all{flex-direction: column;}
    .home-course-left{padding-right: 0;margin-bottom: 20px;}
    .home-course-right{width: 100%;}
    .home-wrap-drawing{flex-direction: column-reverse;}
    .home-drawing-left {width: 100%;padding-right: 0;}
    .home-drawing-imgs {width: 49%;margin-bottom: 2%;}
    .home-drawing-imgs img{width: 100%;}
    .home-drawing-right {width: 100%;padding: 15px;}
    .home-drawing-con{width: 49%;}
    #new .new-list>li:last-child {display: block;}
    #new .new-list>li{width: 50%;margin-bottom: 20px;}
    #new .new-list {margin: 20px 0;}
    #new  .l-wrap{margin: 0;}
    #new {padding: 30px 15px 0;}
}
@media (max-width:450px) {
    .home-ind-wrap h3, .home-history-title h3, .home-product-title, .home-certificate-title h4, .sol-top h3, .advan h3, #new .main-part{font-size: 22px;}
    .home-ind-adv li{width: 100%;}
    .home-ind-adv li:nth-last-child(2){margin-bottom: 3%;}
    .home-history-box, .home-history-boxs {width: 50%;}
    .home-his-text h5, .home-his-top h5{padding: 10px 0;}
    .home-his-ic, .home-his-icoe{height: 50px;}
    .home-his-text h5, .home-his-top h5{font-size: 18px;}
    .home-product-list li{width: 49%;}
    .advan .title{font-size: 14px;}
    .advan .advan-list>li{width: 100%;}
    #new .new-list>li{width: 100%;}
    #home-certificate {padding: 20px 0;}
}
@media (min-width:1025px){.head-nav>ul>li#liproducts:hover>.submenu{display:flex!important}
#liproducts .submenu{padding:10px;list-style:none;width:1000px;flex-wrap:wrap;left:-540px;max-width:inherit;background:rgba(0,0,0,.85)}
#liproducts .submenu>li{margin:10px 0;position:relative;min-height:100px;width:32%;margin-left:1%;}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li>a{white-space: normal;display:inline-block;text-decoration:none;height:auto;padding:0;padding-left:100px;background:none;font-weight:var(--fontbold7)}
#liproducts .submenu>li .cate-con{padding-left:100px}
#liproducts .submenu>li .cate-con ul{position:static;display:block;background:0 0;padding:0}
#liproducts .submenu>li .cate-con ul a{font-size:14px;opacity:.8;padding:0;background:none;white-space: normal;}
#liproducts .submenu>li .cate-img{width:80px;height:80px;position:absolute;left:0;top:0}
#liproducts .submenu>li .cate-img>a{background:none;padding:0;width:100%;height:100%;}
#liproducts .submenu>li>a:hover,#liproducts .submenu>li .cate-con ul a:hover{background:none;color:var(--color)}
#liproducts .submenu>li .cate-img img{width:100%;height:100%;object-fit:cover}}
@media (max-width:1024px){#liproducts .submenu{margin:0;padding:0;width:auto;display:none}
#liproducts .submenu>li{margin:0;padding-left:20px;min-height:inherit;width:100%}
#liproducts .submenu>li .cate-img{display:none}
#liproducts .submenu>li>a{padding-left:0}
#liproducts .submenu>li .cate-con{padding-left:20px}}