* {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei";
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

.header-bg {
    width: 100%;
    background-color: #015b9d;
}

.header {
    width: 1166px;
    height: 60px;
    margin: 0 auto;
}

.logo {
    width: 242px;
    height: 60px;
    line-height: 60px;
}

.logo img {
    margin: 2px 0;
    float: left;
}

.header-text {
    width: 450px;
    height: 60px;
    position: relative;
    top: -60px;
    float: right;
}

.header-text .dropdown {
    position: relative;
    display: inline-block;
}

.header-text .dropdown-content {
    display: none;
    position: absolute;
    top: 60px;
    left: -44px;
    background-color: #015b9d;
    width: 152px;
    height: 80px;
}

.header-text .dropdown-content a {
    color: #ffffff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}

.header-text .dropdown:hover .dropdown-content {
    display: block;
}

.header-text .down-center {
    margin-right: 9%;
}

.header-text li {
    width: 150px;
    text-align: center;
    float: right;
}

.header-text li:hover {
    border-bottom: 2px solid #FFFFFF;
}

.dropdown-content a:hover {
    border-bottom: 2px solid #FFFFFF;
}

.header-text li a {
    color: #ffffff;
    font-size: 16px;
    line-height: 60px;
}

.banner-bg {
    width: 100%;
    background-color: #0183e1;
}

.banner {
    width: 1166px;
    margin: 0 auto;
}

.banner-bg .tool-tip {
    width: 178px;
    height: 200px;
    /*border: 1px solid #000;*/
    position: absolute;
    right: -150px;
    top: 80px;

}

/*.banner-bg .tool-tip-title {*/
/*width: 28px;*/
/*height: 28px;*/
/*!*border: solid 1px #ffffff;*!*/
/*position: absolute;*/
/*right: 0;*/
/*}*/

.banner-bg .tool-tip-title img {
    width: 28px;
    height: 28px;
    float: left;
    position: absolute;
    right: 150px;
    border:none;
}

/*.banner-bg .tool-tip-title img:last-child {*/
/*width: 18px;*/
/*height: 18px;*/
/*position: absolute;*/
/*right: 5px;*/
/*margin: 6px auto;*/
/*!*display: none;*!*/
/*}*/

.banner-bg .tool-tip-content {
    width: 140px;
    height: 150px;
    float: right;
    position: relative;
    /*top: 28px;*/
    padding: 5px;
    overflow-y: auto;
    font-size: 14px;
    text-indent: 28px;
    color: #ffffff;
    background-color: #3c3c43;
    border-bottom-left-radius: 4px;
    /*display: none;*/
}

.banner-bg .tool-tip-close {
    width: 150px;
    height: 28px;
    background: #3c3c43;
    position: relative;
    left: 28px;
}

.banner-bg .tool-tip-close img {
    width: 18px;
    height: 18px;
    position: relative;
    right: -124px;
    margin: 6px auto;
    border:none;
}

/*.banner-content-bg {*/
/*width: 100%;*/
/*height: 110px;*/
/*position: relative;*/
/*}*/
.banner-content {
    width: 1166px;
    margin: 0 auto;
}

.content-box {
    width: 838px;
    height: 363px;
    position: relative;
    top: -265px;
    margin: 0 auto;
    /*z-index:10;*/
    /*border: 1px solid #000;*/
    /*background-color: #ffffff;*/
    background: url("../images/contentbox.png");
}

.content-box-title {
    position: relative;
    left: 80px;
    font-size: 22px;
    line-height: 63px;
    color: #ffffff;
    letter-spacing: 6px;
}

.content-box .content {
    width: 758px;
    height: 150px;
    position: relative;
    left: 60px;
}

.content-box .item {
    width: 100px;
    height: 100px;
    margin: 35px 20px;
    float: left;
    text-align: center;
    border: 2px solid #0183e1;
    /*background-color: #0183e1;*/
}

.content-box .item img {
    width: 52px;
    height: 50px;
    margin: 15px 24px 35px 24px;
    border:none;
}

.content-box .item span {
    position: relative;
    top: -35px;
    font-size: 14px;
    color: #0183e1;
}

.content-box .text img {
    width: 684px;
    height: 114px;
    position: relative;
    left: 78px;
    top: -25px;
    border:none;
}

.text .text-item {
    display: none;
}

.text .text-item p {
    width: 616px;
    font-size: 14px;
    /*color: #3c3c43;*/
    position: relative;
    top: -108px;
    left: 110px;
    line-height: 160%;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.text .small-bg img {
    position: relative;
    left: 42px;
    _top: 28px;
    width: 755px;
    height: 155px;
    border:none;
}

.footer-bg {
    margin-top: -100px;
}

.footer {
    width: 1166px;
    height: 60px;
    margin: 0 auto;
    font-size: 12px;
    text-align: center;
}

.footer div {
    height: 30px;
    color: #2b2d2f;
    width: 100%;
    text-align: center;

}

.footer .about-us {
    /*float: left;*/
    /*position: relative;*/
    /*left: 160px;*/
    /*line-height: 40px;*/
}

.footer .copyright {
    /*width: 100%;*/
    /*float: none;*/
    /*margin: 0 auto;*/
    /*line-height: 20px;*/
}

.footer a {
    color: #2b2d2f;
}

.footer a:hover {
    color: #0183e1;
}

.version-alert {
    width: 100%;
    height: 40px;
    background: #666;
    line-height: 40px;
    color: #fff;
    margin-top: -40px;
}

.version-right {
    float: right;
    margin-right: 20px;
}

.version-right a{
    background: none;
    border: none;
    font-size: 16px;
    color: #ffffff;
    cursor:pointer;
}

.version-left {
    float: left;
    margin-left: 10px;
}