@media(max-width:1280px) {:root {--hometitlefont:30px}}
@media(max-width:768px) {:root {--hometitlefont:22px}}
.home-des {font-size:var(--fontsize16);font-weight:var(--fontbold4);color:#333;text-align:center;margin-bottom:10px;text-transform:uppercase}
.home-title {font-size:var(--hometitlefont);color:#232323;text-align:center;line-height:1.2;text-transform:capitalize}
.home-line {height:1px;margin-top:20px;position:relative}
.home-line::after {content:"";position:absolute;left:50%;transform:translateX(-50%);width:33px;height:4px;background:var(--color)}
.contact-list {margin:30px auto;display:flex;flex-wrap:wrap;justify-content:space-between}
.contact-list .contact-item {width:23%;padding:30px 4%;border:solid 1px #FAFAFA;transition:all .1s linear}
.contact-list .contact-item:hover {background:var(--color);color:#FFF}
.contact-list .contact-item:hover .contact-item-title,.contact-list .contact-item:hover a {color:#FFF}
.contact-list .contact-item .contact-item-title {font-size:var(--fontsize28,28px);color:#232323;margin-bottom:20px}
.contact-box {display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;margin-top:50px}
.contact-box .contact-main {width:40%}
.contact-box .contact-main .home-des,.contact-box .contact-main .home-title {text-align:left;line-height:1}
.contact-box .contact-main .home-line::after {transform:none;left:0px}
.contact-box .contact-main .home-line+p {margin-top:10px}
.contact-box .contact-main .img {width:100%;position:relative}
.contact-box .contact-main .img img {width:100%;display:block;}
.contact-box .contact-main .img .box {position:absolute;left:0px;bottom:0px;z-index:1;background:var(--color);color:#FFF;display:flex;align-items:center;justify-content:center;width:100%;max-width:450px;min-height:100px;padding-left:20px}
.contact-box .contact-main .img .box .icon {margin-right:20px}
.contact-box .contact-main .img .box .tel {font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.contact-box .inquiry-wrap {width:50%;background:#FFF;box-shadow:0 3px 18px 0 rgba(0,0,0,.16);border-top:6px solid var(--color);padding:40px 3%}
.contact-box .send-inquiry .inquiry-form input {width:100%}
@media (max-width:1366px){.contact-list .contact-item{padding:30px 20px}}
@media (max-width:1024px){.contact-list .contact-item{width:50%}
.contact-box .contact-main{width:100%}
.contact-box .inquiry-wrap{width:100%;margin-top:20px;padding:40px 15px}
.contact-list .contact-item .contact-item-title{font-size:24px}}
@media(max-width:768px){.contact-list .contact-item{width:100%}
.contact-list .contact-item .contact-item-title{font-size:var(--fontsize20);margin-bottom:10px}
.contact-box .contact-main .img .box{padding-left:0}}