@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html { font-family: '微软雅黑';}
body { margin: 0; background: url(../images/icons/bg.jpg) repeat; }
a { text-decoration: none; }
a:active,a:hover { outline: 0; }
ul{ margin: 0; padding:0; list-style: none; }
img{ border: 0; }
body>.wrap {
    margin-bottom: 80px;
}
.wrap{ width: 1100px; margin: 20px auto 0; }
.header{ position: relative; z-index: 2; width: 100%; height: 60px; border-radius: 5px;  box-shadow: 0 4px 4px rgba(11,3,6,.2); }
.header ul{  }
.header ul li{ position: relative; float: left; width: 218px; height: 60px; line-height: 60px; text-align: center; border-right: 1px solid #444545; background: url(../images/icons/navbg.jpg) repeat-x;}
.header ul li a{ color: #fff; font-size: 16px; display: block; width: 100%; height: 100%;}
.header ul li a span{ display: inline-block; margin-right: 5px; margin-top: -3px; vertical-align: middle; width: 18px; height: 18px; background-image: url(../images/icons/navicon.png); }
.header ul li a span.icon1{ background-position: 0 0; }
.header ul li a span.icon2{ background-position: -18px 0; }
.header ul li a span.icon3{ background-position: -36px 0; }
.header ul li a span.icon4{ background-position: -54px 0; }
.header ul li.active a{ color: #bf261e; }
.header ul li.active a span.icon1{ background-position: 0 -18px; }
.header ul li.active a span.icon2{ background-position: -18px -18px; }
.header ul li.active a span.icon3{ background-position: -36px -18px; }
.header ul li.active a span.icon4{ background-position: -54px -18px; }
.header ul li.logo{ width: 223px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: #e5261d url(../images/icons/logo.png) center center no-repeat; }
.header ul li.last{ border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.header ul li:hover .child{ display: block; }
.header .child{ position: absolute; top: 60px; display: none; }
.header .child a{ float: left; width: 90px; color: #e5261d; 
	font-size: 14px; height: 50px; display: block; line-height: 50px; background: rgba(230,92,23,.4); }
.header .child a.active,.header .child a:hover{ background: rgba(230,92,23,.6); }


.banner{ width: 1100px; height: 595px; border-radius: 5px; overflow: hidden; margin-top: 14px; position: relative; }
.banner li{ position: absolute; left: 0; top: 0; display: none; width: 100%;}
.banner li:first-child{ display: block; }
.banner .dot{ position: absolute; bottom: 16px; left: 50%; margin-left: -40px;}
.banner .dot div{ width: 12px; height: 12px; margin: 0 4px; border-radius: 50%; cursor: pointer; float: left; background: #e5261d; opacity: .2; filter: alpha(opacity: 20); }
.banner .dot div.active{ opacity: 1; filter: alpha(opacity: 100); }

.indexmain{ width: 1098px; min-height: 818px; border-radius: 2px; background: #fbf3f1; border: 1px solid #dbdbdb; margin: 20px auto 0; }
.indexmain .left{ height: 100%; width: 722px; padding: 0 14px; border-right: 1px solid #dbdbdb; min-height: 818px;  }
.indexmain .left .head{ position: relative; height: 40px; line-height: 40px; border-bottom: 1px solid #e6e6e6; color: #e5261d; font-size: 18px;}
.indexmain .left .head em{font-style: normal;}
.indexmain .left .head .icon-lx{ display: inline-block; width: 10px; height: 10px; background: url(../images/icons/icon-lx.png) center center no-repeat; margin: 0 8px 0 2px; }
.indexmain .left .head a{ color: #4d4d4d; font-size: 16px;} 
.indexmain .left .head a span{ display: inline-block; width: 6px; height: 10px; background: url(../images/icons/right-nav.png) center center no-repeat; margin-left: 16px; margin-right: 10px; }
.indexmain .left .head a e{ font-style: normal; }
.indexmain .left .head .addressselect{ display: none; box-shadow: 0 2px 2px rgba(0,0,0,.2); position: absolute; right: -14px; top: 40px; background: #fff; width: 330px; padding-right: 10px;}
.indexmain .left .head .addressselect a{float: left;text-align:center; width: 80px; cursor: pointer; color: #333; display: inline-block; *display: inline; *zoom: 1; font-size: 14px; }
.indexmain .left .head .addressselect a.active{ color: #e5261d; }

.addresslist{  }
.addresslist li{ float: left; width: 207px; height: 113px; padding: 15px 5px 0 28px; background: url(../images/icons/address.png) 0 15px no-repeat;}
.addresslist li a{ color: #e5261d; font-size: 16px; margin-bottom: 10px; display: inline-block; }

.addresslist li p{ color: #191919; margin: 0 0 8px; height: 40px;word-break: break-all;overflow: hidden;}

.indexmain .right{  width: 329px; padding: 9px 9px 0; }
.indexmain .fixed{ position: fixed; top: 0; }
.indexmain .right .hd{ height: 135px; }
.indexmain .right h2{ line-height: 28px; color: #e5261d; background: url(../images/icons/icon-lx.png) 18px 8px no-repeat; font-size: 18px; margin: 0 0 10px; padding-left: 44px;  }
.indexmain .right p{ padding-left: 44px; color: #555; font-size: 14px; line-height: 14px; margin-bottom: 6px;}
.indexmain .right .img{ border: 5px solid #fff; border-radius: 5px; width: 318px; }

.foodmain{ margin-top: 50px; min-height: 650px; }
.foodmain .left{ width: 164px; margin: 0 24px 0 33px; }
.foodmain .left ul{ border-bottom: 1px dotted #a09f9e;  }
.foodmain .left ul li{ line-height: 36px; border-top: 1px dotted #a09f9e; text-align: center;}
.foodmain .left ul li>a{ color: #1a1a1a; font-size: 16px; display: block; }
.foodmain .left ul li.frist{ border-top: 0;  }
.foodmain .left ul li.frist a{ background: #666; color: #fff; }
.foodmain .left ul li.active a{ background: #e5261d; color: #fff; }
.foodmain .left ul li a{cursor: pointer;}
.foodmain .left ul li .childlist{ margin: 10px 0 10px 28px; }
.foodmain .left ul li .childlist a{ position: relative; display: block; height: 14px; line-height: 14px; margin-bottom: 12px; text-align: left;  padding-left: 31px; background: none; font-size: 14px; color: #333; }
.foodmain .left ul li .childlist a strong{ position: absolute; width: 2px; height: 26px; 
	top: 7px; background: #b3b3b3; display: block; left: 0; }
.foodmain .left ul li .childlist a span{ position: absolute; display: block; width: 6px; height: 1px; background: #b3b3b3; left: 0px; top: 7px; }
.foodmain .left ul li .childlist a span i{ position: absolute; display: block; width: 6px; height: 3px; background: #b3b3b3; left: 6px; top: -1px; border-radius: 8px; }
.foodmain .left ul li .childlist a.active{ color: #e5261d; }
.foodmain .left ul li .childlist a.active span i{ background: #e5261d; }
.foodmain .left ul li .childlist a.last{ margin-bottom: 0; }

.foodmain .right{ width: 878px; position: relative; }
.foodmain .right ul{ padding-left: 22px; }
.foodmain .right li{ width: 238px; height: 242px; float:left; margin: 0 23px 20px;}
.foodmain .right li img{ display: block; width: 238px; height: 192px }
.foodmain .right li p{ color: #191919; font-size: 18px; line-height: 50px; margin: 0; text-align: center;  }

.dialog1{  display: none; position: fixed; width: 810px; /* height: 670px; */ background: url(../images/icons/dialogbg.png) repeat;  top: 95px; left: 50%; margin-left: -405px;}
.dialog1 .dialogbox{  width: 780px; /* height: 640px; */ margin: 15px auto;}
.dialog1 .dialogbox .hd{ position: relative; background: #e5261d; color: #fff; text-align: center; border-radius: 5px; height: 46px; line-height: 46px; }
.dialog1 .dialogbox .hd img{ vertical-align: middle; margin-top: -4px; margin-right: 5px;}
.dialog1 .dialogbox .hd .close{ width: 27px; height: 27px; position: absolute; cursor: pointer; right: -12px; top: -13px; background: url(../images/icons/close.png) no-repeat; }
.dialog1 .dialogbox .container{ background: #f5f5f5; width: 100%; height: 450px; overflow: scroll; }
.dialog1 .dialogbox .item{ padding-bottom: 20px; }
.dialog1 .dialogbox .item a{ display: inline-block; *display: inline; *zoom: 1;  margin-left: 30px; margin-top: 20px; border: 1px dashed #e65c17; color: #e65c17; font-size: 14px; padding: 6px 14px; border-radius: 25px; }
.dialog1 .dialogbox ul{ padding:0 22px; }
.dialog1 .dialogbox li{ padding-bottom: 12px; border-bottom: 1px solid #e6e6e6; width: 670px; height: 167px; margin-bottom: 12px; }
.dialog1 .dialogbox li img{ float: left; margin-right: 20px; width: 255px; height: 167px; }
.dialog1 .dialogbox li h3{ margin: 0;color: #333; font-size: 16px;margin-top: -3px;}
.dialog1 .dialogbox li p{margin-top: 5px; font-size: 14px;text-align: left; line-height: 24px; }

.dialog2{ display: none; width: 740px; height: 320px; position: fixed; left: 50%; margin-left: -370px; top: 50%; margin-top: -160px; background: url(../images/icons/dialog2bg.png) repeat; }
.dialog2 .container{ width: 710px; height: 247px; padding: 15px 10px; margin: 15px auto; background: #fff; }
.dialog2 .container img{ float: left; margin-right: 34px;width:320px; height:260px; }
.dialog2 .container h3{ line-height: 45px; color: #333; margin: 0; vertical-align: top; line-height: 1; font-size: 16px; }
.dialog2 .container p{ line-height: 23px; margin: 0; font-size: 14px; margin-top: 6px; max-height: 234px; overflow: hidden; }

.activetiesmain .fl img{ width: 215px; }
.activetiesmain{ background: #fff; width: 1096px; margin: 0 auto; padding-bottom: 40px; padding-top: 40px; position: relative;}
.activetiesmain .right{ width: 800px; min-height: 550px; }
.activetiesmain .right .hd{ color: #1a1a1a; font-size: 16px; margin-bottom: 24px; font-weight: bold; line-height: 20px; margin-left: -8px; }
.activetiesmain .right .hd span{ display: inline-block; *display: inline; *zoom: 1; width: 4px; vertical-align: top; margin: 0 8px; height: 20px; background: #b3b3b3; border-radius: 6px; }
.activetiesmain .right li{ padding-right: 20px; font-size: 14px; margin-bottom: 40px; }
.activetiesmain .right li img{ float: left;  border: 1px dashed #b3b3b3; margin-right: 12px;}
.activetiesmain .right li .a{word-break: break-all; background: url(../images/icons/icon-lx.png) 0 6px no-repeat; vertical-align: top; line-height: 1; padding-left: 14px; color: #333; font-size:15px;line-height: 15px;}  
.activetiesmain .right li p{ margin: 4px 0 0px 138px; line-height: 24px; height: 51px; overflow: hidden; color: #666;overflow:hidden;}
.activetiesmain .right li p.time{ margin-bottom: 0; height: auto; color: #808080; font-size: 12px; }

.art{ padding: 20px 45px 40px; width: 1008px;}
.art h3{ margin: 0; }


.aboutmain{ width: 1098px; margin: 0 auto; padding-bottom: 40px; background: #fff; }
.aboutmain .left{ width: 131px; margin-left: 74px; margin-top: 142px;  } 
.aboutmain .left ul{  }
.aboutmain .left ul li{ height: 70px; }
.aboutmain .left ul li a{ position: relative; line-height: 18px; font-weight: bold; padding-left: 35px; font-size: 14px; color: #4d4d4d;}
.aboutmain .left ul li a span{ position: absolute; display: block; width: 8px; height: 46px; top: 22px; left: 0; border-right: 1px dashed #b3b3b3;  }
.aboutmain .left ul li a strong{ position: absolute; display: block; left: 5px; top: 6px; width: 7px; height: 7px; background: #b3b3b3; border-radius: 50%; }
.aboutmain .left ul li.active a{ color: #e5261d; }
.aboutmain .left ul li.active a strong{ width: 17px; height: 17px; left: 0; top: 2px; background: url(../images/icons/icon-active.png) center center no-repeat  }

.aboutmain .right{ width: 844px;}
.aboutmain .right .title{ padding-top: 48px; border-bottom: 1px solid #e6e6e6; margin-bottom: 36px; text-align: center;}
.aboutmain .right .title h2{ font-size: 16px; color: #1a1a1a; margin: 0; }
.aboutmain .right .title h3{ margin: 0; color: #808080; font-size: 16px; margin-bottom: 16px; }
.aboutmain .right .title h3 span{ margin: 0 7px; width: 17px; height: 1px; margin-top: 12px; background: #999; display: inline-block; *display: inline; *zoom:1; vertical-align: top; }
.aboutmain .right .content{ width: 666px; margin: 0 auto; }
.aboutmain .right .content p{ font-size: 14px; color: #333; }




.newslist{ width: 800px; margin: 0 auto; }
.newslist li{ padding-bottom: 16px; padding-right: 12px; overflow: hidden; border-bottom: 1px dashed #e6e6e6; margin-bottom: 15px;}
.newslist li img{ display: block; float: right; margin-left: 60px; width: 132px;}
.newslist li .text{  }
.newslist li a.tit{ height: 15px; line-height: 15px; padding-left: 9px; color: #333; border-left: 3px solid #e65c17; vertical-align: top; }
.newslist li p{ line-height: 24px; height: 40px; font-size: 14px; width: 600px; color: #666; margin-top: 8px; }
.newslist li p a{ font-size: 12px; color: #e5261d; font-weight: bold;}
.newslist li .time{ font-size: 13px; height: auto; line-height: 13px; vertical-align: bottom; margin-bottom: 0; color: #808080; }

.newsdetail{ margin-top: 48px;  }
.newsdetail h2{ font-size: 18px; color: #333; }
.newsdetail h4{ font-size: 14px; color: #666; }
.newsdetail p{ color: #4c4c4c; font-size: 14px; }

.centerkitchen{ width: 767px; margin: 0 auto; }
.centerkitchen .item{ margin-bottom: 40px; }
.centerkitchen .text{ width: 390px;  }
.centerkitchen h4{ color: #1a1a1a; font-size: 16px; margin: 25px 0 12px; background: url(../images/icons/icon-lx.png) 0 6px no-repeat; padding-left: 22px; }
.centerkitchen p{ color: #666; font-size: 14px; margin: 0 0 12px; }

.contactus{  width: 681px; margin: 66px auto 0; }
.contactus .pic{ margin: 0 45px 0 80px; }
.contactus .text{ float: left; width: 380px; margin-left: 10px; text-align: left; }
.contactus .text h3{ font-size: 20px; color: #333; margin: 0 0 28px; }
.contactus .text p{ font-size: 16px; color: #4c4c4c;  margin: 0 0 8px;}
.contactus .text p span{ display: inline-block; *display: inline; *zoom: 1; width: 50px; color: #333; font-weight: bold; }


.feedback{ text-align: center; }
.feedback textarea{ width: 635px; height: 310px; margin: 0 auto; resize: none; padding: 5px 10px; 
	font-size: 14px; font-family: '微软雅黑'; border: 1px solid #dbdbdb; outline: none; }
.feedback .btn{ display: block; width: 89px; height: 35px; margin: 33px auto; background: #e5261d; color: #fff; font-size: 16px; line-height: 35px; border-radius: 5px; text-align: center; }
.warn{ display: none; padding: 15px 30px; background: rgba(0,0,0,.5); color: #fff; *background: #7f7f7f; position: fixed; left: 50%;
 text-align: center; line-height: 28px; top: 50%; margin-top: -28px; }
.phone{ text-align: left; margin-top: 20px; padding-left: 92px; }
.phone input{ width: 200px; height: 22px; line-height: 22px; padding: 0; padding-left: 5px; background: #fff; border: 1px solid #dbdbdb; font-family: '微软雅黑';}

.team{ width: 768px; margin: 0 auto; }
.team ul{ margin-bottom: 40px; }
.team ul li{ width: 33%; text-align: center; float: left; }
.team ul p{ color: #1a1a1a; }
.team ul p img{ margin-left: 15px; vertical-align: middle; }

.joinmain{ }
.joinmain h3{ line-height: 25px; margin: 20px 0 ; font-size: 14px;  font-size: 16px; color: #666; }
.joinmain h3 span{ vertical-align: top; margin-right: 15px;  display: inline-block; width: 25px; height: 25px; line-height: 25px; *display: inline; *zoom: 1; background: #e5261e; color: #fff; text-align: center; font-size: 25px; font-style: italic; }
.joinmain .line{ overflow: hidden; position: relative;  font-size: 14px; color: #808080; }
.joinmain p1{ margin: 10px 0; padding-left: 80px; width: 505px;}
.joinmain .line span{width: 80px; position: absolute; left: 0; top: 10px; }
.joinmain .borderb{ border-bottom: 1px solid #e8e8e8; }


.footer{ position:fixed;bottom:0;left:0;width:100%;height: 40px; width: 100%; line-height: 40px; font-size: 12px; margin-top: 26px; background: #262626; color: #999; }
.wrapper{ width: 1100px; margin: 0 auto; position: relative; }
.footer .logo{ position: absolute; left: 50%; margin-left: -26px; top: -24px; display: block; width: 52px; height: 51px; background: url(../images/icons/logo3.png) center center no-repeat; }
.footer .link{ margin-right: 68px; height: 14px; line-height: 14px; font-size: 0;}
.footer .link li{ position: relative; font-size: 12px; display: inline-block; *display: inline; *zoom: 1; padding-top: 13px;   vertical-align: top; }
.footer .link li a{ padding: 0 16px; height: 14px; line-height: 14px; color: #999; border-right: 1px solid #999; }
.footer .link li:last-child{ border-right: none; }
.footer .link li .childlink{ display: none; position: absolute; width: 240px; margin-left: -80px; background: #f2f2f2;  }
.footer .link li .childlink a{ float: left; height: 40px; border-right: none; padding: 0; width: 80px; text-align: center; line-height: 40px; color: #4c4c4c;}
.footer .link li .childlink a:hover,.footer .link li .childlink a.active{ background: #ccc; }
.footer .link li:hover .childlink{ display: block; }

.footer2{ position: fixed;left: 0;bottom: -1px;}

.qrcode{ width: 80px; height: 80px; background: url(../images/qrcode.jpg) no-repeat; position:fixed; right: 0; bottom: 0; }
.indent2 p{ text-indent: 2em; }
.center{ text-align: center; }
img.center{ display: block; margin: 0 auto; }
.center p{ font-size: 34px; color: #2b2b2b; }
.red{ color: #ff7373; } 
.blue{ background: #00bdff }
.orange{ background: #ff9e66 }
.fl{ float: left; }
.fr{ float: right; }
.fix{ *+height:1%;  }
.fix:after{ content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.arrow_r{ display: inline-block; width: 19px; height: 31px; background: url(../images/icons/icons/arrow_r.png) no-repeat; }
.mb60{ margin-bottom: 60px; }
.mt80{ margin-top: 80px; }
.mt20{ margin-top: 20px; }
.mb20{ margin-bottom: 20px; }
.mt0{ margin-top: 0; }
.ml32{ margin-left: 32px; }
.fixCodeImg {position: fixed;right:20px;bottom: 40px;}
.fixCodeImg img {width: 82px; }