.contactus-box{margin: 40px auto 80px;width: 85%;}
.home-des{font-size:var(--fontsize18);color:var(--introcolor);text-align:center;margin-bottom:10px;text-transform:uppercase}
.home-title{font-size:32px;font-weight:var(--fontbold7);color:var(--fontcolor);text-align:center;line-height:1.2;text-transform:capitalize}
.home-line{height:1px;margin-top:10px;position:relative}
.home-line::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:36px;height:3px;background:var(--color)}
.contact-list{margin:30px auto;display:flex;flex-wrap:wrap;justify-content:space-between}
.contact-list .contact-item{box-shadow:0 0 3px 1px #bbb;width:25%;padding:20px 2%;border:solid 1px #eee;border-radius:5px;transition:all .1s linear}
.contact-list .contact-item1{width:50%;}
.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(--fontsize24);font-weight:var(--fontbold7);color:var(--fontcolor);margin-bottom:10px}
.contact-box{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;margin-top:50px}
.contact-box .contact-main{width:45%}
.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:0}
.contact-box .contact-main .img{width:100%;position:relative}
.contact-box .contact-main .img img{width:100%}
.contact-box .contact-main .img .box{position:absolute;left:0;bottom:0;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 2px 12px 0 rgba(0,0,0,.1);border-top:6px solid var(--color);padding:40px 3%}
@media (max-width:768px){.contact-list .contact-item1,.contact-list .contact-item{width:100%;padding:10px;}
.contact-box .contact-main{width:100%;}
.contact-box .inquiry-wrap{width:100%;margin-top:10px;}
.home-title{font-size:24px;}
.contact-box .inquiry-wrap{padding:10px;}
.contact-list .contact-item .contact-item-title{font-size:18px;margin-bottom:5px;}
.contact-box .contact-main .img .box{position: initial;}}