﻿
 /*内训课程*/
.nx_kc{ height:auto; width:100%;}
.kc i{display: block;
    height: 1px;
    background-color: #d1d1d1;
    position: static;}
.kc h1{
    font-size: 20px;
    color: #595757;
    margin: 48px auto;
    text-align: center;
    width: 36%;
    position: static;
    margin-top: -16px;
    background: #FFFFFF;
	font-weight:lighter;
}
@media screen and (max-width: 1024px){
.kc h1{
    font-size: 16px;
    color: #595757;
    margin: 48px auto;
    text-align: center;
    width: 60%;
    position: static;
    margin-top: -16px;
    background: #FFFFFF;
	font-weight:lighter;
}
}


@media screen and (max-width: 767px){
.dessert-list{  width:100%!important;}
h2._PlateTitle {
font-size: 20px;
}
}

.dessert-list{width: 1146px; text-align: center; margin: 0 auto;}
.menu-list-wrap{width:100%;overflow:hidden;}
.menu-wrap:first-child{ margin-left:0;}
.menu-wrap{ float:left; }

@media(max-width: 800px){
.menu-wrap{overflow:hidden; float:none; width:calc(100% - 2px); margin-bottom:10px;}
} 

@media(max-width: 800px){
.menu-img img{ width:100%;}
} 
.qyjskc{ background:url(../images/dt.png) center/cover no-repeat;}
.qyjskc img{vertical-align:middle; max-width:100%; margin-top:60px; margin-bottom:60px;}
.zykc{ background:#f9f9f9 center/cover no-repeat;}
.zykc2 img{vertical-align:middle; max-width:100%; margin-top:60px; margin-bottom:60px;}
.spaq-kc img{vertical-align:middle; max-width:100%; margin-top:60px; margin-bottom:40px;}
/*内训课程结束*/       
.titleBox {
    text-align: center;
    font-size: 27px;
    padding: 50px 50px;
  }
  
  .titleBox.mb1 {
    padding-bottom: 10px;
  }
  
  .titleBox.hot {
    padding-bottom: 15px;
  }
  
  .titleBox.w {
    color: #fff;
  }
  
  .titleBox b {
    display: block;
    font-weight: 400;
    line-height: 1.4;
    position: relative;
  }
  
  .titleBox.tl {
    text-align: left;
  }
  
  .titleBox.tr {
    text-align: right;
    margin-top: -20px;
  }
  
  .titleBox b.c {
    margin-bottom: 5px;
  }
  
  .titleBox b.c::after {
    width: 50px;
    height: 4px;
    background: #e60012;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: -2px;
    border-radius: 10px;
    content: "";
    display: block;
  }
  
  .titleBox p {
    font-size: 16px;
    line-height: 1.4;
    font-family: gothmbok;
    text-transform: uppercase;
    opacity: .5;
    
  }
  
  .titleBox span {
    display: block;
   /* font-size: 14px;*/
    line-height: 0.2;
    /*opacity: .7;*/
    margin-top: 15px;
  }
/*门店位置*/
@media (min-width: 1200px) {
.ckgd img{
	position:absolute;
    margin-left: 5px;
}
#content.w1200 {
width: 1200px;
margin: 0 auto;
padding: 60px 0;
}
#branch {
}
#branch .bnTop {
border:1px solid #b8b8b8;
}
#branch .bnTop:after {
content:"";
display:block;
clear:both;
}
#branch .map {
float:left;
width:51%;
padding-top:0px;
text-align:center;
background:#fff;
border-right:1px solid #b8b8b8;
position:relative;
}
#branch .map .ico {
 display:none;
 width:80px;
 height:40px;
 background:url(../map/map-ico.png) no-repeat;
 position:absolute;
 color:#262626;
 line-height:40px;
 text-align:center;
 font-size:15px;
 font-weight:600;
 padding-bottom: 13px;
}
.result img {
 border: none;
 vertical-align: middle;
 display: inline !important;
}
.link img {
 border: none;
 vertical-align: middle;
 display: inline !important;
}
#branch .search {
float:right;
width: 47%;
height:420px;
float:right;
}
#branch .search .in {
padding: 80px;
margin: 0 auto;
}
.areaBox { float:left;
width: 74%;
}

