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 {
        blr: expression(this.onFocus=this.blur());
        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);
    }
    
    .show-pc {
        display: block;
    }
    
    .show-phone {
        display: none;
    }
    
    .mains {
        width: 1200px;
        margin: 0 auto;
    }
    
    .mains img {
        width: 100%;
    }
    /* 头部 */
    
    .course-header {
        width: 100%;
        position: relative;
        margin: 0 auto;
        overflow: hidden;
        background: #fff;
        border-bottom: 1px solid #ddd;
    }
    
    .course-header-wrap {
        width: 1200px;
        height: 80px;
        overflow: hidden;
        margin: 0 auto;
    }
    
    .course-header-wrap-logo {
        width: 9%;
        float: left;
        margin-top: 19px;
    }
    
    .course-header-wrap-logo img {
        width: 100%;
    }
    
    .course-header-wrap-nav {
        width: 21%;
        float: right;
        overflow: hidden;
    }
    
    .course-header-wrap-nav li {
        float: left;
        color: #333;
        font-size: 16px;
        height: 80px;
        line-height: 80px;
        margin-left: 10%;
        cursor: pointer;
        box-sizing: border-box;
    }
    
    .course-header-wrap-nav li a {
        color: #333;
    }
    
    .course-header-wrap-nav li:first-child {
        margin-left: 0%;
    }
    
    .course-header-wrap-nav li.active {
        color: #e60012;
        border-bottom: 4px solid #e60012;
    }
    
    .course-header.active {
        position: fixed;
        top: 0;
        bottom: auto;
        opacity: 1;
        z-index: 999;
        border-bottom: 1px solid #ddd;
    }
    
    .course-container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
    
    .course-container img {
        width: 100%;
    }
    
    .pagination-banner {
        position: absolute;
        left: 0;
        bottom: 5%;
        z-index: 30;
        width: 100%;
        text-align: center;
    }
    
    .pagination-banner span {
        margin: 0 10px;
    }
    
    .swiper-container-banner {
        position: relative;
    }
    /* banner */
    
    .course-content {
        width: 100%;
    }
    
    .course-bannerbox {
        width: 100%;
        position: relative;
        height: 500px;
        margin: 0 auto;
        background: url(../images/course-banner.jpg) no-repeat top center;
        background-size: cover;
        overflow: hidden;
    }
    
    .course-bannerbox.banner2 {
        background: url(../images/course-banner2.jpg) no-repeat top center;
        background-size: cover;
        overflow: hidden;
    }
    
    .swiper-wrapper,
    .swiper-slide {
        height: auto !important;
    }
    
    .banner-c {
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
        height: 100%;
    }
    
    .ph-d-btn {
        width: 25%;
        margin: 22% auto 0;
    }
    /* 内容 */
    
    .course-content {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
    
    .course-main {
        width: 1200px;
        position: relative;
        margin: 0 auto;
        overflow: hidden;
    }
    
    .course-tit {
        width: 100%;
        margin: 0 auto;
        position: relative;
        padding: 50px 0 35px 0;
    }
    
    .course-tit-txt {
        width: 100%;
        position: absolute;
        top: 30%;
        left: 0%;
        text-align: center;
        font-size: 40px;
        color: #333;
    }
    
    .content {
        width: 100%;
        margin: 0 auto;
        padding: 40px 0;
        background: url(../images/ppbg.png);
        background-size: 100% 100%;
    }
    
    .content img {
        width: 100%;
    }
    
    .main {
        width: 1200px;
        margin: 0 auto;
    }
    
    .p0-box {
        position: relative;
        width: 100%;
    }
    
    .p0-main {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    
    .title {
        width: 100%;
        margin: 2.8% auto 0;
    }
    
    .p0-t1 {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #333;
        margin: 2.8% auto 0;
    }
    
    .bottom {
        width: 100%;
        height: 60px;
        background-color: #4d4d4d;
        text-align: center;
        font-size: 12px;
        line-height: 60px;
        color: #e5e5e5;
    }
    
    .bottom img {
        vertical-align: middle;
        display: inline-block;
        padding-left: 1%;
        padding-right: 0.5%;
        width: auto;
    }
    
    .p0-li {
        overflow: hidden;
    }
    
    .p0-li a {
        display: inline-block;
        width: 17%;
        vertical-align: middle;
    }
    
    .p0-li {
        color: #333;
    }
    
    .p3-ul .p0-li a img {
        width: 100%;
    }
    /* p1 */
    
    .p1-t1 {
        width: 78.8%;
        margin: 2.8% auto 0;
    }
    
    .p2-t1 {
        width: 68.9%;
        margin: 2.8% auto 0;
    }
    
    .p3-t1 {
        background: url(../images/p2-bg.png);
        background-size: 100% 100%;
        width: 75.7%;
        margin: 2.8% auto 0;
    }
    
    .p3-ul {
        width: 94.8%;
        margin: 0 auto;
        padding-top: 1%;
    }
    
    .p3-ul li {
        overflow: hidden;
        margin-top: 2%;
    }
    
    .p3-ul li img {
        float: left;
        width: 7px;
        margin-top: 6px;
        margin-right: 5px;
    }
    
    .p3-ul .p0-li a img {
        margin-top: auto;
        margin-right: auto;
    }
    
    .p3-ul li p {
        width: 97.7%;
        font-size: 16px;
        color: #333333;
        float: left;
    }
    
    .p3-box {
        width: 100%;
        margin: 2.2% auto 2%;
        text-align: center;
    }
    
    .p3-box div {
        display: inline-block;
        width: auto;
        margin: 0 auto;
        font-size: 12px;
        color: #666;
    }
    
    .p3-box img {
        width: 16px;
        float: left;
        margin-right: 10px;
    }
    
    .p4-erw {
        width: 35.8%;
        margin: 2.8% auto 0;
    }
    
    .p7box {
        width: 72.4%;
        margin: 2% auto 5%;
        position: relative;
    }
    
    .p7word {
        font-size: 20px;
        text-align: center;
        color: #333333;
        width: 37.7%;
        position: absolute;
        left: 31%;
        top: 34%;
        line-height: 1.5;
    }
    
    .p7btn {
        width: 19.6%;
        position: absolute;
        left: 70%;
        top: 37.2%;
    }
    
    .p3-ul li div img {
        float: left;
        width: 5px;
        margin-top: 9px;
        margin-right: 5px;
    }
    
    .p3-ul li div {
        font-size: 16px;
        padding-left: 12px;
    }
    .title{
        position:relative;
    }
    .title p{
        position:absolute;
        width:100%;
        left:0;
        top:-14%;
        font-size:24px;
        color:#333;
        font-weight:600;
        text-align:center;
    }
    .p1-t1{
        position:relative;
    }
    .p1-t1-box{
        position:absolute;
        left:0;
        top:0;
        height:100%;
        width:100%;
    }
    .p1-date1{
        position:absolute;
        left:0;
        top:0;
        font-size:16px;
    }
    .p1-date2{
        position:absolute;
        left:22.6%;
        top:0;
        font-size:16px;
    }
    .p1-date3{
        position:absolute;
        left:45.5%;
        top:0;
        font-size:16px;
    }
    .p1-date4{
        position:absolute;
        left:69.4%;
        top:0;
        font-size:16px;
    }
    .p1-date5{
        position:absolute;
        left:92%;
        top:0;
        font-size:16px;
    }
    .p1-tt1{
        position:absolute;
        font-size:16px;
        left:2.2%;
        bottom:0;
    }
    .p1-tt2{
        position:absolute;
        font-size:16px;
        left:15.2%;
        bottom:0;
    }
    .p1-tt3{
        position:absolute;
        font-size:16px;
        left:42.1%;
        bottom:0;
    }
    .p1-tt4{
        position:absolute;
        font-size:16px;
        left:62%;
        bottom:0;
    }
    .p1-tt5{
        position:absolute;
        font-size:16px;
        right:0;
        bottom:0;
    }

    .p2-t1{
        position:relative;
    }
    .p2-po-box{
        position:absolute;
        left:0;
        top:0;
        height:100%;
        width:100%;
    }
    .p2-jp1{
        position:absolute;
        left:7.9%;
        top:37.4%;
        font-size:18px;
        font-weight:600;
    }
    .p2-jp span{
        color:#0081ff;
        font-weight:600;
    }
    .p2-jp2{
        position:absolute;
        left:42.7%;
        top:30%;
        font-size:18px;
        font-weight:600;
    }
    .p2-jp3{
        position:absolute;
        left:77.6%;
        top:37.7%;
        font-size:18px;
        font-weight:600;
    }
    .p2-jp4{
        position:absolute;
        left:11.2%;
        top:72.6%;
        font-size:18px;
        font-weight:600;
    }
    .p2-jp5{
        position:absolute;
        left:43.8%;
        top:73%;
        font-size:18px;
        font-weight:600;
    }
    .p2-jp6{
        position:absolute;
        left:78%;
        top:72.6%;
        font-size:18px;
        font-weight:600;
    }
    .p2-qian{
        font-size:18px;
        position:absolute;
    }
    .p2-qian span{
        font-weight:600;
        color:#af14cc;
    }
    .p2-qian.q1{
        left:8.1%;
        top:47%;
    }
    .p2-qian.q2{
        left:43.2%;
        top:38.6%;
    }
    .p2-qian.q3{
        left:78%;
        top:47%;
    }
    .p2-qian.q4{
        left:11.4%;
        top:81.3%;
    }
    .p2-qian.q5{
        left:44.1%;
        top:89.4%;
    }
    .p2-qian.q6{
        left:78.4%;
        top:89.7%;
    }
    .p4-erw{
        position:relative;
    }
    .p4-t1{
        position:absolute;
        font-size:18px;
        font-weight:600;
        color:#333;
        left:0;
        bottom:0;
    }
    .p4-t2{
        position:absolute;
        font-size:18px;
        font-weight:600;
        color:#333;
        right:0;
        bottom:0;
    }
    @media(max-width: 1200px) {
        .course-main {
            width: 960px;
            position: relative;
            margin: 0 auto;
            overflow: hidden;
        }
        .course-header-wrap {
            width: 960px;
            height: 80px;
            overflow: hidden;
            margin: 0 auto;
        }
        .course-header-wrap-logo {
            margin-top: 26px;
        }
        .course-header-wrap-nav {
            width: 30%;
        }
        .course-banner-tititem {
            left: 10%;
        }
        .course-titbox {
            font-size: 17px;
            ;
        }
        .course-titbox3 {
            width: 81%;
        }
        .main-v,
        .main {
            width: 960px;
        }
        .p7-c-title {
            font-size: 20px;
        }
        .p6-t1,
        .p6-t3,
        .p6-t2 {
            font-size: 16px;
        }
        .p6-ul li>p {
            width: 95%
        }
        .p6-ul {
            top: 6.3%;
        }
        .p4-img1>p {
            line-height: 32px;
        }
        .p3-list {
            width: 88%;
        }
        .p3-t1 {
            width: 75%;
            margin: 1.5% auto 0;
        }
        .p3-img2 {
            width: 59%;
        }
        .title {
            width: 100%;
            margin: 1.8% auto 0;
        }
        .p4-erw {
            margin: 0.8% auto 0;
        }
        .p3-ul li {
            overflow: hidden;
            margin-top: 1.8%;
        }
    }
    
    @media(max-width:768px) {
        .show-pc {
            display: none;
        }
        .show-phone {
            display: block;
        }
        .course-main {
            width: 93.5%;
            position: relative;
            margin: 0 auto;
            overflow: hidden;
        }
        .course-header.active {
            position: fixed;
            top: 0;
            bottom: auto;
            opacity: 1;
            z-index: 999;
            border-bottom: 1px solid #ddd;
        }
        .course-bannerbox {
            height: auto;
            background: none;
        }
        .course-header-wrap {
            width: 93%;
            height: auto;
            overflow: hidden;
            margin: 0 auto;
        }
        .course-header-wrap-logo {
            width: 16.8%;
            float: left;
            padding: 3% 0;
            margin-top: 0%;
        }
        .course-header-menu-w {
            width: 100%;
            position: fixed;
            top: 7%;
            right: 0;
            z-index: 3;
            /* display: none; */
            border-bottom: 1px solid #ddd;
            z-index: 11;
            background-color: #fff;
            display: none;
        }
        .course-header-menu-w li {
            border-top: 1px solid #ddd;
        }
        .course-header-menu-list {
            font-size: 3.6vw;
            width: 100%;
            padding: 2% 5%;
            background-color: #fff;
        }
        .course-header-menu-list a {
            color: #333333;
        }
        .course-header-menu-list.active {
            color: #e60012;
        }
        .course-menu-btn {
            width: 5.5%;
            position: absolute;
            top: 28%;
            right: 5%;
        }
        .course-menu-btn img {
            width: 100%;
        }
        .course-bannerbox img {
            width: 100%;
        }
        .course-content {
            padding-top: 1%;
        }
        .course-tit-txt {
            top: 23%;
            font-size: 4.8vw;
        }
        .course-tit {
            width: 100%;
            margin: 0 auto;
            position: relative;
            padding: 6% 0%;
        }
        .p0-txt {
            font-size: 3.2vw;
            color: #333333;
            width: 88%;
            margin: 0 auto;
        }
        .p0-cont {
            top: 3%;
        }
        .p0-txt span {
            display: inline-block;
            margin-top: 1.5%;
        }
        .p0-btn {
            width: 51.8%;
            margin-top: 4%;
        }
        .banner-c {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
        }
        .main {
            width: 100%;
        }
        .ph-d-btn {
            width: 52%;
            margin: 28% auto 0;
        }
        .p0-box {
            position: relative;
            width: 94.8%;
            margin: 0 auto;
        }
        .content {
            padding: 4% 0;
        }
        .p3-t1m {
            width: 88%;
            font-size: 3.2vw;
        }
        .p3-ulm {
            width: 100%;
        }
        .p3-t1m {
            background: none;
            background-size: 100% 100%;
            width: 93.7%;
            margin: 2.8% auto 0;
        }
        .p3-ulm {
            width: 94.8%;
            margin: 0 auto;
            padding-top: 1%;
        }
        .p3-ulm li {
            overflow: hidden;
            margin-top: 2%;
        }
        .p3-ulm li img {
            float: left;
            width: 7px;
            margin-top: 6px;
            margin-right: 5px;
        }
        .p3-ulm .p0-li a img {
            margin-top: auto;
            margin-right: auto;
        }
        .p3-ulm li p {
            width: 95.7%;
            font-size: 3.2vw;
            color: #333333;
            float: left;
            line-height: 1.6;
        }
        .p0-li a {
            display: inline-block;
            width: 31%;
            vertical-align: middle;
            margin-left: 3%;
        }
        .p0-li {
            line-height: 1;
        }
        .title {
            width: 100%;
            margin: 6.8% auto 4%;
        }
        .p3-ulm .p0-li a img {
            width: 100%;
        }
        .p3-ulm li:nth-child(3) {
            margin-left: 3%;
        }
        .p3-ulm li:nth-child(4) {
            margin-left: 3%;
        }
        .p2-t1 {
            width: 91.9%;
        }
        .p3-t1 {
            background: url(../images/p2-bg-w.png);
            background-size: 100% 100%;
            width: 91.9%;
            margin: 2.8% auto 0;
            padding-bottom: 3%;
        }
        .p3-ul li p {
            width: 95.7%;
            font-size: 3.2vw;
            color: #333333;
            float: left;
            line-height: 1.5;
        }
        .p3-ul {
            width: 96.8%;
        }
        .p4-erw {
            width: 70.4%;
            margin: 3.8% auto 0;
        }
        .p3-ul li {
            overflow: hidden;
            margin-top: 2.6%;
        }
        .p0-t1 {
            width: 90%;
            text-align: center;
            font-size: 3.2vw;
            color: #333;
            margin: 2.8% auto 0;
        }
        .p7box {
            width: 94.8%;
        }
        .p7word {
            font-size: 3.2vw;
            text-align: center;
            color: #333333;
            width: 56.7%;
            position: absolute;
            left: 40%;
            top: 27%;
        }
        .p7btn {
            width: 22.6%;
            position: absolute;
            left: 56%;
            top: 53%;
        }
        .p3-ul li div img {
            float: left;
            width: 5px;
            margin-top: 9px;
            margin-right: 5px;
        }
        .p3-ul li div {
            font-size: 3vw;
            padding-left: 12px;
        }
        .bottom {
            padding: 2.5% 0;
            height: auto;
            line-height: 1.75em;
            font-size: 3vw;
        }
        .bottom span {
            display: block;
        }
        .mains {
            width: 100%;
        }
    }