﻿

.h260_main .left {
    float: left;
}
.h260_main .right {
    float: right;
}
.h260_main .icon {
    background-image: url('../images/icon260.png');
    display: inline-block;
    vertical-align: middle;
}
.h260_main .w260,.t260_main .w260 {
    width: 1200px;
    margin: 0 auto;
}
.h260_main {
    z-index: 10;
    background: #333b4a;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 12px;
}
.h260_main .right li {
    display: inline;
}
.h260_main .right li a {
    display: inline-block;
    color: #fff;
    position: relative;
    z-index: 10;
}
.h260_main .right li a img {
    width: 90px;
    height: 90px;
    position: absolute;
    top: 41px;
    right: -28px;
    z-index: 10;
    border-radius: 5px;
    padding: 5px;
    background: #333b4a;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease 0s;
    transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
}
.h260_main .right li:hover img {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.h260_main .right li i {
    width: 18px;
    height: 40px;
    background-position: -3px 2px;
    margin-right: 8px;
    margin-left: 30px;
    vertical-align: top;
}
.h260_main .right .l2 i {
    background-position: -20px 2px;
}
.h260_main .right .l3 i {
    background-position: -39px 2px;
}
.t260_main {
    position: relative;
    padding: 17px 0;
    z-index: 9;
    border-bottom: 1px solid #ecebec;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
    background: #fff;
}
.t260_main .logo img {
    float: left;
}
.t260_main ul {
    display: inline-block;
}
.t260_main li {
    float: left;
    margin-left: 35px;
    text-align: left;
    position: relative;
    display: block;
    text-align: center;
    padding-top: 5px;
    z-index: 9;
}
.t260_main li a {
    display: inline-block;
    margin: 0 auto;
    position: relative;
}
.t260_main li a i {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 7px;
    display: block;
    transition: ease-in-out 0.2s;
    z-index: 9;
}
.t260_main li a p {
    width: 100%;
    height: 50px;
    text-align: center;
    left: 0;
    top: 0;
    z-index: 10;
    line-height: 50px;
    color: #666;
}
.t260_main li a:hover, .t260_main li a.hover {
    cursor: pointer;
}
.t260_main li a:hover i, .t260_main li a.hover i {
    width: 100%;
    bottom: 0;
    background: #1a76ed;
}
.t260_main li a:hover p, .t260_main li a.hover p {
    color: #1a76ed;
}
.t260_main dl {
    width: 120px;
    border-radius: 0 0 3px 3px;
    padding-bottom: 3px;
    background: #1a76ed;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 55px;
    z-index: 1555;
    border-top: none;
}
.t260_main dl {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease 0s;
    transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
}
.t260_main li:hover dl {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.t260_main dl dd {
    border-top: 1px solid #0b3679;
    text-align: center;
    position: relative;
    z-index: 12;
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 40px;
}
.t260_main dl dd a:hover {
    color: #fff;
}
.t260_main dl dd a {
    color: #dddada;
    height: 35px;
    display: block;
    line-height: 35px;
}

