﻿@charset "utf-8";
:root{--color:#389DD1;--hovercolor:#f7f7f7;--footercolor:#000000}
.wmkc-template-46 .wmkc-flex-row-reverse{align-items:center}
.wmkc-template-45 .wmkc-flex{align-items:center}
.wmkc-template-3 .wmkc-blue{color:var(--color) !important}
.wmkc-template-3 .wmkc-border-blue{border-bottom:5px solid var(--color) !important}
@media (min-width:1025px){.sidebar{width:350px}
.page-main{padding-left:70px}}
.page-main .sidebar-item.inquiry{box-shadow:0 0 0;padding:0;border-radius:0}
.page-main .sidebar-item.inquiry .sidebar-title{font-size:24px;padding:0}
.page-main .sidebar-item.inquiry .sidebar-title::after{background:none}
@media (max-width:768px){.page-main .sidebar-item.inquiry .sidebar-title{font-size:20px}}
@media (min-width:769px){.preview-container .thumbnail-box .item{height:34px}}
@media (min-width:1281px){.preview-container .thumbnail-box .item{height:56px}}
.wmkc-template-64 p{color:#fff}
.wmkc-template-35 p{color:inherit}
.wmkc-template-33 .wmkc-item-img{padding:0!important}
.wmkc-template-33 .wmkc-flex{align-items:center}
#tagTabs .tagItem:nth-child(2){display:none}
.contact-list{align-items:inherit;}
@media (min-width:1025px){.nav-ul{margin:0 auto}
.head-top.cur{position:fixed;top:0;left:0;padding:10px 0}
.head-top.cur+.head-info{width:100%;position:fixed;top:40px;left:0;z-index:999999;background:#fff;padding:10px 0}
.head-nav{animation:0s}
.head-nav.scrollhead{top:128px;box-shadow:0 0 0;animation:0s;transform:translate(0,0)}}
.home-activity{background-repeat:no-repeat;background-size:cover;background-position:center}
.activity-wrap{width:100%;text-align:center;padding:18% 0}
.home-about{padding:0 0 6%}
.home-about .about-img{padding:0 3% 0 0}
.home-about .about-wrap{align-items:inherit}
.home-about .about-info{padding:0}
@media (max-width:768px){lite-youtube{max-height:400px}
.home-about .about-img{padding:0;height:400px;margin-bottom:15px}
.home-about .about-img iframe{height:100%}}
@media (max-width:560px){.home-about .about-img{height:300px}
lite-youtube{max-height:300px}}
.home-project .swiper .swiper-slide{max-height:inherit}
.home-project .swiper .swiper-slide .lazy-wrap{border:1px solid #e5e5e5}
.single-main{overflow-x:hidden}
.contact-box{box-shadow:0 0 0}
.contact-box .contact-img{width:100%;height:500px}
.contact-box .contact-main{padding:60px 0;position:relative;margin-top:50px}
.contact-box .contact-main:before{content:'';width:100vw;height:100%;background:url(https://css02.v15cdn.com/m424/siggleimg/contact-bg.webp) no-repeat center;background-size:cover;position:absolute;left:50%;top:0;transform:translate(-50%,0)}
.contact-box .contact-main #feedbackForm{position:relative}
.contact-box .contact-main .inquiy-title{font-size:36px;color:#fff;text-align:center;font-weight:700;position:relative}
.contact-box .contact-main .inquiry-label{text-align:center;color:#fff;margin-bottom:20px;position:relative;display:flex;align-items:center;justify-content:center}
.contact-box .contact-main .inquiry-label:before,.contact-box .contact-main .inquiry-label:after{content:"";display:inline-block;width:40px;height:1px;background:rgba(255,255,255,.5);margin:0 10px}
.contact-box .contact-main #feedbackForm .inquiry-form input::-webkit-input-placeholder,.contact-box .contact-main #feedbackForm textarea::-webkit-input-placeholder{color:#fff}
.contact-box .contact-main #feedbackForm .inquiry-form input:-moz-placeholder,.contact-box .contact-main #feedbackForm textarea:-moz-placeholder{color:#fff;opacity:1}
.contact-box .contact-main #feedbackForm .inquiry-form input::-moz-placeholder,.contact-box .contact-main #feedbackForm textarea::-moz-placeholder{color:#fff;opacity:1}
.contact-box .contact-main #feedbackForm .inquiry-form input:-ms-input-placeholder,.contact-box .contact-main #feedbackForm textarea:-ms-input-placeholder{color:#fff}
.contact-box .contact-main #feedbackForm .inquiry-form input{border-color:#e7e7e78f;width:32.5%;color:#fff;height:50px;background:none}
.contact-box .contact-main #feedbackForm textarea{border-color:#e7e7e78f;color:#fff;height:250px;background:none}
.contact-box .contact-main #feedbackForm .send-btn{margin:20px auto 0;height:50px;background:#000;text-transform:uppercase;font-size:18px}
@media (max-width:1024px){.contact-box .contact-img{height:400px}
.contact-box .contact-main .inquiry-label{margin-bottom:0}}
@media (max-width:768px){.contact-box .contact-main{margin-top:20px;padding:40px 0}
.contact-box .contact-main #feedbackForm .inquiry-form input{width:100%;height:44px}
.contact-box .contact-main #feedbackForm textarea{height:160px}
.contact-box .contact-main #feedbackForm .send-btn{height:44px;font-size:16px}
.contact-box .contact-main .inquiy-title{font-size:28px}
.contact-box .contact-main .inquiry-label{font-size:14px}}
.head-logo img{max-height:110px}
.head-logo a{justify-content:end;margin-left:30px}
.home-project .swiper{padding-bottom:0}
.home-project .swiper-wrapper{flex-wrap:wrap}
.home-project .swiper .swiper-slide{width:19%;margin-right:1.2%;margin-bottom:20px;border:1px solid #ccc;box-sizing:border-box;height:auto;transition:.2s}
.home-project .swiper .swiper-slide:nth-child(5n){margin-right:0}
.home-project .swiper .swiper-slide .project-title a{text-align:center;display:block;font-size:18px;transition:all .3s;padding:8px 6px;line-height:1.3}
.home-project .swiper .swiper-slide:hover{background:var(--color);border-color:var(--color)}
.home-project .swiper .swiper-slide:hover .project-title a{color:#fff}
@media (max-width:768px){.home-project .swiper-wrapper{justify-content:space-between}
.home-project .swiper .swiper-slide{width:48%;margin-right:0;margin-bottom:10px}
.home-project .swiper .swiper-slide .project-title a{font-size:15px}
@font-face{font-family:"iconfont";src:url('/js/40211/iconfont.ttf') format('truetype')}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-tel:before{content:"\e615"}
.icon-email-open:before{content:"\e523"}
.icon-address:before{content:"\e61d"}
.home-project{padding:8% 15px 0px}
.home-product{padding:2% 0 4%}
.contact-box #wmkcfeedback {position:relative;}
.contact-box .wmkcfeedback input,.contact-box .wmkcfeedback textarea {background:none;color:#fff;}
.contact-box .wmkcfeedback input::-webkit-input-placeholder,.contact-box .wmkcfeedback textarea::-webkit-input-placeholder {color:#fff;}
.contact-box .wmkcfeedback input:-moz-placeholder,.contact-box .wmkcfeedback textarea:-moz-placeholder {color:#fff;opacity:1;}
.contact-box .wmkcfeedback input::-moz-placeholder,.contact-box .wmkcfeedback textarea::-moz-placeholder {color:#fff;opacity:1;}
.contact-box .wmkcfeedback input:-ms-input-placeholder,.contact-box .wmkcfeedback textarea:-ms-input-placeholder {color:#fff;}
