* {
    padding: 0;
    margin: 0;
}

a, a:visited, a:link {
    color: inherit;
    text-decoration: none;
}

ul, ol, li {
    list-style-type: none;
}

img {
    max-width: 100%;
    height: auto;
}

#dituContent img {
    max-width: inherit;
}

#slides {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

    #slides li img {
        width: 100%;
        display: block;
    }

    #slides .hd {
        position: absolute;
        bottom: 45px;
        z-index: 101;
        text-align: center;
        right: 50%;
        margin-right: -470px;
    }

        #slides .hd li {
            cursor: pointer;
            display: inline-block;
            height: 14px;
            line-height: 14px;
            margin: 1px 5px;
            overflow: hidden;
            width: 14px;
            color: transparent;
            background: #ccc;
            border: 1px solid #fff;
            font-size: 12px;
        }

            #slides .hd li.on {
                background: #8c4208;
            }

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

body {
    font-size: 14px;
    font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,SimSun;
    line-height: 24px;
    overflow-x: hidden;
    color: #333;
    background: #fff;
}

.container {
    margin: auto;
    width: 1200px;
}

.block {
    overflow: hidden;
    clear: both;
}

.search {
    height: 61px;
    line-height: 61px;
    overflow: hidden;
    font-size: 12px;
    margin-bottom: 40px;
}

.input input {
    width: 187px;
    height: 24px;
    border: 1px solid #a8a0a0;
    padding: 0 3px;
    float: left;
    margin-top: 16px;
    color: #b2b2b2;
    line-height: 24px;
    font-size: 12px;
}

a.searchBtn {
    width: 42px;
    height: 26px;
    margin-top: 16px;
    display: inline-block;
    background: #71aa1d url(../images/serch.png) no-repeat center;
    background-size: 31px;
    text-align: center;
    line-height: 24px;
    color: #000;
    font-weight: bold;
    float: left;
}
/*头部*/
.bgcolor {
    background-color: #262626;
}

.navbox {
    line-height: 55px;
    height: 55px;
    background: #a50303;
    color: #fff;
}

    .navbox li {
        position: relative;
        display: inline-block;
    }

        .navbox li a {
            display: block;
            padding: 0 25px;
            text-align: center;
            font-size: 18px;
        }
        .navbox li a:hover{
            background: #fff;
            color: #a50303;
        }
        .navbox li ul {
            position: absolute;
            width: 100%;
            left: 0;
            background: #fff;
            z-index: 999;
            display: none;
        }

        .navbox li:hover ul {
            display: block;
        }

        .navbox li ul li {
            display: block;
        }

            .navbox li ul li a {
                line-height: 34px;
                padding: 0;
                font-size: 16px;
                color: #000;
            }


/*首页*/
.tab {
    text-align: center;
    padding-bottom: 30px;
    line-height: 44px;
}

    .tab li {
        display: inline-block;
        border: 1px solid #ccc;
        margin: 0 10px;
        font-size: 23px;
        color: #783c17;
    }

        .tab li a {
            display: block;
            padding: 0 40px;
        }

