﻿

.contact-container{

}

    .contact-top{
        max-width: 1280px;
        margin: 0 auto;
        margin-bottom: 0%;
        padding: 0 3%;
    }
    .contact-top .contact-left{
        display: inline-block;
        width: 466px;
        float: left;
    }
    .contact-top .contact-left>h1{
        display: block;
        font-size: 22px;
        color: #931322;
        margin-bottom: 25px;
    }
    .contact-top .contact-left table{
        margin-bottom: 50px;
    }
    .contact-top .contact-left table tr td:nth-child(1){
        display: inline-block;
        width: 80px;
    }
    .contact-top .contact-left table tr td{
        font-size: 16px;
        line-height: 30px;
        color: #000;
    }
    .contact-top .contact-left>p{
        font-size: 16px;
        line-height: 30px;
        color: #333;
    }
    .contact-top .contact-right{
        display: inline-block;
        width: 640px;
        height: 420px;
        float: right;
        position: relative;
        overflow: hidden; 
    }
    .contact-top .contact-right img{
        display: inline-block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    /* 地图 */
    .contact-center{
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 3%;
        margin-top: 2%;
        margin-bottom: 6%;
    }
    .con_map{ width:100%; padding-bottom:35.5%; position:relative;}
    .con_map .map{ position:absolute; top:0px; left:0px; width:100%; height:100%;}



    /* 门店导航 */
.conatct-store{ border-top: solid 1px #931322;
    width: 100%;
    background: #f7f7f7;
    padding-top: 4%;
    padding-bottom: 5%;
}
    .conatct-store>h1{
        color: #931322;
        font-size: 24px;
        text-align: center;
        margin-bottom: 10px;     letter-spacing: 4px;
    }
    .conatct-store>p{
        font-size: 16px;
        color: #999;
        text-align: center;
    }
    .store-list{
        margin-top: 3%;
    }
    .store-list ul{
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 3%;
    }
    .store-list ul li{
        padding-bottom: 35px;
        /*border-bottom: 1px solid #ddd;*/
        margin-bottom: 80px;
    }
    .store-list ul li .list-left{
        display: inline-block;
        width: 640px;
        vertical-align: top;
    }
    .store-list ul li .list-left>h1 a{
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 20px;
        color: #931322;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .store-list ul li .list-left>p{
        font-size: 14px;
        line-height: 25px;
        color: #222; letter-spacing: 2px;
    }
.contact-top .contact-left p span{   font-weight: bold;}
.contact-top .contact-left .add{display: flex;}
.contact-top .contact-left .add::after{content: '';clear: both;}
.contact-top .contact-left .add span:nth-child(1){ width:80px;}
.contact-top .contact-left .add span:nth-child(2){ width:calc(100% - 80px);    font-weight: normal;}


.store-list ul li .list-left>.add::after{content: ''; clear:both;}
.store-list ul li .list-left>.add{display: flex;}
.store-list ul li .list-left>p span{font-weight: bold;width: 80px;display: inline-block;text-align: justify;text-align-last: justify;}
.store-list ul li .list-left>.add span:nth-child(1){width: 80px;}
.store-list ul li .list-left>.add span:nth-child(2){width: calc(100% - 80px);font-weight: normal; text-align-last: inherit;}





    .store-list ul li .list-left>a{
        display: inline-block;
        width: 200px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        font-size: 14px;
        color: #931322;
        border: 1px solid #931322;
        margin-top: 46px;
    }
    .store-list ul li .list-left>a img:nth-child(2){
        display: none;
    }
    .store-list ul li .list-left .list-link{
        font-size: 14px;
        color: #000;
        line-height: 30px;
        vertical-align: top;
        position: relative; font-weight: bold; margin-top: 28px;
    }
    .store-list ul li .list-left .list-link>p{
        display: inline-block;
        padding-bottom: 5px;
        border-bottom: 1px solid #931322; color:#931322; font-size:14px;
        cursor: pointer; font-weight: normal;
    }
    .store-list ul li .list-left .list-link .store-code{
        display: inline-block;
        display: none;
        position: absolute;
        left: 167px;
        top: -110px;
        background: url(../img/code-box.png) no-repeat center center;
        background-size: 100% 100%;
        width: 265px;
        height: 260px;
    }
    .store-list ul li .list-left .list-link .store-code img{
        display: inline-block;
        width: 72%;
        margin-left: 15.5%;
        margin-top: 13.5%;
    }

   
    .store-list ul li .list-right{
        display: inline-block;
        width: 540px;
        height: 340px;
        float: right;
        position: relative;
    }
    .store-list ul li .list-right a{
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .store-list ul li .list-right a img{
        display: inline-block;
        width: 100%;
        height: 100%;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
}
    .store-list ul li .list-right a img:hover{
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
}

.store-list ul li .list-left .list-link span:hover{
    color: #931322;
}
    .store-list ul li .list-left>a:hover{
        background: #931322;
        color: #fff;
    }
    .store-list ul li .list-left>a:hover img:nth-child(2){
        display: inline-block;
    }
    .store-list ul li .list-left>a:hover img:nth-child(1){
        display: none;
    }



@media(max-width:1260px){
    .store-list ul li{
        text-align: center;
    }
    .store-list ul li .list-right{
        float: none;
        margin-bottom: 3%;
    }
    .store-list ul li .list-left{
        text-align: left;
    }
}

@media(max-width:1230px){
    .contact-top{
        text-align: center;
    }
    .contact-top .contact-left{
        text-align: left;
        float: none;
        margin-bottom: 5%;
        vertical-align: top;
    }
    .contact-top .contact-right{
        float: none;
    }
}

@media(max-width:760px){
    .conatct-store {
        padding-top: 10%;
        padding-bottom: 15%;
    }
    .conatct-store>h1{
        font-size: 20px;
    }
    .conatct-store>p{
        font-size: 14px;
    }
    .store-list{
        margin-top: 10%;
    }
    .store-list ul li .list-left>h1 a{
        font-size: 16px;
        margin-top: 5px;
        margin-bottom: 18px;
    }
}

@media(max-width:690px){
    .contact-top .contact-right {
        width: 100%;
        padding-bottom: 64%;
        height: auto;
    }
    .con_map{
        padding-bottom: 60%;
    }

    .store-list ul li .list-left{
        width: 100%;
    }
}

@media(max-width:590px){
    .store-list ul li .list-right{
        width: 100%;
        height: auto;
        padding-bottom: 50%;
    }
    .store-list ul li .list-left>a{
        width: 130px;
        height: 35px;
        line-height: 35px;
    }
    .store-list ul li .list-left .list-link .store-code {
        top: -70px;
        width: 175px;
        height: 170px;
    }
}


@media(max-width:480px){
    .contact-top .contact-left {
        width: 100%;
    }
    .contact-top .contact-left table{
        margin-bottom: 30px;
    }
}


/* 在线留言 */
.message-container{
    margin-bottom: 5%;
}
.message-txt{
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 3%;
}
    .message-txt h1{
        font-size: 28px;
        color: #931322;
        margin-bottom: 20px;
    }
    .message-txt h2{
        font-size: 20px;
        color: #999;
        font-weight: normal;
        margin-bottom: 25px;
    }
    .message-txt p{
        font-size: 16px;
        line-height: 34px;
        color: #666;
        margin-bottom: 35px;
    }


/* 提交 */
     .form-title{
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 3%;
        font-size: 22px;
        color: #931322;
        margin-bottom: 25px;
    }
     .loan_form{
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 3%;
    }

    .loan_line{
        display: inline-block;
        width: 32%;
        height: 42px;
        vertical-align: top;
         margin-right: 1.5%;
        position: relative;
        background: #f0f0f0;
        margin-bottom: 20px;
    }
    .loan_fill {
        overflow: hidden;
    }
    .loan_03{
        margin-right: 0;
    }
    .loan_line label.l_label0{
        float: left;
        line-height: 42px;
        font-size: 15px;
        color: #666;
        padding: 0 15px 0 20px;
    }
    .loan_line .loan_txt {
        width: 100%;
        color: #333;
        font-size: 15px;
        border: none;
        height: 40px;
        background: #f0f0f0;
    }
    .loan_line select.sel_sex {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        padding-left: 14px;
        width: 70px;
        height: 100%;
        background: #f4f4f4 url(../img/ico_sel01.png) right center no-repeat;
        background-size: auto;
        background-size: 16px;
        color: #666;
        border: inherit;
    }
    .loan_03 select.sel_sex{width: 110px;}

    .loan_line select.sel_sex option{
        width: 70px !important;
        padding: 0 !important;
    }
    .loan_check {
        cursor: pointer;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        height: 42px;
        width: 35%;
    }
    .loan_check  img{
        display: inline-block;
        width: 100%;
        height: 42px;
    }
    .loan_04{
        width: 58%;
    }
    .loan_05{
        width: 23%;
    }
    .loan_submit{
        display: inline-block;
        width: 15%;
        height: 42px;
        text-align: center;
        line-height: 42px;
        color: #fff;
        background: #931322;
        font-size: 15px;
        border: none;
        outline: none;
    }
    .loan_form .button_1_b{color:#fff;}


    @media(max-width:1200px){
        .loan_04 {
            width: 55%;
        }
        .loan_05 {
            width: 26%;
        }
    }

    @media(max-width:890px){
        .loan_line{
            width: 49%;
            margin-right: 0 !important;
        }
        .loan_02{
            margin-right: 0;
        }
        .loan_03{
            margin-right: 1.5%;
        }
         .loan_form .loan_line:nth-child(odd){
            float: left;
        }
         .loan_form .loan_line:nth-child(even){
            float: right;
        }
        .loan_05{
            width: 100%;
        }
        .loan_submit{
            width: 120px;
        }
    }

    @media(max-width:760px){
        .service-form{
            padding-top: 10%;
            padding-bottom: 10%;
        }
        .message-txt h1 {
            font-size: 22px;
            margin-bottom: 15px;
        }
        .message-txt h2 {
            font-size: 16px;
            margin-bottom: 12px;
        }
    }

    @media(max-width:540px){
        .loan_line{
            width: 100%;
            margin-right: 0 !important;
        }
         .loan_form .loan_line:nth-child(odd){
            float: none;
        }
         .loan_form .loan_line:nth-child(even){
            float: none;
        }
    }





/* 人才招聘 */
.loading_box1, .loading_box2, .loading_box3 {
    text-align: center;
}
.loading_box1 a.opened, .loading_box2 a.opened, .loading_box3 a.opened {
    background: url(../img/icon_arrow_up_hover.png) center bottom no-repeat;
}
.loading_box1 a, .loading_box2 a, .loading_box3 a {
    display: inline-block;
    background: url(../img/icon_arrow_down_hover.png) center bottom no-repeat;
    padding-bottom: 24px;
    margin-bottom: 24px;
    color: #999;
    font-size: 16px;
}

.talent-container{

}
    .talent-container .talent-content{
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 3%;
    }
    .talent-container .talent-content .item{
        width: 48.125%;
        background: #f6f6f6;
        margin-bottom: 3%;
        box-sizing: border-box;
        border: 1px solid transparent;
    }
    .talent-container .talent-content .item:nth-child(odd){
        float: left;
    }
    .talent-container .talent-content .item:nth-child(even){
        float: right;
    }
    .talent-container .talent-content .item>div{
        padding: 5% 8%;
    }
    .talent-container .talent-content .item>div h1{
        font-size: 22px;
        color: #931322;
        font-weight: normal;
        margin-bottom: 5%;
    }
    .talent-container .talent-content .item>div .item-need p{
        display: inline-block;
        width: 49%;
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
        color: #666;
    }
    .talent-container .talent-content .item>div a{
        display: inline-block;
        width: 200px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        font-size: 14px;
        color: #931322;
        border: 1px solid #931322;
        margin-top: 6%;
    }
    .talent-container .talent-content .item:hover{
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #931322;
    }
    .talent-container .talent-content .item:hover>div a{
        background: #931322;
        color: #fff;
    }

@media(max-width:1600px){
	.talent-container .talent-content{padding: 0 12%;}
}

@media(max-width:1200px){
    .talent-container .talent-content{padding: 0 3%;}
    .talent-container .talent-content{
        text-align: center;
    }
    .talent-container .talent-content .item{
        text-align: left;
        margin: 0 auto;
        width: 600px;
        margin-bottom: 30px;
    }
    .talent-container .talent-content .item:nth-child(odd){
        float: none;
    }
    .talent-container .talent-content .item:nth-child(even){
        float: none;
    }
}

@media(max-width:660px){
    .talent-container .talent-content{padding: 0 12%;} 
    .talent-container .talent-content .item{
        width: 100%;
    }
    .talent-container .talent-content .item>div {
        padding: 3% 3%;
    }
    .talent-container .talent-content .item>div a {
        display: inline-block;
        width: 80px;
        height: 26px;
        line-height: 26px;
    }
    .talent-container .talent-content .item>div h1 {
        font-size: 18px;
    }
    .talent-container .talent-content .item>div .item-need p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 3px;
    }

.contact-top{padding: 0px 12%;}
.contact-top .contact-left{    margin-top: 28px;}
.contact-top .contact-left>h1{font-size: 18px;margin-bottom: 12px;}
.contact-center{    padding: 0px 10%;margin-bottom: 15%;}
.contact-center .con_map{padding-bottom: 76%;}

.store-list{margin-top: 6%;}
.store-list ul{padding: 0 12%;}
.store-list ul li{padding-bottom: 40px; margin-bottom: 50px;}
.store-list ul li .list-left>a{    margin-top: 20px;}
.store-list ul li .list-left>h1 a{margin-bottom: 18px;}
.store-list ul li .list-left .list-link{    margin-top: 12px;}


.message-txt{padding: 0 12%;}
.message-txt p{font-size: 14px; line-height: 25px;}
.loan_form{padding: 0 12%;}
.loan_form .loan_submit{color:#fff;}
.loan_line{margin-bottom: 14px;}


}


/*1116*/
.contact-container{ }
.contact-top{display:none;}
.contact-center{display: none;}
.conatct-store{margin-top: 0%;border: none;}
.conatct-store>h1{display: none;}
.conatct-store>p{display: none;}



.Spare3 {
    width: calc(100% - 100px) !important;
}

