﻿@charset "utf-8"; 
:root{--color:#213C8C}
div.floatwindow_chat_box .floatwindow_chat_facebook span{background:#3B5998 url(/images/Common/share_f.png) no-repeat 10px center}
div.floatwindow_chat_box .floatwindow_chat_youtube span{background:#C81E1E url(/images/Common/share_y.png) no-repeat 10px center}
.home-services{position:relative;padding:4% 0}
#serviceswiper{margin-top:40px}
#serviceswiper .swiper-slide{position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden}
#serviceswiper .swiper-slide img{width:100%;height:100%;object-fit:cover}
#serviceswiper .swiper-slide .opacity{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#fff;transition:all .2s linear;padding:20px;opacity:0}
#serviceswiper .swiper-slide .opacity .p1{font-size:var(--fontsize20);position:relative;padding-bottom:10px;margin-bottom:10px}
#serviceswiper .swiper-slide .opacity .p1::after{content:"";position:absolute;left:0;bottom:0;width:60px;height:4px;background:var(--color)}
#serviceswiper .swiper-slide:hover .opacity{opacity:1}
#serviceswiper .serviceswiper-pagination{text-align:center;margin-top:20px}
#serviceswiper .serviceswiper-pagination .swiper-pagination-bullet{background:#111;opacity:1}
#serviceswiper .serviceswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
#serviceswiper .serviceswiper-next,#serviceswiper .serviceswiper-prev{position:absolute;top:calc(50% - 20px);transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;width:45px;height:45px;cursor:pointer;transition:all .2s linear;background:rgba(255,255,255,.2)}
#serviceswiper .serviceswiper-next em,#serviceswiper .serviceswiper-prev em{font-size:var(--fontsize24);color:#fff}
#serviceswiper .serviceswiper-prev{left:10px}
#serviceswiper .serviceswiper-next{right:10px}
@media (max-width:768px){.home-services{padding:30px 0}
#serviceswiper .serviceswiper-next,#serviceswiper .serviceswiper-prev{display:none}
#serviceswiper{margin-top:20px}
#serviceswiper .swiper-slide .opacity{opacity:1}}
.home-services .home-title{text-align:center;font-size:var(--fontsize36);color:var(--fontcolor);font-weight:var(--fontbold5);text-transform:capitalize}
.home-services .home-des{font-size:var(--fontsize16);color:#565656;text-align:center;max-width:1000px;margin:10px auto 0}
.home-introduction .introduction .item{align-items: flex-start;}
.home-introduction .introduction .item .right .title,.home-introduction .introduction .item .right .text{-webkit-line-clamp: inherit;}
@media (min-width:1025px){footer .gotop.act{bottom:70px;}}
.home-product .l-wrap .product .pro-list{align-items:initial;}
.home-product .l-wrap .product .pro-list .item{height:auto;}
.news-item-img{position:relative;height:0;padding-bottom:84%;}
.news-item-img img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;}
.news-main .sidebar{display:none;}
.news-main .common-main .page-main{width:100%;}
.news .wrap-r .news-list li .img{position:relative;height:0;padding-bottom:100%;}
.news .wrap-r .news-list li .img img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;}
.product .right-wrap .commodity .info .text{-webkit-line-clamp: inherit;}

.home-product .l-wrap .product .pro-list .item .text .name,.home-product .l-wrap .product .pro-list .item .text .merchandise{display:block;}
@media (min-width:1025px) {
.pro-d-main .inquiry-pc{margin:0;background-color: #FFFFFF;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, .10);box-sizing: border-box;padding: 15px;margin-bottom: 30px;border-radius: var(--border);}
.pro-d-main .inquiry-pc .sidebar-title p{margin:2% 0px;font-size: var(--fontsize24);color: var(--fontcolor);font-weight: var(--fontbold5);line-height: 1;text-transform: capitalize;}
.pro-d-main .inquiry-pc .wmkcfeedback input,.inquiry-pc .wmkcfeedback .wmkcfb-fileupload,.inquiry-pc .wmkcfeedback textarea{border: 1px solid #000;}
}