@charset "utf-8";/* CSS Document */
body{font-family: 'Microsoft Yahei', Helvetica, Arial, STXihei, SimSun, sans-serif;;
    margin:0px;
    padding:0px;
    background: url(bg.jpg) no-repeat;
    background-size:cover;
    background-color:rgb(10,7,6);
}
/*SVGicon*/
@font-face {font-family: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    /*-webkit-text-stroke-width: 0.4px;*/
    -moz-osx-font-smoothing: grayscale;
}
.down2{display:none;}
#bg-img{text-align:center;width:100%;}
#bg-img img{width:100%;}
a{text-decoration: none;color:#fff;font-size: 1.3em}

#header{height:2.5em;color:#fff;text-align: center;margin:1em 0;}
#header h1{height:2.5em;color:#fff;text-align: center;}
#header h1 img{height:2.5em;}
#xzbtn{width: 60%;position:absolute;bottom:7%;left: 20%;}
#xzbtn a{border:1px solid #fff;color: #fff;line-height: 2em;height: 2em;width: 90%;margin: 0 auto;display: block;overflow: hidden;text-align: center;font-size:1.1em;margin-top:0.8em;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
}
#xzbtn a .iconfont{font-size: 1.3em;padding-right: 10px;}

@media screen and (min-width:600px){
    body{
        margin:0px;
        padding:0px;
        background: url(bg2.jpg) no-repeat;
        background-size: cover;
        background-color:rgb(10,7,6);
    }
    .down1{display: none}
    .down2{display: block}
    a{text-decoration: none;color:#fff;font-size: 1.5em}

    #header{z-index:2;position: absolute;top:17%;left:51.5%;}
    #header h1{height:2.5em;color:#fff;overflow:hidden;text-align: center;}
    #header h1 img{height:2.5em;}
    #xzbtn{float:right;width: 30%;;position:absolute;top:47%;left:51.5%;}
    #xzbtn a{border:1px solid #fff;color: #fff;line-height:2.5em;height:2.5em;width: 90%;margin: 0 auto;display: block;overflow: hidden;text-align: center;font-size: 1.3em;margin-top: 1em;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        -o-border-radius:5px;
        -ms-border-radius:5px;
        border-radius:5px;
    }
    #xzbtnk a .iconfont{font-size: 1.3em;padding-right: 10px;}
}