body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }


a {
    color: #fff;
    text-decoration: none
}

a:hover {
    text-decoration: none;
}

body {
    font: 14px/1.6 "Microsoft Yahei";
    color: #fff;
    overflow-x: hidden;
}

#container {
    background: #000000 url(img/body_bg.jpg) no-repeat center top/cover;
}

ul li {
    list-style: none
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    height: 1%;
}

* html .clearfix {
    zoom: 1;
}

/* IE6 */
* + html .clearfix {
    zoom: 1;
}

/* IE7 */
.fL {
    float: left !important;
}

.fR {
    float: right !important;
}

img {
    vertical-align: top;
}

/*---------------index--------------*/
#header {
    padding: 18px 0;
    box-sizing: border-box;
    background: #000000;
}

#header .hInner {
    margin: 0 auto;
    width: 1200px;
}

#header .hInner .logo {
    float: left;
}

#header .hInner .hImg img {
    margin: 0 auto;
    padding: 6px 24px 0 0;
    display: block;
}

#header .hInner .hLink {
    margin-top: 11px;
    float: right;
}

#main {
    padding: 205px 0 235px;
}

#main .inner {
    margin: 0 auto;
    width: 1204px;
}

#main .inner ul {
    float: right;
}

#main .inner li {
    margin-bottom: 30px;
}

#footer {
    overflow: hidden;
    background: #000000;
}

#footer p {
    color: #727070;
    font-size: 14px;
    line-height: 60px;
    text-align: center;
}

#footer p span {
    color: #fff;
}
.btn_sty{
    position: relative;

}.btn_sty img{
     transition: all .5s ease;

 }

.btn_sty img:nth-child(2){
    position: absolute;
    width: 100%;
    display: block;
    left: 0;
    top: 0;
    opacity: 0;
}
.btn_sty:hover img{
    opacity: 0;
}
.btn_sty:hover img:nth-child(2){
    opacity: 1;
}