#branch .search .tit {
margin-bottom:20px;
}
#branch .search .tit h4 {
font-size:32px;
font-family:"微软雅黑";
line-height: 32px;
letter-spacing:-0.075em;
font-weight:600;
color:#2f2f2f;
}
#branch .search .tit p {
font-size:24px;
font-family:"微软雅黑";
color:#afafaf;
letter-spacing:-0.035em;
margin-top:15px;
}
#branch .search .areaBox:after, .search .searchForStore:after {
display: block;
content: '';
clear: both;
}
#branch .search .areaBox >*, .search .searchForStore >* {
float: left;
width: 50%;
}
#branch .search .areaBox select {
width: 98%;
height: 55px;
padding-left: 15px;
border:1px solid #ddd;
font-size: 15px;
color: #828282;
}
#branch .search .areaBox select#GUGUN {
margin-left: 20px;
}
#branch .search .searchForStore {
/*position: relative;*/
}
#branch .search .searchForStore input.txt {
width: 380px;
height: 53px;
border:0;
border-right:1px solid #ddd;
text-indent: 15px;
font-size: 15px;
color: #666;
}
#branch .search .searchForStore .searchSubmit {
width: 148px;
height: 53px;
border:0;
background: url(../map/search-btn-bg.gif) no-repeat;
font-size: 0;
}
#branch .search .tel-inquiry {
font-size: 0;
text-align: left;
margin-top:  109px;
position: absolute;
}

.ckgd{text-align:left; margin: 12px 0px; float: left;}
.ckgd a{color:#60814c; font-size:22px;}

.ckgd2{text-align:center; margin:10px auto; margin-top:80px;}
.ckgd2 a{color:#60814c; font-size:28px; }
.ckgd2 a img{
position:absolute;margin-left: 5px;margin-top:6px;
}
.ckgd3{text-align:center; margin:20px auto; margin-top:40px;font-size:30px; font-weight:bold;}

#branch .search .tel-inquiry dt, #branch .search .tel-inquiry dd {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
#branch .search .tel-inquiry dt {
font-size: 18px;
color: #2a2a2a;
}
#branch .search .tel-inquiry dd {
height: 36px;
line-height: 36px;
padding-left: 46px;
margin-left: 22px;
background: url(../map/tel-inquiry-front.gif) no-repeat 0 50%;
font-size: 36px;
letter-spacing: -0.04em;
font-weight: 600;
color: #303030;
}
 #branch .result {
background:#f4f4f4;
text-align:center;
padding:25px;
font-size:16px;
color:#777;
letter-spacing:-0.05em;
margin-top:40px;
}
#branch .result .red {
color: #60814c;
font-size: 18px;
font-weight: 600;
}
 #branch .storeList {
