.storesWrap {
    width: 100%;
    margin: 0 auto;
    padding: 60px 0
}

.fDleft {
    width: 240px;
    float: left
}

.fDleft .top {
    padding-bottom: 30px
}

.fDleft .top h4 {
    font-family: Microsoft Yahei;
    font-size: 44px;
    line-height: 52px;
    color: #b2976a;
    margin-top: 10px
}

.fDleft .top span {
    margin-left: 10px;
    border-radius: 10px;
    background: #b2976a;
    height: 57px;
    padding: 0 10px;
    line-height: 57px;
    color: #fff;
    text-align: center
}

.fDleft .top span em {
    padding-left: 4px;
    font-size: 21px;
    line-height: 57px;
    display: inline-block;
    vertical-align: top
}

.btn-maps {
    margin-bottom: 20px;
    background: #d2af72;
    display: block;
    border-radius: 4px;
    padding: 5px 10px;
    color: #fff;
    line-height: 2;
    border-bottom: 3px solid #b2976a
}

.btn-maps img {
    margin-right: 10px
}

.btn-maps:hover {
    color: #fff;
    background: #e4be7a
}

.list a {
    display: block;
    font-family: "宋体", 宋体;
    color: #aaa
}

.list .t1 a {
    font-size: 16px;
    border-top: 1px solid #ddd;
    padding: 6px 0
}

.list .t1 a em {
    font-size: 12px;
    text-align: center;
    padding-left: 1px;
    float: right;
    display: inline-block;
    color: #ddd;
    font-family: Arial;
    text-align: center
}

.list .t1 a em i {
    font-size: 12px
}

.list .t2 {
    display: none;
    border-top: 1px solid #ddd;
    padding: 6px 0 20px
}

.list .t2 a:hover {
    color: #222;
    font-weight: 700
}

.list .t2 a.cur {
    color: #222;
    font-weight: 700
}

.list li {
    float: left;
    width: 110px;
    border-bottom: 1px solid #ddd
}

.list .itemCur .t1 a {
    color: #222;
    font-weight: 700;
    border-top: 2px solid #222
}

.fDright {
    /*float: right;*/
    width: 100%
}

.maps {
    background: url(../image/map.png) no-repeat;
    width: 802px;
    height: 730px;
    position: relative;
    margin: 0 auto;
}

.maps .item {
    position: absolute;
    text-align: center
}

.maps .item p.txt {
    color: #333333;
    cursor: pointer;

}

.maps .item span.s {
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    width: 23px;
    height: 23px;
    display: inline-block;
    text-align: center;
    line-height: 23px;
    background: url(../image/icon-dian1.png) 0 0 no-repeat
}

.maps .item:hover p.txt {
    color: #b2976a
}

.maps .item:hover span.s {
    background-position: left bottom
}

.maps .css3 {
    -webkit-animation: scale 1s .2s ease both;
    -moz-animation: scale 1s .2s ease both
}

@-webkit-keyframes scale {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: scale(1)
    }
    40% {
        -webkit-transform: scale(1.3)
    }
    60% {
        -webkit-transform: scale(1.1)
    }
}

@-moz-keyframes scale {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0)
    }
    40% {
        -moz-transform: scale(1.3)
    }
    60% {
        -moz-transform: scale(1.1)
    }
}

.maps .itemShanghai {
    left: 692px;
    top: 400px
}

.maps .itemBeijing {
    left: 581px;
    top: 231px
}

.maps .itemTianjin {
    left: 623px;
    top: 263px
}

.maps .itemGuangzhou {
    left: 557px;
    top: 555px
}

.maps .itemChongqing {
    left: 473px;
    top: 437px
}

.maps .itemShandong {
    left: 609px;
    top: 311px
}

.maps .itemHunan {
    left: 523px;
    top: 473px
}

.maps .itemSichuan {
    left: 404px;
    top: 420px
}

.maps .itemJiangxi {
    left: 600px;
    top: 465px
}

.maps .itemHubei {
    left: 557px;
    top: 414px
}

.maps .itemYunnan {
    left: 370px;
    top: 540px
}

.maps .itemGuizhou {
    left: 465px;
    top: 494px
}

.maps .itemShanxi1 {
    left: 485px;
    top: 361px
}

.maps .itemShanxi2 {
    left: 534px;
    top: 288px
}