.list li {
    display: inline-block;
    width: 225px;
    margin: 0 4px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

    .list li img {
        display: block;
        width: 225px;
        height: 214px;
    }

    .list li h3 {
        line-height: 64px;
        text-align: center;
        font-weight: normal;
        font-size: 20px;
    }

.kc {
    padding: 40px 0;
}

.addver {
    background: #e8e4e4;
}

    .addver img {
        display: block;
        margin: auto;
        max-width: 100%;
        height: auto;
    }

.title {
    text-align: center;
    padding: 30px 0 40px;
}

    .title h2 {
        padding-left: 80px;
        background: url(../images/titicon.png) no-repeat left center;
        font-size: 44px;
        font-weight: normal;
        display: inline-block;
        line-height: 80px;
    }

    .title p {
        font-size: 24px;
        line-height: 40px;
    }

.kctx ul {
    text-align: CENTER;
}

.kctx li {
    width: 245px;
    display: inline-block;
    margin: 0 20px 30px;
    letter-spacing: 2px;
}

    .kctx li img {
        width: 245px;
        height: 245px;
        border-radius: 50%;
        display: block;
        margin: auto;
    }

    .kctx li h3 {
        font-size: 28px;
        line-height: 50px;
        padding-bottom: 22px;
        margin-bottom: 20px;
        font-weight: normal;
    }

    .kctx li em {
        font-style: normal;
        color: #bbbaba;
        font-size: 18px;
    }

    .kctx li p {
        font-size: 18px;
        line-height: 30px;
        text-align: left;
    }

.tan8 {
    background: url(../images/tan8.png) no-repeat bottom center;
}

.tan9 {
    background: url(../images/tan9.png) no-repeat bottom center;
}

.tan10 {
    background: url(../images/tan10.png) no-repeat bottom center;
}

.teacher {
    padding: 20px 0 40px;
}

.title2 {
    text-align: center;
    color: #a50303;
    font-size: 37px;
    padding: 30px 0;
}

    .title2 h2 {
        font-size: 37px;
        font-weight: normal;
        display: inline-block;
        line-height: 68px;
        position: relative;
        width: 500px;
        text-align: left;
    }

        .title2 h2 b {
            font-size: 68px;
            line-height: 96px;
            float: left;
            padding-left: 46px;
            background: url(../images/titicon2.png) no-repeat left center;
            padding-right: 14px;
        }

        .title2 h2 span {
            position: absolute;
            top: 40px;
            width: 270px;
            display: block;
            left: 128px;
            font-size: 24px;
            color: #000;
        }

.teacher ul {
    text-align: center;
}

.teacher li {
    width: 278px;
    height: 570px;
    display: inline-block;
    border: 1px solid #ccc;
    margin-right: 20px;
    margin-top: 20px;
}


    .teacher li img {
        width: 278px;
        display: block;
    }

    .teacher li h3 {
        font-size: 19px;
        font-weight: normal;
        line-height: 40px;
        color: #a50303;
    }

    .teacher li div {
        line-height: 30px;
        text-align: left;
        padding: 0 20px;
    }

.vedio {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 34px;
}

.title3 {
    text-align: center;
    position: relative;
    font-size: 60px;
    color: #a50303;
    line-height: 60px;
    margin-bottom: 40px;
}

    .title3 p {
        background: #fff;
        position: absolute;
        width: 100%;
        top: 50%;
        font-size: 20px;
        color: #000;
        letter-spacing: 8px;
        line-height: 24px;
        margin-top: -8px;
    }

.vedio img {
    width: 800px;
    height: 470px;
    float: left;
    margin-right: 40px;
}

.vedio h5 {
    font-size: 25px;
    font-weight: normal;
    padding: 10px 0;
}

.title4 {
    text-align: center;
    font-size: 32px;
    line-height: 36px;
    border-bottom: 1px solid #ccc;
    color: #a50303;
    height: 60px;
    margin-bottom: 40px;
}

    .title4 span {
        display: inline-block;
        font-size: 19px;
        color: #000;
        background: #fff;
        padding: 0 12px;
    }

.case li {
    width: 500px;
    height: 220px;
    background: #7f7f7f;
    color: #fff;
    float: left;
    margin-bottom: 17px;
}

    .case li:nth-child(2n) {
        float: right;
    }

    .case li img {
        width: 287px;
        height: 220px;
        display: block;
        float: left;
    }

    .case li div {
        padding: 0 20px;
        display: table-cell;
        vertical-align: middle;
        height: 220px;
        width: 163px;
        line-height: 30px;
        overflow: hidden;
    }

.casebg {
    background: url(../images/casebg.png) no-repeat center;
}

.imgtext {
    background: #faeaea;
    padding-bottom: 30px;
}

.title5 {
    text-align: center;
    font-size: 41px;
    line-height: 60px;
    padding: 30px 0 20px;
}

    .title5 span {
        display: block;
        font-size: 24px;
        color: #676666;
        width: 620px;
        margin: auto;
        line-height: 40px;
    }

a.tmore {
    font-size: 16px;
    color: #a50303;
    border-radius: 30px;
    border: 1px solid #a50303;
    padding: 2px 10px;
    line-height: 30px;
}

.imgtext img {
    max-width: 100%;
    display: block;
    height: auto;
}

.red {
    background: #a50303;
}

    .red img:first-child {
        top: -26px;
        position: relative;
    }

.shadow {
    height: 41px;
    background: url(../images/adbg.png) no-repeat bottom center;
}

.title6 {
    font-size: 39px;
    color: #a50303;
    text-align: center;
    text-transform: uppercase;
    font-style: italic;
    margin: 30px 0;
}

    .title6 span {
        font-size: 13px;
        color: #000;
        margin-left: 10px;
    }

    .title6 p {
        font-style: normal;
        font-size: 14px;
        color: #fff;
        background: #000;
        width: 180px;
        margin: 10px auto;
        position: relative;
        left: -116px;
        border-radius: 5px;
    }

.game li {
    width: 283px;
    height: 220px;
    float: left;
    border: 1px solid #ccc;
    margin-right: 18px;
    margin-bottom: 18px;
    position: relative;
}

    .game li img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .game li h3 {
        position: absolute;
        background: rgba(0,0,0,.6);
        bottom: 8px;
        left: 0;
        line-height: 34px;
        font-weight: normal;
        color: #fff;
        overflow: hidden;
        white-space: nowrap;
        max-width: 92%;
        text-overflow: ellipsis;
        padding: 0 4%;
    }

.title7 {
    padding: 30px 0;
    text-align: center;
    font-size: 39px;
    color: #990000;
}

    .title7 span {
        display: block;
        font-size: 21px;
        color: #000;
        text-indent: 310px;
        margin-top: 24px;
        margin-bottom: 10px;
    }

    .title7 p {
        font-size: 14px;
        line-height: 24px;
        background: #7f7f7f;
        color: #fff;
        display: inline-block;
        padding: 0 20px;
        border-radius: 12px;
        margin-right: 84px;
    }

.imgtext2 .block {
    font-size: 17px;
    line-height: 34px;
}

.p {
    position: relative;
    padding-bottom: 40px;
}

.p1 {
    padding-left: 540px;
}

    .p1 img {
        position: absolute;
        left: 0;
        max-width: 540px;
        max-height: 100%;
        bottom: 0;
    }

.p2 img {
    position: absolute;
    right: 0;
    max-width: 540px;
    max-height: 100%;
    z-index: -1;
    top: 0;
}

.p2 {
    padding-right: 410px;
}

.p li em {
    position: absolute;
    left: 0;
    display: block;
    width: 28px;
    height: 28px;
    background: #ccc;
    text-align: center;
    line-height: 28px;
    border-radius: 50%;
    margin: 3px 0;
    font-style: normal;
    color: #fff;
}

    .p li em.pink {
        background: #f49e9c;
    }

.p li {
    padding-left: 36px;
    position: relative;
}

.title8 {
    padding: 30px 0 0 350px;
    background: url(../images/titicon3.png) no-repeat left bottom;
    font-size: 26px;
    margin-bottom: 40px;
}

    .title8 p {
        font-size: 16px;
        text-transform: uppercase;
        line-height: 36px;
        color: #999;
        padding-left: 100px;
        letter-spacing: 4px;
    }

.parents li {
    display: inline-block;
    width: 225px;
    margin: 0 4px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

    .parents li img {
        display: block;
        width: 225px;
        height: 214px;
    }

    .parents li h3 {
        line-height: 38px;
        font-weight: normal;
        font-size: 16px;
        padding: 0 10px;
    }

    .parents li p {
        padding: 0 10px;
        font-size: 12px;
        color: #666;
        height: 48px;
        overflow: hidden;
    }

.about {
    margin-top: 40px;
    margin-bottom: 40px;
}

.title9 {
    width: 180px;
    float: right;
    height: 380px;
    border-left: 1px solid #ccc;
    background: url(../images/abouticon.png) no-repeat right bottom;
}

    .title9 span {
        display: block;
        font-size: 43px;
        line-height: 61px;
        width: 40px;
        padding: 0 20px;
        font-family: "新宋体";
    }

        .title9 span:after {
            content: "";
            display: block;
            width: 12px;
            height: 12px;
            background: #990000;
            margin: 5px auto;
            border-radius: 50%;
        }

.about .con {
    float: left;
    width: 980px;
    text-align: right;
    color: #666;
    font-size: 18px;
    font-family: "新宋体";
    height: 380px;
    overflow: hidden;
}

    .about .con p {
        float: right;
        width: 16px;
        padding: 0 10px;
    }

.newst {
    font-size: 26px;
    color: #990000;
    padding: 30px 0;
}

    .newst span {
        font-size: 12px;
        padding-left: 28px;
        background: url(../images/titicon4.png) no-repeat left center;
        padding-top: 30px;
        margin-left: 10px;
    }

a.iconmore {
    font-size: 12px;
    padding-left: 28px;
    background: url(../images/titicon4.png) no-repeat left center;
    padding-top: 30px;
    float: right;
}

.titimg {
    overflow: hidden;
    margin-bottom: 30px;
}

    .titimg li {
        float: left;
        width: 385px;
        margin-right: 18px;
    }


        .titimg li:last-child {
            margin-right: 0;
        }

        .titimg li img {
            width: 100%;
            display: block;
            height: auto;
        }

.newsl {
    width: 385px;
    float: left;
    margin-right: 18px;
}

    .newsl li a {
        display: block;
        margin-bottom: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-bottom: 1px solid #ccc;
        padding-left: 8px;
        color: #424141;
        background: url(../images/liicon.png) no-repeat left center;
    }
.newsl li a:hover{
    color: red;
}
.listt {
    font-size: 19px;
    color: #424141;
    line-height: 34px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

a.listmore {
    font-size: 12px;
    float: right;
}

.qa {
    width: 385px;
    float: right;
    overflow: hidden;
}

    .qa li a {
        font-size: 17px;
        color: #990000;
        padding-left: 24px;
        position: relative;
        margin-bottom: 10px;
        display: block;
        overflow: hidden;
        white-space:nowrap;
        text-overflow: ellipsis;
    }

        .qa li a:before {
            content: "?";
            position: absolute;
            left: 0;
            background: #990000;
            color: #fff;
            width: 17px;
            height: 18px;
            text-align: center;
            line-height: 18px;
            top: 4px;
            border-radius: 4px;
        }

/*    .qa li{
        width: 100%;
        overflow: hidden;
    }*/
    .qa li span {
        display: block;
        color: #605d5d;
        margin-bottom: 10px;
        position: relative;
        padding-left: 24px;
        overflow: hidden;
        white-space:nowrap;
        text-overflow: ellipsis;
    }

        .qa li span:before {
            content: "!";
            background: #e6e6e6;
            position: absolute;
            left: 0;
            width: 17px;
            height: 18px;
            border-radius: 4px;
            line-height: 18px;
            text-align: center;
            color: #990000;
            top: 4px;
        }

.link {
    width: 1150px;
    font-size: 17px;
    padding: 30px 0 30px 50px;
    position: relative;
    background: url(../images/link.png) no-repeat left center;
}

    .link .con {
        border-bottom: 1px solid #ccc;
        line-height: 30px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

span.linkmore {
    background: #00a7ee;
    position: absolute;
    right: 0;
    font-size: 12px;
    color: #fff;
    padding: 0 6px;
    height: 14px;
    line-height: 14px;
    bottom: 34px;
}
/*底部*/
.footer {
    color: #fff;
    font-size: 12px;
    background: #990000 url(../images/fbg.png) no-repeat right bottom;
    background-size: 50% 110%;
}

.fnav, .flogo {
    width: 400px;
    float: left;
    padding-right: 50px;
    background: url(../images/ficon.png) no-repeat right center;
    min-height: 300px;
    padding-top: 73px;
}

    .fnav h3 {
        font-size: 26px;
        font-weight: normal;
        line-height: 60px;
    }

    .fnav li {
        width: 32%;
        display: inline-block;
        font-size: 18px;
        line-height: 40px;
    }

.qcord {
    width: 290px;
    float: right;
    padding-top: 140px;
}

    .qcord li {
        display: inline-block;
        width: 97px;
        margin: 0 20px;
        text-align: center;
    }

.copyright {
    text-align: center;
}
/*内页*/
.pager {
    width: 930px;
}

.pagel {
    width: 230px;
}

.ltitle {
    height: 50px;
    line-height: 50px;
    border-bottom: 2px solid #750202;
    background: #a50303;
    color: #fff;
    font-size: 18px;
    padding-left: 15px;
    font-weight: normal;
    margin-top: 20px;
}

    .ltitle span {
        font-size: 14px;
        font-style: italic;
    }

.tree > ul {
    border: 1px solid #e7e6e4;
    padding: 10px;
}

.tree li a {
    display: block;
    line-height: 34px;
    font-size: 16px;
    border-bottom: 1px solid #edecec;
}

.tree li ul li {
    display: inline-block;
    margin: 0 8px;
}

    .tree li ul li a {
        font-size: 13px;
        border: none;
        border-bottom: 1px dashed #cacaca;
    }

.prcenter {
    padding: 30px 0;
}

    .prcenter li {
        width: 300px;
        float: left;
        margin-left: 15px;
        position: relative;
        overflow: hidden;
    }

        .prcenter li:nth-child(3n+1) {
            margin-left: 0;
        }

        .prcenter li img {
            width: 300px;
            height: 220px;
            display: block;
        }

        .prcenter li h3 {
            line-height: 50px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 17px;
            font-weight: normal;
            text-align: center;
        }

.lnews ul {
    background: #fcfcfc;
    border: 1px solid #e7e6e4;
    padding: 0 10px 20px 10px;
}

.lnews li a {
    display: block;
    line-height: 34px;
    border-bottom: 1px dashed #ccc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .lnews li a:before {
        content: ">";
        font-family: serif;
        padding-right: 5px;
        padding-left: 5px;
    }

.lnews {
    margin-top: 10px;
}

.pagename {
    height: 46px;
    line-height: 46px;
    font-size: 22px;
    border-bottom: 1px solid #ccc;
}

    .pagename>span:first-child {
        border-bottom: 1px solid #006699;
        height: 46px;
        display: block;
        float: left;
        padding-left: 20px;
    }

.tips {
    font-size: 13px;
    font-weight: normal;
    padding-right: 15px;
}

    .tips em {
        font-style: normal;
    }

ul.prlist li {
    margin: 0 9px;
    margin-bottom: 20px;
    width: 227px;
    float: left;
}

    ul.prlist li img {
        padding: 2px;
        border: 1px solid #ccc;
        width: 217px;
        height: 155px;
        display: block;
        margin: auto;
    }

    ul.prlist li p {
        height: 38px;
        line-height: 38px;
        text-align: center;
        font-size: 14px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    ul.prlist li:hover img {
        border: 1px solid #69a91d;
    }

.pading {
    text-align: center;
    padding: 20px 0;
}

    .pading a, .pading span {
        font-size: 12px;
        display: inline-block;
        height: 22px;
        line-height: 22px;
        border: 1px solid #ccc;
        background: #ccc;
        color: #fff;
        text-align: center;
        padding: 0 10px;
        margin: 0 3px;
    }

    .pading .current {
        background: none;
        color: #ccc;
    }

.imgs {
    width: 420px;
    float: left;
}

    .imgs li img {
        width: 100%;
        display: block;
    }

    .imgs .hd li {
        width: 64px;
        height: 64px;
        margin: 0 4px;
        float: left;
    }

    .imgs .hd {
        margin-top: 10px;
    }

        .imgs .hd li img {
            width: 60px;
            height: 60px;
            border: 1px solid #ccc;
            padding: 1px;
        }

        .imgs .hd li.on img {
            border: 1px solid #eb008a;
        }

.desc {
    width: 360px;
    float: right;
}

    .desc h3 {
        color: #333;
        line-height: 35px;
        font-size: 18px;
        font-family: "Microsoft Yahei";
        font-weight: normal;
        padding: 0 8px;
        border-bottom: 1px dashed #f3f3f3;
    }

ul.newscenter li {
    padding: 15px 5px;
    border-bottom: dashed 1px #9db399;
    margin-bottom: 10px;
    height: auto;
    overflow: hidden;
}

ul.newscenter {
    margin-top: 30px;
}

    ul.newscenter li img {
        width: 140px;
        height: 98px;
        float: left;
        margin-right: 10px;
    }

    ul.newscenter li h3 {
        font-size: 15px;
        overflow: hidden;
        color: #111111;
    }

    ul.newscenter li span {
        font-size: 12px;
        color: #a50303;
    }

    ul.newscenter li p {
        font-size: 12px;
        line-height: 26px;
        height: 52px;
        overflow: hidden;
        color: #666;
    }

.lproduct li {
    overflow: hidden;
    padding: 6px;
}

    .lproduct li img {
        display: block;
        border: 1px solid #ccc;
        padding: 2px;
    }

    .lproduct li h3 {
        text-align: center;
        font-weight: normal;
        font-size: 17px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 40px;
    }

.descontent {
    padding: 30px 10px;
}

h3.ar_title {
    color: #333;
    font-family: "Microsoft YaHei";
    font-weight: normal;
    font-size: 26px;
    line-height: 40px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.info span {
    display: block;
    text-align: center;
    color: #717171;
    font-size: 13px;
    line-height: 40px;
    margin-bottom: 15px;
    background: #f1f1f1;
}

.ar_con {
    font-size: 14px;
    line-height: 30px;
}

.record {
    padding: 30px 0;
}

    .record span {
        display: block;
        line-height: 30px;
    }

.contact {
    margin-top: 20px;
}

    .contact h2 {
        color: #fff;
        text-align: center;
        font-weight: normal;
        background: #cd9b3f;
        line-height: 50px;
    }

    .contact .con {
        border: 1px solid #e7e6e4;
        padding: 10px;
        font-size: 12px;
    }

.gotop {
    position: fixed;
    left: 50%;
    bottom: 100px;
    margin-left: 510px;
    cursor: pointer;
    z-index: 100000;
}

.why{
    width: 1200px;
    margin: 0 auto;
    height: 640px;
}
.why .why_title{
    width: 600px;
    text-align: center;
    margin: 30px auto 0px;
}
.why .why_title h2{
    color: #d11000;
    font-size: 36px;
    line-height: normal;
}
.why .why_title_img{
    width: 450px;
    height: 50px;
    margin: 0 auto;
}
.why_desc{
    position: relative;
    width: 974px;
    height: 394px;
    margin: 60px auto 0;
    background: url("../images/500000235.png") no-repeat center;
}
.why_desc li{
    width: 308px;
    position: absolute;
}
.why_desc li img{
    width: 100%;
}
.why_desc ul li:nth-child(1){
    top: -22px;
    left: 20px;
}
.why_desc ul li:nth-child(2){
    top: 30px;
    right: 28px;
}
.why_desc ul li:nth-child(3){
    bottom: 60px;
    left: 50px;
}
.why_desc ul li:nth-child(4){
    bottom: 30px;
    right: 28px;  
}
.why_desc ul li:nth-child(5){
    width: 434px;
    top: 84px;
    left: 258px;
    z-index: -1;
}
.why_desc li span:nth-child(1){
    color: #13569a; 
    font-size: 50px;  
}
.why_desc li span:nth-child(2){
    font-size: 20px;
    position: relative;
    top: -14px;
    left: 5px;
}
#aa{ 
    color: #000;
    display:inline-block;
    position: relative;
    top: 12px;
    font-size: 14px;
    color: red;
}
#aa:hover{
    text-decoration: underline;
}
span.nolink{
    display: inline;
}