.contact-us .page-box{padding:0;}
.contact-us .contact-top,.contact-us .contact-bot{display: flex;justify-content: space-between;align-items: center;flex-wrap:wrap;padding:5% 0;}
.contact-us .contact-bot{background:#F4F4F4;position: relative;}
.contact-us .contact-bot:before{content:'';width:100vw;height:100%;display: block;background:#F4F4F4;position: absolute;left:50%;top:0;transform:translateX(-50%);z-index:-1}
.contact-us .contact-top>div,.contact-us .contact-bot>div{width:47%;}
.contact-us .contact-common-title{font-size: 50px;font-weight:var(--fontbold7);letter-spacing: 1px;}
.contact-us .contact-common-title span{color:var(--color)}
.contact-us .contact-common-word{color:#333;font-size:16px;margin:20px 0;}
.contact-us .contact-common-art{color:#333;font-weight:var(--fontbold7)}
.contact-r-list{display: flex;flex-wrap:wrap;justify-content: space-between;}
.contact-r-list .item{width:48%;margin-bottom:40px;}
.contact-r-list .item:nth-child(3),.contact-r-list .item:nth-child(4){margin-bottom:0;}
.contact-r-list .item div:nth-child(2) a{font-weight: var(--fontbold5);font-size:17px;transition: all .3s;}
.contact-r-list .item div:nth-child(2) a:hover{color:var(--color)}
@media (max-width:1366px){.contact-us .contact-common-title{font-size:40px;}}
@media (max-width:768px){.contact-us .contact-top>div, .contact-us .contact-bot>div{width:100%;margin:10px 0;}
.contact-us .contact-common-title{font-size:24px;}
.contact-r-list .item img{width:40px;}}
.contact-map {margin:50px 0;}
.contact-map iframe {display:block;}