.maps .itemGansu {
    left: 415px;
    top: 338px
}

.maps .itemAnhui {
    left: 615px;
    top: 400px
}

.maps .itemFujian {
    left: 640px;
    top: 510px
}

.maps .itemHebei {
    left: 575px;
    top: 280px
}

.maps .itemJiangsu {
    left: 656px;
    top: 370px
}

.maps .itemLiaoning {
    left: 680px;
    top: 210px
}

.maps .itemJilin {
    left: 710px;
    top: 159px
}

.maps .itemHeilongjiang {
    left: 710px;
    top: 86px
}

.maps .itemZhejiang {
    left: 661px;
    top: 442px
}

.maps .itemNeimenggu {
    left: 471px;
    top: 232px
}

.maps .itemHenan {
    left: 561px;
    top: 353px
}

.maps .itemGuangxi {
    left: 482px;
    top: 554px
}

.maps .itemQinghai {
    left: 315px;
    top: 310px
}

.maps .itemXinjiang {
    left: 184px;
    top: 204px
}

.maps .mendianList {
    position: absolute;
    width: 56px;
    text-align: center;
    display: none
}

.maps .mendianList a {
    display: block;
    width: 56px;
    position: relative
}

.maps .mendianList a:before {
    transition: all .3s ease;
    content: "";
    opacity: 0;
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -60px 0 0 -60px;
    width: 120px;
    height: 120px;
    background: url(../image/bgSd2.png) 50% 50% no-repeat;
    background-size: 90%
}

.maps .mendianList p {
    color: #222;
    position: absolute;
    width: 100px;
    text-align: center;
    left: -24px
}

.maps .mendianList a:hover:before {
    opacity: 1;
    -webkit-animation: aniG .4s ease-in;
    -moz-animation: aniG .4s ease-in;
    -ms-animation: aniG .4s ease-in;
    animation: aniG .4s ease-in
}

.maps .mendianList a:hover p {
    color: #000
}

.maps .po1, .maps .po2, .maps .po3, .maps .po4 {
    right: -20px;
    top: -50px
}

.bgSd {
    z-index: 4;
    width: 300px;
    height: 300px;
    position: absolute;
    background: url(../image/bgSd.png) no-repeat;
    background-size: 300px;
    display: none;
    left: 389px;
    top: 107px;
    -webkit-animation: aniO 2s ease-in infinite;
    -moz-animation: aniO 2s ease-in infinite;
    -ms-animation: aniO 2s ease-in infinite;
    animation: aniO 2s ease-in infinite
}

.bgSd2 {
    width: 400px;
    height: 400px;
    background-size: 400px
}

.bgSd3 {
    width: 500px;
    height: 500px;
    background-size: 500px
}

.maps .itemCur {
    z-index: 20
}

.maps .itemCur span.s {
    background-position: left bottom
}

.maps .itemCur p.txt {
    border-radius: 100%;
    z-index: 5;
    left: -15px;
    top: -15px;
    background: url(../image/bgSd3.png) no-repeat;
    color: #fff;
    font-weight: 700;
    width: 56px;
    height: 56px;
    text-align: center;
    line-height: 56px;
    position: absolute
}

.maps .itemCur .mendianList {
    display: inline-block
}

.maps .itemCur .mendianList img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fff
}

@-webkit-keyframes aniO {
    0% {
        -webkit-transform: scale(.99);
        opacity: 1
    }
    60% {
        -webkit-transform: scale(1.05);
        opacity: .6
    }
    100% {
        -webkit-transform: scale(.99);
        opacity: 1
    }
}

@-moz-keyframes aniO {
    0% {
        -moz-transform: scale(.95);
        opacity: 1
    }
    60% {
        -moz-transform: scale(1.1);
        opacity: .6
    }
    100% {
        -moz-transform: scale(.95);
        opacity: 1
    }
}

@-webkit-keyframes aniG {
    0% {
        background-size: 90%
    }
    60% {
        background-size: 100%
    }
    100% {
        background-size: 90%
    }
}

@-moz-keyframes aniG {
    0% {
        background-size: 90%
    }
    60% {
        background-size: 100%
    }
    100% {
        background-size: 90%
    }
}

@-ms-keyframes aniG {
    0% {
        background-size: 90%
    }
    60% {
        background-size: 100%
    }
    100% {
        background-size: 90%
    }
}

