.contact-us-banner{
    background-image:url('../images/banner-bg.png');
}
.contact-us-item{
    padding: 20px 0;
    color: rgba(56, 56, 56, 1);
}
.contact-us-item .iconfont{
    font-size: 18px;
    color:rgba(237, 28, 36, 1);
}
.mokuai1{
    gap: 80px;
}
.mokuai1 .contact-us-item-left{
    flex:0 0 calc(45% - 40px)
}
.mokuai1 .contact-us-item-right{
    flex:0 0 calc(55% - 40px)
}
.contact-us-item .title,
.contact-us-item  .contact-us-item-left-info p.name{
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    color: rgba(56, 56, 56, 1);
}
.contact-us-item .line{
    height: 2px;
}
.contact-us-item .info{
    margin-top: 10px;
    line-height: 34px;
    font-size: 17px;
}
.contact-us-item  .contact-us-item-left-info{
    padding-top:40px;
    color: rgba(119, 119, 119, 1);
} 
.contact-us-item  .contact-us-item-left-info p{
    line-height: 34px;
    font-size: 17px;
}  
.contact-us-item  .contact-us-item-left-info p .iconfont{
    margin-right: 10px;
} 
.mokuai1 .contact-us-item-right{
    border: 1px dashed rgba(207, 207, 207,.8);
    padding: 20px;
}
.mokuai1 .contact-us-item-right>div{
    position: relative;
}
.mokuai1 .contact-us-item-right img{
    width: 80%;
    text-align: center;
}
.mokuai1 .contact-us-item-right .dot{
    width: 30px;
    height: 30px;
    position: absolute;
    top:0;
    left:-18px;
    animation: blink 2s infinite;
}
.mokuai1 .contact-us-item-right .map-line{
    width: 80px;
    height:2px;
}
.mokuai1 .contact-us-item-right .address{
    color: rgba(56, 56, 56, 1);
    font-size: 17px;
        font-weight: bold;
}
.mokuai1 .contact-us-item-right>div p{
    color: rgba(237, 28, 36, 1);
    font-weight: 600;
}
.mokuai1 .contact-us-item-right>div .iconfont{
    font-weight:normal;
    animation: blink 2s infinite;
}
.mokuai1 .contact-us-item-right>div p:nth-child(2){
    position: absolute;
    top: 270px;
    right:24px;
    color: #000;
    font: 17px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
}
.mokuai1 .contact-us-item-right>div p:nth-child(3){
    position: absolute;
    top:310px;
    right:52px;
    color: #000;
    font: 17px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
}
.mokuai1 .contact-us-item-right>div p:nth-child(4){
    position: absolute;
    bottom:66px;
    right:46px;
    color: #000;
    font: 17px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
}
.mokuai1 .contact-us-item-right>div p:nth-child(3) .map-line{
    width:158px;
}
.mokuai1 .contact-us-item-right>div p:nth-child(4) .map-line{
    width:138px;
}

.mokuai2{
    gap: 80px;
    background-image: url('../images/contatctUS-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    padding: 60px 0;

}
.mokuai2 .contact-us-item-left{
    flex:0 0 calc(55% - 40px)
}
.mokuai2 .contact-us-item-right{
    flex:0 0 calc(45% - 40px)
}
.mokuai2 .contact-us-item-left>div{
    position: relative;
}
.mokuai2 .contact-us-item-left>div p{
    color: rgba(237, 28, 36, 1);
    font-weight: 600;
}
.mokuai2 .contact-us-item-left>div p .dot{
    width: 30px;
    height: 30px;
    animation: blink 2s infinite;
}
.mokuai2 .contact-us-item-left>div .iconfont{
    font-weight:normal;
    animation: blink 2s infinite;
}
.mokuai2 .contact-us-item-left>div p:nth-child(2){
    position: absolute;
    top:148px;
    left:18px;
}
.mokuai2 .contact-us-item-left>div p:nth-child(3){
    position: absolute;
    top:126px;
    left:284px;
}
.mokuai2 .contact-us-item-left>div p:nth-child(4){
    position: absolute;
    bottom:178px;
    right:90px;
}

@keyframes blink {
    0%, 100% {
        opacity: 1; /* 完全不透明 */
    }
    50% {
        opacity: 0.4; /* 完全透明 */
    }
}