.contact{
    font-size: 14px;
    text-align: center;
    height:auto;
}

.contactUs{
    background: url(../images/map.jpg) center center no-repeat;
}
.contact .text-main{
    width:50%;
    position: relative;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 1.2em;
    margin:0 auto;
    font-family: "pingfang";
    text-align: center;
    margin-bottom:50px;
}
.contact .text-main .title{
    font-size:36px;
    padding-bottom:20px;
}
.contact .text-main .title span{
    position: relative;
    top:2.7em;
    font-weight: bolder;
    font-family: pingfang;
    opacity: 0.1;
}
.contact .text-main .title:after{
    position: absolute;
    bottom: -2px;
    content: '';
    height: 3px;
    width: 76px;
    background-color: #0073be;
    left: 50%;
    transform: translateX(-50%);
}
/*2022年4月7日 10:34:37*/
.contact .text-main .title p{
    color: #0073be;
    margin-bottom: 0.25em;
}

.contact .contact-main{
    width:100%;
    margin:0 auto;
}
.contact .contact-main .contact-content {
    width:1200px;
    margin: 0 auto;
}
.contact .contact-main .contact-content .contact-details{
    padding:40px 0;
}
.contact .contact-main .contact-content .contact-details .contact-item{
    width: 384px;
    display:inline-block;
    margin-top: 18px;
    padding-bottom: 30px;
}
.contact .contact-main .contact-content .contact-details .contact-item i{
    width: 72px;
    height: 72px;
    display: inline-block;
    vertical-align: top;
}
.contact .contact-main .contact-content .contact-details .contact-item.item1 i{
    background: url(../images/ic_phone_with_cycle.png)center center no-repeat;
}
.contact .contact-main .contact-content .contact-details .contact-item.item2 i{
    background: url(../images/ic_print_with_cycle.png)center center no-repeat;
}
.contact .contact-main .contact-content .contact-details .contact-item.item3 i{
    background: url(../images/ic_mail_with_cycle.png)center center no-repeat;
}
.contact .contact-main .contact-content .contact-details .contact-item.item4 i{
    background: url(../images/ic_location_with_cycle.png)center center no-repeat;
}
.contact .contact-main .contact-content .contact-details .contact-item.item5 i{
    background: url(../images/ic_display_hall_with_cycle.png)center center no-repeat;
}
.contact .contact-main .contact-content .contact-details .contact-item.item6 i{
    background: url(../images/ic_url_with_cycle.png)center center no-repeat;
}

.contact .contact-main .contact-content .contact-details .contact-item .contact-text{
    font-size: 13px;
    color: #4a4a4a;
    letter-spacing: 0;
    line-height: 14px;
    margin-top: 24px;
}
.contact .contact-main .contact-content .contact-details .contact-item .contact-tel{
    font-size: 15px;
    color: #4a4a4a;
    letter-spacing: 0;
    line-height: 14px;
    margin-top: 15px;
}

/*2022年4月8日 14:08:57 新增*/
.contactUs-new{
    /*background-size: 100% 100%;*/
    /*background-attachment: fixed;*/
    /*background: url(../images/bitmap.jpg) center center no-repeat;*/
}
.contact .contact-main .new-contact{
    background-image: url(../images/new-contact.png);
    color: rgb(255, 255, 255) !important;
    width: auto;display: flex;
    border-radius: 10px;
    box-shadow: darkgrey 10px 10px 30px 5px;
}

.contact .contact-main .contact-details-info{
    width: 44em;
    display: block;
    text-align: left;
    padding: 5em 0 0 6em;
    font-size: 17px;

}

.contact .contact-main .contact-details-info li{
    list-style-type: none;
    line-height: 2em;
}
.contact .contact-main .contact-details-info li span{
    color:#e4e8f0;

}
.contact .contact-main .contact-details-map{
    width: 60em;
    height: 30em;
    display: block;
    text-align: center;
    /*border: 3px solid greenyellow;*/
}
/* .contact .contact-main .contact-details-map img{ */
    /* width: 42.1em;
    margin-top: 4em; */
/* } */