*{margin:0; padding:0;}
html,body,img,iframe,abbr{border:0;}
img{ display:block; width:100%; max-width:750px; margin:0 auto;}
body{background:#fff; font-family:Microsoft YaHei; -webkit-transition:none !important; -moz-transition:none !important; -o-transition:none !important; -ms-transition:none !important;}
a.link{ position:fixed;bottom:0; left:0; width:100%;color:#fff;text-decoration:none; background:#a2690c; line-height:36px; text-align:center;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
ul,li{  list-style-image: none;list-style-position: outside; list-style-type: none;}
em,i{ font-style:normal}


.sign-top{ position:relative; width:100%; max-width:750px; margin:0 auto;background: url(../images/bot-bg.jpg) top  no-repeat; background-size:100%; padding:20% 0;}
.sign-main{ width: 90%; height: 195px; padding-top: 10px; background: rgba(0,0,0,.36); margin:0 auto}
.sign-main input{display: block; width: 90%; height: 30px; line-height: 30px; margin: 6px auto 0;background: rgba(255,255,255,.06);border: 0;color: #fff;font-size: 16px;text-indent: 15px;}
.sign-main input.btn-submit{background: rgba(255,161,5,.8);color: #000; font-size: 18px; text-indent: 0;}
.wx{width: 90%; margin:40px auto 0;}
.sign-list{ position: relative; width: 100%; max-width: 750px; margin: 0 auto; background: url(../images/sign-bg2.jpg); background-size: 100%; padding-bottom: 50px}
.tit{width: 90%; z-index:2}
.sign-list-main{ width: 90%; margin: -10px auto 0; z-index:3}
.sign-list-main li{font-size: 13px; color:rgba(255,255,255,.5); margin-bottom: 5px;}
.sign-list-main li i{display:inline-block;width: 8%; height: 20px; line-height: 20px; text-align: center;vertical-align: middle}
.sign-list-main li em{ display:inline-block;width: 25%; height: 20px; line-height: 20px; background: rgba(255,255,255,.06); text-indent: 10px; margin: 0 1%;  overflow:hidden; vertical-align: middle}
.sign-list-main li span{display:inline-block; width: 35%; height: 20px; line-height: 20px;background: rgba(255,255,255,.06); text-indent: 10px;overflow:hidden;vertical-align: middle}
.sign-list-main li div{ display:inline-block; width:29%;height: 20px; margin-left:1%; line-height: 20px;background: rgba(255,255,255,.06); text-indent: 10px;overflow:hidden;vertical-align: middle}
.tel{position: absolute;left: 5%; width: 48.5%; height:0; padding-top: 10%;  margin-top: -17.1%; }
.list-tit{ width:100%; z-index:1}

.video{ position:relative; max-width:750px; margin:0 auto; }
.video-main{position:absolute; bottom:7%; right:3.2%; width:70%; box-shadow:0 0 5px rgba(0,0,0,.5)}
.video-main video{ position:absolute; top:0; left:0;  width:100%;}

#preloader{position:fixed;display:block;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.6);z-index:11000}
#spinner{position:relative;height:35px;width:35px;top:40%;margin-bottom:-12px;margin:0 auto;border:3px solid rgba(226,226,226,.75);border-radius:100%;-webkit-animation:rotation .6s infinite linear;-moz-animation:rotation .6s infinite linear;-o-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear}
#spinner:before{content:"";display:block;position:absolute;top:-3px;left:-3px;height:100%;width:100%;border-top:3px solid #1ab394;border-left:3px solid transparent;border-bottom:3px solid transparent;border-right:3px solid transparent;border-radius:100%}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0)}
    to{-webkit-transform:rotate(359deg)}
}
@-moz-keyframes rotation{from{-moz-transform:rotate(0)}
    to{-moz-transform:rotate(359deg)}
}
@-o-keyframes rotation{from{-o-transform:rotate(0)}
    to{-o-transform:rotate(359deg)}
}
@keyframes rotation{from{transform:rotate(0)}
    to{transform:rotate(359deg)}
}