@charset "UTF-8";

/**
 *
 * @authors tyk
 * @date     2017/5/18
 * @version
 */

/* 焦点图 */
body{ color: #333;}
.focus-pic-wrap {  height: 330px;  }
.focusBox { position: relative; width: 100%; min-width: 1000px; height: 330px; overflow: hidden; }
.focusBox .pic { position: relative; z-index: 3; width: 100% !important; }
.focusBox .pic li { width: 100% !important; min-width: 1000px; height: 330px; overflow: hidden; }
.focusBox .pic a { display: block; width: 100% !important; min-width: 1000px; height: 330px; overflow: hidden; text-align: center; }
.focusBox .pic img { display: block; max-height: 100%; margin: auto; overflow: hidden; }
.focusBox .hd {width: 100%;position: absolute;bottom: 10px;text-align: center;font-size: 0;z-index: 20;}
/*.focusBox .hd li { margin: 0 5px; background: url(../images/ad-icon2.png) no-repeat 50% 50%; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display: inline-block; *display: inline; zoom: 1; }
.focusBox .hd .on { background: url(../images/ad-icon1.png) no-repeat 50% 50%; }*/
.focusBox .prev, .focusBox .next { display: none; position: absolute; z-index: 10; top: 50%; width: 60px; height: 90px; margin-top: -45px; background: url(../images/ad_ctr.png) no-repeat 0 0; -webkit-opacity: 0.1; -khtml-opacity: .1; -moz-opacity: .1; opacity: .1; filter: alpha(opacity=10); cursor: pointer; }
.focusBox .prev { left: 0px; }
.focusBox .next { background-position: 0 -90px; right: 0px; }
.focusBox .prev:hover, .focusBox .next:hover { -webkit-opacity: 0.5 !important; -khtml-opacity: .5 !important; -moz-opacity: .5 !important; opacity: .5 !important; filter: alpha(opacity=50) !important; }
.dc-xz{ height: 64px; line-height: 64px; border-bottom: 1px solid #e4e4e4; letter-spacing: -.34em;}
.dc-xz em{ display: inline-block; vertical-align: top; letter-spacing: normal; padding-left: 30px; padding-right: 12px;}
.dc-xz a{display: inline-block;vertical-align: top;letter-spacing: normal;padding-left: 12px;padding-right: 12px;font-weight: 600;}
.dc-xz .on{ color: #007a37;}
.dc-xz a { color: #666;}
.dc-xz a:hover { color: #007a37;}

.bg-fa{ background: #fafafa;}
.bg-ff{ background: #ffffff; overflow: hidden;}
.jdzs-list{overflow: hidden;padding-left: 20px;}
.jdzs-list li{ background:#fff; position: relative;}
.jdzs-list li .line{ width:1200px; padding:20px 0; border-bottom: 1px dotted #dcdcdc;}
.jdzs-list li .line:after{ content: ""; display: table; clear: both;}
.jdzs-list li img { float:left;  width:273px; height:156px; }
.jdzs-list li .tit{float: right; width:720px; padding-right: 160px; overflow:hidden; }
.jdzs-list li h1{ float:left; line-height:40px; font-size:24px; color:#27acd7;  }
.jdzs-list li h1 a{/* color:#0098c9; */}
.jdzs-list li h1 a:hover{/* color:#f70; */}
.jdzs-list li em{ padding-left:10px; line-height:40px; color:#202020;}
.jdzs-list li p{ float:left; width:100%; line-height:24px; color:#707070;}
.jdzs-list li p b{color: #15bcbe;font-weight: normal;padding-right: 10px;}
.jdzs-list li p i{float:left;border: 1px solid #c9c9c9;margin: 10px 10px 0 0;padding: 0 18px;line-height:26px;border-radius: 26px;background: #eeeeee;}
.jdzs-list li span{position: absolute;right: 60px;top: 76px;width: 130px;height: 42px;line-height: 42px;text-align:center;border-radius: 6px;background: #00a2bf;font-size: 16px;}
.jdzs-list li span a{ display: block; width: 100%; height: 42px; color:#fff;border-radius: 6px;background: #00a2bf;
    -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear;
}
.jdzs-list li span a:hover{background: #ff5c00;}


.bg-fa{ overflow: hidden;}
.bg-fa .bgf{ background: #fff;}
.bg-fa .hd{ position: relative; height: 86px; letter-spacing: -.34em; overflow: hidden; background: #fff; text-align: center;}
.bg-fa .hd li{display: inline-block;vertical-align: middle;letter-spacing: normal;}
.bg-fa .hd li a{display: block;height: 24px;line-height: 24px;margin-left: 30px;padding-left: 45px;padding-right: 30px;border-right: 1px solid #eaeaea;font-size: 18px;}
.bg-fa .hd li .icon1{ background: url(../images/cx-icon1.png) 0 50% no-repeat;}
.bg-fa .hd li .icon2{ background: url(../images/cx-icon2.png) 0 50% no-repeat;}
.bg-fa .hd li .icon3{ background: url(../images/cx-icon3.png) 0 50% no-repeat;}
.bg-fa .hd li .icon4{ background: url(../images/cx-icon4.png) 0 50% no-repeat;}
.bg-fa .hd li .icon5{ background: url(../images/cx-icon5.png) 0 50% no-repeat;}
.bg-fa .hd li .icon6{ background: url(../images/cx-icon6.png) 0 50% no-repeat;}
.bg-fa .hd li .icon7{ border: none; background: url(../images/cx-icon7.png) 0 50% no-repeat;}

.bg-fa .hd .on a{color: #00a2bf;}
.bg-fa .hd .on .icon1,.bg-fa .hd li .icon1:hover{ background: url(../images/cx-icon1-1.png) 0 50% no-repeat;}
.bg-fa .hd .on .icon2,.bg-fa .hd li .icon2:hover{ background: url(../images/cx-icon2-1.png) 0 50% no-repeat;}
.bg-fa .hd .on .icon3,.bg-fa .hd li .icon3:hover{ background: url(../images/cx-icon3-1.png) 0 50% no-repeat;}
.bg-fa .hd .on .icon4,.bg-fa .hd li .icon4:hover{ background: url(../images/cx-icon4-1.png) 0 50% no-repeat;}
.bg-fa .hd .on .icon5,.bg-fa .hd li .icon5:hover{ background: url(../images/cx-icon5-1.png) 0 50% no-repeat;}
.bg-fa .hd .on .icon6,.bg-fa .hd li .icon6:hover{ background: url(../images/cx-icon6-1.png) 0 50% no-repeat;}
.bg-fa .hd .on .icon7,.bg-fa .hd li .icon7:hover{ border: none; background: url(../images/cx-icon7-1.png) 0 50% no-repeat;}
.bg-fa .bd{ height: 70px;}
.bg-fa .bd div{/*display: none;*/text-align: center;letter-spacing: -.34em;overflow: hidden;height: 70px;}
.bg-fa .bd div a{display: inline-block;vertical-align: middle;letter-spacing: normal;padding-left: 12px;padding-right: 12px;min-width: 50px;text-align: center;height: 30px;line-height: 30px;margin-left: 4px;margin-right: 4px;}
.bg-fa .bd div a:hover,.bg-fa .bd div .on{ background: #00a2bf; border-radius: 3px; color: #fff;}


/* 餐饮美食 */
.list-tit{position: relative;padding: 50px 0 40px 0;text-align: center;}
.list-tit i{position: absolute;top: 84px;left: 0;right: 0;margin: auto;width: 97%;height: 4px;background: url(../images/line-bg_11.jpg) repeat-x;}
.list-tit div{position: relative;z-index: 1;display: inline-block;vertical-align: top;background: #ffffff;padding-left: 40px;padding-right: 40px;}
.list-tit div h1{ font-size: 32px; padding-bottom: 10px;letter-spacing: 1px;}
.list-tit div span{ display: block;font-size: 20px;font-family:Arial, sans-serif;letter-spacing: 1px;}

.food-list-area{letter-spacing: -.34em;text-align: center;overflow: hidden;}
.food-list-area ul{margin-left: 4px;margin-right: 4px;overflow: hidden;display: inline-block;vertical-align: top;letter-spacing: -.34em;}
.food-list-area li{position: relative;margin-bottom: 8px;overflow: hidden;display: inline-block;vertical-align: top;letter-spacing: normal;}
.food-list-area a{ color: #ffffff;}
.food-list-area a:hover{ color: #ffffff;}
.food-list-area .tit{position: absolute;bottom: 0;left: 0;right: 0;z-index: 1;height: 70px;color: #ffffff;background: rgba(0,0,0,.3)\9;
 background-image: -webkit-linear-gradient(180deg, transparent 4%, rgba(100,100,100,.2) 31%, rgba(0,0,0,.8));
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, transparent), color-stop(31%, rgba(100,100,100,.2)), to(rgba(0,0,0,.8)));
 background-image: -webkit-linear-gradient(top, transparent, rgba(100,100,100,.2) 31%, rgba(0,0,0,.8));
 background-image: linear-gradient(180deg, transparent, rgba(100,100,100,.2) 31%, rgba(0,0,0,.8));
 
 
 }
.food-list-area .tit h1{padding-top: 5px;font-size: 22px;}
.food-list-area .tit span{ display: block; padding-top: 8px;}
.food-list1{ width: 381px;}
.food-list1 li{ width: 381px;}
.food-list-area .food-list2{width: 389px;margin: 0;text-align: center;}
.food-list2 li{ margin-right: 4px; margin-left: 4px; }
.food-list3{width: 186px;}
.food-list3 li{ width: 186px;}
.food-list4{width: 186px;}
.food-list4 li{ width: 186px; color: transparent;}