font-size: 0;
margin-top: 10px;
margin-left: -30px;
}
#branch .storeList li {
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
width: 30.8955%;
height:auto;
padding: 19px;
margin-left: 30px;
margin-top: 30px;
border:1px solid #cdcdcd;
}
#branch .storeList li .overBox {
overflow: hidden;
position: absolute;
top:-1px;
left:-1px;
border:1px solid transparent;
width: 0;
height: 100%;
z-index:-1;
text-align: center;
font-size: 0;
opacity:0;
background: url(../map/white95.png);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
#branch .storeList li:hover .overBox {
width: 100%;
opacity: 1;
z-index:1;
border:1px solid #60814c;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
#branch .storeList li .overBox > a {
display: block;
width: 100%;
height: 100%;
}
#branch .storeList li .overBox > a:before {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
content: '';
width: 0;
height: 100%;
}
#branch .storeList li .overBox dl {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
#branch .storeList li .overBox dt {
font-size: 14px;
height: 14px;
color: #60814c;
font-weight: 600;
margin-bottom: 14px;
}
#branch .storeList li .overBox dd.name {
font-size: 24px;
line-height: 24px;
color: #1e1e1e;
font-weight: 600;
margin-bottom: 26px;
}
#branch .storeList li .overBox dd.link {
text-align: center;
display: inline-block;
*display: inline;
*zoom: 1;
width: 138px;
height: 38px;
line-height: 38px;
font-size: 14px;
border:1px solid #454545;
color: #1e1e1e;
}
#branch .storeList .imgBox {
overflow: hidden;
height: 240px;
margin-bottom: 30px;
}
#branch .storeList .imgBox img {
max-width:100%;
}
#branch .storeList .textBox {
overflow: hidden;
height: 140px;
}
#branch .storeList .textBox dt {
padding-top: 15px;
font-size: 24px;
line-height: 24px;
font-weight: 600;
color: #1e1e1e;
margin-bottom: 15px;
}
#branch .storeList .textBox dt.text {
font-size: 12px;
line-height: 24px;
font-weight: 600;
color: #1e1e1e;
margin-bottom: 18px;
}
#branch .storeList .textBox dd.tel {
font-size: 13px;
line-height: 13px;
margin-bottom: 12px;
color: #60814c;
}
#branch .storeList .textBox dd.address {
font-size: 13px;
color: #1e1e1e;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.maplist{
  text-align: left;
}   
 .l {
 float: left;
 height: 420px;
 width: 100%;
}
 .r {
 float: right;
 width: 440px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
 .mapsearch {
 width: 100%;
 height: 120px;
 background: url(../map/footernavbg.png) repeat-y center;
 padding: 20px 30px;
}
 .mapsearch h2 {
 font-size: 24px;
 line-height: 30px;
 color: #FFF;
 font-weight: 600;
 background: url(../map/mapsearch.png) no-repeat center left;
 background-size: contain;
 padding: 0 0 0 30px;
}
 .mapsearch h2 .iweizhi {
 font-size: 24px;
}
 .mapsearch .ss {
 width: 100%;
 height: 40px;
 margin-top: 20px;
}
 #nativeplace_top, #nativeplace_son, #nativeplace_sec {
 width: 150px;
 height: 30px;
 line-height: 30px;
 background: #FFF;
 border: 0;
 font-size: 15px;
 text-indent: 1em;
}
 .mapsearch .ss .search-submit {
 width: 70px;
 height: 30px;
 background: #FFF;
 border: 0;
 color: #c30505;
 font-size: 14px;
 font-weight: 700;
}
 .mapsearch .ss .search-submit .isousuo {
 font-size: 15px;
 font-weight: 800;
}
 .maplist ul li .tubiao {
 width: 80px;
 float: left;
 padding: 0 10px;
 height: 90px;
 line-height: 90px;
 border-right: 1px solid #f4ede2;
 position: relative;
}
 .maplist ul li .tubiao .imendian {
 color: #c9a66d;
 font-size: 50px;
 display: block;
 width: 50px;
 height: 50px;
 background: url(../map/imendian.png) no-repeat center;
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
 .maplist ul li .info_r {
 width: 250px;
 float: left;
 margin-left: 20px;
}
 .maplist ul li .info_r h2 {
 font-size: 16px;
 line-height: 30px;
 color: #333333;
 font-weight: 700;
}
 .maplist ul li .info_r p {
 line-height: 20px;
 color: #666666;
 font-size: 12px;
}
 .maplist ul li .info_r .ditu a {
 font-size: 13px;
 color: #c30505;
 position: absolute;
 right: 10px;
 top: 10px;
}
 .mapDiv {
 position: fixed;
 background: #FFFFFF;
 margin: auto;
 left: 0;
 right: 0;
 top: 200px;
 z-index: 10000;
 overflow: hidden;
 width: 900px;
 height: 0px;
 box-shadow: #666 0px 0px 10px;
 -webkit-box-shadow: #666 0px 0px 10px;
 -moz-box-shadow: #666 0px 0px 10px;
}
 #showMap {
 margin: 0 auto;
 height: 410px;
 margin-top: 5px;
 background-color: #D5D5D5;
 position: relative;
 width: 890px;
}
 #closeAll {
 display: block;
 color: #1f1e1e;
 font-weight: 700;
 width: 50px;
 height: 30px;
 background: #FFF;
 cursor: pointer;
 text-align: right;
 position: absolute;
 top: 0px;
 right: 0px;
 z-index: 10001;
 padding: 5px 10px;
 white-space: nowrap;
}
 #closeAll:hover {
 color: #be0504;
}
}
 @media (max-width: 1200px) {
#branch {
}
#branch .map {
 position: relative;
 text-align: center;
 background: #fff;
 border: 1px solid #ddd;
 width: 100%;
 margin: 0 auto;
}
#branch .bnTop {
}
#branch .map .ico {
 display:none;
 width:80px;
 height:40px;
 background:url(../map/map-ico.png) no-repeat center center / contain;
 position:absolute;
 color:#262626;
 line-height:40px;
 text-align:center;
 font-size:15px;
 font-weight:600;
 padding-bottom: 13px;
}
#branch .search {
}
#branch .search .in {
margin-top: 10px;
width: 100%;
margin: 0 auto;
}
#branch .search .tit {
margin-bottom:10px;
}
#branch .search .tit h4 {
font-size:20px;
line-height: 25px;
text-align:center;
color:#2f2f2f;
margin-top:20px;
}
#branch .search .tit p {
font-size:16px;
color:#333;
letter-spacing:-0.035em;
margin-top:5px;
text-align:center;
}
#branch .search .areaBox select {
width: 100%;
height: 30px;
padding-left: 10px;
border:1px solid #ddd;
font-size: 12px;
color: #828282;
}
#branch .search .searchForStore input.txt {
width: 100%;
height: 30px;
border:0;
border-right:1px solid #ddd;
text-indent: 10px;
font-size: 12px;
color: #666;
border: 1px solid #ddd;
}
#branch .search .searchForStore .searchSubmit {
width: 100%;
height: 30px;
background: #333;
color: #fff;
border: none;
margin-top: 15px;
}
#branch .search .tel-inquiry {
font-size: 0;
text-align: center;
margin-top: 10px;
}
#branch .search .tel-inquiry dt, #branch .search .tel-inquiry dd {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
#branch .search .tel-inquiry dt {
font-size: 20px;
color: #2a2a2a;
display: block;
}
#branch .search .tel-inquiry dd {
height: 25px;
line-height: 25px;
font-size: 25px;
letter-spacing: -0.04em;
font-weight: 600;
color: #303030;
}
 #branch .result {
