﻿.contact-top{display:flex;flex-wrap:wrap;}
.contact-top>div{width:49%;}
.contact-top>div .contact-item{margin-bottom:20px;}
.contact-top>div .contact-item .big{display:flex;justify-content: space-between;margin-bottom:5px;}
.contact-top>div .contact-item .big .icon{width:30px;height:30px;}
.contact-top>div .contact-item .big p{width:calc(100% - 40px);font-weight:var(--fontbold7);font-size:var(--fontsize20)}
.contact-top>div .contact-item .xi{padding-left:40px;}
.contact-top>div .contact-item a{color:var(--fontcolor)}
.contact-top>div .contact-item a:hover{color:var(--color)}
.contact-top .contact-right .title{font-weight:var(--fontbold7);font-size:40px;text-align: center;}
.contact-top .contact-right .des{text-align: center;margin:10px 0 30px;}
.wmkcfeedback .send-btn{background:var(--color)}
.contact-bottom .map-title{text-align: center;position: relative;margin-top:50px;font-size:40px;font-weight: var(--fontbold7);margin-bottom:30px;}
.contact-bottom .map-title span{background:#fff;padding:0 10px}
.contact-bottom .map-title:before{content:'';width:100%;height:1px;display:block;background:#ccc;position:absolute;top:50%;transform: translateY(-50%);left:0;z-index:-1;}
@media (max-width:768px){.contact-top>div{width:100%;margin-bottom: 15px;}
.contact-top .contact-right .title,.contact-bottom .map-title{font-size:28px;}}