@charset "utf-8";
.wrap{
    position: relative;
}
.rel {
    position: relative;
}
.fl {
    float: left;
}
.abs {
    position: absolute;
}
.top {
    height: 31px;
    background: #333333;
    border-bottom: 0;
}
.top *{
    box-sizing: content-box!important;
}
.wrap, .wrapper {
    width: 1200px;
    min-width: 1000px;
    position: relative;
    margin: 0 auto;
}

.t-left li a {
    display: block;
    float: left;
    height: 31px;
    line-height: 31px;
    margin-right: 10px;
    padding-left: 15px;
    color: #ccc
}

/* .t-left li.bgright,.t-right .bgright{ background:url(../images/bgright.png) right center no-repeat;} */
.t-right li a {
    display: block;
    width: 52px;
    height: 31px;
    line-height: 31px;
    margin-right: 0;
    padding-left: 12px;
    text-align: center;
    padding-right: 12px;
    color: #fff
}

.t-right li.login-h a {
    width: auto;
    text-align: right;
    padding: 0 5px 0 0;
}

.t-right li.login-h a.t-log-out {
    width: auto;
    padding-right: 10px;
    margin-right: 10px;
}

.t-left li a i,.t-right li a i {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    margin: 10px 4px 0 -15px;
}
.m-head {
    overflow: hidden;
    height: 90px;
    background-color: #fff;
}
.m-head .w-nav {
    float:left;
    height:74px;
    margin-top:10px;
    overflow:hidden;
    margin-left:26px;
}
.m-head .w-nav li {
    float:left
}
.m-head .w-nav li i,.m-head .w-nav li span {
    display:inline-block;
    vertical-align:middle
}
.m-head .w-nav li i {
    background-image:url(../images/home_nav.png);
    background-repeat:no-repeat;
}
.m-head .w-nav li span {
    height:74px;
    line-height:74px;
    overflow:hidden;
    color:#333333;
    font-size:16px;
}
.m-head .w-nav li i.ir {
    width:17px;
    height:17px;
    background-position:-260px 0px;
    margin:0 2px;
}
.m-head .w-nav li i.ico {
    margin-right:4px
}
.m-head .w-nav li i.ico1 {
    background-position:0 0;
    height:20px;
    width:20px;
}
.m-head .w-nav li i.ico2 {
    background-position:-40px 0;
    height:20px;
    width:20px;
}
.m-head .w-nav li i.ico3 {
    background-position:-75px 0;
    height:20px;
    width:20px;
    margin-right:7px;
}
.m-head .w-nav li i.ico4 {
    background-position:-115px -0px;
    height:20px;
    width:20px;
}
.m-head .w-nav li i.ico5 {
    background-position:-150px -0px;
    height:20px;
    width:20px;
}
.m-head .w-nav li i.ico6 {
    background-position:-190px -0px;
    height:20px;
    width:20px;
}
.m-head .w-nav li i.ico7 {
    background-position:-225px -0px;
    height:20px;
    width:20px;
}
.m-head .w-nav li i.ico8 {
    background-position:-295px -0px;
    height:20px;
    width:20px;
}
.m-head .w-nav li a:hover span {
    color:#f7a934
}
.m-head .w-nav li a:hover i.ico {
    -moz-transition:transform .8s;
    -webkit-transition:transform .8s;
    -o-transition:transform .8s;
    transition:transform .8s;
    -moz-transform:rotateX(360deg);
    -webkit-transform:rotateX(360deg);
    -o-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    transform:rotateY(360deg)
}

.m-footer {
    width: 100%;
    font-size: 12px;
    overflow: hidden;
    position: relative;
    bottom: 0px;
    background-color: #2e2e2e;
    color: #575757;
}