@charset "utf-8";
:root{--color:#0C5F90}
*{font-family:var(--fontfamily)!important;}
.contactus li em{margin-right:6px}
.newsdetails-cont p{margin-bottom:2px}
.prodetails-bref p{margin-bottom:3px;font-size:15px}
@media (min-width:769px){.head-b{height:91px}
body{padding-top:138px}
.head-t .container{font-size:17px;line-height:21px}
.hcontact{font-weight:700;font-size:13px}}
.repro-boxl-name{text-transform:capitalize}
.productcate>ul{justify-content:space-between}
.productcate-list li{position:relative;overflow:hidden;width:32.6%;margin-bottom:20px}
.productcate-img img{width:100%;display:block}
.productcate-hot{position:absolute;right:0;top:0;background:var(--color);border-radius:0 0 0 16px;color:#fff;padding:6px 10px;z-index:1}
.productcate-hot strong{font-weight:400;font-size:20px;display:block}
.productcate-box{position:absolute;left:100%;top:0;background:rgba(0,0,0,.8);color:#fff;width:50%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 6%;transition:left .3s ease-in-out}
.productcate-box-title{font-size:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.2;max-height:48px}
.productcate-box-more{font-size:16px;font-weight:400;color:#fff;padding:20px 0}
.productcate-list li:hover .productcate-box{left:50%}
.productcate-list{display:flex;justify-content:space-between;margin-top:20px}
@media(max-width:768px){.productcate-list li{width:100%}}
.news-t{background:url(/js/36450/nbg.jpg) no-repeat center;background-size:cover;padding:3% 0;position:relative}
.news-t-box{padding:0 5%}
.news-t-l{width:33%}
.news-t-l img{display:block;width:100%}
.news-t-r{width:67%;padding-left:8%}
.news-t-r-tit{font-size:36px;font-weight:500;text-transform:uppercase}
.news-t-r-text{font-size:18px;font-weight:500;position:relative;padding-top:36px}
.news-t-r-text::before{content:'...';display:block;line-height:0;position:absolute;top:0;left:0;font-size:50px}
.news-t-more{display:inline-block;color:#414141;padding:8px 26px;transition:all .2s ease-in-out;margin-top:8%;border:2px solid #414141;border-radius:22px}
.news-t-more:hover{background-color:var(--color);color:#fff;border-color:var(--color)}
.news-list li{width:23%;background:0 0}
.news-list li img{display:block;width:100%;vertical-align:bottom}
.news-b{padding:5% 0 0}
.news-item-tit{font-size:18px;font-weight:500;margin:16px 0 10px;line-height:1.2;max-height:47px}
.news-item-more{font-size:14px}
.news-list li .lazy-wrap{overflow:hidden}
.news-list li:hover img{transform:scale(1.1)}
.news-list li:hover{color:var(--color)}
.news-list li a div{overflow:hidden}
@media(max-width:768px){.news-t-box{flex-wrap:wrap}
.news-t-l{width:100%}
.news-t-r{width:100%;padding:0}
.news-t-r-tit{font-size:24px}
.news-list li{width:46%}
.news-item-tit{max-height:inherit;font-size:16px}}
.news-t .home-tit{display:flex;flex-direction:column}
.news-t .home-tit strong{color:#4d4d4d}
.news-t .home-tit span{color:#213045;font-size:16px}
#swiper-banner .swiper-button-next i,#swiper-banner .swiper-button-prev i,.hcontact a:hover,.home-tit,.nav .inmenu_1,.nav .submenu a:hover,.nav .submenu.nav2>li a:hover,.nav .submenu.nav3>li a:hover,.nav>li:hover>a,.our-list li:hover .our-item-name,.repro-boxr li:hover .repro-name{color:var(--color)}
.asidecon-list li a:hover,.contactus li a:hover,.crumbs i,.crumbs span,.crumbs span a,.gotop i,.page-tit,.pro-item-checked .products-item-name,.products-ninelist-1 li:hover .products-item-name,.relatedpro-list>li:hover .relatedpro-name,.sf-menu .currentProType,.sf-menu a:hover{color:var(--color)}
.button-area .clear-all:hover,.details-tit,.maybe-list li:hover .maybe-name,.newspage-ninelist-1 li:hover .newspage-tit,.pages-list>div:hover a,.preview-container .thumbnail-box .btn,.products-ninelist-0>li:hover .products-item-name,.project-list li:hover .project-name,.relatednews-list li:hover .relatednews-name{color:var(--color)}
#feedbackForm .send-btn,#swiper-banner .swiper-button-next:hover,#swiper-banner .swiper-button-prev:hover,.about-l-l,.aboutus-nav li::after,.aside-tit,.mob-menu span,.mobile-bottom,.newpro-bref,.news-date,.pro-item-checked .products-add-inquirl,.swiper-pagination-bullet-active{background-color:var(--color)}
.compare-panel .button-area .contact-button,.download-btn,.faq-list .project-name::after,.keywords.proCateTags a,.newspage-item-date,.our-list li:hover .our-icon,.pdshow-r-btn a,.preview-container .thumbnail-box .list .banner-page,.viewmore{background:var(--color)}
.inquiry-form .input-error,.maybe-list li:hover .maybe-img,.pages-list>div:hover,.preview-container .thumbnail-box .list ul .item-cur{border-color:var(--color)}
.video-img a::before{background:rgb(12 95 144 / 80%)}
.newpro-item-r a::before{background-color:rgba(12 95 144 / 70%)}
.products-add-inquirl{border-color:var(--color);color:var(--color)}
.pages .ctxt,.pages a:hover{background:var(--color);color:#fff}
@media(max-width:768px){.nav .inmenu_1,.nav .submenu a:hover{color:var(--color)}}
#feedbackForm .send-btn:hover,.download-btn:hover,.keywords.proCateTags a:hover,.news-list li:hover .news-date,.newspage-ninelist-0>li:hover .newspage-item-date,.pdshow-r-btn a:hover,.viewmore:hover{background-color:#007fb8}
.news-list li:hover .new-name,.newspage-ninelist-0>li:hover .newspage-item-tit,.searchicon:hover{color:#007fb8}
.foot-b{background:#ccc;color:#000}
footer,footer a{color:#000}
.fshare a{background:var(--color)}
.video-list li:hover .video-name{color:var(--color)}
.fcontact a:hover,.fnav li a:hover,.fpronav li a:hover{color:var(--color)}
.fshare a:hover{background:#007fb8}
#tags li:hover a,ul#tags li.selectTag a{color:#007fb8;border-color:#007fb8}
.our{background:url(/js/36450/bg.jpeg) no-repeat center;background-size:cover}
.news{padding-top:0}
.news-t:before{content:'';width:100%;height:100%;background:rgba(255,255,255,.45);position:absolute;top:0;left:0}
.foot-t{background:#eee}
@media (min-width:769px){.headsearch{display:none}
.nav>li>a{padding:0 10px;font-weight:600;font-size:16px;color:#000}
.search-box{position:static;display:flex !important;padding:0;width:240px;z-index:1;background:0 0;border:1px solid #aaa;border-radius:30px;margin-left:20px}
.search-box .container{border:none;padding:0}
.mobheadnav{flex-direction:row-reverse;min-width:calc(100% - 300px);justify-content:space-between}
header .container{max-width:1300px}
.fixhead .head-b>.container{max-width:1300px;box-shadow:0 0 0}
.fixhead .head-b{background:#fff}}
.head-wel{display:none}
.head-t .container{justify-content:flex-end}
.products-ninelist-1 li .products-list-box{align-items:center}
.about-img:first-child{width:100%;margin-bottom:10px}
.about-img:nth-child(2),.about-img:nth-child(3){width:calc(50% - 5px)}
.about-img:nth-child(2){margin-right:10px}
.about>.flex{align-items:center}
.products-item-name{text-align:center}
.page-section-honor-container{display:flex;justify-content:space-between;flex-wrap:wrap}
.page-section-honor ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.page-section-honor .ul1{flex-direction:column;width:20%}
.page-section-honor .ul1 li{width:100%}
.page-section-honor .ul2{width:77%}
@media (max-width:768px){.page-section-honor ul{width:100% !important}}
.page-section-team{margin-bottom:50px}
.page-section-contact-map img{height:100%;object-fit:cover}
#projects{position:relative;padding-top:7vw;overflow:hidden;margin-bottom:60px;margin-top:30px}
#projects::before{content:"";display:block;width:100%;height:65%;position:absolute;top:0px;left:0px;background:url(/uploads/36450/project-bg.jpg) no-repeat center;background-size:110% auto;opacity:.85}
#projects .project-opacity{display:block;width:100%;text-align:center;position:absolute;top:0px;left:0px;font-size:6vw;font-family:Rajdhani;color:#fff;opacity:.45;text-transform:uppercase;line-height:1.1}
.home-title{font-size:50px;font-weight:var(--fontbold5);text-align:center;margin:20px 0px;font-family:Rajdhani;text-transform:uppercase}
@media (max-width:1280px){.home-title{font-size:40px}}
@media (max-width:768px){.home-title{font-size:5.5vw;margin:10px 0px}}
.home-label{font-size:18px;font-weight:var(--fontbold5);color:#fff;text-transform:uppercase;text-align:center;display:flex;justify-content:center;align-items:center}
.home-label::before,.home-label::after{content:"";display:inline-block;width:54px;height:2px;background:var(--color);vertical-align:middle}
.home-label::before{margin-right:10px}
.home-label::after{margin-left:10px}
#projects .container{position:relative;z-index:1;color:#FFF}
#projects .projects-des{line-height:1.75;text-align:center;max-width:550px;margin:0px auto;padding:10px 0px}
#projects #home-projects{margin-top:30px;padding:7% 0px}
#projects #home-projects .swiper-slide{transition:transform .3s;transform:scale(0.64)}
#projects #home-projects .swiper-slide.swiper-slide-prev{transform:scale(0.64) translateX(-28%)}
#projects #home-projects .swiper-slide.swiper-slide-next{transform:scale(0.64) translateX(28%)}
#projects #home-projects .swiper-slide.swiper-slide-active{transform:scale(1.57)}
#projects #home-projects .swiper-slide.swiper-slide-active .projects-cont{opacity:1}
#projects #home-projects .swiper-slide:hover .projects-cont p{color:var(--color)}
#projects #home-projects .swiper-slide .projects-cont{position:absolute;bottom:10%;left:15%;width:70%;background-color:rgba(255,255,255,.9);text-align:center;font-weight:var(--fontbold5);opacity:0;transition:opacity .3s .1s;padding:10px 0px}
#projects #home-projects .swiper-slide .projects-cont p{font-size:12px;color:var(--fontcolor);text-transform:capitalize;transition:color .3s}
#projects #home-projects .swiper-slide .projects-cont a{display:inline-block;font-weight:normal;text-transform:lowercase;font-size:14px;transform:scale(0.8);color:#000}
#projects #home-projects .swiper-slide .projects-cont a:hover{color:var(--color)}
@media (max-width:900px){#projects #home-projects{margin-top:20px}
#projects #home-projects .swiper-slide{width:65%}
#projects #home-projects .swiper-slide.swiper-slide-next,#projects #home-projects .swiper-slide.swiper-slide-prev{transform:scale(0.7)}
#projects #home-projects .swiper-slide.swiper-slide-active{transform:scale(1.3)}}
@media (max-width:768px){#projects .project-opacity{font-size:6.5vw}
.home-label{font-size:14px}
.home-label::before,.home-label::after{width:30px}
#projects #home-projects .swiper-slide .projects-cont{width:84%;left:8%;padding:6px 0}}
.productcatebox {margin:40px 0;}
.productcatebox-flex {display:flex;flex-wrap:wrap;justify-content:space-between;}
.productcatebox-lef {width:49%;}
.productcatebox-list {display:flex;flex-wrap:wrap;justify-content:space-between;height:100%;}
.productcatebox-list li {width:100%;}
.productcatebox-list li:nth-child(n + 2) {width:calc(50% - 5px);margin-top:10px;}
.productcatebox-list li img {height:100%;display:block;width:100%;object-fit:cover;}
.productcatebox-rig {width:49%;}
.productcatebox-rig-tit1 {text-align:center;font-family:impact;font-size:48px;line-height:1.2;}
.productcatebox-rig-tit2 {text-align:center;font-size:36px;line-height:1.3;}
.productcatebox-rig-tit3 {text-align:center;font-family:impact;font-size:32px;line-height:1.3;}
.productcatebox-rig p {font-size:16px;margin-top:15px;}
.productcatebox-rig-btn,.moduleflex-center-rig-btn{display:flex;justify-content:center;margin-top:15px;}
.productcatebox-rig-btn a,.moduleflex-center-rig-btn a{display:flex;align-items:center;background:#2a3040;color:#fff;border-radius:40px;font-size:20px;font-weight:bold;padding:12px 20px;}
.productcatebox-rig-btn a img,.moduleflex-center-rig-btn a img{margin-right:5px;}
.productcatebox-rig-btn a:hover,.moduleflex-center-rig-btn a:hover{background:var(--color);}
.productcatebox-bot {margin-top:40px;}
.productcatebox-bot-list {display:flex;flex-wrap:wrap;justify-content:space-between;}
.productcatebox-bot-list li {width:calc(20% - 5px);border:1px solid #0a0362;border-radius:5px;}
.productcatebox-bot-list li a {height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#0a0362;font-size:22px;font-weight:bold;padding:10px;}
.moduleflex-top a {display:block;position:relative;width:100%;padding-top:25%;}
.moduleflex-top a img {width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;object-position:bottom;}
.moduleflex-top-txt {position:absolute;bottom:12%;background:rgb(12 95 144 / 70%);font-family:Times New Roman;text-align:center;padding:10px 1vw 10px 4.5vw;}
.moduleflex-top-txt div {color:#fff;font-weight:bold;font-size:4.6vw;line-height:1.1;}
.moduleflex-top-txt p {font-size:2.3vw;line-height:1.2;font-weight:bold;}
.moduleflex-center {margin:40px 0;}
.moduleflex-center .container {display:flex;justify-content:space-between;flex-wrap:wrap;}
.moduleflex-center-lef {width:46%;font-size:17px;line-height:1.9}
.moduleflex-center-lef p:first-child {margin-bottom:20px;}
.moduleflex-center-rig {width:51%;}
.moduleflex-center-rig-pic img {display:block;width:100%;}
.moduleflex-bot {padding:40px 0;background:url(/uploads/36450/module-bg.jpg) no-repeat center;background-size:cover;}
.moduleflex-bot .container {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.moduleflex-bot-lef {width:51%;}
.moduleflex-bot-lef img {display:block;width:100%;border:2px solid #fff;box-shadow:0 0 25px #aaa;}
.moduleflex-bot-rig {width:46%;}
.moduleflex-bot-tit {font-weight:bold;font-size:49px;line-height:1.2;}
.moduleflex-bot-rig p {font-size:17px;margin-top:15px;}
.moduleflex-bot-rig .moduleflex-center-rig-btn {margin-top:35px;}
@media (max-width:1366px){.productcatebox-rig p{margin-top:10px;font-size:15px}
.moduleflex-center-lef{font-size:16px;line-height:1.7}
.moduleflex-bot-tit{font-size:42px}}
@media (max-width:1200px){.productcatebox-rig-tit1 {font-size:40px;}
.productcatebox-rig-tit2 {font-size:29px;}
.productcatebox-rig-tit3 {font-size:27px;}
.productcatebox-rig p {font-size:14px;}
.productcatebox-rig-btn a,.moduleflex-center-rig-btn a{font-size:17px;padding:9px 15px;}
.productcatebox-bot-list li a {font-size:20px;}
.moduleflex-center-lef{font-size:14px}
.moduleflex-bot-tit{font-size:35px}
.moduleflex-bot-rig p{font-size:15px;margin-top:10px;}
.moduleflex-bot-rig .moduleflex-center-rig-btn {margin-top:15px;}}
@media (max-width:1024px){.productcatebox-lef {width:100%;}
.productcatebox-rig {width:100%;padding-top:20px}
.productcatebox-bot-list li a {font-size:18px;}
.moduleflex-center-lef{width:100%;}
.moduleflex-center-rig {width:100%;margin-top:15px}
.moduleflex-bot-lef {width:100%;}
.moduleflex-bot-rig {width:100%;margin-top:15px}}
@media (max-width:768px){.productcatebox-bot-list li{width:calc(50% - 5px);margin-bottom:10px}
.moduleflex-bot-tit{font-size:30px}}
@media (max-width:560px){.productcatebox-rig-tit1 {font-size:25px;}
.productcatebox-rig-tit2 {font-size:20px;}
.productcatebox-rig-tit3 {font-size:22px;}
.productcatebox-rig-btn a,.moduleflex-center-rig-btn a{font-size:16px;}
.productcatebox-bot-list li a {font-size:17px;}
.moduleflex-bot-tit{font-size:26px}}
.wmkc-news-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmkc-new-con{width:49%;display:flex;align-items:center;background-color:#FFF}
.wmkc-new-con:nth-of-type(n+3){flex-direction:row-reverse}
.news-item-img{width:50%;position:relative}
.news-item-cont{width:50%;padding:0px 3%;transform:none}
.wmkc-news-list .news-date{display:inline-block;background-color:#FFF;font-size:14px;font-weight:var(--fontbold5);text-align:center;position:absolute;top:5%;left:4%;padding:6px 15px;border-bottom:3px solid var(--color);transition:background .3s,color .3s;color:#100;width:65px}
.wmkc-news-list .news-date span{font-size:20px;display:block;line-height:1;margin-bottom:4px}
.wmkc-news-list .news-item-title{font-size:18px;font-weight:var(--fontbold5);color:var(--fontcolor);text-transform:capitalize;display:block;display:-webkit-box;display:-moz-box;max-height:3em;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.wmkc-news-list .news-item-des{color:#666;margin:10px 0px 20px;display:block;display:-webkit-box;display:-moz-box;max-height:3em;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.wmkc-news-list .news-item-cont .more-btn{display:inline-block;color:var(--color);padding:8px 0px;transition:color .5s,padding .5s,border .5s;position:relative;z-index:1;overflow:hidden;border-radius:2px;text-transform:lowercase}
.wmkc-news-list .news-item-img img{max-width:100%;object-fit:cover;display:block}
@media (max-width:768px){.wmkc-new-con{flex-direction:column;margin-bottom:2%}
.news-item-img{width:100%}
.news-item-cont{width:100%;padding:10px 3%}
.wmkc-new-con:nth-of-type(n+3){flex-direction: column}}