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: #141414 url(../image/body_bg.jpg) no-repeat center top;
}

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: #141414;
}

#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: 152px 0 235px;
}

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

#main .inner ul {
    float: right;
}

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

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

#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;
}