@charset "utf-8"; 
.pro-detail .pro-detail-top .pro-info>img {max-width:160px;}
.pro-detail .pro-btnlist .pro-btn.pmail a {display:block;width:100%;text-align:center;}
.pro-detail .pro-btnlist .pro-btn.pmail:hover a {color:#fff;}
.foot-contact li{margin-bottom:5px}
.product-main .pro-list.list0 .pro-intro,.new-main .new-list.list0 .new-intro{word-break:break-word}
.common-main article img{max-width:100%;height:auto}
.pro-detail .pro-detail-content img{height:auto}
.foot-main .foot-intro{margin-right:10px}
.sidebar-prolist .pro-item{align-items:center}
.map iframe{border:0}
#about .l-wrap{align-items:center}
.contact .contact-box{background:#000}
@media (min-width:769px){.head-main .l-wrap,.head-nav{height:80px}
.head.is-fixed .head-main .l-wrap,.head.is-fixed .head-nav{height:80px}}

#product{padding:3% 0;background:url(/uploads/40895/homepro-bg.jpg) no-repeat center;background-size:cover}
#product .main-part,#product .main-title{color:#fff}
#product .pro-inner{display:flex;justify-content:space-between;align-items:center;max-width:100%;margin-top:3%}
#product .homeproSwiper{overflow:hidden}
#product .homepro-swiper-button-next,#product .homepro-swiper-button-prev{width:35px;height:35px;line-height:35px;text-align:center;border-radius:50%;border:2px #fff solid;cursor:pointer;color:#fff;font-size:20px;font-weight:700;transition:all .5s}
#product .homepro-swiper-button-next:hover,#product .homepro-swiper-button-prev:hover{background:#fff;color:var(--color)}
#product .homeproSwiper{max-width:calc(100% - 140px);margin:0 auto}
#product .homeproSwiper .swiper-button-disabled{opacity:.7;cursor:not-allowed}
#product .homeproSwiper .homepro-img{padding:10px;background:#fff;display:block;overflow:hidden}
#product .homeproSwiper .homepro-img img{width:100%;display:block;transition:all .5s}
#product .homeproSwiper .swiper-slide{background:#f7f7f7}
#product .homepro-con{padding:10px}
#product .homepro-con .ircn a{line-height:1.6;color:#303030;font-size:18px;position:relative;padding-bottom:10px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;margin-bottom:10px;width:100%;display:block}
#product .homepro-con .ircn a:after{content:' ';position:absolute;bottom:0;left:0;width:50px;height:3px;background:var(--color);transition:.6s width ease-in-out}
#product .homepro-con .pro-word{font-size:16px;min-height:52px}
#product .homeproSwiper .swiper-slide:hover .ircn a{color:var(--color)}
#product .homeproSwiper .swiper-slide:hover img{transform:scale(1.05)}
#product .homeproSwiper .swiper-slide:hover .ircn a:after{width:100%;-webkit-transition:.6s width ease-in-out}
#product .homepro-btn{width:100%;display:flex;height:45px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:10px}
#product .homepro-btn span{text-transform:lowercase;width:100%;flex-basis:100%;background:#eaebec;color:#1d1d1d;font-size:15px;transition:.3s all ease-in-out;display:flex;align-items:center;padding-left:20px;height:100%;position:relative;z-index:1;overflow:hidden}
#product .homepro-btn .btn{width:45px;flex-basis:45px;background:var(--color);justify-content:center;padding:0;font-size:24px;color:#fff;display:none}
#product .homepro-btn span:after{content:' ';position:absolute;width:100%;top:0;height:100%;left:-100%;background:var(--color);z-index:-1}
#product .homepro-btn:hover span{color:#fff}
#product .homepro-btn:hover span:after{left:0;-webkit-transition:.2s all ease-in-out}
#product .homepro-btn:hover .btn{color:#fff;background:#222;transition:.2s .2s all ease-in-out}
#product .homepro-swiper-pagination{display:none}
@media (max-width:768px){#product .pro-inner{margin-bottom:3%}}
@media (max-width:550px){#product .homepro-swiper-button-next,#product .homepro-swiper-button-prev{display:none}
#product .homeproSwiper{max-width:100%}
#product .homepro-swiper-pagination{position:inherit;margin-top:10px;display:block}
#product .homepro-swiper-pagination .swiper-pagination-bullet-active{background:#fff}}
#appli .advan{display:none}
.customer-visit h3{margin-bottom: 5px;font-size: 2.2em;text-align: center;text-transform: uppercase;}
.customer-visit .title {margin: 0px auto;color: #555;max-width: 48%;text-align: center;margin-bottom: 54px;}
@media (max-width:768px){.customer-visit h3{font-size: 19px;}
.customer-visit .title{max-width: 100%;font-size: 16px;margin-bottom: 5.3333333333vw;}}
.foot-main .foot-feedback {display:none;}
@media (min-width:1025px){.foot-main .foot-item {width:auto;max-width:31%;}
.foot-main .l-wrap {justify-content:space-between;}
.foot-main .foot-intro {max-width:400px;}
.foot-main .foot-title img{width:100%;max-height: inherit;}}