@charset "utf-8";


.contact_map{
    width: 100%;
    height: 825px;
    position: relative;
    display: flex;
    align-items: center;
}
.contact_map .store_map_pic{
   position: absolute;
   left: 0;
   top: 0;
   height: 825px;
   width: 100%;
}
.contact_map #allmap{
    height: 825px;
}
.contact_map img{
    max-width: initial;
}
.contact_map .box{
    max-width: 674px;
    background: #FFFFFF;
    border-radius: 10px;
    width: 48%;
    padding: 50px 30px;
    box-sizing: border-box;
    position: relative;
    z-index: 3;
}
.layui_form_item{
    margin: 30px 0 24px;
    position: relative;
    z-index: 3;
}
.layui_form_item .item{
    width: calc((100% - 134px) / 2);
}
.layui_form_item .submit{
    width: 114px;
    height: 44px;
    background-color: #E60012;
}
.layui_form_item .layui-input, .layui_form_item .layui-select, .layui_form_item .layui-textarea{
    height: 44px;
}
.layui_form_item .layui-form-select dl dd.layui-this {
    color: #E60012;
}
.layui_form_item .layui-input:focus, .layui_form_item .layui-textarea:focus {
    border-color: #E60012 !important;
    box-shadow: 0 0 0 3px rgba(22, 183, 119, .08);
}
.layui_form_item .layui-form-select dl{
    margin: 5px 0;
}
.contact_map_lists{
    height: 342px;
    overflow: hidden;
}

.store_map_lists {height: 342px; overflow: hidden; position: relative; }
.store_map_lists ul { 
    position: absolute; 
    overflow:hidden;
    width: 100%;
    max-height: 342px;
    overflow-y: auto; 
    padding-right: 10px;
    box-sizing: border-box;
}
.store_map_lists ul li { 
    padding: 25px 24px;
    box-sizing: border-box;
    border-bottom: 1px solid #EEEEEE;
    cursor: pointer;
    position: relative;
    transition: all .4s;
    display: flex;
    align-items: center;
 }
.store_map_lists ul li::after{
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #E60012;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    transition: all .4s;
}
.store_map_lists ul li.icon{
    width: 30px;
}
.store_map_lists ul li .icon img{
    max-width: 100%;
    display: block;
}
.store_map_lists ul li .texts{
    width: calc(100% - 30px);
    padding-left: 24px;
    box-sizing: border-box;
}
.store_map_lists ul li.tit{
    transition: all .4s;
}
.store_map_lists ul li .con {
    margin-top: 3px;
} 

.store_map_lists ul li.on{
    transform: translateX(3px);
}
.store_map_lists ul li.on::after{
    width: 100%;
}
.store_map_lists ul li.on .tit{
    color: #E60012;
}
.store_map_lists ul::-webkit-scrollbar {background: #f4f4f4;width: 5px;height: 8px;}
.store_map_lists ul::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.2);width: 8px;height: 8px;border-radius: 8px;}
.store_map_lists ul::-webkit-scrollbar-track {border-radius: 8px;}

@media only screen and (max-width: 1280px) {
    .store_map_lists ul li{
        padding: 25px 10px;
    }
}
@media only screen and (max-width: 1200px) {
    .contact_map .box{
        padding: 30px;
    }
    .store_map_lists{
        height: 328px;
    }
    .contact_map_lists{
        height: 328px;
    }
    .layui_form_item{
        margin: 20px 0 24px;
    }
}
@media only screen and (max-width: 1043px) {
    .contact_map .box{
        width: 52%;
    }
    .contact_map_lists{
        height: 325px;
    }
    .layui_form_item {
        margin: 20px 0 15px;
    }
    .store_map_lists ul li .texts{
        padding-left: 20px;
    }
}
@media only screen and (max-width: 768px) {
    .contact_map{
        height: auto;
        flex-direction: column-reverse;
    }
    .contact_map .store_map_pic{
        height: 235px !important;
        position: initial;
    }
    .contact_map #allmap {
        height: 235px !important;
    }
    .contact_map .box {
        width: 100%;
        max-width: 100%;
        padding: 20px 0;
        box-sizing: border-box;
    }
    .layui_form_item .submit {
        width: 78px;
        height: 35px;
        line-height: 35px;
        padding: 0 5px;
    }
    .layui_form_item .item {
        width: calc((100% - 90px) / 2);
    }
    .layui_form_item .layui-input, .layui_form_item .layui-select, .layui_form_item .layui-textarea {
        height: 35px;
    }
    .store_map_lists ul li {
        padding: 20px 0;
    }
    .store_map_lists ul li .texts {
        width: calc(100% - 20px);
        padding-left: 15px;
    }
    .store_map_lists ul li .icon {
        width: 20px;
    }
    .layui_form_item {
        margin: 20px 0 15px;
    }
    .contact_map_lists {
        max-height: 289px;
    }
    .page_tit{
        text-align: center;
    }
}
/* .store_map_left_inc { width: 32px; height: 41px; position: absolute; left: 0px; top: 50%; margin-top: -20px; cursor: pointer; background: url(../images/float_left_inc.png) left top no-repeat; z-index: 9; }
.store_map_right_inc { width: 32px; height: 41px; position: absolute; right: 0px; top: 50%; margin-top: -20px; cursor: pointer; background: url(../images/float_right_inc.png) left top no-repeat; z-index: 9; }

.store_map_pre { height: 23px; overflow: hidden; cursor: pointer; background: url(../images/store_map_pre.png) no-repeat left top; display: none; }
.store_map_next {height: 23px;overflow: hidden;cursor: pointer;background: url(../images/store_map_next.png) no-repeat left top;} */