﻿@font-face{font-family:iconfont2;display:swap;src:url(https://css02.v15cdn.com/m422/fonts/iconfont.woff2?t=1743392225771) format('woff2'),url(https://css02.v15cdn.com/m422/fonts/iconfont.woff?t=1743392225771) format('woff'),url(https://css02.v15cdn.com/m422/fonts/iconfont.ttf?t=1743392225771) format('truetype')}
.contact .contact-sec1 .iconfont{font-family:iconfont2!important;}
.icon-address2:before{content:"\e629"}
.icon-email2:before{content:"\e619"}
.icon-tel2:before{content:"\e60a"}
.flex{display:flex;flex-wrap:wrap}
.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.contact .contact-sec1{margin-bottom:4%}
.contact .contact-sec1 .contact-sec1-item{width:24%;padding:0px 10px 25px;text-align:center;background:#FFFFFF;border-bottom:2px solid transparent;box-shadow:0px 5px 20px 0px rgba(235,235,235,.75);transition:border .3s}
.contact .contact-sec1 .contact-sec1-item .icon{color:#FFFFFF;padding:15px;background-color:var(--color);display:inline-block;position:relative;transform:translateY(-8px)}
.contact .contact-sec1 .contact-sec1-item .icon::before{content:"";display:block;position:absolute;right:-8px;top:0px;border:4px solid transparent;border-left-color:var(--color);border-bottom-color:var(--color);opacity:.8}
.contact .contact-sec1 .contact-sec1-item .icon em{font-size:var(--fontsize30);line-height:1}
.contact .contact-sec1 .contact-sec1-item .item-name{font-size:var(--fontsize22);font-weight:var(--fontbold5);margin:25px 0px 0px}
.contact .contact-sec1 .contact-sec1-item a,.contact .contact-sec1 .contact-sec1-item span{color:var(--introcolor)}
.contact .contact-sec1 .contact-sec1-item a:hover{color:var(--color)}
.contact .contact-sec1 .contact-sec1-item:hover{border-color:var(--color)}
.contact .contact-sec2 .contact-sec2-img{width:350px}
.contact .contact-sec2 .contact-sec2-img iframe{height:400px;width:100%}
.contact .contact-sec2 .contact-sec2-img img{display:block;width:100%}
.contact .contact-sec2 .contact-inquiry{flex:1;padding-left:4%}
.contact .contact-sec2 .contact-inquiry .item-name{font-size:var(--fontsize30);font-weight:var(--fontbold5);margin-bottom:20px}
@media(max-width:1024px){.contact .contact-sec1 .contact-sec1-item{width:48%;margin:0px 0px 5% 0px}
.contact .contact-sec2 .contact-sec2-img{width:100%;margin-bottom:20px}
.contact .contact-sec2 .contact-inquiry{padding:0px}}
@media(max-width:480px){.contact .contact-sec1 .contact-sec1-item{width:100%;}
.contact .contact-sec1 .contact-sec1-item .icon{padding:10px}
.contact .contact-sec1 .contact-sec1-item .icon em{font-size:var(--fontsize22);line-height:1}
.contact .contact-sec1 .contact-sec1-item .item-name{font-size:var(--fontsize16)}
.contact .contact-sec1 .contact-sec1-item a,.contact .contact-sec1 .contact-sec1-item span{font-size:var(--fontsize14)}
.contact .contact-sec2 .contact-inquiry .item-name{font-size:var(--fontsize22)}}