.main-container{padding: var(--padding-32) 0 var(--padding-32) 0;}

.head-ad{width: 100%;}
.head-ad img{width: 100%;}

.contact-us{width: 100%;margin-top: 3rem;}
.contact-us .ct-us-head{width: 100%;}
.contact-us .ct-us-head .tit{font-size: 1.375rem;font-weight: bold;color: #000;}
.contact-us .ct-us-head .sub-tit{margin-left: var(--margin-12);font-size: var(--font-size-12);color: #4e4e4e;}
.contact-us .ct-us-list{margin-top: var(--margin-32);display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--margin-32)}
.contact-us .ct-us-list .item{display: flex;align-items: center;padding: var(--padding-32);background-color: #fff;}
.contact-us .ct-us-list .item .icon{width: 2rem;height: 2rem;}
.contact-us .ct-us-list .item .info{margin-left: var(--margin-32);min-width: 0;flex: 1;}
.contact-us .ct-us-list .item .info .name{width: 100%;font-size: var(--font-size-14);font-weight: bold;color: #000;}
.contact-us .ct-us-list .item .info .cont{width: 100%;margin-top: var(--margin-4);font-size: var(--font-size-14);color: #a7a7a7;}

.map{width: 100%;margin-top: var(--margin-32);}
.map img{width: 100%;}

.about{width: 100%;margin-top: var(--margin-32);display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--margin-32);}
.about .content{color: #000;}
.about .ad-img img{width: 100%;}

@media (max-width: 1201px) {
    
}
@media (max-width: 993px) {

}
@media (max-width: 768px) {
    .contact-us .ct-us-list{grid-template-columns: repeat(1, 1fr);gap: 0}
    .contact-us .ct-us-list .item{margin-bottom: var(--margin-12);}
    .contact-us .ct-us-list .item:last-child{margin-bottom: 0;}

    .about{grid-template-columns: repeat(1, 1fr);gap: 0}
    .about .content{width: 100%;margin-bottom: var(--margin-12);}
    .about .ad-img{width: 100%;}
}
@media (max-width: 576px) {
    
}