/*css reset */
.item-w, .item, .wrapper dl, .wrapper dt, .wrapper dd, .nav-wrap, .subnav-wrap, .subitems {
    margin: 0;
    padding: 0;
}

.wrapper {
    font: 16px Microsoft YaHei,Arial,Helvetica;
    width: 100%;
    margin: 0 auto;
}

    .wrapper a {
        text-decoration: none;
        color: #666;
    }

        .wrapper a:hover {
            color: #C81623;
        }

    .wrapper ul, .wrapper li {
        list-style: none;
    }

    .wrapper img {
        border: 0;
        vertical-align: middle;
    }

    .wrapper .clearfix {
        content: "";
        clear: both;
        display: table;
        height: 0;
        overflow: hidden;
    }
    /*=====nav=========*/
    .wrapper .nav-wrap {
        width: 100%;
        height: 371px;
        background: #1c9ce6;
        margin: 0;
    }

    .wrapper .h1-tit {
        font: 16px Microsoft YaHei;
        padding: 0 0 0 10px;
        background: #b2191b;
    }

    .wrapper .a-tit {
        width: 100%;
        height: 50px;
        line-height: 50px;
        color: #fff;
        display: block;
    }

        .wrapper .a-tit:hover {
            color: #fff;
        }

    .wrapper .item {
        height: 30px;
        line-height: 30px;
        color: #fff;
        background: #1c9ce6;
        border-left: 1px solid #b2191b;
        position: relative;
        z-index: 2;
    }

        .wrapper .item:hover {
            background: #f7f7f7;
        }

    .wrapper .item0:hover {
        background: #1c9ce6;
    }

    .wrapper .item:hover:after {
        z-index: 3;
        display: block;
        content: '';
        width: 3px;
        height: 30px;
        line-height: 30px;
        background: #f7f7f7;
        position: absolute;
        top: 0;
        right: -1px;
    }

    .wrapper .item0:hover:after {
        z-index: 3;
        display: block;
        content: '';
        width: 3px;
        height: 30px;
        line-height: 30px;
        background: #1c9ce6;
        position: absolute;
        top: 0;
        right: -1px;
    }

    .wrapper .item h2 {
        font: 14px Microsoft YaHei;
        padding: 0 0 0 10px;
        line-height: 30px;
    }

    .wrapper .item h1 {
        font: 16px Microsoft YaHei;
        padding: 0 0 0 10px;
        line-height: 30px;
    }

    .wrapper .item:hover .nav1, .wrapper .item:hover h2 {
        color: #1c9ce6;
        line-height: 30px;
    }

    .wrapper .item:hover h1 .nav1 {
        color: #fff;
        line-height: 30px;
    }

    .wrapper .item:hover .gt-ico1 {
        display: none;
    }

    .wrapper .item .nav1 {
        color: #fff;
    }

    .wrapper .item .gt-ico1 {
        font: 10px/30px consolas;
        position: absolute;
        right: 10px;
    }

    /*=========subnav==========*/
    .wrapper .item1:hover .sub1, .wrapper .item2:hover .sub2, .wrapper .item3:hover .sub3, .wrapper .item4:hover .sub4, .wrapper .item5:hover .sub5, .wrapper .item6:hover .sub6, .wrapper .item7:hover .sub7, .wrapper .item8:hover .sub8, .wrapper .item9:hover .sub9, .wrapper .item10:hover .sub10, .wrapper .item11:hover .sub11, .wrapper .item12:hover .sub12, .wrapper .item13:hover .sub13, .wrapper .item14:hover .sub14, .wrapper .item15:hover .sub15 {
        display: block;
    }

    .wrapper .item1:hover .sub1 {
        top: -31px;
    }

    .wrapper .item2:hover .sub2 {
        top: -61px;
    }

    .wrapper .item3:hover .sub3 {
        top: -91px;
    }

    .wrapper .item4:hover .sub4 {
        top: -121px;
    }

    .wrapper .item5:hover .sub5 {
        top: -151px;
    }

    .wrapper .item6:hover .sub6 {
        top: -181px;
    }

    .wrapper .item7:hover .sub7 {
        top: -211px;
    }

    .wrapper .item8:hover .sub8 {
        top: -241px;
    }

    .wrapper .item9:hover .sub9 {
        top: -271px;
    }

    .wrapper .item10:hover .sub10 {
        top: -301px;
    }

    .wrapper .item11:hover .sub11 {
        top: -331px;
    }

    .wrapper .item12:hover .sub12 {
        top: -361px;
    }

    .wrapper .item13:hover .sub13 {
        top: -391px;
    }

    .wrapper .item14:hover .sub14 {
        top: -421px;
    }

    .wrapper .item15:hover .sub15 {
        top: -451px;
    }

    .wrapper .subnav-wrap {
        width: 300%;
        min-height: 372px;
        max-height: 900px;
        background: #f7f7f7;
        padding: 20px 0 0 20px;
        border: 1px solid #1c9ce6;
        position: absolute;
        top: -1px;
        left: 100%;
        display: none;
        z-index: 1;
    }

    .wrapper .subnav a {
        font: 12px/25px "宋体";
        color: #fff;
        background: #1c9ce6;
        display: block;
        height: 25px;
        float: left;
        padding: 0 0 0 8px;
        margin: 0 10px 0 0;
    }

        .wrapper .subnav a i {
            color: #1c9ce6;
            background: #1c9ce6;
            font: 400 9px/25px consolas;
            width: 5%;
            height: 25px;
            text-align: center;
            display: inline-block;
            cursor: pointer;
            margin: 0 0 0 8px;
        }

    .wrapper .dl-sub {
        width: 100%;
    }

    .wrapper .dt-sub {
        width: 15%;
        height: 45px;
        float: left;
        text-align: left;
    }

    .wrapper .dl-sub .dt-sub a {
        font: bold 12px/43px "宋体";
    }

        .wrapper .dl-sub .dt-sub a:hover + i {
            color: #1c9ce6;
        }

    .wrapper .dl-sub .dt-sub i {
        font: 400 9px/35px consolas;
        color: #666;
    }

    .wrapper .dl-sub .dd-sub {
        width: 250%;
        float: left;
        border-bottom: 1px solid #eee;
        padding: 10px 0;
    }

        .wrapper .dl-sub .dd-sub a {
            font: 12px "宋体";
            border-left: 1px solid #e0e0e0;
            float: left;
            margin: 4px 0;
            padding: 0 8px;
            white-space: nowrap;
        }