﻿@charset "utf-8";
:root{--color:#0b5394}
.home-t>span:nth-child(1){background-image:url(/js/36472/tit-l1.png)}
.home-t>span:nth-child(3){background-image:url(/js/36472/tit-r1.png)}
.about .home-t>span:nth-child(1){background-image:url(/js/36472/tit-l2.png)}
.about .home-t>span:nth-child(3){background-image:url(/js/36472/tit-r2.png)}
.details-tit,.news-t{background:rgb(11 83 148 / 10%)}
.about,.addToCart,.case-item-r,.case-item-tit span,.fshare a i,.hot-item-tit,.pages-list>div:hover a,.pdshow-r-btn a{color:#fff}
.case-more{border-color:#fff;color:#fff}
.case-more:hover{background:#fff}
.htags,.relatednews,.relatedpro{background:#f4f4f4}
.fcon,.fcon-text a,.maybe-item-more,.maybe-item-tit,.news-t-more:hover,.pdshow-r-btn a:hover{color:#fff}
.fcon-icon{color:#fff;background:var(--color);border-color:var(--color)}
.wmkc-about-all{max-width:1400px;margin:auto;position:relative}
.wmkc-about-top{display:flex;padding:135px 0 215px}
.wmkc-about-size{width:50%;padding-right:100px;display:flex;flex-direction:column;justify-content:center}
.wmkc-about-video{width:50%}
.wmkc-about-size p:nth-of-type(1){font-size:54px;margin-bottom:23px;color:#0a71ce;text-transform:uppercase;font-weight:600;line-height:1}
.wmkc-about-size p:nth-of-type(2){font-size:30px;line-height:1;font-weight:500;padding-bottom:23px;border-bottom:1px solid #fff;color:#fff}
.wmkc-about-size p:nth-of-type(3){font-size:18px;line-height:1.8;text-align:justify;padding-top:23px;color:#fff}
.wmkc-about{background:url(/js/36472/img/about-back.jpg) center no-repeat;background-size:cover}
.wmkc-abouts{background:#0000007a}
.wmkc-about-list{display:flex;background:#fff;justify-content:space-around}
.wmkc-about-box{width:20%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:50px}
.wmkc-about-math{display:flex;line-height:1;width:100%;padding-bottom:15px;justify-content:center;border-bottom:1px solid #000}
.wmkc-about-ioce{margin-bottom:10px}
.wmkc-about-math p:nth-of-type(1){font-size:55px;font-weight:600;color:#16171c}
.wmkc-about-math p:nth-of-type(2){font-size:26px;margin-left:17px}
.wmkc-tab{font-size:21px;padding-top:15px}
.wmkc-ioce{max-width:1400px;margin:auto;transform:translateY(-100px)}
.case{padding:0 0 100px 0!important}
#case .swiper-slide{background:url(/js/36472/img/caseback.jpg) center no-repeat;background-size:cover}
.container{max-width:1500px}
.news-t{background:url(/js/36472/img/newback.jpg) center no-repeat!important}
.case-more,.news-t-more{border-radius:unset}
#case{overflow:hidden}
.wmkc-pagin .swiper-pagination-bullet{margin:0 15px}
.wmkc-pagin{width:100%;margin-top:40px}
.swiper-pagination-bullet-active{background:var(--color)}
@media (max-width:1400px){.wmkc-about-all{padding:0 15px}
.case{padding:0 0 80px 0!important}
.wmkc-pagin{margin-top:28px}}
@media (max-width:1024px){.wmkc-about-size{padding-right:20px}
.wmkc-about-size p:nth-of-type(1){font-size:42px;margin-bottom:15px}
.wmkc-about-size p:nth-of-type(2){font-size:26px;padding-bottom:10px}
.wmkc-about-size p:nth-of-type(3){font-size:16px;line-height:1.6;padding-top:10px}
.wmkc-about-top{padding:100px 0 150px}
.wmkc-about-math p:nth-of-type(1){font-size:38px}
.wmkc-tab{font-size:16px}
.wmkc-about-math p:nth-of-type(2){font-size:16px}
.wmkc-about-box{margin-top:30px}
.wmkc-ioce{transform:translateY(-50px)}}
@media (max-width:768px){.wmkc-about-top{flex-direction:column;padding:50px 0}
.wmkc-about-size{padding-right:0;width:100%}
.wmkc-about-video{width:100%;padding-right:0;margin-top:20px}
.wmkc-ioce{transform:translateY(0);margin:50px 0}
.wmkc-about-video img{width:100%!important}
.wmkc-about-box{width:40%}
.wmkc-about-list{flex-wrap:wrap}
.wmkc-pagin{margin-top:20px}
.case{padding:0!important}}
@media (max-width:450px){.wmkc-about-math p:nth-of-type(1){font-size:28px}
.wmkc-about-size p:nth-of-type(1){font-size:28px}
.wmkc-about-size p:nth-of-type(2){font-size:20px}
.wmkc-ioce{margin:30px 0}
.wmkc-tab{font-size:14px}}
.about-title{color:#141414;text-transform:capitalize;font-weight:500;font-size:48px}
.company-inner{margin:30px 0}
.company-inner img{display:block}
.swiper-container{margin-right:auto;margin-left:auto;width:100%}
.swiper-slide{background-position:center;background-size:cover}
.gallery-top{width:100%;height:80%}
.about-gallery-thumbs{box-sizing:border-box;padding:10px 0;width:90%;height:20%}
.about-gallery-thumbs .swiper-slide{width:30%;height:100%}
.swiper-slide-active{border:3px solid transparent}
.about-gallery-thumbs .swiper-slide-active{border:3px solid #0b5393}
.about-com-t{margin:20px 0 25px;color:#474747;text-align:center;font-weight:500;font-size:33px}
.about-com-down-inner{display:flex;align-items:center;justify-content:space-between}
.about-swiper-button-next,.about-swiper-button-prev{width:60px;height:120px;background:#efefef;color:#4f4f4f;text-align:center;font-weight:700;font-size:40px;line-height:120px;cursor:pointer;transition:all .5s}
.about-swiper-button-next:hover,.about-swiper-button-prev:hover{background:#0b5393;color:#fff}
.swiper-button-disabled{opacity:.7;cursor:not-allowed}
.about-limited{margin:70px 0}
.limit-t{color:#0b5393;font-weight:500;font-size:40px}
.about-pro-w,.limit-w{margin:20px 0;color:#141414;text-align:justify;font-size:24px}
.limit-st{display:inline-block;padding:10px 15px;background:#0b5393;color:#fff;font-size:24px}
.about-pro-img{position:relative;margin:30px 0}
.about-iso-img{position:absolute;top:0;right:50px;padding:20px;background:#0c5393}
.about-service-ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.about-service-li{width:32%;text-align:center}
.about-service-img{overflow:hidden}
.about-service-img img{display:block;width:100%;transition:all .5s}
.about-service-li:hover img{transform:scale(1.1)}
.about-service-li p{margin:20px 0;color:#4a4a4a;font-weight:500;font-size:26px}
.about-market{margin:60px 0;padding:5% 0;background:url(/Content/uploads/2023881103/20230223115014b23565a13fb74737afb79e2436087756.jpg) no-repeat;background-position:center;background-size:cover}
.about-market-inner{display:flex;margin:0 auto;width:95%;align-items:flex-start}
.market-box{box-sizing:border-box;padding:130px 50px;width:30%;background:rgba(0,0,0,.84)}
.market-t{color:#fff;font-weight:500;font-size:41px;line-height:1.3}
.market-t:after{display:block;margin-top:20px;width:75px;height:3px;background:#1570c3;content:''}
.market-w{margin-top:20px;color:#e1e1e1;font-size:24px}
@media (max-width:1440px){.about-title,.limit-t{font-size:38px}
.about-com-t{font-size:26px}
.about-pro-w,.limit-st,.limit-w{font-size:18px}
.about-service-li p,.market-w{font-size:20px}
.market-box{padding:100px 50px}
.market-t{font-size:34px}}
@media (max-width:1025px){.about-gallery-thumbs{width:85%}
.market-box{width:40%}}
@media (max-width:769px){.about-title,.limit-t{font-size:30px}
.about-com-t{margin:10px 0 0}
.about-swiper-button-next,.about-swiper-button-prev{width:30px;height:60px;font-size:22px;line-height:60px}
.company-inner{margin:10px 0}
.about-limited{margin:30px 0}
.about-pro-w,.limit-st,.limit-w{margin:10px 0;font-size:14px}
.about-iso-img{right:20px}
.about-iso-img{padding:10px}
.about-iso-img img{max-height:60px}
.about-service-ul{margin:20px 0}
.about-service-li p{margin:10px 0}
.about-service-li p,.market-w{font-size:14px}
.market-box{padding:50px 25px}
.market-t{font-size:28px}
.about-market{margin:25px 0}}
@media (max-width:640px){.about-title,.limit-t{font-size:24px}
.about-com-t{font-size:18px}
.about-swiper-button-next,.about-swiper-button-prev{width:20px;height:40px;font-size:13px;line-height:40px}
.about-gallery-thumbs .swiper-slide-active{border:1px solid #0b5393}
.about-limited,.about-market,.about-pro-img{margin:15px 0}
.about-service-li,.market-box{width:100%}
.market-box{padding:25px}
.market-t{font-size:22px}
.market-t:after,.market-w{margin-top:10px}}
.fcon li:first-child a:nth-child(3){display:none}
.table-responsive{margin:10px 0}
.logo{height:100%}
header{padding-top:0}
.products-ninelist-1 .products-item-name{color:#fff}
.wmkc-wechat .wmkc-itemcont img{width:120px;height:120px}
.protype-text{margin-bottom:20px}
.about-swiper-button-next,.about-swiper-button-prev{display:none}
.about-gallery-thumbs{padding:0;margin:0;width:100%}
.about-gallery-thumbs .swiper-wrapper{transform:none!important;width:100%;justify-content:space-between}
footer .fcon li:nth-child(1) .fcon-icon{display:none}
div#wmkc{top:30%}
@media (min-width:769px){.nav>li#liproducts{position:relative;}
.nav>li#liproducts:hover>.submenu{display:flex!important}
#liproducts .submenu{padding:10px;list-style:none;width:900px;flex-wrap:wrap;left:-200px;}
#liproducts .submenu>li{margin:10px 0;position:relative;min-height:100px;width:32%;margin-left:1%;background:none;height:auto;padding:0;}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li>a{display:inline-block;text-decoration:none;height:auto;padding:0;padding-left:100px;background:none;white-space: normal;font-weight:var(--fontbold7);line-height:inherit}
#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 li{height:auto;background:none;}
#liproducts .submenu>li .cate-con ul a{font-size:14px;opacity:.8;padding:0;background:none;white-space: normal;line-height:inherit;height:auto;}
#liproducts .submenu>li>a:hover,#liproducts .submenu>li .cate-con ul a:hover{background:none;color:var(--color)}
#liproducts .submenu>li .cate-img{width:80px;height:80px;position:absolute;left:0;top:0}
#liproducts .submenu>li .cate-img>a{padding:0;}
#liproducts .submenu>li .cate-img img{width:100%;height:100%;object-fit:cover}}
@media (max-width:768px){#liproducts .submenu{margin:0;padding:0;width:auto;display:none}
#liproducts .submenu>li{margin:0;padding-left:20px;min-height:inherit;width:100%;height:auto;position: relative;box-sizing: border-box;}
#liproducts .submenu>li .cate-img{display:none}
#liproducts .submenu>li>a{padding-left:0;line-height:inherit}
#liproducts .submenu>li .cate-con{padding-left:20px}
.nav .slidemenu a{color:#fff !important}
.nav .inmenu_1{color:#fff}}