a,abbr,address,article,aside,audio,b,blockquote,body,button,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-family: "微软雅黑";
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

:focus {
    outline: 1
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
    display: block
}

ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: '';
    content: none
}

*,a,button,input,textarea {
    -webkit-tap-highlight-color: transparent
}

a {
    text-decoration: none
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

button,input,select,textarea {
    border: 0;
    background: 0 0;
    vertical-align: middle;
    outline: 0
}

.clear {
    clear: both
}

.clear:after,.clear:before {
    display: table;
    content: ""
}

.clear:after {
    clear: both
}

.ovh {
    overflow: hidden;
    display: block
}

.bc {
    margin-left: auto;
    margin-right: auto
}

.fl {
    float: left;
    display: block
}

.fr {
    float: right;
    display: block
}

.fn {
    float: none
}

.por {
    position: relative
}

.poa {
    position: absolute
}

.pof {
    position: fixed
}

.db {
    display: block
}

.dn {
    display: none
}

.di {
    display: inline-block
}

.dt {
    display: table
}

.dtc {
    display: table-cell
}

.tc {
    text-align: center
}

.tl {
    text-align: left
}

.tr {
    text-align: right
}

.ffa {
    font-family: Arial
}

.fwb {
    font-weight: 700
}

.fwn {
    font-weight: 400
}

.fw700 {
    font-weight: 700
}

.fw400 {
    font-weight: 400
}

.fsn {
    font-style: normal
}

.br5 {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%
}

.br0 {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0
}

.bgr {
    background-repeat: repeat
}

.bgrn {
    background-repeat: no-repeat
}

.bgrx {
    background-repeat: repeat-x
}

.bgry {
    background-repeat: repeat-y
}

.bgf {
    background-attachment: fixed
}

.bgsc {
    background-size: cover!important
}

.bgpc {
    background-position: center
}

.bgn {
    background: 0 0
}

.ell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body {
    position: relative;
    padding-top: 4.8%
}

img {
    width: 100%;
    display: block
}

.moshow {
    display: none
}

.main {
    /**- 20180801 start -**/
    width: 73.5%;
    /**- 20180801 end -**/
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.music-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.music-bg img {
    width: 100%;
    height: 25%
}

.header {
    padding-top: 3%;
    background: url(../images/hea-bg.png) 50% 39% no-repeat;
    background-size: auto 77%
}

.header .main {
    padding-top: 2.5%;
    margin-bottom: 10%
}

.hea-con {
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px
}

.hea-bg1 {
    width: 5.2%;
    right: 28.42%;
    top: 18%
}

.hea-bg2 {
    width: 6%;
    right: 34.5%;
    bottom: 9%
}

.hea-bg3 {
    width: 14.67%;
    right: 3.5%;
    top: 0
}

.title {
    max-width: 290px;
    padding-right: 30px;
    font-size: 34px;
    line-height: 72px;
    color: #fff;
    padding-top: 5.8%;
    margin-bottom: 3.6%;
    border-bottom: 2px solid #fff
}

.profile {
    margin-top: -4%
}

.profile .main {
    margin-bottom: 5%;
}

.profile .title {
    padding-top: 1.7%;
    margin-bottom: 4.5%
}

/**- 20180801 start -**/
.profile .prof-con {
  background: #ffffff;
  padding: 5.6% 4.8% 5% 4.8%;
}
/**- 20180801 end -**/

.profile li {
    padding-bottom: .8%
}

.profile h4 {
    font-size: 16px;
    line-height: 36px;
    color: #2979ff;
    font-weight: 400
}

.profile p {
    font-size: 16px;
    line-height: 36px;
    color: #949494
}

.pro-bg1 {
    width: 8.8%;
    top: 4.8%;
    right: 15.1%
}

.pro-bg2 {
    width: 18%;
    bottom: 0;
    right: -6.8%
}

.sch-main {
    margin-top: -5%
}


.sw-collect,.sw-discuss,.sw-schedule,.sw-student,.sw-teaching,.sw-tidbit,.sw-works {
    margin-left: -14px
}

.sw-collect .swiper-slide,.sw-collect .swiper-wrapper,.sw-discuss .swiper-slide,.sw-discuss .swiper-wrapper,.sw-schedule .swiper-slide,.sw-schedule .swiper-wrapper,.sw-student .swiper-slide,.sw-student .swiper-wrapper,.sw-teaching .swiper-slide,.sw-teaching .swiper-wrapper,.sw-tidbit .swiper-slide,.sw-tidbit .swiper-wrapper,.sw-works .swiper-slide,.sw-works .swiper-wrapper {
    height: auto!important
}

.st-main {
    position: relative
}

.sc-con {
    margin-left: 14px
}

.m1 {
    margin: 0 1px
}

.sc-main {
    padding: 0 8%;
    padding-top: 12.3%;
    margin: 0 1px;
    text-align: center;
    background: #fff
}

.sc-main div {
    font-size: 16px;
    color: #949494;
    line-height: 34px;
    padding-top: 5.5%
}

.sc-main h4,.sc-main i,.sc-main p {
    overflow: hidden;
    display: block
}

.sc-main h4 {
    color: #2979ff;
    font-weight: 400;
    padding-top: 2.5%
}

.sc-main i {
    color: #2d2d2d;
    font-style: normal
}

.sc-date {
    font-size: 42px;
    line-height: 56px;
    color: #6b6b6b
}

.sc-week {
    font-size: 20px;
    line-height: 28px;
    padding-top: 2%;
    color: #989898
}

.sc-btn {
    width: 60px;
    height: 170px;
    top: 50%;
    margin-top: -85px;
    background: rgba(0,0,0,.6);
    cursor: pointer;
    transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    z-index: 10
}

.sc-btn img {
    width: 36px;
    height: 36px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -18px;
    margin-top: -18px;
    z-index: 10;
    opacity: .7;
    filter: alpha(opacity=70);
    transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s
}

.sc-btn:hover {
    background: rgba(0,0,0,.8)
}

.sc-btn:hover img {
    opacity: .9;
    filter: alpha(opacity=90)
}

.sc-prev {
    left: 0
}

.sc-next {
    right: 0
}

.leader {
    padding-top: 5.2%
}

.lea-con {
    width: 46.875%;
    left: 0;
    bottom: 0
}

.lea-con .title {
    margin-left: 28.2%;
    margin-bottom: 6%
}

.lea-pro {
    width: 100%;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
    padding: 8% 5% 8% 28.2%;
    color: #fff
}

.lea-pro h4 {
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: .5%
}

.lea-tit {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    max-height: 96px;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.lea-info {
    font-size: 16px;
    line-height: 32px;
    color: #bfbcc4;
    margin-top: 2.7%;
    height: 128px;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.lea-img {
    width: 60.4%
}

.lea-bg {
    width: 11%;
    top: 2.5%;
    left: 31%
}

.tea-main {
    margin-left: -1.2%
}

.tea-main li {
    width: 23.8%;
    margin-left: 1.2%;
    margin-bottom: 1.2%;
    cursor: pointer
}

.tea-main li img {
    transition: all .8s linear 0s;
    -webkit-transition: all .8s linear 0s;
    -moz-transition: all .8s linear 0s;
    -o-transition: all .8s linear 0s
}

.tea-main li:hover img {
    transform: scale(1.06)
}

.tea-con {
    width: 100%;
    padding-top: 20%;
    padding-bottom: 5%;
    padding-left: 3%;
    padding-right: 3%;
    left: 0;
    bottom: 0;
    background: url(../images/tea-layer.png) 0 0 no-repeat;
    background-size: 100% 100%;
    color: #fff;
    text-align: center
}

.tea-con > h4 {
    font-size: 20px;
    line-height: 36px
}

.tea-con > h5 {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.pop-info{
    display: none;
}

.sw-student .sc-con,.sw-works .sc-con {
    cursor: pointer
}

.more {
    font-size: 16px;
    line-height: 30px;
    color: #2979ff;
    letter-spacing: 2px
}

.more span {
    font-family: '宋体';
    font-weight: 700
}

.tea-bg1 {
    width: 8%;
    top: 4%;
    right: 35.5%;
    transform: rotateZ(-50deg)
}

.tea-bg2 {
    width: 22.8%;
    bottom: -6%;
    right: 2%;
    z-index: 2
}

.student {
    padding: 6% 0;
    margin-top: -6%
}

.stu-con {
    padding: 8.2% 9.6%;
    background: rgba(0,0,0,.6);
    transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s
}

.stu-con > h4 {
    font-size: 24px;
    color: #fff;
    line-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 4px
}

.stu-con > h5 {
    font-size: 18px;
    color: #fff;
    line-height: 32px;
    letter-spacing: 3px
}

.student .st-main:hover .stu-con {
    background: rgba(0,0,0,.7)
}

.stu-pro {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    height: 192px;
    margin-top: 3%;
    margin-bottom: 7.5%
}

.stu-pro p {
    font-size: 16px;
    color: #c5bdc4;
    line-height: 32px
}

.stu-bg1 {
    width: 9%;
    left: 39.5%;
    top: -7%;
    transform: rotateZ(-100deg)
}

.stu-bg2 {
    width: 11%;
    left: -3.2%;
    bottom: -12.5%;
    transform: rotateZ(-15deg);
    z-index: 1
}

.video {
    background: rgba(0,0,0,.6);
    position: relative;
    z-index: 2
}

.vid-con {
    float: left;
    display: block;
    width: 28.3%;
    padding: 10% 3.5% 5% 5%
}

.vid-con .title {
    width: 80%;
    float: right;
    display: block;
    clear: both;
    text-align: right;
    padding-right: 0
}

.vid-con .title:after,.vid-con .title:before {
    display: table;
    content: ""
}

.vid-con .title:after {
    clear: both
}

.vid-pro {
    clear: both
}

.vid-pro:after,.vid-pro:before {
    display: table;
    content: ""
}

.vid-pro:after {
    clear: both
}

.vid-pro p {
    font-size: 18px;
    line-height: 36px;
    color: #fff;
    text-align: right
}

/**- 20180801 start -**/
.video-js {
    width: 100% !important;
    height: auto !important;
}
/**- 20180801 end -**/

.video-js .vjs-tech {
    position: relative
}

.video-js .vjs-big-play-button {
    width: 124px;
    height: 124px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -62px;
    margin-top: -62px;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    background: url(../images/video-btn.png) 0 0 no-repeat;
    background-size: 100% 100%
}

.vjs-poster {
    background-size: cover!important
}

.vid-time {
    margin: 1.6% 0 1.6% -1.5%
}

.vid-time li {
    width: 15.16%;
    margin-left: 1.5%;
    position: relative;
    cursor: pointer
}

.vid-time li:hover i {
    background: rgba(0,0,0,.3)
}

.vid-time .vt-con {
    padding: 0 4%;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50%;
    margin-top: -.5px;
    height: 52px;
    margin-top: -26px;
    z-index: 10
}

.vid-time p {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vid-time i {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.6);
    z-index: 1;
    transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s
}
/**- 20180801 start -**/
.play,.pause{width: 100%; height: 100%; opacity: 0.8; position: absolute; top: 0; left: 0; border: 0; padding: 0; }
.play{ background:url(../images/play.svg) center center no-repeat; background-size: 18% auto; }
.pause{ display: none; background:url(../images/pause.svg) center center no-repeat; background-size: 18% auto; }
/**- 20180801 end -**/

.sw-works .stu-con {
    background: #fff
}

.sw-works .stu-con > h4,.sw-works .stu-con > h5 {
    color: #2979ff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    font-weight: 400;
    letter-spacing: 0
}

.sw-works .st-main:hover .stu-con {
    background: rgba(0,0,0,.7)
}

.sw-works .st-main:hover .stu-con > h4,.sw-works .st-main:hover .stu-con > h5 {
    color: #fff
}

.sw-works .swiper-slide>div {
    margin-bottom: 20px
}

.sw-works .swiper-slide>div .stu-pro {
    margin-bottom: 1%
}

.sworks1>div:first-child .stu-pro {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 64px
}

.sworks1>div:last-child .stu-pro {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 96px
}

.sworks2>div:first-child .stu-pro {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 32px
}

.sworks2>div:last-child .stu-pro {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 128px
}

.sworks3>div:first-child .stu-pro {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 96px
}

.sworks3>div:last-child .stu-pro {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 64px
}

.sworks4>div:first-child .stu-pro {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 128px
}

.sworks4>div:last-child .stu-pro {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 32px
}

.sworks5>div:first-child .stu-pro {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 32px
}

.sworks5>div:last-child .stu-pro {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 128px
}

.works .sc-btn {
    z-index: 21
}

.wor-bg1 {
    width: 7.8%;
    left: 41%;
    top: -15.5%
}

.wor-bg2 {
    width: 17%;
    right: -9.8%;
    top: 3.5%;
    z-index: 20;
    transform: rotateZ(-7deg)
}

.dis-menu {
    z-index: 10;
    width: auto;
    height: auto;
    right: 4%;
    top: 50%;
    transform: translateY(-52%)
}

.dis-menu li {
    font-size: 30px;
    line-height: 44px;
    color: #fff;
    overflow: hidden;
    width: 50px;
    float: right;
    display: block;
    clear: both;
    cursor: pointer;
    padding-top: 20px;
    text-align: right;
    opacity: .6;
    filter: alpha(opacity=60);
    font-family: Arial;
    font-weight: 700;
    border-bottom: 4px solid #fff;
    transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s
}

.dis-menu li:after,.dis-menu li:before {
    display: table;
    content: ""
}

.dis-menu li:after {
    clear: both
}

.dis-menu li.dm-active {
    width: 140px;
    opacity: 1;
    filter: alpha(opacity=100);
    font-size: 60px;
    line-height: 70px
}

.sw-discuss {
    margin-left: 0
}

.dis-con {
    z-index: 1
}

.dis-con i {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.1);
    z-index: 2
}

.dis-con .swiper-container {
    visibility: hidden;
    height: 0;
    position: relative
}

/**- 20180801 start -**/
.dis-con .swiper-slide{
    position: relative;
}
/**- 20180801 end -**/

.dis-con .sw-discuss1 {
    visibility: visible;
    height: auto
}

.dis-con>div {
    visibility: hidden;
    height: 0
}

.dis-pro {
    width: 50%;
    left: 4%;
    bottom: 12%;
    z-index: 10
}

.dis-pro p {
    font-size: 18px;
    line-height: 34px;
    color: #fff
}

.dis-page {
    width: auto;
    left: 50%;
    bottom: 3%;
    transform: translateX(-50%)
}

.dis-page p {
    font-size: 18px;
    line-height: 40px;
    color: #fff
}

.dis-page b,.dis-page span {
    font-style: normal;
    font-weight: 400
}

.dis-btn {
    width: 103px;
    height: 40px;
    cursor: pointer;
    padding: 13px 20px 0 20px;
    transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s
}

.dis-prev:hover {
    padding-left: 12px;
    padding-right: 28px
}

.dis-next:hover {
    padding-right: 12px;
    padding-left: 28px
}

.dis-bg1 {
    width: 11%;
    left: 55.5%;
    top: -24%;
    z-index: 10;
    transform: rotateZ(-130deg)
}

.dis-bg2 {
    width: 11.8%;
    left: -4.5%;
    bottom: -9%;
    z-index: 10
}

.tid-con {
    padding: 20% 7.5% 6.5% 7.5%;
    left: 0;
    bottom: 0;
    background: url(../images/tea-layer.png) 0 0 no-repeat;
    background-size: 100% 100%
}

.tid-con p {
    font-size: 18px;
    line-height: 36px;
    color: #fff;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 72px
}

.tid-bg {
    width: 7.8%;
    top: -36%;
    right: 5%;
    z-index: 10;
    transform: rotateZ(-50deg)
}

.collect {
    margin-top: -7%;
    padding: 7% 0
}

.collect .sc-prev {
    left: 17.3%
}

.collect .sc-next {
    right: 17.3%
}

.tec-main {
    margin-top: -7%
}

.col-con {
    transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important
}

.col-con i {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.4);
    z-index: 2
}

.sw-collect {
    margin-left: 0
}

.sw-collect .swiper-slide-active .col-pro {
    opacity: 1;
    filter: alpha(opacity=100)
}

.sw-collect .swiper-slide-active i {
    opacity: 0;
    filter: alpha(opacity=0)
}

.col-pro {
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    position: absolute;
    padding: 20% 6% 5% 6%;
    left: 0;
    bottom: 0;
    z-index: 10;
    opacity: 0;
    filter: alpha(opacity=0);
    background: url(../images/tea-layer.png) 0 0 no-repeat;
    background-size: 100% 100%;
    background-repeat: repeat-x
}

.col-bg1 {
    width: 8%;
    position: absolute;
    left: 38%;
    top: 5%;
    z-index: 10
}

.col-bg2 {
    width: 3.5%;
    position: absolute;
    left: 55%;
    top: 0;
    transform: rotateZ(100deg);
    z-index: 10
}

.col-bg3 {
    width: 14.5%;
    position: absolute;
    right: -7.3%;
    top: 8.2%;
    transform: rotateZ(-170deg);
    z-index: 10
}

.col-bg4 {
    width: 7%;
    position: absolute;
    left: 30%;
    bottom: -21%;
    z-index: 10
}

.sw-teaching {
    margin-left: 0
}

.sw-teaching img {
    position: relative;
    z-index: 10
}

.tea-pro {
    background: #fff;
    position: relative;
    z-index: 8;
    margin-top: -20%;
    padding-top: 24%;
    padding-bottom: 5.8%
}

.tea-pro h4 {
    font-size: 24px;
    color: #949494;
    line-height: 32px;
    font-weight: 400;
    padding-bottom: 1.5%
}

.tea-pro p {
    font-size: 18px;
    line-height: 36px;
    color: #949494
}

footer {
    font-size: 16px;
    color: #fff;
    line-height: 34px;
    text-align: center;
    padding: 3.5% 0
}

.popup {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    display: none
}

.popup i {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.6);
    z-index: 1
}

.pop-main {
    width: 90%;
    height: 80%;
    position: fixed;
    left: 5%;
    top: 10%;
    z-index: 10;
    background: #fff;
    padding: 3%;
    padding-right: 1%;
    color: #2d2d2d
}

.pop-main>div {
    width: 100%;
    height: 100%
}

.pop-main h4 {
    font-size: 48px;
    line-height: 54px;
    font-weight: 400;
    margin-bottom: 1.5%
}

.pop-main h5 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 400;
    margin-bottom: 4%
}

.pop-main p {
    font-size: 18px;
    line-height: 36px
}

.pop-main h6 {
    font-size: 24px;
    line-height: 38px;
    font-weight: 400;
    padding-top: 4%;
    padding-bottom: 1%
}

.sw-popup {
    height: 100%;
    padding-right: 3%
}

.sw-popup .swiper-wrapper,.sw-popup .swiper-slide{
    width:100% !important;
}

.swiper-scrollbar {
    width: 6px;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    left: auto;
    right: 0;
    background: #eaeaea;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px
}

.swiper-scrollbar-drag {
    width: 6px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    background: #9e9e9e
}

.pop-close {
    width: 50px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px;
    z-index: 10;
    cursor: pointer;
    background: #fff
}

@media screen and (max-width: 1400px) {
    body {
        padding-top:3.5%
    }

    .hea-con {
        font-size: 14px;
        line-height: 24px
    }

    .hea-img img {
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }

    .profile {
        margin-top: -5.3%
    }

    .profile .title {
        margin-bottom: 3.5%
    }

    .title {
        font-size: 30px;
        line-height: 70px;
        max-width: 270px
    }

    .sc-date {
        font-size: 36px;
        line-height: 48px
    }

    .sc-week {
        font-size: 16px;
        line-height: 32px
    }

    .sc-main div {
        font-size: 16px;
        line-height: 34px
    }

    .lea-pro {
        padding-top: 7%;
        padding-bottom: 7%
    }

    .lea-pro h4 {
        font-size: 26px;
        line-height: 36px
    }

    .lea-bg {
        width: 10%;
        left: 33%
    }

    .lea-tit {
        font-size: 16px;
        line-height: 28px
    }

    .lea-info {
        font-size: 14px;
        line-height: 28px;
        height: 112px
    }

    .tea-con > h4 {
        font-size: 16px;
        line-height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .tea-con > h5 {
        font-size: 14px;
        line-height: 22px;
        -webkit-line-clamp: 1
    }

    .pop-main h4 {
        font-size: 38px;
        line-height: 50px
    }

    .pop-main h5 {
        font-size: 24px;
        line-height: 34px
    }

    .pop-main p {
        font-size: 16px;
        line-height: 32px
    }

    .pop-main h6 {
        font-size: 22px;
        line-height: 34px
    }

    .stu-con > h4 {
        font-size: 16px;
        line-height: 28px
    }

    .stu-con > h5 {
        font-size: 14px;
        line-height: 24px
    }

    .stu-pro {
        -webkit-line-clamp: 3;
        height: 84px
    }

    .stu-pro p {
        font-size: 14px;
        line-height: 28px
    }

    .more {
        font-size: 14px;
        line-height: 28px
    }

    .vid-time .vt-con {
        margin-top: -11px
    }

    .vid-time p {
        /*font-size: 14px;
        line-height: 22px*/
        font-size: 10px;
        line-height: 12px;
    }

    .video-js .vjs-big-play-button {
        width: 90px;
        height: 90px;
        margin-left: -45px;
        margin-top: -45px
    }

    .sworks1>div:first-child .stu-pro,.sworks3>div:last-child .stu-pro {
        height: 56px
    }

    .sworks1>div:last-child .stu-pro,.sworks3>div:first-child .stu-pro {
        height: 84px
    }

    .sworks2>div:first-child .stu-pro,.sworks4>div:last-child .stu-pro,.sworks5>div:first-child .stu-pro {
        height: 28px
    }

    .sworks2>div:last-child .stu-pro,.sworks4>div:first-child .stu-pro,.sworks5>div:last-child .stu-pro {
        height: 112px
    }

    .tid-con p {
        font-size: 16px;
        line-height: 30px;
        height: 60px
    }

    .col-pro {
        font-size: 16px;
        line-height: 30px
    }

    .tea-pro h4 {
        font-size: 22px;
        line-height: 30px
    }

    .tea-pro p {
        font-size: 16px;
        line-height: 30px
    }

    .sc-btn {
        width: 56px;
        height: 170px;
        margin-top: -85px
    }

    .sc-btn img {
        width: 34px;
        height: 34px;
        margin-top: -17px;
        margin-left: -17px
    }

    .vid-con {
        padding-left: 3%
    }

    .vid-pro p {
        font-size: 16px;
        line-height: 32px
    }

    .dis-menu li {
        font-size: 24px;
        line-height: 38px
    }

    .dis-menu li.dm-active {
        font-size: 54px
    }

    .dis-pro {
        left: 7%
    }

    .dis-pro p {
        font-size: 16px;
        line-height: 32px
    }
}

@media screen and (max-width: 1100px) {
    .vid-time li {
        width:30%;
        margin-top: .9%;
        margin-bottom: .9%
    }

    .video-js .vjs-big-play-button {
        width: 74px;
        height: 74px;
        margin-left: -37px;
        margin-top: -37px
    }

    .sc-date {
        font-size: 28px;
        line-height: 36px
    }

    .sc-main div {
        font-size: 14px;
        line-height: 30px
    }

    .lea-tit {
        font-size: 14px;
        line-height: 24px
    }

    .lea-info {
        line-height: 24px;
        -webkit-line-clamp: 3;
        height: 72px
    }

    .tea-bg2 {
        width: 20.5%
    }

    .col-pro,.tid-con p {
        font-size: 14px;
        line-height: 24px;
        height: 48px
    }

    .col-pro {
        height: auto
    }

    .tea-pro h4 {
        font-size: 18px;
        line-height: 22px
    }

    .tea-pro p {
        font-size: 14px;
        line-height: 30px
    }

    .sc-btn {
        width: 44px;
        height: 148px;
        margin-top: -74px
    }

    .sc-btn img {
        width: 28px;
        height: 28px;
        margin-top: -14px;
        margin-left: -14px
    }

    .dis-menu li {
        padding-top: 12px
    }

    .dis-menu li.dm-active {
        width: 110px;
        font-size: 44px
    }

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

@media screen and (max-width: 800px) {
    .moshow {
        display:block
    }
    
    /**- 20180801 start -**/
    .pcshow {
        display: none
    }
    /**- 20180801 end -**/

    .main {
        width: 90%
    }

    .m1 {
        margin: 0 0
    }

    .sc-btn {
        width: 40px;
        height: 120px;
        margin-top: -60px;
        background: rgba(0,0,0,.4)
    }

    .sc-btn img {
        width: 24px;
        height: 24px;
        margin-left: -12px;
        margin-top: -12px
    }

    .sc-btn:hover {
        background: rgba(0,0,0,.4)
    }

    .sc-btn.sc-prev {
        left: 5%
    }

    .sc-btn.sc-next {
        right: 5%
    }

    .header {
        width: 100%
    }

    .title {
        width: 170px
    }

    .hea-img {
        padding-top: 13%
    }

    .hea-img img {
        width: 100%
    }

    .hea-con {
        font-size: 12px;
        line-height: 20px;
        padding-top: 1%;
        padding-bottom: 13%
    }

    .profile {
        margin-top: -8.3%
    }

    /**- 20180801 start -**/
    .profile .main{
        padding-bottom: 5%;
    }
    .profile .prof-con ul{
        height: 355px;
    }
    .profile .prof-con .more {
        float: right;
        display: block;
        padding: 2% 0px;
    }
    .profile .more i {
        font-style: normal;
    }
    /**- 20180801 end -**/

    .profile h4 {
        margin-top: 2%
    }

    .profile h4,.profile p {
        font-size: 14px;
        line-height: 28px
    }

    .title {
        font-size: 18px;
        line-height: 42px
    }

    .sc-date {
        font-size: 22px;
        line-height: 30px
    }

    .sc-main {
        padding: 0 5%;
        padding-top: 6%;
        margin: 0
    }

    .sc-main div {
        padding-top: 1.5%
    }

    .lea-img {
        width: 100%
    }

    .lea-con {
        width: 100%;
        position: relative
    }

    .lea-con .title {
        margin-left: 5%
    }

    .lea-pro {
        padding-left: 5%
    }

    .tea-main {
        margin-left: -3%
    }

    .tea-main li {
        width: 47%;
        margin-left: 3%;
        margin-bottom: 3%
    }

    .tea-con > h4 {
        font-size: 16px;
        line-height: 24px
    }

    .more {
        line-height: 20px
    }

    .tea-bg1 {
        width: 13%;
        top: 1.8%;
        right: 33.5%
    }

    .tea-bg2 {
        width: 25%;
        bottom: 4%;
        right: 11%
    }

    .vid-con {
        float: none;
        width: 100%;
        padding-top: 1%
    }

    .vid-pro p {
        font-size: 14px;
        line-height: 24px
    }

    .video-js .vjs-big-play-button {
        width: 60px;
        height: 60px;
        margin-top: -30px;
        margin-left: -30px
    }

    .vid-time {
        margin-left: -3.33%
    }

    .vid-time li {
        margin-left: 3.33%;
        margin-top: 1.7%;
        margin-bottom: 1.7%
    }

    .collect .sc-prev {
        left: 0
    }

    .collect .sc-next {
        right: 0
    }

    .wor-bg1 {
        top: -15.5%
    }

    .stu-con {
        padding: 6% 7%
    }

    .stu-con > h4,.stu-con > h5 {
        letter-spacing: 0
    }

    .student .st-main:hover .stu-con {
        background: rgba(0,0,0,.6)
    }

    .sw-works .st-main:hover .stu-con {
        background: #fff
    }

    .sw-works .st-main:hover .stu-con > h4,.sw-works .st-main:hover .stu-con > h5 {
        color: #2979ff
    }

    .sw-works {
        margin-left: 0
    }

    .sw-works .swiper-slide>div {
        width: 48%;
        float: left;
        display: block;
        margin-bottom: 0
    }

    .sw-works .swiper-slide>div:first-child {
        margin-left: 0
    }

    .sw-works .swiper-slide>div:last-child {
        float: right;
        display: block;
        margin-left: 0
    }

    .stu-pro {
        height: 72px!important;
        -webkit-line-clamp: 3!important
    }

    .stu-pro p {
        line-height: 24px
    }

    .dis-menu li {
        font-size: 16px;
        line-height: 26px;
        padding-top: 6px;
        width: 36px;
        border-width: 2px;
        transition: all 0s linear 0s;
        -webkit-transition: all 0s linear 0s;
        -moz-transition: all 0s linear 0s;
        -o-transition: all 0s linear 0s
    }

    .dis-menu li.dm-active {
        font-size: 30px;
        line-height: 44px;
        width: 60px
    }

    .dis-next:hover,.dis-prev:hover {
        padding-left: 20px;
        padding-right: 20px
    }

    .tid-bg {
        top: -17%
    }

    .dis-pro {
        width: 75%;
        bottom: 20%
    }

    .dis-pro p {
        font-size: 14px;
        line-height: 20px
    }

    .pop-main h4 {
        font-size: 20px;
        line-height: 30px
    }

    .pop-main h5,.pop-main h6 {
        font-size: 16px;
        line-height: 30px
    }

    .pop-main p {
        font-size: 14px;
        line-height: 30px
    }

    .swiper-scrollbar,.swiper-scrollbar-drag {
        width: 4px;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -o-border-radius: 2px
    }

    .dis-page {
        width: 100%;
        text-align: center;
        left: 0;
        bottom: 0;
        font-size: 0;
        line-height: 0;
        transform: translateX(0);
        vertical-align: middle
    }

    .dis-page a,.dis-page p {
        display: inline-block;
        float: none;
        vertical-align: middle
    }

    .dis-page p {
        font-size: 14px;
        line-height: 34px
    }

    .dis-btn {
        padding-top: 10px;
        height: 34px
    }

    .hea-bg1 {
        width: 11%;
        right: 15.42%;
        top: 11%
    }

    .hea-bg2 {
        width: 11.33%;
        right: 23.46%
    }

    .hea-bg3 {
        width: 19%
    }

    .stu-bg1 {
        width: 14%;
        left: 48.5%;
        top: -11.5%
    }

    .pro-bg1 {
        width: 16.8%;
        top: 1.6%;
        right: 14.1%
    }

    .pro-bg2 {
        width: 21%
    }

    .lea-bg {
        width: 19%;
        left: 51%;
        top: 3%
    }

    .dis-bg1 {
        width: 14%;
        left: 60.5%;
        top: -30%
    }

    .dis-bg2 {
        width: 15.8%;
        left: -6.5%;
        bottom: -13%
    }

    .tid-bg {
        width: 9.8%
    }

    .col-pro {
        padding-left: 14%;
        padding-right: 14%;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .col-con i {
        display: none
    }

    .col-bg1 {
        width: 11%;
        left: 53%;
        top: 5.5%
    }

    .col-bg2 {
        width: 9.5%;
        left: 70%
    }

    .teaching .sc-prev {
        left: 0
    }

    .teaching .sc-next {
        right: 0
    }

    footer {
        font-size: 12px;
        line-height: 16px;
        padding: 6% 0
    }

    footer .main {
        width: 99.5%
    }

    footer p {
        padding: 1% 0
    }
}