@charset "utf-8";
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{-webkit-overflow-scrolling: touch;overflow-scrolling: touch} /*上下拉动滚动条时卡顿、慢*/
body,button,dd,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul,menu{margin:0}
ol,ul,menu{padding-left:0;list-style-type:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]) {display: none;height: 0;}
[hidden],
template {display: none;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn{font-style:italic}
h1{margin:.67em 0;font-size:2em}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root) {overflow: hidden;}
figure{margin:1em 40px}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
input {line-height: normal;border:none;}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
img{max-width:100%;border:0;vertical-align:top}
a,button,input,select,textarea{outline:0}

/*
	本例css
 */
body{background-color: #2d0901;}
.tel{position: fixed;bottom: 0;left: 0;text-align: center;width: 100%;background-color: #7d0008; color: #fff;}
.tel a{ color: #fff; font-weight: bold; font-size: 30px; text-decoration: none;}
.page{max-width: 1920px;margin: 0 auto;padding-bottom: 80px;}
.page-smal{max-width: 1000px;margin: 0 auto;padding-bottom: 80px; display: none;}
iframe{ width: 1000px; height: 500px;}
.wrap{padding: 3% 0; width: 1000px; margin: 0 auto;}
#guestbook_form1,#guestbook_form{ background:#e8e8e8; padding:10px 3%;}
.fdd{padding: 2%; background:#fff; border-radius:10px; margin-bottom:8px;}
.fdd label{display: inline-block;float: left;width: 26%;height: 70px;font-size: 30px;line-height: 70px;text-align: center;color: #b7b7b7;font-weight: bold;word-spacing:20px;}
.fdd input{width: 70%;height: 70px; float: right;box-sizing: border-box; padding: 15px 16px;margin: 0;font-size: 24px;line-height: 70px;color: #dbdbdb;}
.fdd textarea{width: 100%;height: 280px;box-sizing: border-box;padding: 15px 30px;font-size: 24px;line-height:30px;color: #dbdbdb;overflow: hidden; border:none;}
.fdd button{display: inline-block;font-size: 48px;line-height: 90px;color: #fff;font-weight: bold;word-spacing:20px;padding:0;border-radius: 0;border:none;margin: 0;background-color: #c00000; width:100%;}
.fdd input:focus,.fdd textarea:focus{box-shadow: 0 0 15px rgba(174,20,20,0.6);background-color: #cacaca;color: #000;}
.fdd p{text-align: center;font-size: 14px;line-height: 28px;color: #333;}
h2{text-align: center;font-size: 18px;color: #ae1414;line-height: 2;}

.title{padding: 0 6%;font-size: 36px;line-height: 60px;background-color: #ae1414;font-weight: bold;color: #fff;}
.infoList li{padding:  5px 0;border-bottom: #ccc 1px dashed;}
.infoList li p{font-size: 20px;line-height: 36px;color: #000;font-weight: bold;}
.infoList li span{padding-right: 15px;font-size: 14px;line-height: 30px;color: #999;}

#popup-simple{position:fixed;left:0;top:0;display:none;width:100%;min-width:320px;height:100%;text-align:center;background:rgba(0, 0, 0, .5);z-index:99999;}
#popup-simple div{position:absolute;left:25%;top:50%;width:50%;background:#fff;-webkit-border-radius:6px;border-radius:6px;}
#popup-simple div p{padding:10px;font-size:14px;color: #f00;font-weight: bold;}

.nav{ position: relative; width: 100%;}
.nav a{ display: inline-block;float: left; width: 25%; height: 90px; margin-top:-88px; position: relative; z-index: 10;}
@media only screen and (max-width: 1000px) {
	.page{ display: none;}
	.page-smal{ display: block;}
	.wrap{padding: 3% 3%; width: auto;}
}
@media only screen and (max-width: 768px) {
  .fdd label{font-size: 36px;line-height: 60px;height: 60px;word-spacing: 10px;}
  .fdd input{height: 60px;font-size: 30px;padding: 10px 15px;line-height: 40px;}
  .fdd textarea{height: 240px;font-size: 30px;line-height: 48px;}
  .fdd button{font-size: 36px;line-height: 82px;word-spacing: 10px;}
  .title{font-size: 20px;line-height: 40px;}
  .tel{height: 60px; padding: 5px 0;}
  .page{padding-bottom: 60px;}
}

@media only screen and (max-width: 414px) {
  .fdd label{font-size: 24px;line-height: 48px;height: 48px;word-spacing: 10px;}
  .fdd input{height: 48px;font-size: 20px;padding: 10px;line-height: 28px;}
  .fdd textarea{height: 160px;font-size: 20px;line-height: 32px;}
  .fdd button{font-size: 24px;line-height: 48px;word-spacing: 10px;}
  
  .tel a{ font-size: 24px;}
  iframe{ height: 200px!important;width: 90%;}
}

@media only screen and (max-width: 320px) {
  .fdd label{font-size: 18px;line-height: 36px;height: 36px;word-spacing: 18px;}
  .fdd input{height: 36px;font-size: 14px;padding: 5px 10px;line-height: 26px;}
  .fdd textarea{height: 140px;font-size: 14px;line-height: 26px;}
  .fdd button{font-size: 18px;line-height: 36px;word-spacing: 18px;}
}

.gcenter{text-align: center; padding:0;}
.clear:after{content: '';display: block;height: 0;clear: both;}

.huangdong{animation-name:rotate;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:6}

@keyframes rotate{2%{transform:translate(0, 0) rotate(6.5deg)}4%{transform:translate(0, 0) rotate(3.5deg)}6%{transform:translate(0, 0) rotate(-3.5deg)}8%{transform:translate(0, 0) rotate(5.5deg)}10%{transform:translate(0, 0) rotate(-4.5deg)}12%{transform:translate(0, 0) rotate(-4.5deg)}14%{transform:translate(0, 0) rotate(-6.5deg)}16%{transform:translate(0, 0) rotate(2.5deg)}18%{transform:translate(0, 0) rotate(-5.5deg)}20%{transform:translate(0, 0) rotate(.5deg)}22%{transform:translate(0, 0) rotate(-3.5deg)}24%{transform:translate(0, 0) rotate(-6.5deg)}26%{transform:translate(0, 0) rotate(6.5deg)}28%{transform:translate(0, 0) rotate(1.5deg)}30%{transform:translate(0, 0) rotate(-5.5deg)}32%{transform:translate(0, 0) rotate(7.5deg)}34%{transform:translate(0, 0) rotate(-3.5deg)}36%{transform:translate(0, 0) rotate(7.5deg)}38%{transform:translate(0, 0) rotate(-5.5deg)}40%{transform:translate(0, 0) rotate(3.5deg)}42%{transform:translate(0, 0) rotate(6.5deg)}44%{transform:translate(0, 0) rotate(1.5deg)}46%{transform:translate(0, 0) rotate(3.5deg)}48%{transform:translate(0, 0) rotate(-.5deg)}50%{transform:translate(0, 0) rotate(-4.5deg)}52%{transform:translate(0, 0) rotate(4.5deg)}54%{transform:translate(0, 0) rotate(-3.5deg)}56%{transform:translate(0, 0) rotate(4.5deg)}58%{transform:translate(0, 0) rotate(-3.5deg)}60%{transform:translate(0, 0) rotate(5.5deg)}62%{transform:translate(0, 0) rotate(6.5deg)}64%{transform:translate(0, 0) rotate(3.5deg)}66%{transform:translate(0, 0) rotate(-3.5deg)}68%{transform:translate(0, 0) rotate(-4.5deg)}70%{transform:translate(0, 0) rotate(-6.5deg)}72%{transform:translate(0, 0) rotate(6.5deg)}74%{transform:translate(0, 0) rotate(-5.5deg)}76%{transform:translate(0, 0) rotate(-6.5deg)}78%{transform:translate(0, 0) rotate(5.5deg)}80%{transform:translate(0, 0) rotate(-6.5deg)}82%{transform:translate(0, 0) rotate(.5deg)}84%{transform:translate(0, 0) rotate(4.5deg)}86%{transform:translate(0, 0) rotate(5.5deg)}88%{transform:translate(0, 0) rotate(-6.5deg)}90%{transform:translate(0, 0) rotate(-5.5deg)}92%{transform:translate(0, 0) rotate(4.5deg)}94%{transform:translate(0, 0) rotate(2.5deg)}96%{transform:translate(0, 0) rotate(-5.5deg)}98%{transform:translate(0, 0) rotate(2.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}