﻿body {
	margin:0px; padding:0px; min-width:1260px; font-family:'Microsoft YaHei',Arial; line-height:160%; color:#000; -webkit-text-size-adjust:none;
}
body, html, form, p, h1, h2, h3, h4, h5, h6, table { margin:0px; padding:0px;}
form,div,body,img,p,img,dl,dt,dd,h2,h1,h3{ margin:0px; padding:0px; border:0; }
ul, li { margin:0px; padding:0px; list-style:none; }
em,i{ font-style:normal; }

.fleft { float:left; display:inline; }
.fright { float:right; display:inline; }
.text_c{ text-align: center; }

img { border:0px; vertical-align:middle;}
a { text-decoration:none; color:#333;}
a:hover,.focus,a.focus { color:#3ebbe6; }

.Yellow, a.Yellow { color:#f0c384!important;}
a.Yellow:hover { text-decoration:underline }

.Pink, a.Pink { color:#d1007f!important;}
a.Pink:hover { text-decoration:underline }

.White, a.White { color:#fff!important;}
a.White:hover { text-decoration:underline }

.Red, a.Red { color:#ff0000!important;}
a.Red:hover { text-decoration:underline }

.Blue, a.Blue { color:#3ebbe6!important;}
a.Blue:hover { color: #209fca!important; text-decoration: underline }

.Black, a.Black { color:#000!important;}
a.Black:hover { text-decoration:underline }

.Gray, a.Gray { color:#999!important;}
a.Gray:hover { text-decoration:underline }

.underline { text-decoration:underline }

input::-webkit-input-placeholder { color: #999; -webkit-transition: color.5s; } 
input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder { color: #c2c2c2; -webkit-transition: color.5s; }

.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.div100 { width:100%; }
.fs12 { font-size:12px;}
.fs13 { font-size:13px;}
.fs14 { font-size:14px;}
.fs15 { font-size:15px;}


/*公共*/
#container { width:100%; position:relative; }
.pubdiv { width:1200px; margin:0 auto; position:relative; }
.clearboth:after{ display:block; clear:both; content:""; overflow:hidden; height:0; }
.clearboth{ *zoom:1;}
.clear {
    clear:both; height:0px; line-height:0px; font-size:0;
}
.price { color:#e23540; font-size:26px; font-family:Arial}
.unit { font-size:12px; color:#999; display:inline-block;}

/*头部*/
#head { width:100%; height: 100px; background:#fff; box-shadow:0 0 5px #ccc;}
#head .logodiv { float:left; display:inline-block; padding:10px 0 0 0;}
    #head .logodiv a.logo {
        width: 177px;
        height: 72px;
        display: block;
        background: url(../images/new_logo.png) no-repeat left center;
        background-size: auto 100%;
    }
/*#head .right { float:right; display:inline-block; color: #eaeaea; text-align:right; font-size: 12px; padding-top: 40px;}
#head .right a { font-size:12px; color:#5e5e5e; display:inline-block; margin:0 5px; padding-left: 20px;}
#head .right a.log{ background: url(../images/index/log.png) no-repeat left center; }
#head .right a.res{ background: url(../images/index/res.png) no-repeat left center; }
#head .right a.ser{ background: url(../images/index/search2.png) no-repeat left center; }
#head .right a.center{ background: url(../images/index/center.png) no-repeat left center; padding-left: 28px; line-height: 20px; background-size: 20px; }
#head .right a.out{ padding-left: 0; }
#head .right a:hover { color:#3ebbe6;}
#head .right .search_div { padding:16px 0px 0 0;}
#head .right .search_div .text { width:300px; height:36px; box-sizing:border-box; border:#3ebbe6 solid 1px; background:#fff; outline:0; border-right:0; padding:6px; font-size:13px; vertical-align:middle; border-top-left-radius:3px; border-bottom-left-radius:3px; }
#head .right .search_div .btn { width:50px; height:36px; background:#3ebbe6 url(../images/search.png) no-repeat center; background-size:40% auto; vertical-align:middle; border:0; cursor:pointer; border-top-right-radius:3px; border-bottom-right-radius:3px;}*/

#head .right { float: right; display: inline-block; color: #eaeaea; text-align: right; font-size: 12px; }

#head .right p.p1 { padding-top: 6px; margin-top: 0; margin-bottom: 6px }
#head .right p.p1 a { display: inline-block; font-size: 13px; height: 24px; line-height: 24px; padding: 0 10px; margin: 0 2px; vertical-align: middle; }
#head .right p.p1 span { height: 20px; font-size: 12px; color: #ccc; }
#head .right p.p1 a.focus { color: #209fca; }

    #head .right p {
        margin-top: 0;
        padding-top: 36px;
        font-size: 14px;
    }
#head .right p.p2 a { font-size: 13px; color: #444; display: inline-block; margin: 0 5px; padding-left: 20px; }
#head .right p.p2 a.log { background: url(../images/index/log.png) no-repeat left center; }
#head .right p.p2 a.res { background: url(../images/index/res.png) no-repeat left center; }
#head .right p.p2 a.ser { background: url(../images/index/search2.png) no-repeat left center; }
#head .right p.p2 a.center { background: url(../images/index/center.png) no-repeat left center; padding-left: 28px; line-height: 20px; background-size: 20px; }
#head .right p.p2 a.out { padding-left: 0; }
#head .right p.p2 a:hover { color: #3ebbe6; }
#head .right p.p2 .search_div { padding: 16px 0px 0 0; }
#head .right p.p2 .search_div .text { width: 300px; height: 36px; box-sizing: border-box; border: #3ebbe6 solid 1px; background: #fff; outline: 0; border-right: 0; padding: 6px; font-size: 13px; vertical-align: middle; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
#head .right p.p2 .search_div .btn { width: 50px; height: 36px; background: #3ebbe6 url(../images/search.png) no-repeat center; background-size: 40% auto; vertical-align: middle; border: 0; cursor: pointer; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }



/*导航*/
#navigate { float: left; margin-left: 50px; }
#navigate ul.navi li{ padding:0 5px; float: left; font-size: 16px; margin: 0 6px; position: relative;}
#navigate ul.navi li span{ position: absolute; height: 0px; background: #209fca; top: 0; left: 50%; right: 50%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
#navigate ul.navi li:hover span,#navigate ul.navi li.focus span{ height:2px; left: 30%; right: 30%; display:block; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
#navigate ul.navi li:hover a,#navigate ul.navi li.focus a,#navigate ul.navi li:hover a em{ color:#209fca;}
#navigate ul.navi li a{ display: block; height:100px; line-height:100px; color: #444; position:relative;}
#navigate ul.navi li a em { font-size:10px; position:absolute; bottom:20px; display:block; text-align:center; width:100%; height:20px; line-height:20px; color:#444; white-space:nowrap}
#navigate ul.navi li.focus a em { color:#209fca}

/*分页*/
.pagectrl { width: 100%; padding: 20px 0 0 0; text-align: center; font-size: 14px; }
.pagectrl em { display:inline-block; margin:0 5px; color:#666}
.pagectrl a { font-size: 14px; height: 22px; line-height: 22px; color: #3ebbe6; padding: 3px 10px; border: #ddd solid 1px; margin: 0px 2px; display: inline-block; cursor: pointer; }
.pagectrl span.totalPages { display:inline-block; margin:0 4px 0 10px;}
.pagectrl span.totalSize { display: inline-block; margin: 0 4px; }
.pagectrl a:hover{ opacity:.8; background:#eee;}
.pagectrl a.current { background:#3ebbe6; color:#fff!important; border:#3ebbe6 solid 1px;}

.NoRecord { padding:30px 0 20px 0; text-align:center; background:none; font-family:'Microsoft YaHei'; font-size:14px;}

/*底部*/
#footer { width:100%; background:url(../images/foot.jpg) no-repeat center; background-size: cover; color:#efefef; padding:30px 0 10px 0; font-size:13px;  font-family:Arial}
#footer .fleft ul li { width:220px; display:inline-block; vertical-align:top}
#footer .fleft ul li h2 { font-weight:normal; font-size:16px; margin-bottom:10px;}
#footer .fleft ul li p { font-size:13px; color:#eee;}
#footer .fleft ul li a { color:#eee; opacity:.7;}
#footer .fleft ul li a:hover { opacity:1;}
#footer .fright h2 { font-weight:normal; font-size:16px; margin-bottom:10px;}
#footer .fright ul li { margin-right:30px; display:inline-block; vertical-align:top}
#footer .fright ul li:last-child {margin-right:0}
#footer .fright ul li h3 { font-weight:normal; color:#bbb; font-size:12px; margin-bottom:4px;}
#footer .fright ul li img { width:80px; border:#fff solid 5px;}
#footer .copyright { padding-top:10px; margin-top:20px; border-top:#555 solid 1px; text-align:center; color:#bbb}

/*视频播放蒙版*/
#Mask { display: block; position: fixed; width: 100%; height: 100%; background: #fff; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; z-index: 88888 }
*html #Mask { position: absolute; width: 100%; height: 100%; background: #fff; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; z-index: 88888 }
#Mask .close { position:absolute; width:20px; height:20px; right:20px; top:20px; background:url(../images/close1.png) no-repeat; cursor:pointer;}
#Video { display: block; position: fixed; width: 960px; height: 550px; border:#000 solid 1px; background: #000; margin: -275px 0 0 -480px; top: 50%; left: 50%; z-index: 99999; }


/*弹框*/
/*.main_mask{ position: fixed; width: 100%; height: 100%; background: #000; opacity: 0.5; left: 0; top: 0; display: none; }
.main_alert{ position: fixed; left: 50%; top: 50%; background: #fff; border-radius: 5px; padding: 20px 28px; display: none; }
.main_alert h3{ font-size: 22px; color: #000; margin-bottom: 15px; font-weight: normal; }
.main_alert .close{ width: 20px; height: 20px; position: absolute; right: 15px; top: 15px; background: url(../images/close1.png) no-repeat center; background-size: 80%; }
.main_alert .btnbox{ padding-top: 10px; text-align: right; }
.main_alert .btn{ display: inline-block; width: 104px; border-radius: 3px; text-align: center; font-size: 14px; line-height: 38px; margin-left: 10px }
.main_alert .btn_sub{ background: #fd801b; color: #fff; }
.main_alert .btn_sub:hover{ background: #f37516; }
.main_alert .btn_cancel{ color: #fff; background: #c7c7c7; }
.main_alert .btn_cancel:hover{ opacity: 0.8; }
.main_alert.comment{ width: 660px; margin-left: -330px; margin-top: -100px }
.main_alert.comment .btnbox{ font-size: 12px; color: #999; }
.main_alert.comment .btnbox span{ float: left; margin-top: -10px; }
.main_alert.comment textarea{ width: 100%; padding: 10px; height: 160px; resize: none; box-sizing: border-box; border: 1px solid #ddd; }
.main_alert.meal{ width: 844px; margin-left: -422px; margin-top: -268px; padding-bottom: 20px; }
.main_alert.meal ul{ overflow: hidden; padding-right: 25px; height: 409px; }
.main_alert.meal li{ font-size: 13px; border-bottom: 1px solid #b5e6f6; padding: 10px; border-bottom: 1px solid #dfdfdf; cursor: pointer; }
.main_alert.meal li:hover{ background: #fdffd2; }
.main_alert.meal li.active{ background: #e7f6fb; }
.main_alert.meal li:last-child{ border: none; }
.main_alert.meal li a { color: #209fca }
.main_alert.meal li a:hover { color: #333; text-decoration:underline; }
.main_alert.meal li .text{ width: 680px; float: left; }
.main_alert.meal li .text em{ font-size: 14px; color: #000; margin-bottom: 5px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.main_alert.meal li .text p{ color: #666; font-size: 12px; line-height: 18px; }
.main_alert.meal li span{ color: #e23540; float: right; padding-top:10px; font-size: 16px; vertical-align: middle; }
.main_alert.meal li span i{ font-size: 15px; }*/

/**/
#float_div { width:40px; position:fixed; right:10px; bottom:50px;}
#float_div ul { list-style:none; width:100%;}
#float_div ul li { list-style:none; width:100%; box-sizing:border-box; background:#fff; opacity:.9;}
#float_div ul li span { width:40px; height:40px; display:block; vertical-align:middle; margin-bottom:3px; cursor:pointer;}
#float_div ul li span.tel { background:url(../images/icon_tel.png) no-repeat center; background-size:60% auto; opacity:.5;}
#float_div ul li span.wx { background:url(../images/icon_wx.png) no-repeat center; background-size:60% auto; opacity:.5;}
#float_div ul li span.gotop { background:url(../images/icon_gotop.png) no-repeat center; background-size:60% auto; opacity:.5;}
#float_div ul li span.tel:hover { opacity:.7;}
#float_div ul li span.wx:hover { opacity:.7;}
#float_div ul li span.gotop:hover { opacity:.7;}
#float_div ul li i { display:none; background:#fff; position:absolute; width:190px; padding:6px 10px; top:0; right:43px; font-size:13px;}
#float_div ul li:hover i { display:block}
#float_div ul li i em { width:100%; height:20px; line-height:20px; margin:5px 0; display:block; box-sizing:border-box;}