@charset "utf-8";
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;}
html,body{font-size: 32px;font-family:"Microsoft YaHei","PingFang SC";}
input,textarea{ border:none; font-family:"Microsoft YaHei","PingFang SC";font-size: 32px;}
img { border: none; }
h1,h2,h3,h4,h5{font-weight: normal;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
a{color: #000;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6em;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.Bg3f3f3f{ background: #3f3f3f; color: #fff;}
.bgffc83e{background: #ffc83e; }
.fontSize18{ font-size: 18px;}
.padding10{ padding: 20px 0;}
.absolute{   position: absolute;}
.footer{ padding-bottom:200px;}
.fixed{ position: fixed; bottom: 0; max-width: 800px; left: 50%; margin-left:-400px;}
.fixed .button{ width: 50%; margin: 0 auto;}
.padding20{ padding: 20px;}
.logo{ width: 20%; margin: 0 auto; margin-bottom: 30px;}
.content{max-width: 800px; margin: 0 auto;}
.infinite{   -webkit-animation: commonScale .6s infinite ease-in-out;
    animation: commonScale .6s infinite ease-in-out;}
    @-webkit-keyframes commonScale {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    
        50% {
            -webkit-transform: scale(1.2);
            transform: scale(1.2)
        }
    
        100% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }
    
    @keyframes commonScale {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    
        50% {
            -webkit-transform: scale(1.2);
            transform: scale(1.2)
        }
    
        100% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }



@media (max-width:1400px){
    .footer{ padding-bottom:150px;}
}

@media (max-width:1000px){
    .footer{ padding-bottom:110px;}
    .logo{  margin-bottom: 10px;}
}

@media (max-width:800px){

    .fixed{ width: 100%;margin-left: -50%;}
}

@media (max-width:750px){

    .footer{  padding-top:10px;padding-bottom:80px;}
    .fixed .padding20{ padding: 10px;}
    .fontSize18{ font-size: 14px;}
    .fixed .button{ width: 70%; }
}