/*初始化*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul, li { list-style: none; }
a{text-decoration: none;}
button { cursor: pointer; }
html, body {min-width:1024px !important;}
body {height: 100vh; width:100vw;min-width:1200px;color: #363636; line-height: 1.2;overflow-x: hidden;font-family: '微软雅黑'}
.claer{clear: both;}

/* 联系我们页面样式 */
.banner {
    overflow: hidden;
    width: 100%;
    height: 640px;
    /* height: 1267px; */
    position: relative;
}
.banner img{
    width: 100%;
    height: 640px;
}
.banner .us{
    width: 684px;
    position: absolute;
    top: 233px;
    left: 30%;
    text-align: center;
}
.banner .us .about_us{
    font-size: 50px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}
.banner .us .zhong{
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.banner .us .zhong .line{
    width: 170px;
    height: 1px;
    background: rgba(255, 255, 255, 0.32);
}
.banner .us .zhong .wm{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin: 0 20px;
}
.box{
    width: 100%;
    height: 650px;
    background: #FAFAFA;
}
.contact_us{
    width: 75%;
    height: 770px;
    background: #fff;
    margin: 0 auto;
    margin-top: -200px;
    margin-bottom: 150px;
    position: relative;
    display: flex;
    padding-bottom: 50px;
}
.contact_us .lf{
    width: 280px;
    padding-right: 20px;
}
.contact_us .lf .biaoTi{
    padding: 44px 0 0 19px;
    box-sizing: border-box;
}
.contact_us .lf .biaoTi p:first-child{
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #383838;
    line-height: 32px;
}
.contact_us .lf .biaoTi p:last-child{
    width: 40px;
    height: 4px;
    background: #418FFD;
    margin: 20px 0 37px 0;
}
.addressListbox {
    width: 100%;
    height: 583px;
    overflow-y: scroll;
}
.contact_us .lf .address{
    /* width: 560px; */
    height: 97px;
    padding: 28px 2% 0 3%;
    box-sizing: border-box;
    display: flex;
    margin-left: 17px;
}

.contact_us .lf .detail {
    font-size: 12px;
    color: #888;
}

.contact_us .lf  .address img{
    width: 14px;
    height: 18px;
    margin-right: 10px;
    display: none;
}
.contact_us .lf  .address div p{
    margin-bottom: 8px;
}
.on{
    background: #FAFAFA;
}
/* .one{
    display: block !important;
} */


.contact_us .rt{
    flex: 1;
    height: 720px;
    margin-left: 20px;
    /* background: #E2E2E2; */
}
.footer_box{
    width: 100%;
    height: 38px;
    position: fixed;
    bottom: 0;
}

.rt > div {
    margin-top: -120px;
    /* overflow: hidden; */
}
.rt canvas {
    /* bottom: -100px!important; */
    top: 140px!important;
}

/* 
.contact-map {
    display: block;
    padding-bottom: 200px;
}
.contact-map .biaoTi{
    padding: 44px 0 0 19px;
    box-sizing: border-box;
}
.contact-map .biaoTi p:first-child{
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #383838;
    line-height: 32px;
}
.contact-map .biaoTi p:last-child{
    width: 40px;
    height: 4px;
    background: #418FFD;
    margin: 20px 0 37px 0;
} */

.contact_us .lf {
    position: relative;
}
.contact_us .lf::after {
    content: '';
    display: block;
    height: 200px;
    width: 4px;
    background-color: #3a80f7;
    position: absolute;
    top: 260px;
    right: 0;
    border-radius: 4px;
}
.contact_us .lf::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #3a80f7;
    position: absolute;
    right: -10px;
    top: 430px  ;
}