@keyframes aniG {
    0% {
        background-size: 90%
    }
    60% {
        background-size: 100%
    }
    100% {
        background-size: 90%
    }
}

.storesRight {
    float: right;
    width: 820px;
    border-left: 1px solid #eee;
    padding-top: 60px
}

.storesRight .topDiv {
    border-bottom: 1px solid #eee
}

.storesRight .topDiv .pic {
    position: relative;
    height: 200px;
    text-align: center;
    width: 300px;
    float: left
}

.storesRight .topDiv .pic .b {
    left: 50%;
    background: url(../image/imgBg.png) 50% 0 no-repeat;
    width: 257px;
    height: 69px;
    position: absolute;
    margin-left: -128px;
    bottom: -69px
}

.storesRight .topDiv .pic .img {
    position: absolute;
    bottom: 0;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    text-align: center
}

.storesRight .topDiv .pic .img img {
    width: 100%;
    height: auto
}

.storesRight .topDiv .text {
    float: right;
    width: 470px
}

.storesRight .topDiv .text h1 {
    font-family: Microsoft Yahei;
    font-size: 40px;
    line-height: 50px
}

.storesRight .topDiv .text h3 {
    color: #b2976a;
    font-family: "宋体", 宋体
}

.storesRight .topDiv .text p {
    margin-top: 18px;
    font-size: 24px;
    background: url(../image/icon-tel1.png) no-repeat;
    padding-left: 35px;
    height: 30px;
    line-height: 30px
}

.storesRight .topDiv .text p em {
    margin: 0 5px;
    color: #ddd
}

.storesDom {
    width: 780px;
    float: right;
    margin: 50px auto 0;
    padding-bottom: 80px
}

.storesDom .maps2 {
    margin: 40px 0 0
}

.dianpu-news {
    margin-top: 40px
}

.dianpu-news ul, .dianpu-news .tit {
}

.dianpu-news li {
    font-size: 14px;
    position: relative;
    line-height: 30px
}

.dianpu-news li a {
    color: #666;
    display: block
}

.dianpu-news .tit {
    margin-bottom: 5px;
    font-size: 14px
}

.dianpu-news span {
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    font-size: 12px
}

.dianpu-news a:hover {
    color: #000;
    text-decoration: underline
}

.more_p {
    text-align: left;
    margin: 40px 0 0
}

.more_p a {
    display: inline-block;
    padding: 0 30px;
    border: 1px solid #aaa;
    border-radius: 4px;
    height: 45px;
    line-height: 45px
}

.more_p a:hover {
    border-color: #222
}

.com-page {
    padding: 10px 0 0
}

.page {
    padding-top: 30px
}

.page .cur_page {
    background: #222;
    color: #fff;
    border: 1px solid #222;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    display: inline-block
}

.page a, .page span {
    display: inline-block;
    border: 1px solid #eee;
    padding: 0 10px;
    line-height: 24px;
    height: 24px;
    color: #999;
    transition: all .2s ease
}

.page a:hover {
    border: 1px solid #666;
    color: #666
}

.images {
    width: 780px
}

.images ul {
    padding-bottom: 10px
}

.images li {
    float: left;
    overflow: hidden;
    border-radius: 10px
}

.images .c {
    margin: 0 10px
}

.images .imgr {
    float: right;
    overflow: hidden;
    border-radius: 10px
}

.images li img, .images .imgr img {
    height: 300px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease
}

.images li:hover img, .images .imgr:hover img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03)
}

.images .bus {
    text-align: center;
    height: 300px;
    float: left;
    width: 517px;
    border-radius: 10px;
    background: #f5f5f5;
    overflow: hidden;
    position: relative
}

.images .bus .tit {
    padding: 20px 0 0;
    text-align: center;
    font-size: 50px;
    font-weight: 300;
    line-height: 50px;
    text-transform: uppercase;
    letter-spacing: -4px
}

.images .bus .text {
    width: 517px;
    text-align: center;
    line-height: 60px;
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #eee;
    height: 60px;
    border-top: 1px solid #fff
}

.images .bus .xianlu {
    padding: 20px
}

.images .bus .item {
    display: inline-block;
    border: 1px solid #222;
    border-radius: 10px;
    height: 46px;
    line-height: 46px;
    padding: 0 6px;
    margin: 3px
}

.images .bus .item em {
    font-size: 20px
}