@charset "utf-8";
:root{--color:#0089A1;--fontfamily: "Titillium Web", sans-serif;--introcolor: #333;}
@media (min-width:1025px){:root{--fontsize12:14px;--fontsize13:15px;--fontsize14:16px;--fontsize15:17px;--fontsize16:18px;--fontsize17:19px;--fontsize18:20px;--fontsize20:22px;--fontsize22:24px;--fontsize24:26px;--fontsize26:28px;--fontsize28:30px;--fontsize30:32px;}}
.wmkc-template-5 .wmkc-blue{color:var(--color)!important}
.wmkc-template-5 .wmkc-bg-blue{background-color:var(--color)!important}
.table td,.table th{white-space:nowrap}
@media (min-width:769px){.home-application .applist .item .info{padding:30px 10px}}
.floatwindow_chat_box .floatwindow_more_box{height:auto!important}
.page-videos .project-list:not(.faqs-list){justify-content:flex-start}
.page-videos .project-list:not(.faqs-list) li{border:none;box-sizing:border-box;border-bottom:1px solid #878787;padding:30px;margin:0}
.page-videos .project-list:not(.faqs-list) li:nth-child(4n){margin-right:0}
.page-videos .project-list:not(.faqs-list) li .project-info a .project-name{padding-bottom:0}
@media (max-width:1024px){.page-videos .project-list:not(.faqs-list) li{width:48%;margin:0 4% 35px 0}
.page-videos .project-list:not(.faqs-list) li:nth-child(2n){margin-right:0}}
@media (max-width:560px){.page-videos .project-list:not(.faqs-list) li .project-info a .project-name{font-size:16px}
.page-videos .project-list:not(.faqs-list) li .project-info a .project-content{font-size:14px}}
.head-info{background:var(--color)}
@media (min-width:1025px){#nav ul li a.inmenu_1,#nav ul li a,#nav ul li a:hover,.head-search button i{color:#fff}
#nav ul li a::after{background:#fff}}
.mob-btn i{color:#fff}
.home-static::before,.foot-top{background:var(--color)}
.home-static{background:url(/Content/uploads/2023963750/20231011100446318e10c3ff4f4d5ea6cfb98146478118.jpg) var(--color) no-repeat center;background-size:cover}
.home-static::before{background:none}
.foot-top{background:url(/Content/uploads/2023963750/20231011100639eb01789f5351485c8310f066af1ff017.jpg) var(--color) no-repeat center}
li#liprojects>a,li#lifaqs>a,li#lidownloads>a{pointer-events:none}
.home-service .service-wrap .service-item .title{color:white}
.wmkc-template-33 .wmkc-flex{display:flex;align-items:center;background:none}
.wmkc-template-33 .wmkc-item-img{padding:0!important}
.wmkc-template-33 .wmkc-item-img img{max-height:inherit!important;position:static!important}
.home-application .applist{display:flex;justify-content:space-between}
.home-application .applist .item{width:32%;display:flex;flex-direction:column;justify-content:space-between}
.foot-main{background:var(--color);color:#ffffff}
.foot-main .foot-item .navlist li a{color:#ffffff}
.foot-main .foot-item.contact ul.contactlist li a{color:#ffffff}
.foot-main .copyright{border-top:1px solid #ffffff}
.foot-main .foot-item .navlist li a:hover{color:#fff}
.foot-main .foot-item.contact ul.contactlist li a:hover{color:#fff}
.sidebar-item{padding:0;border:none}
.sidebar-item .sidebar-title{background:var(--color);margin-bottom:0;font-size:24px;letter-spacing:.01em;color:#fff;font-weight:500;height:58px;width:100%;text-align:center;line-height:58px;text-transform:uppercase}
.sidebar-cate,.sidebar-prolist{padding:0px}
.page-videos .project-list:not(.faqs-list) li:hover .project-info a .project-content{color:#fff}
.page-videos .faqs-list li .project-info .project-name::before{content:'Q';display:inline;position:absolute;font-size:28px;left:0;color:#119BB3;font-weight:bold;line-height:1}
.page-videos .faqs-list li .project-info .project-name::after{content:'';width:22px;height:10px;background:#d8d8d8;position:absolute;left:0;bottom:-4px;z-index:-1}
.page-videos .faqs-list li .project-info .project-content::before{content:'A';position:absolute;left:0;font-size:28px;color:#20242D;font-weight:bold;line-height:1}
.page-videos .faqs-list li .project-info .project-content::after{content:'';width:22px;height:10px;background:#d8d8d8;position:absolute;z-index:-1;top:20px;left:0}
.page-videos .project-list:not(.faqs-list) li:hover .project-info .project-content{color:#000}
.sidebar-cate .menu-item{position:relative;padding-left:20px;box-sizing:border-box;background:#eee;line-height:36px}
.sidebar-cate .menu-item i{position:absolute;content:"";top:0;right:0;width:50px;height:47px;cursor:pointer;display:block}
.sidebar-cate .menu-item i::after{display:none}
.sidebar-cate .menu-item i::before{left:auto;position:absolute;content:"";top:18px;right:21px;width:8px;height:8px;border:2px solid #707070;border-top:none;border-left:none;transform:rotate(-45deg);transition:transform .3s ease-in-out;cursor:pointer;background:none}
.sidebar-cate .menu-item i:hover::before{background:none}
.sidebar-cate .active i{transform:rotate(90deg)}
.sidebar-cate .menu-item.active i::before{background:none}
.sidebar-prolist{margin-top:30px}
.sidebar-cate .menu-item{padding-left:0}
.sidebar-cate .menu-item a{padding-left:15px}
.sidebar-item .sub-menu{padding-left:0}
.sidebar-item .sub-menu li{padding-left:20px;border-bottom:1px solid #ccc}
.sidebar-cate .menu-item>a{border-bottom:1px solid #ccc}
.page-videos .project-list:not(.faqs-list).page-videos .faqs-list li .project-info .project-name{position:relative;font-size:18px;padding-left:40px;display:flex;-webkit-box-align:start;align-items:flex-start;line-height:28px;margin-bottom:25px}
.page-videos .faqs-list li .project-info .project-content{color:#4a4a4a}
.page-videos .faqs-list li .project-info .project-name{color:#4a4a4a}
.page-videos{margin-bottom:50px}
.wmkc-about-title p{font-size:58px;font-weight:700;line-height:1em;margin-bottom:50px;color:var(--color);padding-bottom:0;padding-left:0;text-align:center;margin-top:0}
.wmkc-about-card{padding:50px 3%}
.wmkc-about-card:nth-of-type(2n-1){background:#eaeaea}
.wmkc-about-card:nth-of-type(2n){background:#fafafa}
.wmkc-about-titles p{font-size:58px;font-weight:700;line-height:1em;margin-bottom:50px;color:var(--color);padding-bottom:0;padding-left:0;margin-top:0}
.foot-main{margin-top:0}
.page-videos .project-list:not(.faqs-list) li{border:1px solid #ccc;margin-right:2%;padding:0}
.page-videos .project-list:not(.faqs-list) li:hover{background:var(--color);color:#fff}
.page-videos .project-list:not(.faqs-list) li .project-info{padding:15px}
.page-videos .project-list:not(.faqs-list) li:hover .project-info .project-name{color:#fff}
.page-container{display:block}
.page-container .page-main{width:calc(100% - 460px);float:left}
.sidebar{float:right}
.page-container:after{content:"";clear:both;display:block}
@media (max-width:1024px){.page-container .page-main{width:100%}}
.sidebar-item .contactlist{margin-top:20px}
.sidebar-item .contactlist li{display:flex;align-items:baseline;padding:4px 0px;position:relative}
.sidebar-item .contactlist li em{margin-right:5px}
.download-list li{width:19%;margin-right:1%;display:block;text-align:center}
.download-list{display:flex;flex-wrap:wrap}
.download-list .download-img,.download-btn{margin:0 auto}
@media (max-width:1024px){.download-list li{width:49%}}
@media (max-width:500px){.download-btn{position:static}}
.document-content .project-name{font-size:58px;font-weight:700;line-height:1em;margin-bottom:50px;color:var(--color);padding-bottom:0;padding-left:0;text-align:center;margin-top:0}
@media (max-width:768px){.document-content .project-name,.wmkc-about-title p{font-size:30px;margin-bottom:20px}}
.news-main-title h1{display:block;-webkit-line-clamp:inherit;margin-bottom:5px}
.news-main-title{display:block}
.inquiry-wrap .inquiry-form input,.inquiry-wrap .inquiry-form textarea{border:1px solid #ccc;margin-bottom:10px}
@media (min-width:1025px){.contact-wrap .contact-sidebar{margin-top:-100px}
.inquiry-wrap{padding-top:0}
.contact-wrap .contact-main .inquiry-title{margin:0}
.inquiry-wrap .inquiry-form input{height:45px}
.contact-wrap .contact-sidebar .h1{margin-bottom:20px}
.contact-wrap .contact-sidebar .item{margin-bottom:30px}
.contact-wrap .contact-sidebar .item:last-child{margin:0}}
@media (max-width:1440px){.contact-wrap .contact-main{padding-top:10px}
.contact-wrap .contact-main .inquiry-title{margin-bottom:-10px}}
.foot-main .foot-item.contact ul.contactlist li img{font-size:20px;position:absolute;left:0px;top:5px}
.home-product .swiper .swiper-slide .info .title,.prodetails-top .prodetails-info h1,.pro-list li .pro-info .title a,ul.sidebar-prolist li div a,.document-content .project-name,#nav ul li a,.inner-banner .inner-content .page-title-h1{text-transform:initial}
.foot-main .foot-wrap{padding: 40px 20px 40px;}
.home-news{padding: 70px 20px 0;}
.prolist-content{width:100%}
.home-about .about-info .home-des{font-weight: var(--fontbold7);font-size: var(--fontsize20);}
.home-news .newswrap .item .news-img>a{position:relative;height:0;padding-bottom:75%;display:block;}
.home-news .newswrap .item .news-img>a img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;}
.home-about .l-wrap{align-items:center;}
.pro-list li .pro-img img{aspect-ratio: 1 / 1;object-fit: contain;}
ul.sidebar-prolist{display:flex;flex-wrap:wrap;justify-content: space-between;}
ul.sidebar-prolist li{display:block;width:49%;}
ul.sidebar-prolist li>a{width:100%;height:auto;}
ul.sidebar-prolist li>a img{object-fit: contain;}
ul.sidebar-prolist li div{padding-left:0;text-align: center;margin-top:10px;}
.foot-main .foot-item.contact ul.contactlist li em{width:20px;}