background:#f4f4f4;
text-align:center;
padding:10px;
font-size:13px;
color:#777;
letter-spacing:-0.05em;
margin-top:20px;
}
#branch .result .red {
color: #60814c;
font-size: 18px;
font-weight: 600;
}
 #branch .storeList {
font-size: 0;
margin-top: 10px;
}
#branch .storeList li {
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
width: 49%;
margin: 0 0 2% 2%;
border:1px solid #cdcdcd;
box-sizing: border-box;
text-align:left;
}
 #branch .storeList li:nth-child(2n+1) {
margin-left: 0;
}
#branch .storeList li .overBox {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -999em;
display: block;
z-index: 3;
}

#branch .storeList span{
margin-top:0px;
}
#branch .storeList li .link {
display: none;
}
 #branch .storeList li .overBox a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: left;
}
 #branch .storeList .imgBox {
overflow: hidden;
margin-bottom: 10px;
}
#branch .storeList .imgBox img {
max-width:100%;
height: auto;
}
#branch .storeList .textBox {
overflow: hidden;
height: auto;
}
#branch .storeList .textBox dt {
padding-top: 5px;
font-size: 15px;
line-height: 15px;
font-weight: 600;
color: #1e1e1e;
margin-bottom: 5px;
padding: 0 10px;
}
#branch .storeList .textBox dt.text {
padding: 0 10px;
font-size: 11px;
line-height: 11px;
font-weight: 600;
color: #1e1e1e;
margin-bottom: 5px;
}
#branch .storeList .textBox dd.tel {
padding: 0 10px;
font-size: 11px;
line-height: 11px;
margin-bottom: 12px;
color: #60814c;
}
#branch .storeList .textBox dd.address {
padding: 0 10px;
font-size: 11px;
color: #1e1e1e;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-bottom: 10px;
}
 .l {
 height: 300px;
 width: 100%;
}
 .r {
 width: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
 .mapsearch {
 width: 100%;
 height: 120px;
 background: url(../map/footernavbg.png) repeat-y center;
 padding: 20px 30px;
}
 .mapsearch h2 {
 font-size: 24px;
 line-height: 30px;
 color: #FFF;
 font-weight: 600;
 background: url(../map/mapsearch.png) no-repeat center left;
 background-size: contain;
 padding: 0 0 0 30px;
}
 .mapsearch h2 .iweizhi {
 font-size: 24px;
}
 .mapsearch .ss {
 width: 100%;
 height: 40px;
 margin-top: 20px;
}
 #nativeplace_top, #nativeplace_son, #nativeplace_sec {
 width: 150px;
 height: 30px;
 line-height: 30px;
 background: #FFF;
 border: 0;
 font-size: 15px;
 text-indent: 1em;
}
 .mapsearch .ss .search-submit {
 width: 70px;
 height: 30px;
 background: #FFF;
 border: 0;
 color: #c30505;
 font-size: 14px;
 font-weight: 700;
}
 .mapsearch .ss .search-submit .isousuo {
 font-size: 15px;
 font-weight: 800;
}
 .maplist ul li .tubiao {
 width: 80px;
 float: left;
 padding: 0 10px;
 height: 90px;
 line-height: 90px;
 border-right: 1px solid #f4ede2;
 position: relative;
}
 .maplist ul li .tubiao .imendian {
 color: #c9a66d;
 font-size: 50px;
 display: block;
 width: 50px;
 height: 50px;
 background: url(../map/imendian.png) no-repeat center;
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
 .maplist ul li .info_r {
 width: 250px;
 float: left;
 margin-left: 20px;
}
 .maplist ul li .info_r h2 {
 font-size: 16px;
 line-height: 30px;
 color: #333333;
 font-weight: 700;
}
 .maplist ul li .info_r p {
 line-height: 20px;
 color: #666666;
 font-size: 12px;
}
 .maplist ul li .info_r .ditu a {
 font-size: 13px;
 color: #c30505;
 position: absolute;
 right: 10px;
 top: 10px;
}
 .mapDiv {
 position: fixed;
 background: #FFFFFF;
 margin: auto;
 left: 0;
 right: 0;
 top: 200px;
 z-index: 10000;
 overflow: hidden;
 width: 900px;
 height: 0px;
 box-shadow: #666 0px 0px 10px;
 -webkit-box-shadow: #666 0px 0px 10px;
 -moz-box-shadow: #666 0px 0px 10px;
}
 #showMap {
 margin: 0 auto;
 height: 410px;
 margin-top: 5px;
 background-color: #D5D5D5;
 position: relative;
 width: 890px;
}
 #closeAll {
 display: block;
 color: #1f1e1e;
 font-weight: 700;
 width: 50px;
 height: 30px;
 background: #FFF;
 cursor: pointer;
 text-align: right;
 position: absolute;
 top: 0px;
 right: 0px;
 z-index: 10001;
 padding: 5px 10px;
 white-space: nowrap;
}
 #closeAll:hover {
 color: #be0504;
}
}

@media screen and (max-width: 767px){

.ckgd2{text-align:center; margin:10px auto; margin-top:80px;}
.ckgd2 a{color:#60814c; font-size:18px; }
.ckgd2 a img{
position:absolute;
}
.ckgd3{/*text-align:center;*/ margin: 5px auto; margin-top:40px;    font-size: 22px;}



#branch .search .tel-inquiry {
    font-size: 14px;
	    background-color: #f5f5f5;
		    padding-top: 20px;
    padding-bottom: 20px;
}
.lbh p {
    font-size: 14px;
}
.lbb p {
    font-size: 14px;
}
.ckgd {
    margin: 20px auto;text-align: center;
	font-size: 20px;
    color: #60814c;
    text-align: center;
}

.ckgd img{
	position:absolute;
    margin-left: 5px;
}

#branch .storeList li {width: 100%; 
margin: 1%;
}
#branch .storeList li:nth-child(2n+1) {
    margin-left: 1%;
}
#branch .storeList .textBox dt {
padding-top: 15px;
}
#branch .storeList .textBox dt.text {
}
#branch .storeList .textBox dd.tel {
}
#branch .storeList .textBox dd.address {
}

}