﻿@charset "utf-8";

@font-face { font-family: 'din_b'; src: url('../other/din_black-webfont.eot'); src: url('../other/din_black-webfont.eot?#iefix') format('embedded-opentype'), url('../other/din_black-webfont.woff') format('woff'), url('../other/din_black-webfont.ttf') format('truetype'), url('../other/din_black-webfont.svg#din_blackregular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'zaproman'; src: url('../other/zap-webfont.eot'); src: url('../other/zap-webfont.eot?#iefix') format('embedded-opentype'), url('../other/zap-webfont.woff2') format('woff2'), url('../other/zap-webfont.woff') format('woff'), url('../other/zap-webfont.ttf') format('truetype'), url('../other/zap-webfont.svg#zaproman') format('svg'); font-weight: normal; font-style: normal; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 14px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #444; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { border: 0; vertical-align: middle; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }

textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #987F65; color: #fff; text-shadow: none; }
::selection { background: #987F65; color: #fff; text-shadow: none; }
a { color: #444; text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; color: #cf0b0b; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*index style*/
.banner a:link, .banner a:visited { color: #fff0d4; }
.banner a:active, .banner a:hover { color: #fff; }
.banner { position: relative; overflow: hidden; width: 100%; height: 500px; background-color: #ddd; z-index: 1; }
.banner .pic { position: relative; width: 100%; height: 100%; overflow: hidden; }
.banner .pic img { width: 100%; height:100%; display: block; position: absolute; }
.banner .picShwo .binbox { visibility: hidden; }
.bannerBox { position: relative; overflow: hidden; }
.banner .binbox { position: absolute; width: 1280px; left: 55%; display: none; top: 12%; margin-left: -640px; color: #d9b777; }
.banner ul li { background-size: cover; background-repeat: no-repeat; background-position: center center; }

@-moz-keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 100%; }
}
@-webkit-keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 100%; }
}
@-o-keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 100%; }
}
@keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 100%; }
}
.banner .flex-control-nav { height: 8px; bottom: 8%; position: absolute; width: 100%; left: 0px; z-index: 99; text-align: center; margin-top: 0px; }
.banner .flex-control-nav li{ margin: 0 8px; display: inline-block; *display: inline;zoom:1;}
.banner .flex-control-paging li a { height: 8px; line-height: 8px; width: 36px; border-radius: 0; display: inline-block; overflow: hidden; background-color: #fff; cursor: pointer;}
.banner .flex-control-paging li a span { height: 8px; line-height: 8px; width: 0px; display: block; overflow: hidden; text-indent: -999px; background-color: #fff; cursor: pointer; background-color: #eee; }
.banner .flex-control-paging li a.flex-active span { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
.banner .flex-control-paging li a.flex-active,
.banner .flex-control-paging li a:hover { background-color: #fd6301; }

.page{ padding-top: 15px; line-height: 30px; background: #fff; text-align: center;}
.page span,
.page a{ border-radius: 3px; margin: 0 3px; border: 1px solid #eaeaea; background: #fafafa; display: inline-block; *display: inline; zoom: 1; padding: 0 5px; min-width: 22px; text-align: center;}
.page a:first-child{}
.page span,
.page .active{ background: #db241c; color: #fff;}




/***预约****/
.Validform_checktip{  overflow:hidden;  color:#999;  font-size:0.675rem; line-height: 38px; overflow:hidden; position:absolute;  right: 10px; top: 0;  }
.Validform_right{  color:#71b83d;  padding-left:20px;   white-space:nowrap; font-size: 0.75rem; line-height: 2rem; }
.Validform_wrong{  color:red; }
.Validform_loading{padding-left:20px; /*background:url(../images/onLoad.gif) no-repeat left center;*/}
.Validform_error{background-color:#ffe7e7;}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}




a,
.img img { -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
     transition: all 1s ease;  }

.img{ overflow: hidden;}
.img img:hover{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }


.wikiAlp{
    -webkit-animation-name: wikiAlp;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: wikiAlp;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-fill-mode: forwards;
}


@-webkit-keyframes wikiAlp {
    0% {

        -webkit-opacity: 0;
        -moz-opacity:0;
        opacity: 0;
        -webkit-transform: translateY(30px);

    }
    60% {
        -webkit-opacity: 1;
        -moz-opacity:1;
        opacity: 1;
        -webkit-transform: translateY(-15px);
    }
    100% {
        -webkit-opacity: 1;
        -moz-opacity:1;
        opacity: 1;
        -webkit-transform: translateY(0);
        /* top: 10px;*/
    }
}
.wikiBtOp{
    -webkit-animation-name: wikiBtOp;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes wikiBtOp {
    0% {
        -webkit-opacity: 0;
        -moz-opacity:0;
        opacity: 0;
    }
    60% {
        -webkit-opacity: 1;
        opacity: 1;
    }
    100% {
        -webkit-opacity: 1;
        opacity: 1;
    }
}
.wikiBtB{
    -webkit-animation-name: wikiBtB;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes wikiBtB {
    0% {
        -webkit-opacity: 0;
        -moz-opacity:0;
        opacity: 0;
        -webkit-transform: translateY(-100px);
    }
    60% {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateY(-50px);
    }
    100% {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
.wikiBtT{
    -webkit-animation-name: wikiBtT;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes wikiBtT {
    0% {
        -webkit-opacity: 0;
        -moz-opacity:0;
        opacity: 0;
        -webkit-transform: translateY(30px);
    }
    60% {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateY(-15px);
    }
    100% {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes wikiBtT {
    0% {
        -webkit-opacity: 0;
        -moz-opacity:0;
        opacity: 0;
        -webkit-transform: translateY(30px);
    }
    60% {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateY(-15px);
    }
    100% {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}





.wikiBtT2{
    -webkit-animation-name: wikiBtT2;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes wikiBtT2 {
    0% {
        -webkit-opacity: 0;
        -moz-opacity:0;
        opacity: 0;
        -webkit-transform: translateY(80px);
    }
    60% {
        -webkit-opacity: 0.5;
        opacity: 0.5;
        -webkit-transform: translateY(30px);
    }
    100% {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}


.wikiBtL{
    -webkit-animation-name: wikiBtL;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes wikiBtL {
    0% {
        -webkit-opacity: 0;
        -moz-opacity:0;
        opacity: 0;
        -webkit-transform: translateX(-80px);
    }
    60% {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateX(-30px);
    }
    100% {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
.wikiBtR{
    -webkit-animation-name: wikiBtR;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes wikiBtR {
    0% {
        -webkit-opacity: 0;
        -moz-opacity:0;
        opacity: 0;
        -webkit-transform: translateX(80px);
    }
    60% {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateX(30px);
    }
    100% {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
