html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: "Microsoft YaHei", "宋体", "黑体", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
em,
img,
strong,
sub,
sup,
tt,
dd,
dl,
dt,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
ul,
li,
p,
a,
section {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

input,
select,
textarea {
    vertical-align: middle;
    -ms-behavior: url(css/PIE.htc);
    behavior: url(css/PIE.htc);
    outline: none;
}

img {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
}

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

a {
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}

div,
a {
    tap-highlight-color: rgba(0, 0, 0, 0);
    focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-focus-ring-color: rgba(0, 0, 0, 0);
}

.zhclearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.zhclearfix {
    *zoom: 1;
}

.zhfl {
    float: left;
}

.zhri {
    float: right;
}


/* .zhbox {
  padding-bottom: 50px;
} */

.zhtit {
    width: 1300px;
    height: 54px;
    background: url(../images/zhimg/zhtit.png);
    background-size: 100%;
    text-align: center;
    line-height: 54px;
    font-size: 32px;
    font-weight: bolder;
    color: #e60012;
    margin: 51px auto 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 79px;
    background-repeat: no-repeat;
}

.zhpcshow {
    display: block;
}

.zhmshow {
    display: none;
}

.zhbody {
    width: 1200px;
    background: #ffffff;
    margin: 30px auto 0;
    padding: 0px 50px 0px;
    -webkit-box-shadow: 0 0px 8px rgba(5, 146, 228, 0.15);
    box-shadow: 0 3px 6px rgba(5, 146, 228, 0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.zhbody .zhb1 {
    padding-bottom: 40px;
    padding-top: 40px;
    border-bottom: 1px solid rgba(5, 146, 228, 0.3);
}

.zhbody .zhb1 .zhna1 {
    font-size: 22px;
    color: #0592e4;
    width: 100%;
    background: url(../images/zhimg/zhsz1.png);
    background-size: 100%;
    height: 63px;
    line-height: 63px;
    text-align: center;
    background-repeat: no-repeat;
    font-weight: bold;
}

.zhbody .zhb1 .zhna2 {
    font-size: 22px;
    color: #0592e4;
    width: 100%;
    background: url(../images/zhimg/zhsz2.png);
    background-size: 100%;
    height: 63px;
    line-height: 63px;
    text-align: center;
    font-weight: bold;
}

.zhbody .zhb1 .zhna3 {
    font-size: 22px;
    color: #0592e4;
    width: 100%;
    background: url(../images/zhimg/zhsz3.png);
    background-size: 100%;
    height: 63px;
    line-height: 63px;
    text-align: center;
    font-weight: bold;
}

.zhbody .zhb1 .zhna4 {
    font-size: 22px;
    color: #0592e4;
    width: 100%;
    background: url(../images/zhimg/zhsz4.png);
    background-size: 100%;
    height: 63px;
    line-height: 63px;
    text-align: center;
    font-weight: bold;
}

.zhbody .zhb1 .zhna5 {
    font-size: 22px;
    color: #0592e4;
    width: 100%;
    background: url(../images/zhimg/zhsz5.png);
    background-size: 100%;
    height: 63px;
    line-height: 63px;
    text-align: center;
    font-weight: bold;
}

.zhbody .zhb1 .zhna6 {
    font-size: 22px;
    color: #0592e4;
    width: 100%;
    background: url(../images/zhimg/zhsz6.png);
    background-size: 100%;
    height: 63px;
    line-height: 63px;
    text-align: center;
    font-weight: bold;
}

.zhbody .zhb1 .zhna7 {
    font-size: 22px;
    color: #0592e4;
    width: 100%;
    background: url(../images/zhimg/zhsz7.png);
    background-size: 100%;
    height: 63px;
    line-height: 63px;
    text-align: center;
    font-weight: bold;
}

.zhbody .zhb1 .zhna8 {
    font-size: 22px;
    color: #0592e4;
    width: 100%;
    background: url(../images/zhimg/zhsz8.png);
    background-size: 100%;
    height: 63px;
    line-height: 63px;
    text-align: center;
    font-weight: bold;
}

.zhbody .zhb1 .zhna9 {
    font-size: 22px;
    color: #0592e4;
    width: 100%;
    background: url(../images/zhimg/zhsz9.png);
    background-size: 100%;
    height: 63px;
    line-height: 63px;
    text-align: center;
    font-weight: bold;
}

.zhbody .zhb1 .zhna10 {
    font-size: 22px;
    color: #0592e4;
    width: 100%;
    background: url(../images/zhimg/zhsz10.png);
    background-size: 100%;
    height: 63px;
    line-height: 63px;
    text-align: center;
    font-weight: bold;
}

.zhbody .zhb1 .zhna11 {
    font-size: 22px;
    color: #0592e4;
    width: 100%;
    background: url(../images/zhimg/zhsz11.png);
    background-size: 100%;
    height: 63px;
    line-height: 63px;
    text-align: center;
    font-weight: bold;
}

.zhbody .zhb1 .zhna12 {
    font-size: 22px;
    color: #0592e4;
    width: 100%;
    background: url(../images/zhimg/zhsz12.png);
    background-size: 100%;
    height: 63px;
    line-height: 63px;
    text-align: center;
    font-weight: bold;
}

.zhbody .zhb1 .zhna13 {
    font-size: 22px;
    color: #0592e4;
    width: 100%;
    background: url(../images/zhimg/zhsz13.png);
    background-size: 100%;
    height: 63px;
    line-height: 63px;
    text-align: center;
    font-weight: bold;
}

.zhbody .zhb1 .zhna14 {
    font-size: 22px;
    color: #0592e4;
    width: 100%;
    background: url(../images/zhimg/zhsz14.png);
    background-size: 100%;
    height: 63px;
    line-height: 63px;
    text-align: center;
    font-weight: bold;
}
.zhbody .zhb1 .zhna15 {
    font-size: 22px;
    color: #0592e4;
    width: 100%;
    background: url(../images/zhimg/zhsz15.png);
    background-size: 100%;
    height: 63px;
    line-height: 63px;
    text-align: center;
    font-weight: bold;
}


.zhbody .zhb1 .zhnr1 {
    font-size: 18px;
    color: #333333;
    line-height: 1.7;
    margin-top: 30px;
}

.zhbody .zhb1 .zhnr1 div {
    margin-top: 20px;
}

.zhbody .zhb1 .zhzb {
    font-size: 18px;
    color: #333333;
    text-align: center;
    line-height: 34px;
    margin-top: 2%;
}

.zhfh-img1 {
    width: 22px;
    display: inline-block;
    vertical-align: middle;
}

.zhzb span {
    vertical-align: middle;
}

.course-l,
.course-r {
    width: 7px;
    display: inline-block;
    vertical-align: middle;
}

.zhfh {
    color: #0065b8;
    font-size: 32px;
    vertical-align: top;
    line-height: 30px;
    opacity: 0.3;
}

.zhnobor {
    border: none;
}

.course-header-wrap-nav li:first-child {
    margin-left: 58.2%;
}

.course-header-wrap-nav.page2-nav li:first-child {
    margin-left: 56.9%;
}

.course-header-wrap-nav.page3-nav li:first-child {
    margin-left: 60.3%;
}

.course-tit1 {
    width: 1200px;
    margin: 0 auto;
    padding: 3.5% 0% 0% 0%;
}

.course-content {
    padding-top: 2.5%;
}

.course-r {
    margin-left: 1%;
}

.course-l {
    margin-right: 1%;
}

@media (max-width: 1366px) {
    .zhtit {
        width: 1200px;
        height: 51px;
        line-height: 51px;
    }
    /*.zhbody {
        width: 1100px;
    }*/
}

@media (max-width: 1234px) {
    .zhtit {
        width: 1100px;
        height: 45px;
        line-height: 45px;
        font-size: 28px;
    }
    .course-header-wrap-nav li:first-child {
        margin-left: 58%;
    }
    .course-header-wrap-nav.page2-nav li:first-child {
        margin-left: 56.5%;
    }
    .course-header-wrap-nav.page3-nav li:first-child {
        margin-left: 60.3%;
    }
    .course-tit1 {
        width: 960px;
    }
    .zhbody {
        width: 960px;
        line-height: 51px;
    }
    .zhbody .zhb1 .zhna1 {
        height: 51px;
        line-height: 51px;
    }
    .zhbody .zhb1 .zhna2 {
        height: 51px;
        line-height: 51px;
    }
    .zhbody .zhb1 .zhna3 {
        height: 51px;
        line-height: 51px;
    }
    .zhbody .zhb1 .zhna4 {
        height: 51px;
        line-height: 51px;
    }
    .zhbody .zhb1 .zhna5 {
        height: 51px;
        line-height: 51px;
    }
    .zhbody .zhb1 .zhna6 {
        height: 51px;
        line-height: 51px;
    }
    .zhbody .zhb1 .zhna7 {
        height: 51px;
        line-height: 51px;
    }
    .zhbody .zhb1 .zhna8 {
        height: 51px;
        line-height: 51px;
    }
    .zhbody .zhb1 .zhna9 {
        height: 51px;
        line-height: 51px;
    }
    .zhbody .zhb1 .zhna10 {
        height: 51px;
        line-height: 51px;
    }
    .zhbody .zhb1 .zhna11 {
        height: 51px;
        line-height: 51px;
    }
    .zhbody .zhb1 .zhna12 {
        height: 51px;
        line-height: 51px;
    }
    .zhbody .zhb1 .zhna13 {
        height: 51px;
        line-height: 51px;
    }
}

@media (max-width: 960px) {
    .zhtit {
        width: 800px;
        height: 34px;
        line-height: 34px;
        font-size: 21px;
        padding-left: 53px;
    }
    .zhbody {
        width: 800px;
        line-height: 51px;
    }
    .zhbody .zhb1 .zhna1 {
        height: 41px;
        line-height: 41px;
    }
    .zhbody .zhb1 .zhna2 {
        height: 41px;
        line-height: 41px;
    }
    .zhbody .zhb1 .zhna3 {
        height: 41px;
        line-height: 41px;
    }
    .zhbody .zhb1 .zhna4 {
        height: 41px;
        line-height: 41px;
    }
    .zhbody .zhb1 .zhna5 {
        height: 41px;
        line-height: 41px;
    }
    .zhbody .zhb1 .zhna6 {
        height: 41px;
        line-height: 41px;
    }
    .zhbody .zhb1 .zhna7 {
        height: 41px;
        line-height: 41px;
    }
    .zhbody .zhb1 .zhna8 {
        height: 41px;
        line-height: 41px;
    }
    .zhbody .zhb1 .zhna9 {
        height: 41px;
        line-height: 41px;
    }
    .zhbody .zhb1 .zhna10 {
        height: 41px;
        line-height: 41px;
    }
    .zhbody .zhb1 .zhna11 {
        height: 41px;
        line-height: 41px;
    }
    .zhbody .zhb1 .zhna12 {
        height: 41px;
        line-height: 41px;
    }
    .zhbody .zhb1 .zhna13 {
        height: 41px;
        line-height: 41px;
    }
}

@media (max-width: 768px) {
    .zhtit {
        width: 98%;
        height: auto;
        line-height: 1.4;
        font-size: 4.8vw;
        background: url(../images/zhimg/zhtit.png);
        background-size: cover;
        text-align: center;
        background-position: center;
        font-weight: bolder;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-repeat: no-repeat;
        padding: 1% 0;
        text-indent: 2em;
    }
    .zhbody {
        width: 93.5%;
        line-height: 1.7;
        padding: 0px 3% 0px;
        margin: 0% auto 0;
    }
    .zhbody .zhb1 .zhna1 {
        height: auto;
        line-height: 1.6em;
        width: 100%;
        margin: 0 auto;
        font-size: 3.7vw;
        background: url(../images/zhimg/zhmsz1s.png);
        background-repeat: no-repeat;
        background-size: 100%;
     padding: 6% 0;
        padding-top: 2.5%;
        padding-left: 28%;
        text-indent: 0em;
        text-align: left;
        box-sizing: border-box;
        color: #0592e4;
        font-weight: bold;
    }
    .zhbody .zhb1 .zhna2 {
        height: auto;
        line-height: 1.6em;
        width: 100%;
        margin: 0 auto;
        font-size: 3.7vw;
        background: url(../images/zhimg/zhmsz2s.png);
        background-repeat: no-repeat;
        background-size: 100%;
     padding: 6% 0;
        padding-top: 2.5%;
        padding-left: 28%;
        text-indent: 0em;
        text-align: left;
        box-sizing: border-box;
        color: #0592e4;
        font-weight: bold;
    }
    .zhbody .zhb1 .zhna3 {
        height: auto;
        line-height: 1.6em;
        width: 100%;
        margin: 0 auto;
        font-size: 3.7vw;
        background: url(../images/zhimg/zhmsz3s.png);
        background-repeat: no-repeat;
        background-size: 100%;
     padding: 6% 0;
        padding-top: 2.5%;
        padding-left: 33%;
        text-indent: 0em;
        text-align: left;
        box-sizing: border-box;
        color: #0592e4;
        font-weight: bold;
    }
    .zhbody .zhb1 .zhna33s {
        padding-top: 5.5%;
        padding-left: 39%;
    }
    .zhbody .zhb1 .zhna4 {
        height: auto;
        line-height: 1.6em;
        width: 100%;
        margin: 0 auto;
        font-size: 3.7vw;
        background: url(../images/zhimg/zhmsz4s.png);
        background-repeat: no-repeat;
        background-size: 100%;
     padding: 6% 0;
        padding-top: 2.5%;
        padding-left: 28%;
        text-indent: 0em;
        text-align: left;
        box-sizing: border-box;
        color: #0592e4;
        font-weight: bold;
    }
    .zhbody .zhb1 .zhna44s {
        padding-top: 5.5% !important;
    }
    .zhbody .zhb1 .zhna5 {
        height: auto;
        line-height: 1.6em;
        width: 100%;
        margin: 0 auto;
        font-size: 3.7vw;
        background: url(../images/zhimg/zhmsz5s.png);
        background-repeat: no-repeat;
        background-size: 100%;
     padding: 6% 0;
        padding-top: 2.5%;
        padding-left: 28%;
        text-indent: 0em;
        text-align: left;
        box-sizing: border-box;
        color: #0592e4;
        font-weight: bold;
    }
    .zhbody .zhb1 .zhna6 {
        height: auto;
        line-height: 1.6em;
        width: 100%;
        margin: 0 auto;
        font-size: 3.7vw;
        background: url(../images/zhimg/zhmsz6s.png);
        background-repeat: no-repeat;
        background-size: 100%;
     padding: 6% 0;
        padding-top: 2.5%;
        padding-left: 28%;
        text-indent: 0em;
        text-align: left;
        box-sizing: border-box;
        color: #0592e4;
        font-weight: bold;
    }
    .zhbody .zhb1 .zhna7 {
        height: auto;
        line-height: 1.6em;
        width: 100%;
        margin: 0 auto;
        font-size: 3.7vw;
        background: url(../images/zhimg/zhmsz7s.png);
        background-repeat: no-repeat;
        background-size: 100%;
     padding: 6% 0;
        padding-top: 2.5%;
        padding-left: 28%;
        text-indent: 0em;
        text-align: left;
        box-sizing: border-box;
        color: #0592e4;
        font-weight: bold;
    }
    .zhbody .zhb1 .zhna77s {
        height: auto;
        line-height: 1.6em;
        width: 100%;
        margin: 0 auto;
        color: #0592e4;
        font-size: 3.7vw;
        background: url(../images/zhimg/zhmsz7s.png);
        background-repeat: no-repeat;
        background-size: 100%;
     padding: 6% 0;
        padding-top: 2.5%;
        padding-left: 33%;
        text-indent: 0em;
        text-align: left;
        box-sizing: border-box;
        color: #0592e4;
        font-weight: bold;
    }
    .zhbody .zhb1 .zhna8 {
        height: auto;
        line-height: 1.6em;
        width: 100%;
        margin: 0 auto;
        font-size: 3.7vw;
        background: url(../images/zhimg/zhmsz8s.png);
        background-repeat: no-repeat;
        background-size: 100%;
     padding: 6% 0;
        padding-top: 2.5%;
        padding-left: 28%;
        text-indent: 0em;
        text-align: left;
        box-sizing: border-box;
        color: #0592e4;
        font-weight: bold;
    }
    .zhbody .zhb1 .zhna88s {
        padding-top: 5.5%;
        padding-left: 38%;
    }
    .zhbody .zhb1 .zhna9 {
        height: auto;
        line-height: 1.6em;
        width: 100%;
        margin: 0 auto;
        font-size: 3.7vw;
        background: url(../images/zhimg/zhmsz9s.png);
        background-repeat: no-repeat;
        background-size: 100%;
     padding: 6% 0;
        padding-top: 2.5%;
        padding-left: 33%;
        text-indent: 0em;
        text-align: left;
        box-sizing: border-box;
        color: #0592e4;
        font-weight: bold;
    }
    .zhbody .zhb1 .zhna99s {
        padding-top: 5.5%;
        padding-left: 38%;
    }
    .zhbody .zhb1 .zhna10 {
        height: auto;
        line-height: 1.6em;
        width: 100%;
        margin: 0 auto;
        font-size: 3.7vw;
        background: url(../images/zhimg/zhmsz10s.png);
        background-repeat: no-repeat;
        background-size: 100%;
     padding: 6% 0;
        padding-top: 2.5%;
        padding-left: 28%;
        text-indent: 0em;
        text-align: left;
        box-sizing: border-box;
        color: #0592e4;
        font-weight: bold;
    }
    .zhbody .zhb1 .zhna100s {
        padding-top: 5.5%;
        padding-left: 40%;
    }
    .zhbody .zhb1 .zhna11 {
        height: auto;
        line-height: 1.6em;
        width: 100%;
        margin: 0 auto;
        font-size: 3.7vw;
        background: url(../images/zhimg/zhmsz11s.png);
        background-repeat: no-repeat;
        background-size: 100%;
     padding: 6% 0;
        padding-top: 2.5%;
        padding-left: 33%;
        text-indent: 0em;
        text-align: left;
        box-sizing: border-box;
        color: #0592e4;
        font-weight: bold;
    }
    .zhbody .zhb1 .zhna11s {
        padding-left: 29%;
    }
    .zhbody .zhb1 .zhna12 {
        height: auto;
        line-height: 1.6em;
        width: 100%;
        margin: 0 auto;
        font-size: 3.7vw;
        background: url(../images/zhimg/zhmsz12s.png);
        background-repeat: no-repeat;
        background-size: 100%;
     padding: 6% 0;
        padding-top: 2.5%;
        padding-left: 33%;
        text-indent: 0em;
        text-align: left;
        box-sizing: border-box;
        color: #0592e4;
        font-weight: bold;
    }
    .zhbody .zhb1 .zhna13 {
        height: auto;
        line-height: 1.6em;
        width: 100%;
        margin: 0 auto;
        font-size: 3.7vw;
        background: url(../images/zhimg/zhmsz13s.png);
        background-repeat: no-repeat;
        background-size: 100%;
     padding: 6% 0;
        padding-top: 2.5%;
        padding-left: 33%;
        text-indent: 0em;
        text-align: left;
        box-sizing: border-box;
        color: #0592e4;
        font-weight: bold;
    }
    .zhbody .zhb1 .zhna14 {
        height: auto;
        line-height: 1.6em;
        width: 100%;
        margin: 0 auto;
        font-size: 3.7vw;
        background: url(../images/zhimg/zhmsz14s.png);
        background-repeat: no-repeat;
        background-size: 100%;
     padding: 6% 0;
        padding-top: 2.5%;
        padding-left: 33%;
        text-indent: 0em;
        text-align: left;
        box-sizing: border-box;
        color: #0592e4;
        font-weight: bold;
    }
    .zhbody .zhb1 .zhna15 {
        height: auto;
        line-height: 1.6em;
        width: 100%;
        margin: 0 auto;
        font-size: 3.7vw;
        background: url(../images/zhimg/zhmsz15s.png);
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 6% 0;
        padding-top: 2.5%;
        padding-left: 33%;
        text-indent: 0em;
        text-align: left;
        box-sizing: border-box;
        color: #0592e4;
        font-weight: bold;
    }
    .zhbody .zhb1 .zhnr1 {
        font-size: 3.2vw;
        color: #333333;
        line-height: 1.7;
        margin-top: 4%;
    }
    .zhbody .zhb1 .zhnr1+div{
        margin-top:0;
    }
    .zhnalls{
        padding-left: 45%;
    }
    .zhbody .zhb1 .zhnr1 div {
        margin-top: 0.3%;
    }
    .zhbody .zhb1 .zhzb {
        font-size: 3.2vw;
        color: #333333;
        text-align: center;
        line-height: 1;
        width: 100%;
        height: auto;
        margin: 4% auto 0 !important;
    }
    .zhfh-img1 {
        width: 14px;
    }
    .course-l,
    .course-r {
        width: 5px;
    }
    .zhfh {
        font-size: 5.4vw;
        line-height: 3.1vw;
    }
    .zhbody .zhb1 .zhzb.zh {
        width: 100%;
    }
    .zhmshow {
        display: block;
    }
    .zhpcshow {
        display: none;
    }
    .zhbody .zhb1 .zhna1s {
        height: auto;
        line-height: 1.6em;
        width: 100%;
        margin: 0 auto;
        font-size: 3.7vw;
        background: url(../images/zhimg/zhmsz1s.png);
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 6% 0;
        padding-top: 2.5%;
        padding-left: 28%;
        text-indent: 0em;
        text-align: left;
        box-sizing: border-box;
        color: #0592e4;
        font-weight: bold;
    }
    .course-tit1 {
        width: 93.5%;
        margin: 0 auto;
        padding: 6% 0% 0% 0%;
    }
    .zhbody .zhb1 {
        padding-bottom: 6%;
        padding-top: 5%;
        border-bottom: 1px solid rgba(95, 174, 193, 0.3);
    }
    .course-content {
        padding-top: 5.5%;
    }
/*    .zhb1.zhb4 {
        border-bottom: none;
    }*/
    .course-header-menu-w {
        top: 6%;
    }
    .zhbody .zhb1 .zhna11s {
        padding-top: 5.5%;
    }
    .course-r {
        margin-left: 2%;
    }
    .course-l {
        margin-right: 2%;
    }
    .zhna1sl{
        padding-left: 31% !important;
    }
    .zhna5sl{
        padding-left: 34% !important;
    }
    .zhna7sl{
        padding-left: 31% !important;
    }
    .zhna8sl{
        padding-left: 28% !important;
    }
    .zhna9sl{
        padding-left: 31% !important;
    }
    .zhna10sl{
        padding-left: 47% !important;
    }
    .zhna14sl{
        padding-left: 29% !important;
    }
   
    .zhna6st{
        padding-bottom: 2% !important;
        padding-left: 35% !important;
    }
    .zhna21sl{
        padding-left: 32% !important;
        padding-bottom: 2% !important;
    }
    .zhna22sl{
        padding-left: 30% !important;
        padding-bottom: 2% !important;
    }
    .zhna23sl{
        padding-left: 35% !important;
        padding-bottom: 2% !important;
    }
    .zhna24sl{
        padding-left: 32% !important;
        padding-bottom: 2% !important;
    }
    .zhna25sl{
        padding-left: 32% !important;
       
    }
    .zhna11sl{
        padding-left: 32% !important;
       
    }
    .zhna12sl{
        padding-left: 28% !important;
        padding-bottom: 2% !important;
    }
}

.zhnobor {
    border-bottom: none !important;
}