/* 公用样式开始 */

* {
    text-decoration: none;
}

a {
    outline: none;
    color: #333;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
    outline: none;
}


/* 清除浮动 */

.clearfix {
    zoom: 1
}

.clearfix:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    content: '';
}

input {
    background: none;
    border: none;
    font-family: none;
    font-family: '微软雅黑';
}

textarea {
    font-family: '微软雅黑';
    resize: none;
}

ul li {
    list-style: none;
}

img {
    border: none;
    vertical-align: middle;
    max-width: 100%;
}

body {
    font-family: '微软雅黑';
    background: #fff;
}

address,
cite,
dfn,
em,
var,
i {
    font-style: normal;
}


/*将斜体扶正*/

.w1200 {
    width: 1200px;
    margin: 0 auto;
}


/* 宽1200px */


/* 公用样式结束 */


/* 头部 */

.under {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    border-bottom: 1px solid #e0e0e0;
    padding: 26px 0 18px;
}

.underlogo {
    display: block;
    float: left;
}

.underlogo:hover {
    opacity: 0.9;
}


/* 头部 */

.undery {
    float: right;
    margin-top: 32px;
}

.undery .zsrx {
    font-size: 15px;
    color: #333333;
    float: left;
    line-height: 42px;
}

.phone_cdh {
    display: none;
}

.undery .zsrx em {
    color: #fd6309;
    font-size: 24px;
    font-weight: bold;
    margin-left: 10px;
}

.sousuo {
    width: 42px;
    float: right;
    overflow: hidden;
    border-radius: 30px;
    height: 42px;
    margin-left: 20px;
}

.sousuo>a {
    float: right;
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    background: url(../img/sousuo.png) no-repeat center;
}

.sousuo>a:hover {
    background: url(../img/sousuol.png) no-repeat center;
}

.sousuo>div {
    overflow: hidden;
}

.sousuo input {
    padding: 0 0 0 15px;
    box-sizing: border-box;
    height: 42px;
    width: 100%;
    color: #5d5d5d;
}

.Navigation {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}

.Navigation>ul {
    font-size: 0;
    text-align: center;
}

.Navigation>ul>li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.Navigation>ul>li>a {
    display: block;
    font-size: 16px;
    color: #101010;
    line-height: 74px;
    height: 74px;
    position: relative;
    padding: 0 23px;
    overflow: hidden;
}

.Navigation>ul>li>a em {
    transition: all ease-out .3s;
    position: relative;
    display: inline-block;
}

.Navigation>ul>li>a em::after {
    position: absolute;
    left: 0;
    width: 100%;
    color: #004a96;
    content: attr(data-title);
    transform: translateY(100%);
}

.Navigation>ul>li.on>a em,
.Navigation>ul>li>a:hover em {
    transform: translateY(-100%);
}

.Navigation>ul>li>a span {
    display: block;
    width: 1px;
    height: 14px;
    background-color: #efefef;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
}

.Navigation>ul>li ul {
    background-color: #fff;
    position: absolute;
    top: 74px;
    left: 0;
    width: 100%;
    z-index: 99;
    display: none;
}

.Navigation>ul>li:hover ul {
    display: block;
}

.Navigation>ul>li ul li a {
    display: block;
    font-size: 15px;
    color: #101010;
    line-height: 40px;
}

.Navigation>ul>li ul li a:hover {
    color: #fff;
    background-color: #004a96;
}

.Navigation>ul>li ul .on a {
    color: #fff;
    background-color: #004a96;
}

.al_content {
    min-height: 600px;
}


/* 首页banner开始 */

#banner {
    width: 100%;
    height: 746px;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    z-index: 66;
    position: relative;
}

#banner .swiper-slide {
    height: 746px;
}

#banner .swiper-slide img {
    display: none;
}

#banner .swiper-button-prev {
    outline: none;
    background: url(../img/prev.png) no-repeat center;
    width: 49px;
    height: 49px;
    left: 35px;
    top: 50%;
    margin-top: -25px;
    cursor: pointer !important;
    z-index: 99;
    opacity: 1 !important;
    pointer-events: auto !important;
}

#banner .swiper-button-prev:hover {
    background: url(../img/prevb.png) no-repeat center;
    opacity: 1 !important;
    background-size: contain;
}

#banner .swiper-button-next {
    outline: none;
    background: url(../img/next.png) no-repeat center;
    width: 49px;
    height: 49px;
    right: 35px;
    top: 50%;
    margin-top: -25px;
    cursor: pointer !important;
    z-index: 99;
    opacity: 1 !important;
    pointer-events: auto !important;
}

#banner .swiper-button-next:hover {
    background: url(../img/nextb.png) no-repeat center;
    opacity: 1 !important;
    background-size: contain;
}


/* 首页banner结束 */


/* 栏目s */

.column {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 70px 0;
    background-color: #f8f9fb;
}

.column .swiper-slide {
    text-align: center;
    width: 16.66666666666667%;
}

.column .swiper-slide h3 {
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    line-height: 2.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.column .swiper-slide em {
    font-size: 18px;
    font-weight: normal;
    display: block;
    color: #333333;
    text-transform: uppercase;
    line-height: 2.2;
}

.column .swiper-slide span {
    display: block;
    width: 110px;
    height: 110px;
    background-color: #f8f9fb;
    border-radius: 50%;
    margin: 0 auto 20px;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    background-size: 0;
}

.column .swiper-slide a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 66;
}

.column .swiper-slide:hover span {
    background-color: #004a96;
    margin: 0 auto 10px;
    transition: all ease-out .4s;
}

.column .swiper-slide span img {
    display: block;
    margin: 20px auto;
}

.column .swiper-slide span .Lpic2 {
    display: none;
}

.column .swiper-slide:hover span .Lpic2 {
    display: block;
}

.column .swiper-slide:hover span .Lpic1 {
    display: none;
}


/* 栏目 */


/* 走进艺韵 */

.walk {
    width: 100%;
    overflow: hidden;
    margin: 80px auto 90px;
    max-width: 1200px;
}

.walkz {
    float: left;
}

.walky {
    float: left;
    margin-left: 55px;
    width: 52%;
}

.topheader h2 a {
    display: block;
    font-size: 36px;
    color: #333333;
    background: url(../img/music.png) no-repeat left center;
    padding: 25px 0 0 60px;
}

.topheader h2 a:hover {
    color: #fd5e0b;
}

.topheader h2 a span {
    display: inline-block;
    vertical-align: bottom;
    width: 13px;
    height: 13px;
    border: 1px solid #fd5e0b;
    border-radius: 50%;
    margin-left: 10px;
}

.walkynr {
    text-indent: 2em;
    font-size: 14px;
    color: #666666;
    line-height: 32px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 55px auto 65px;
    width: 100%;
}

.walkynrx {
    font-size: 0;
}

.walkynrx a {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #666666;
    line-height: 54px;
    width: 186px;
    margin-right: 20px;
    border: 1px solid #dadada;
    text-align: center;
    position: relative;
}

.walkynrx a::before,
.walkynrx a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    content: '';
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}

.walkynrx a::before {
    border-top: 1px solid #fd5e0b;
    border-bottom: 1px solid #fd5e0b;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.walkynrx a::after {
    border-right: 1px solid #fd5e0b;
    border-left: 1px solid #fd5e0b;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.walkynrx a:hover {
    border: 1px solid transparent;
    color: #fd5e0b;
}

.walkynrx a:hover::before,
.walkynrx a:hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* 走进艺韵 */

.teacher {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.teacher .topheader {
    text-align: center;
    font-size: 0;
}

.teacher .topheader h2 {
    display: inline-block;
    vertical-align: middle;
}

.topheader em {
    display: block;
    font-size: 18px;
    color: #999999;
    line-height: 68px;
    margin: 20px auto 0;
}

.lsbottom {
    width: 100%;
    overflow: hidden;
    height: 590px;
    background-color: #045db8;
    position: relative;
    background: url(../img/img.jpg) no-repeat bottom center;
}

#teacherxg {
    max-width: 1200px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.teacherimgy {
    float: right;
    width: 460px;
}

.teacherimgy span {
    display: none;
}

.teacherimg {
    float: left;
    width: 400px;
    margin-top: 240px;
}

.teacherimg h3 a {
    display: block;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
    line-height: 56px;
}

.teacherimg span {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    border-bottom: 1px solid #39a7e4;
    width: 215px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.teacherimg div {
    font-size: 14px;
    color: #ffffff;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 35px;
}

#teacherxg .swiper-button-prev {
    outline: none;
    background: url(../img/s.png) no-repeat center;
    width: 50px;
    height: 50px;
    left: 0;
    bottom: 50px;
    top: auto;
    border-radius: 50%;
}

#teacherxg .swiper-button-next {
    outline: none;
    background: url(../img/x.png) no-repeat center;
    width: 50px;
    height: 50px;
    left: 60px;
    bottom: 50px;
    top: auto;
    border-radius: 50%;
}

#teacherxg .swiper-button-prev:hover,
#teacherxg .swiper-button-next:hover {
    background-color: #fd6309;
}

.teacherimg h3 a:hover {
    color: #fd6309;
}


/* 授课名师 */


/* 授课名师 */

.examination {
    width: 100%;
    margin: 70px auto;
    max-width: 1200px;
}

.examination .topheader {
    text-align: center;
    font-size: 0;
}

.examination .topheader h2 {
    display: inline-block;
    vertical-align: middle;
}

.examination .swiper-slide div {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: url(../img/black.png) repeat center;
}

.examination #exambottom {
    min-height: 360px;
}

.examination #exambottom .swiper-slide {
    width: 21.66666666666667%;
    margin: 0 20px;
}

#exambottom .swiper-button-prev {
    left: 30px;
}

#exambottom .swiper-button-next {
    right: 30px;
}

.examination .swiper-slide div a {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}

.examination .swiper-slide div span {
    display: block;
    line-height: 26px;
    color: #fff;
    margin: 130px 40px 40px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 78px;
}

.examination .swiper-slide div em {
    display: block;
    line-height: 28px;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    width: 116px;
    margin: 0 auto;
}

.examination .swiper-slide:hover div {
    bottom: 0;
    transition: all ease-out .4s;
}

.more {
    font-size: 0;
    text-align: center;
    margin: 55px auto 0;
}

.more em,
.more i,
.more span {
    display: inline-block;
    vertical-align: middle;
}

.more em {
    width: 46px;
    height: 46px;
    border: 2px solid #e7e7e7;
    border-radius: 50%;
}

.more i {
    width: 40px;
    height: 3px;
    background-color: #2290ce;
    margin: 0 10px 0 -10px;
}

.more span {
    color: #2290ce;
    font-size: 16px;
    text-transform: uppercase;
}

.more:hover em {
    border: 2px solid #2290ce;
    transition: all ease-out .4s;
    margin-right: 10px;
}

.more:hover i {
    width: 0;
    transition: all ease-out .4s;
}


/* 授课名师 */


/* 视频鉴赏 */

.indexvideo {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background: url(../img/img3.jpg) no-repeat center;
}

.indexvideo .topheader {
    text-align: center;
    font-size: 0;
    margin: 40px auto 70px;
}

.indexvideo .topheader h2 {
    display: inline-block;
    vertical-align: middle;
}

.indexvideo .topheader h2 a {
    color: #fff;
    background: url(../img/musicb.png) no-repeat left center;
}

.indexvideo .topheader h2 a:hover {
    color: #fd5e0b;
}

.indexvideo {
    width: 100%;
    margin: 0 auto;
}

.video {
    padding: 0 72px;
}

.video .swiper-slide .syvideo {
    position: relative;
    height: auto;
    overflow: hidden;
}

.video .swiper-slide .syvideo a {
    display: block;
}


/* .video .swiper-slide .syvideo a img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
} */

.video .swiper-slide:hover .syvideo a img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
}

.syvideo .symask {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.syvideo .symask::before {
    width: 80px;
    height: 80px;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
    transform: translate(-50%, -50%);
    opacity: 0;
    border: 2px solid rgba(255, 255, 255, 0.05);
    border-radius: 132px;
}

.video .swiper-slide:hover .symask::before {
    width: 136px;
    height: 136px;
    opacity: 1;
    border: 2px solid rgba(255, 255, 255, 0.25);
}

.syvideo .symask::before,
.syvideo .symask::after {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    content: "";
}

.video .swiper-slide:hover .symask::after {
    width: 106px;
    height: 106px;
    border: 2px solid rgba(255, 255, 255, 0.8);
}

.syvideo .symask::after {
    width: 66px;
    height: 66px;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transform: translate(-50%, -50%);
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 106px;
}

.syvideo .symask a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
}

.syvideo .symask a img {
    display: block;
    margin: 26px auto;
}

.video .swiper-slide h3 a {
    display: block;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    position: relative;
}

.video .swiper-slide h3 a i {
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 0px;
    left: 0;
    background-color: #fff;
    display: block;
}

.video .swiper-slide:hover h3 a i {
    width: 100%;
    transition: all ease-out .4s;
}

.moretwo {
    width: 150px;
    height: 38px;
    text-align: center;
    margin: 45px auto 35px;
}

.moretwo a {
    display: block;
    line-height: 38px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    border: 1px solid #fff;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.moretwo a:hover {
    border: 1px solid #fd5e0b;
}

.moretwo a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fd5e0b;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.moretwo a:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* 视频鉴赏 */


/* 艺考资讯 */

.information {
    max-width: 1200px;
    margin: 145px auto 75px;
    overflow: hidden;
    width: 100%;
}

.information .topheader {
    text-align: center;
    font-size: 0;
}

.information .topheader h2 {
    display: inline-block;
    vertical-align: middle;
}

.information .topheader em {
    margin-top: 0;
}

#zixun {
    width: 100%;
    overflow: hidden;
    margin: 90px auto 60px;
}

.information #zixun .swiper-slide {
    width: 50%;
}

.zixunss {
    padding: 0 65px;
    text-align: center;
}

.zixunss span {
    font-size: 50px;
    color: #004c99;
    font-weight: bold;
}

.zixunss h3 a {
    font-size: 18px;
    color: #333333;
    font-weight: normal;
    display: block;
    margin-top: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.information #zixun .swiper-slide:hover .zixunss h3 a {
    color: #004c99;
}

.zixunss>em {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.zixunss div {
    font-size: 0;
    padding: 30px 0 20px;
}

.zixunss div i,
.zixunss div em {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.zixunss div i {
    width: 45px;
    height: 1px;
    background-color: #b2b2b2;
}

.zixunss div em {
    width: 4px;
    height: 4px;
    background-color: #b2b2b2;
}


/* 艺考资讯 */

.school {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background: url(../img/img5.jpg) no-repeat center;
}

.school .topheader {
    font-size: 0;
    text-align: center;
    margin: 40px auto 0;
}

.school .topheader h2 {
    display: inline-block;
    vertical-align: middle;
}

.school .topheader h2 a {
    color: #fff;
}

.school .topheader h2 a:hover {
    color: #fd5e0b;
}

.school .topheader h2 a {
    color: #fff;
    background: url(../img/musicb.png) no-repeat left center;
}

#schoolhz {
    width: 100%;
    overflow: hidden;
    margin: 92px auto 100px;
    max-width: 1200px;
}

.school #schoolhz .swiper-slide {
    width: 18.16666666666667%;
    margin-right: 27px;
}

#schoolhz .swiper-slide a {
    display: block;
    height: 108px;
    overflow: hidden;
}

#schoolhz .swiper-slide a img {
    transition: all .3s ease-out 0s;
}

#schoolhz .swiper-slide:hover a img {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2);
}


/* 艺考资讯 */


/* bottom */

.fotter {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background-color: #1f262d;
    padding: 40px 0 30px;
}

.fotterz {
    width: 690px;
    float: left;
}

.fotterz1 {
    border-bottom: 1px dashed #c3c3c3;
    padding-bottom: 30px;
}

.fotterz1 img,
.fotterz1 div {
    display: inline-block;
    vertical-align: middle;
}

.fotterz1 div {
    font-size: 14px;
    color: #c3c3c3;
    line-height: 30px;
    margin-left: 10px;
}

.fotterz2 {
    padding-top: 20px;
    font-size: 0;
}

.fotterz2 span {
    font-size: 14px;
    font-weight: normal;
    color: #d3d3d3;
    line-height: 40px;
}

.fotterz2 a {
    font-size: 14px;
    font-weight: normal;
    color: #d3d3d3;
    line-height: 40px;
}

.fotterz2 .bry {
    margin-right: 8px;
}

.fotterz2 a:hover {
    color: #fff;
}

.fotterz2 .hb_gaba {
    padding-right: 25px;
    min-height: 30px !important;
    background: url(../img/gaba.png) no-repeat right center;
    margin: 0 10px 0 0;
}

.fotterz2 img {
    margin-bottom: 10px;
    margin-right: 5px;
}

.fottery {
    width: 290px;
    float: right;
    margin-top: 20px;
}

.bottom1 {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #c3c3c3;
    line-height: 30px;
    /* margin-top: 20px; */
    /* text-align: center; */
}

.fottery1 {
    float: left;
}

.fottery img {
    float: right;
    display: block;
}

.fottery1 span {
    display: block;
    font-size: 14px;
    color: #cccdd1;
    line-height: 2;
    padding: 50px 0 10px;
}

#fenxing {
    font-size: 0;
    text-align: right;
}

#fenxing a {
    display: inline-block;
    vertical-align: middle;
    float: none;
    padding: 0;
    margin: 0;
    color: #999;
    height: 30px;
    width: 30px;
    margin-left: 10px;
}

#fenxing .bds_sqq {
    background: url(../img/fx.png) no-repeat left center;
}

#fenxing .bds_weixin {
    background: url(../img/fx.png) no-repeat center;
}

#fenxing .bds_tsina {
    background: url(../img/fx.png) no-repeat right center;
}


/* bottom */


/* 子页二级 */

.zy_nay {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    height: 360px;
}

.zy_nay div {
    height: 360px;
}

.zy_nay div img {
    display: none;
}

.naytwo {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 20px 0;
    background-color: #f8f8f8;
}

.naytwoz {
    float: left;
}

.naytwoz h2 {
    background: url(../img/zymusic.png) no-repeat left center;
    font-size: 28px;
    color: #333333;
    line-height: 45px;
    padding-left: 45px;
}

.naytwoz h2 span {
    display: inline-block;
    vertical-align: bottom;
    width: 10px;
    height: 10px;
    border: 1px solid #fd5e0b;
    border-radius: 50%;
    margin-left: 8px;
}

.naytwoy {
    float: right;
    font-size: 0;
    background: url(../img/dqwz.png) no-repeat left center;
    padding-left: 25px;
}

.naytwoy a,
.naytwoy span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #999999;
    line-height: 45px;
}

.naytwoy a {
    margin: 0 3px;
}

.naytwoy a:hover {
    color: #004c99;
}

.zynav {
    width: 100%;
    max-width: 1200px;
    margin: 45px auto 0;
    overflow: hidden;
}

.zynav ul {
    font-size: 0;
}

.zynav ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-bottom: 20px;
}

.zynav ul li a {
    display: block;
    line-height: 48px;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    padding: 0 47px;
    color: #333333;
    min-width: 64px;
    text-align: center;
    position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.zynav ul .on a {
    border: 1px solid #004c99;
    color: #fff;
    background-color: #004c99;
    background-image: url(../img/xz.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.zynav ul li:hover {
    color: #fff;
    background-image: url(../img/xz.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.zynav ul li:hover a {
    color: #fff;
    border: 1px solid #004c99;
}

.zynav ul li a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #004c99;
    background-image: url(../img/xz.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border: 1px solid #004c99;
}

.zynav ul li a:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.publiczy {
    width: 100%;
    overflow: hidden;
    margin: 45px auto 80px;
    min-height: 600px;
}

.add {
    width: 100%;
    height: 100%;
    overflow: hidden;
}


/* 子页二级 */


/*招生简章  */

.rules {
    background: url(../img/jz.png) no-repeat left center;
    padding: 45px 0;
    width: 100%;
    overflow: hidden;
    font-size: 0;
    margin: 0 auto 40px;
}

.rules h3 {
    font-size: 36px;
    color: #000000;
    background: url(../img/zymusic.png) no-repeat left center;
    line-height: 45px;
    padding: 0 30px 0 45px;
    margin-left: 30px;
    border-bottom: 10px solid #c3defa;
    display: inline-block;
    vertical-align: middle;
}


/*招生简章  */


/* 开设专业 */

.majorz {
    width: 46%;
    float: left;
}

.majory {
    float: right;
    width: 560px;
}

.majortop {
    background: url(../img/jz.png) no-repeat left center;
    padding: 45px 0;
    width: 100%;
    overflow: hidden;
    font-size: 0;
    margin: 0 auto 15px;
}

.majortop h3 {
    font-size: 36px;
    color: #000000;
    background: url(../img/zymusic.png) no-repeat left center;
    line-height: 45px;
    padding: 0 30px 0 45px;
    margin-left: 30px;
    border-bottom: 10px solid #c3defa;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
}

.majortwo {
    width: 100%;
    overflow: hidden;
    margin: 70px auto;
}

.majortwo .majory {
    float: left;
    width: 560px;
}

.majortwo .majorz {
    width: 46%;
    float: right;
}

.majorul {
    font-size: 0;
}

.majorul li {
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    width: 30%;
    min-height: 280px;
    margin: 10px 20px;
    -moz-box-shadow: 0px 2px 5px rgb(228, 228, 228);
    -webkit-box-shadow: 0px 2px 5px rgb(228, 228, 228);
    box-shadow: 0px 2px 5px rgb(228, 228, 228);
}

.majorul li div {
    padding: 20px;
}

.majorul li div span {
    border-bottom: 2px solid #004c99;
    line-height: 2;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
}


/* 开设专业 */


/* 联系方式 */

.cuntus {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    max-width: 1200px;
}

.cuntusz {
    width: 680px;
    float: left;
    margin-top: 80px;
}

.cuntusz img {
    display: block;
    float: left;
    margin-right: 10px;
}

.cuntusz .cuntusztop div {
    float: left;
}

.cuntusz div span {
    font-size: 20px;
    color: #333;
    display: block;
    line-height: 1.2;
}

.cuntusz div a {
    display: block;
    font-weight: bold;
    color: #fd6309;
    font-size: 36px;
    line-height: 1.2;
}

.cuntusul li {
    line-height: 24px;
    color: #333;
    line-height: 76px;
    border-bottom: 1px dashed #d1d1d1;
    padding-left: 40px;
}

.cuntusul .cutus1 {
    background: url(../img/icon8.png) no-repeat left center;
}

.cuntusul .cutus2 {
    background: url(../img/icon9.png) no-repeat left center;
}

.cuntusul .cutus3 {
    background: url(../img/icon10.png) no-repeat left center;
}

.cuntusy {
    background: url(../img/bjk.jpg) no-repeat center;
    width: 387px;
    float: right;
}

.cuntusy img {
    display: block;
    margin: 90px auto 0;
    width: 240px;
    height: 233px;
}

.cuntusy span {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 2;
    color: #004c99;
    padding: 10px 0 40px;
}

.bdmap {
    width: 100%;
    height: 510px;
    overflow: hidden;
    margin: 120px auto 0;
}

.publiclx {
    width: 100%;
    overflow: hidden;
    margin: 45px auto 0;
}


/* 联系方式 */


/* 网站地图 */

.Website {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.Website img {
    display: block;
    margin: 50px auto;
}

.Websiteul>li {
    float: left;
    line-height: 50px;
    text-align: center;
    max-width: 125px;
}

.Websiteul>li>a {
    display: block;
    font-size: 15px;
    color: #101010;
    border-bottom: 1px solid #d4d4d4;
    line-height: 51px;
    padding: 0 25px;
}

.Websiteul>li>a:hover {
    border-bottom: 1px solid #004c99;
    color: #004c99;
}

.Websiteul>li>ul {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.Websiteul>li>ul li {
    line-height: 30px;
}

.Websiteul>li>ul li a {
    color: #666;
    font-size: 14px;
    line-height: 30px;
}

.Websiteul>li>ul li a:hover {
    color: #004c99;
}


/* 网站地图 */


/* 艺考成果 */

.education {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 20px;
    min-height: 600px;
}

.education ul {
    margin-right: -53px;
}

.education ul li {
    /* width: 260px;
    height: 360px;
    overflow: hidden;
    float: left;
    position: relative;
    margin: 0 53px 50px 0; */
    width: 572px;
    height: 359px;
    position: relative;
    float: left;
    margin: 0 53px 49px 0px;
    overflow: hidden;
    background-color: #f8f8f8;
}

.education ul li img {
    width: 45.6%;
}

.education ul li>div {
    position: absolute;
    left: 0;
    /* bottom: -100%; */
    bottom: 0;
    width: 100%;
    height: 99%;
    /* background: url(../img/black.png) center; */
}

.education ul li .lj_xg_a {
    width: 54.4%;
    float: right;
    padding: 29px 15px;
    box-sizing: border-box;
}

.education ul li .lj_xg_a div {
    width: 85%;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #edebeb;
    color: #333333;
    font-size: 16px;
    /* font-weight: 700; */
    display: block;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.education ul li .lj_xg_a .lj_xg_xm {
    font-weight: 700;
    font-style: italic;
    height: 59px;
    line-height: 59px;
}

.education ul li .lj_xg_a .lj_xg_xm em {
    font-size: 30px;
    font-style: italic;
}

.education ul li .lj_xg_a .lj_xg_more {
    margin-top: 27px;
    width: 95px;
    height: 30px;
    background-color: #fff;
    border: 0;
    color: #333;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
}

.education ul li .lj_xg_a .lj_xg_more:hover {
    color: #fff;
    background-color: #004c99;
}

.education ul li>div a {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}


/* .education ul li div span {
    display: block;
    line-height: 26px;
    color: #fff;
    margin: 130px 40px 40px;
    text-align: center;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 78px;
} */


/* .education ul li div em {
    display: block;
    line-height: 28px;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    width: 116px;
    margin: 0 auto;
} */


/* .education ul li:hover div {
    bottom: 0;
    transition: all ease-out .4s;
} */


/* 分页 */

.fenye {
    font-size: 0;
    text-align: center;
}

.detailed_s {
    overflow: hidden;
}

.detailed_xxjs {
    margin-top: 53px;
    line-height: 80px;
    padding-left: 29px;
    border-bottom: 1px solid #edebeb;
    box-sizing: border-box;
    color: #333333;
    font-size: 30px;
    font-weight: 700;
}

.detailed_nr {
    min-height: 251px;
    padding: 20px 10px;
    box-sizing: border-box;
}

.detailed_s_zuo {
    float: left;
    width: 26.6%;
}

.detailed_s_zuo img {
    width: 100%;
}

.detailed_s_you {
    float: right;
    width: 70%;
}

.detailed_s_mz {
    height: 93px;
    line-height: 93px;
    padding-left: 19px;
    font-size: 16px;
    color: #333;
    box-sizing: border-box;
    font-style: italic;
    font-weight: 700;
    border-bottom: 1px solid #edebeb;
}

.detailed_s_mz em {
    font-size: 30px;
    color: #333;
    font-weight: 700;
    font-style: italic;
}

.detailed_s_mz a {
    display: block;
    float: right;
    font-size: 14px;
    color: #333333;
    font-style: initial;
    text-align: center;
    width: 96px;
    height: 36px;
    line-height: 36px;
    margin-top: 33px;
    border: 1px solid #edebeb;
}

.detailed_s_mz a:hover {
    color: #fff;
    background-color: #004c99;
}

.detailed_s_xx div {
    line-height: 47px;
    font-size: 16px;
    color: #333;
}

.detailed_s_you .detailed_s_sl {
    margin-top: 84px;
    font-size: 14px;
    color: #999999;
    margin-right: 15px;
}

.detailed_s_xx {
    padding-top: 20px;
    box-sizing: border-box;
}

.detailed_s_you .detailed_s_sl img {
    margin-right: 5px;
    width: auto;
}

.detailed_s_you .detailed_s_sl span {
    margin-right: 15px;
}

.fenye a,
.fenye span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #333333;
    text-transform: uppercase;
    line-height: 48px;
    border-bottom: 2px solid transparent;
    margin: 0 15px;
    min-width: 30px;
}

.fenye a[href]:hover {
    border-bottom: 2px solid #045db8;
    color: #045db8;
}

.fenye span {
    border-bottom: 2px solid #045db8;
    color: #045db8;
}


/* 分页 */


/* 教学环境 */

.Science {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 50px;
    min-height: 600px;
}

.Science ul {
    margin-right: -30px;
}

.Science ul li {
    float: left;
    width: 380px;
    margin: 0 30px 45px 0;
}

.Science ul li>a {
    display: block;
    width: 100%;
    height: 250px;
    overflow: hidden;
    cursor: pointer;
}

.Science ul li>a img {
    transition: all .3s ease-out 0s;
}

.Science ul li:hover>a img {
    -webkit-transform: scale(1.06, 1.06);
    transform: scale(1.06);
}

.Science ul li h3 a {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    line-height: 62px;
    text-align: center;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
}

.Science ul li h3 a i {
    width: 0;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: #045db8;
    display: block;
}

.Science ul li:hover h3 a i {
    width: 100%;
    transition: all ease-out .4s;
}

.Science ul li:hover h3 a {
    color: #045db8;
    transition: all ease-out .4s;
}


/* 教学环境 */


/* 视频鉴赏 */

.zyvideos {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 50px;
    min-height: 600px;
}

.zyvideos ul {
    font-size: 0;
}

.zyvideos ul li {
    display: inline-block;
    vertical-align: middle;
    width: 536px;
    margin: 0 32px 25px;
}

.zyvideos ul li h3 a {
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    line-height: 64px;
    text-align: center;
    position: relative;
}

.zyvideos ul li h3 a i {
    width: 0;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: #045db8;
    display: block;
}

.zyvideos ul li:hover h3 a i {
    width: 100%;
    transition: all ease-out .4s;
}

.zyvideos ul li:hover h3 a {
    color: #045db8;
    transition: all ease-out .4s;
}

.zyvideos ul li .zyvideo {
    width: 100%;
    height: 352px;
    overflow: hidden;
    position: relative;
}

.zyvideos ul li .zyvideo a {
    display: block;
}


/* .zyvideos ul li .zyvideo a img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
} */

.zyvideos ul li:hover .zyvideo a img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
}

.zyvideo .item_mask {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.zyvideo .item_mask::before,
.zyvideo .item_mask::after {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    content: "";
}

.zyvideo .item_mask::before {
    width: 80px;
    height: 80px;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
    transform: translate(-50%, -50%);
    opacity: 0;
    border: 2px solid rgba(255, 255, 255, 0.05);
    border-radius: 132px;
}

.zyvideo .item_mask::after {
    width: 66px;
    height: 66px;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transform: translate(-50%, -50%);
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 106px;
}

.zyvideos ul li:hover .zyvideo .item_mask::before {
    width: 136px;
    height: 136px;
    opacity: 1;
    border: 2px solid rgba(255, 255, 255, 0.25);
}

.zyvideos ul li:hover .zyvideo .item_mask::after {
    width: 106px;
    height: 106px;
    border: 2px solid rgba(255, 255, 255, 0.8);
}

.item_mask a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
}

.item_mask a img {
    display: block;
    margin: 26px auto;
}


/* 视频鉴赏 */

.Cooperation {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 50px;
    min-height: 600px;
}

.Cooperation ul {
    margin-right: -27.5px;
}

.Cooperation ul li {
    float: left;
    width: 218px;
    margin: 0 27.5px 38px 0;
}

.Cooperation ul li a {
    display: block;
    height: 108px;
    overflow: hidden;
}

.Cooperation ul li>a img {
    transition: all .3s ease-out 0s;
}

.Cooperation ul li:hover>a img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1);
}


/* 视频鉴赏 */


/* 艺考资讯 */

.zynews {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 50px;
    min-height: 600px;
}

.zynews ul {
    font-size: 0;
}

.zynews li {
    display: inline-block;
    vertical-align: middle;
    width: 575px;
    background-color: #fff;
    margin: 10px 15px 35px 10px;
    position: relative;
    -moz-box-shadow: 0px 2px 10px rgb(228, 228, 228);
    -webkit-box-shadow: 0px 2px 10px rgb(228, 228, 228);
    box-shadow: 0px 2px 10px rgb(228, 228, 228);
    transition: all .3s ease-out 0s;
}

.zynews li .newsdiv {
    padding: 25px 40px;
}

.zynews li>i {
    display: block;
    width: 0;
    height: 3px;
    background-color: #004c99;
    position: absolute;
    left: 0;
    bottom: 0;
}

.zynews li:hover>i {
    width: 100%;
    transition: all .3s ease-out 0s;
}

.zynews li h3 a {
    display: block;
    font-weight: bold;
    color: #333333;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zynews li:hover h3 a {
    color: #fd6309;
    transition: all .3s ease-out 0s;
}

.zynews li h3 a i {
    text-transform: capitalize;
    color: #333333;
}

.zynews li span {
    color: #999999;
    font-size: 14px;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 15px 0 15px 52px;
}

.zynews li .newsdiv div {
    font-size: 0;
}

.zynews li .newsdiv div em,
.zynews li .newsdiv div a {
    display: inline-block;
    vertical-align: middle;
}

.zynews li .newsdiv div em {
    font-size: 14px;
    color: #333333;
    background: url(../img/icon12.png) no-repeat left center;
    padding-left: 28px;
    margin-right: 15px;
    margin-left: 20px;
}

.zynews li .newsdiv div a {
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    background-color: #fff;
    padding: 0 6px;
    text-align: center;
}

.zynews li:hover .newsdiv div a {
    background-color: #004a96;
    transition: all .3s ease-out 0s;
}


/* 艺考资讯 */


/* 在线报名 */

.enroll {
    width: 630px;
    float: left;
    overflow: hidden;
}

.enrollOnlinecs div {
    width: 99%;
    height: 54px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin: 0 auto 30px;
}

.enrollOnlinecs div span {
    display: block;
    width: 60px;
    height: 100%;
    float: left;
}

.enrollOnlinecs div input {
    height: 54px;
    line-height: 54px;
    float: left;
    font-size: 16px;
    width: 85%;
}

.enrollOnlinecs div select {
    height: 54px;
    line-height: 54px;
    float: left;
    font-size: 16px;
    width: 85%;
    border: none;
    outline: none;
    background: none;
}

.enrollOnlinecs div input::placeholder {
    color: #999;
}

.enrollOnlinecs .enrollOnlinec1 span {
    background: url(../img/icon17.png) no-repeat center;
}

.enrollOnlinecs .enrollOnlinec5 span {
    background: url(../img/icon18.png) no-repeat center;
}

.enrollOnlinecs .enrollOnlinec3 span {
    background: url(../img/icon20.png) no-repeat center;
}

.enrollOnlinecz {
    width: 99%;
    margin: 0 auto 30px;
    overflow: hidden;
    height: 118px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

.enrollOnlinecz span {
    display: block;
    font-size: 16px;
    color: #999999;
    background: url(../img/xx.png) no-repeat left center;
    padding-left: 35px;
    margin: 10px 0 0 25px;
    line-height: 30px;
}

.enrollOnlinecz textarea {
    padding: 0 15px 10px;
    width: 95%;
    height: 67px;
    border: none;
    font-size: 16px;
    line-height: 1.5;
    overflow-y: auto;
}

.enrollOnlinecx div,
.enrollOnlinecx a {
    display: inline-block;
    vertical-align: middle;
}

.enrollOnlinecx {
    width: 99%;
    height: 54px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin: 0 auto 30px;
    overflow: hidden;
}

.enrollOnlinecx span {
    width: 60px;
    height: 100%;
    float: left;
    background: url(../img/sz.png) no-repeat center;
}

.enrollOnlinecx input {
    height: 54px;
    line-height: 54px;
    float: left;
    font-size: 16px;
    width: 70%;
}

.enrollOnlinecx img {
    float: right;
    display: block;
    width: 100px;
    height: 54px;
    cursor: pointer;
}

.enrollOnlinecx input::placeholder {
    color: #999;
}

.tjcz a {
    display: block;
    width: 235px;
    line-height: 54px;
    border-radius: 5px;
    float: left;
    font-size: 20px;
    color: #fff;
    background-color: #08428d;
    text-align: center;
    margin-right: 20px;
}

.tjcz a:hover {
    background-color: #fd6309;
}

.xianmuy {
    width: 500px;
    float: right;
}


/* 在线报名 */


/* 在线留言 */

.Online {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.Onlinetop h2 {
    font-size: 30px;
    font-weight: bold;
    color: #08428d;
    line-height: 1.2;
    background: url(../img/logo3.jpg) no-repeat left center;
    padding-left: 76px;
}

.Onlinetop h2 i {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    color: #87c14e;
    margin-left: 10px;
}

.Onlinetop span {
    display: block;
    font-size: 14px;
    display: block;
    color: #333333;
    padding: 20px 0 35px;
}

.Onlinec {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.Onlinecs {
    font-size: 0;
}

.Onlinecs div {
    width: 340px;
    height: 54px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    float: left;
}

.Onlinecs div span {
    display: block;
    width: 48px;
    height: 100%;
    float: left;
}

.Onlinecs div input {
    height: 54px;
    line-height: 54px;
    float: right;
    font-size: 16px;
    width: 85%;
}

.Onlinecs div input::placeholder {
    color: #999;
}

.Onlinecs .Onlinec1 span {
    background: url(../img/icon17.png) no-repeat center;
}

.Onlinecs .Onlinec2 {
    margin-left: 85px;
}

.Onlinecs .Onlinec3 {
    margin-left: 85px;
}

.Onlinecs .Onlinec2 span {
    background: url(../img/yx.png) no-repeat center;
}

.Onlinecs .Onlinec3 span {
    background: url(../img/icon20.png) no-repeat center;
}

.Onlinecz {
    width: 99%;
    margin: 30px auto;
    overflow: hidden;
    height: 244px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

.Onlinecz span {
    display: block;
    font-size: 16px;
    color: #999999;
    background: url(../img/xx.png) no-repeat left center;
    padding-left: 30px;
    margin-left: 15px;
    line-height: 50px;
}

.Onlinecz textarea {
    padding: 0 30px 10px;
    width: 95%;
    height: 180px;
    border: none;
    font-size: 16px;
    line-height: 1.5;
    overflow-y: auto;
}

.Onlinecx div,
.Onlinecx a {
    display: inline-block;
    vertical-align: middle;
}

.Onlinecx {
    font-size: 0;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.Onlinecx div {
    width: 546px;
    height: 54px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.Onlinecx div span {
    width: 48px;
    height: 100%;
    float: left;
    background: url(../img/sz.png) no-repeat center;
}

.Onlinecx div input {
    height: 54px;
    line-height: 54px;
    float: left;
    font-size: 16px;
    width: 70%;
}

.Onlinecx div img {
    float: right;
    display: block;
    width: 100px;
    height: 54px;
    cursor: pointer;
}

.Onlinecx div input::placeholder {
    color: #999;
}

.Onlinecx a {
    width: 264px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    text-align: center;
    font-size: 20px;
    background-color: #004c99;
    border-radius: 5px;
    margin-left: 60px;
}

.Onlinecx a:hover {
    background-color: #fd6309;
}

.liuytop {
    margin: 0 auto 40px;
}

.liuy {
    background: url(../img/jz.png) no-repeat left center;
    padding: 45px 0;
    width: 100%;
    overflow: hidden;
    font-size: 0;
}

.liuy h3 {
    font-size: 36px;
    color: #000000;
    background: url(../img/zymusic.png) no-repeat left center;
    line-height: 45px;
    padding: 0 30px 0 45px;
    margin-left: 30px;
    border-bottom: 10px solid #c3defa;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
}

.liuytop span {
    display: block;
    font-size: 14px;
    color: #333333;
    line-height: 2;
    margin-top: 20px;
}


/* 在线留言 */


/* 查看留言 */

.message {
    width: 100%;
    overflow: hidden;
    margin: 50px auto 0;
    min-height: 400px;
}

.huif {
    width: 100%;
    overflow: hidden;
    margin: 60px auto 0;
}

.huifone {
    margin-bottom: 50px;
}

.huifone>img {
    display: block;
    float: left;
    margin-right: 28px;
}

.huis {
    float: left;
    width: 92%;
}

.huis>span {
    display: block;
    font-size: 16px;
    color: #08428d;
    line-height: 2;
    margin-bottom: 10px;
}

.huis>span i {
    color: #666666;
    margin-left: 17px;
}

.huis div {
    background-color: #f8f8f8;
    border: 1px solid #ebebeb;
    position: relative;
    border-radius: 6px;
}

.huis div span {
    display: block;
    line-height: 2;
    padding: 10px 25px;
}

.huis div img {
    position: absolute;
    top: 20%;
    left: -12px;
}

.huiftwo {
    margin-top: 40px;
    text-align: right;
}

.huiftwo>img {
    display: block;
    float: left;
    margin-left: 28px;
    margin-right: 0;
}

.huiftwo .huis div img {
    position: absolute;
    top: 20%;
    right: -12px;
    left: auto;
}


/* 查看留言 */

.detailed {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    min-height: 400px;
}

.detailed h3 {
    font-weight: normal;
    color: #000000;
    text-align: center;
    font-size: 30px;
    line-height: 1.5;
}

.pagex {
    font-size: 0;
    margin-top: 20px;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #dbdbdb;
}

.pagex span,
.pagex img,
.pagex a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    line-height: 30px;
}

.pagex span {
    font-size: 14px;
    color: #999999;
    line-height: 2;
    margin-right: 15px;
}

.pagex .jia {
    background: url(../img/ajia.png) no-repeat center;
    width: 21px;
    height: 13px;
    margin-left: 10px;
}

.pagex .jia:hover {
    background: url(../img/ajial.png) no-repeat center;
}

.pagex .jian {
    background: url(../img/a-.png) no-repeat center;
    width: 18px;
    height: 13px;
    margin-left: 10px;
}

.pagex .jian:hover {
    background: url(../img/icon16.png) no-repeat center;
}

#Zoom {
    width: 100%;
    overflow: hidden;
    margin: 50px auto;
}

.xxyvideo {
    width: 844px;
    height: 462px;
    margin: 0 auto 30px;
}


/* 上下篇 */

.sxp {
    font-size: 0;
}

.sxp a {
    display: inline-block;
    vertical-align: middle;
    line-height: 108px;
    background-color: #f5f5f5;
    width: 50%;
    font-size: 14px;
    color: #666666;
    background-repeat: no-repeat;
}

.sxp .xyy i {
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 108px;
    background: url(../img/jy.png) no-repeat right center;
    margin: 0 35px 0 15px;
}

.sxp .xyy {
    text-align: right;
}

.sxp .syy i {
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 108px;
    background: url(../img/jtz.png) no-repeat left center;
    margin: 0 15px 0 35px;
}

.sxp .xyy[href]:hover i {
    background: url(../img/jyl.png) no-repeat right center;
}

.sxp .syy[href]:hover i {
    background: url(../img/jtzl.png) no-repeat left center;
}

.sxp a span {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sxp a[href]:hover {
    background-color: #004c99;
}

.sxp a[href]:hover span {
    color: #fff;
}


/* 上下篇 */


/* 教学环境弹框 */

.photo-mask {
    position: fixed;
    z-index: 10;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    filter: alpha(opacity=20);
    -moz-opacity: 0.8;
    opacity: 0.8;
    display: none;
}

.photo-panel {
    position: fixed;
    display: none;
    clear: both;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
}

.photo-panel .photo-div {
    width: 1200px;
    height: 835px;
    z-index: 11;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -417.5px;
    margin-left: -600px;
}

.photo-panel .photo-img {
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.photo-close {
    width: 90%;
    height: 46px;
    margin: 50px auto 0;
    background: url(../img/close.png) no-repeat right center;
    cursor: pointer;
}

.photo-close:hover {
    background: url(../img/closel.png) no-repeat right center;
}

.photo-panel .photo-view-w {
    width: 860px;
    height: 566px;
    text-align: center;
    vertical-align: middle;
    margin: 40px auto 20px;
}

.photo-panel .photo-view-w img {
    width: 100%;
    height: 100%;
}

.photo-img h3 {
    font-size: 18px;
    font-weight: normal;
    color: #333;
    text-align: center;
    line-height: 50px;
    margin: 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.photo_close div {
    cursor: pointer;
    outline: none;
    background: url(../img/s.png) no-repeat center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid #fff;
    position: absolute;
    top: 50%;
    left: -8%;
    margin-top: -25px;
}

.photo_close .photo-right {
    right: -8%;
    left: auto;
    background: url(../img/x.png) no-repeat center;
}

.photo_close div:hover {
    background-color: #fd6309;
    border: 3px solid #fd6309;
}


/* 教学环境弹框 */


/* 相关推荐 */

.xgtj {
    width: 100%;
    overflow: hidden;
    margin: 70px auto 0;
}

.xgtjtop {
    font-size: 24px;
    line-height: 60px;
    border-bottom: 1px dashed #e0e0e0;
    margin: 0 auto 40px;
}

.xgtj #videoSwiper .swiper-slide {
    width: 30.66666666666667%;
    /* margin-right: 48px; */
}

.xgtj #videoSwiper .swiper-slide .zyvideo {
    height: 242px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.xgtj #videoSwiper .swiper-slide .zyvideo a {
    display: block;
}

.xgtj #videoSwiper .swiper-slide .zyvideo a img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.xgtj #videoSwiper .swiper-slide .zyvideo .item_mask {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.xgtj #videoSwiper .swiper-slide .zyvideo .item_mask::before {
    width: 70px;
    height: 70px;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
    transform: translate(-50%, -50%);
    opacity: 0;
    border: 2px solid rgba(255, 255, 255, 0.05);
    border-radius: 132px;
}

.xgtj #videoSwiper .swiper-slide .zyvideo .item_mask::before,
.xgtj #videoSwiper .swiper-slide .zyvideo .item_mask::after {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    content: "";
}

.xgtj #videoSwiper .swiper-slide .zyvideo a img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.xgtj #videoSwiper .swiper-slide .item_mask a img {
    display: block;
    margin: 20px auto;
    width: 18px;
    height: auto;
}

.xgtj #videoSwiper .swiper-slide .zyvideo .item_mask::after {
    width: 56px;
    height: 56px;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transform: translate(-50%, -50%);
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 106px;
}

.xgtj #videoSwiper h3 a {
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    line-height: 64px;
    text-align: center;
    position: relative;
}

.xgtj #videoSwiper .swiper-slide h3 a i {
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 0px;
    left: 0;
    background-color: #045db8;
    display: block;
}

.xgtj #videoSwiper .swiper-slide:hover h3 a i {
    width: 100%;
    transition: all ease-out .4s;
}

.xgtj #videoSwiper .swiper-slide:hover h3 a {
    color: #045db8;
    transition: all ease-out .4s;
}

.xgtj #videoSwiper .swiper-slide:hover .zyvideo .item_mask::before {
    width: 106px;
    height: 106px;
    opacity: 1;
    border: 2px solid rgba(255, 255, 255, 0.25);
}

.xgtj #videoSwiper .swiper-slide:hover .zyvideo .item_mask::after {
    width: 86px;
    height: 86px;
    border: 2px solid rgba(255, 255, 255, 0.8);
}

.xgtj #videoSwiper .swiper-slide:hover .zyvideo a img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
}


/* 专业详细页 */

.xxyzy {
    width: 482px;
    height: 664px;
    margin: 0 auto 40px;
}


/* 新闻详细 */

#newsSwiper {
    padding-bottom: 90px;
}

#newsSwiper .swiper-slide {
    width: 575px;
}

#newsSwiper .swiper-slide>i {
    display: block;
    width: 0;
    height: 3px;
    background-color: #004c99;
    position: absolute;
    left: 0;
    bottom: 0;
}

#newsSwiper .swiper-slide:hover>i {
    width: 100%;
    transition: all .3s ease-out 0s;
}

#newsSwiper .swiper-slide {
    background-color: #fff;
}

.xgtj #newsSwiper .swiper-slide {
    width: 47.91666666666667%;
    margin-right: 50px;
    transition: all .3s ease-out 0s;
    margin-top: 10px;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
}

#newsSwiper .swiper-slide .newsdiv {
    padding: 25px 40px;
}

#newsSwiper .swiper-slide h3 a {
    display: block;
    font-weight: bold;
    color: #333333;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#newsSwiper .swiper-slide h3 a i {
    text-transform: capitalize;
    color: #333333;
}

#newsSwiper .swiper-slide span {
    color: #999999;
    font-size: 14px;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 15px 0 15px 52px;
    min-height: 26px;
}

#newsSwiper .swiper-slide .newsdiv div {
    font-size: 0;
}

#newsSwiper .swiper-slide .newsdiv div em {
    font-size: 14px;
    color: #333333;
    background: url(../img/icon12.png) no-repeat left center;
    padding-left: 28px;
    margin-right: 15px;
}

#newsSwiper .swiper-slide .newsdiv div a {
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    background-color: #fff;
    padding: 0 6px;
    text-align: center;
}

#newsSwiper .swiper-slide .newsdiv div em,
#newsSwiper .swiper-slide.newsdiv div a {
    display: inline-block;
    vertical-align: middle;
}

#newsSwiper .swiper-slide:hover .newsdiv div a {
    background-color: #004a96;
    transition: all .3s ease-out 0s;
}

#newsSwiper .swiper-slide:hover h3 a {
    color: #fd6309;
    transition: all .3s ease-out 0s;
}

#newsSwiper .swiper-button-prev {
    outline: none;
    background: url(../img/shang.png) no-repeat center;
    width: 32px;
    height: 32px;
    left: 47%;
    bottom: 0;
    top: auto;
    border-radius: 50%;
}

#newsSwiper .swiper-button-prev:hover {
    background: url(../img/shangh.png) no-repeat center;
}

#newsSwiper .swiper-button-next {
    outline: none;
    background: url(../img/xia.png) no-repeat center;
    width: 32px;
    height: 32px;
    left: 53%;
    bottom: 0;
    top: auto;
    border-radius: 50%;
}

#newsSwiper .swiper-button-next:hover {
    background: url(../img/xiah.png) no-repeat center;
}


/* 新闻详细 */

.skteacher {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 45px;
    min-height: 500px;
}

.skteacher ul {
    margin-right: -57px;
}

.skteacher ul li {
    width: 362px;
    float: left;
    position: relative;
    margin-right: 57px;
    margin-bottom: 55px;
}

.skteacher ul li>a {
    display: block;
    width: 100%;
    height: 465px;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
}

.skteacher ul li .lsss {
    border: 1px solid #004c99;
    background-color: #fff;
    position: absolute;
    left: -200%;
    top: 0;
    width: 418px;
    height: 463px;
    overflow: hidden;
    z-index: -1;
    box-sizing: border-box;
}

.skteacher ul li:hover .lsss {
    left: 362px;
    z-index: 20;
    transition: all .3s ease-out 0s;
}

.skteacher ul li:nth-child(3n) .lsss {
    right: -200%;
    left: auto;
    top: 0;
    text-align: right;
}

.skteacher ul li:nth-child(3n):hover .lsss {
    right: 362px;
    top: 0;
    transition: all .3s ease-out 0s;
}

.skteacher ul li .lsss .lsssz {
    padding: 80px 55px;
    position: relative;
}

.skteacher ul li .lsss .lsssz>a {
    display: block;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.lsss .lsssz h3 a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 36px;
    color: #333333;
    line-height: 68px;
    font-weight: normal;
}

.lsss .lsssz span {
    display: block;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333333;
    line-height: 46px;
    min-height: 46px;
}

.lsss .lsssz div {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 15px auto 35px;
    min-height: 90px;
}

.lsss .lsssz em {
    display: block;
    cursor: pointer;
    width: 37px;
    height: 37px;
    background: url(../img/jty.png) no-repeat center;
}

.lsss:hover .lsssz em {
    background: url(../img/jtyh.png) no-repeat center;
}

.lsss:hover .lsssz h3 a {
    color: #fd6309;
}

.skteacher ul li:nth-child(3n) .lsssz em {
    display: inline-block;
    vertical-align: middle;
    background: url(../img/fzh.png) no-repeat right center;
}

.skteacher ul li:nth-child(3n):hover .lsssz em {
    background: url(../img/fz.png) no-repeat right center;
}

.teacherxx {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 50px;
    min-height: 400px;
}

.teacherxxz {
    width: 395px;
    height: 504px;
    float: left;
    background: url(../img/img21.jpg) no-repeat center;
}

.teacherxxz img {
    display: block;
    width: 362px;
    height: 465px;
    overflow: hidden;
    margin: 20px auto;
}

.teacherxxy {
    float: right;
    width: 60%;
}

.teacherxxytop {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px;
    margin: 20px auto;
}

.teacherxxytop h3 {
    font-size: 36px;
    font-weight: normal;
    color: #333333;
    line-height: 2;
}

.teacherxxytop span {
    display: block;
    font-size: 16px;
    color: #333333;
    line-height: 2;
}

#teacherSwiper .swiper-slide {
    width: 362px;
    position: relative;
    margin-right: 57px;
}

#teacherSwiper .swiper-slide>a {
    display: block;
    width: 100%;
    height: 465px;
    overflow: hidden;
}

#teacherSwiper .swiper-slide .lsss {
    border: 1px solid #004c99;
    background-color: #fff;
    position: absolute;
    left: -200%;
    top: 0;
    width: 417px;
    height: 463px;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
}

#teacherSwiper .swiper-slide:hover .lsss {
    left: 362px;
    z-index: 20;
    transition: all .3s ease-out 0s;
    opacity: 1;
}

#teacherSwiper .swiper-slide:nth-child(3n) .lsss {
    right: -200%;
    left: auto;
    top: 0;
    text-align: right;
    opacity: 0;
}

#teacherSwiper .swiper-slide:nth-child(3n):hover .lsss {
    right: 0;
    top: 0;
    transition: all .3s ease-out 0s;
    opacity: 1;
}

#teacherSwiper .swiper-slide .lsss .lsssz {
    padding: 80px 55px;
    position: relative;
}

#teacherSwiper .swiper-slide .lsss .lsssz>a {
    display: block;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#teacherSwiper .swiper-slide:nth-child(3n) .lsssz em {
    display: inline-block;
    vertical-align: middle;
    background: url(../img/fzh.png) no-repeat right center;
}

#teacherSwiper .swiper-slide:nth-child(3n):hover .lsssz em {
    background: url(../img/fz.png) no-repeat right center;
}


/* 公司简介 */

.gsjj em {
    display: block;
    width: 160px;
    height: 200px;
    background-color: #f1f1f1;
    float: left;
}

.gsjj>span {
    font-size: 66px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    line-height: 1.2;
    float: left;
    margin: 20px 20px 0 -60px;
}

.gsjj div {
    float: left;
    margin-top: 70px;
}

.gsjj div .gsjjspan1 {
    font-size: 28px;
    color: #c1c1c1;
    font-weight: bold;
    display: block;
    line-height: 1.5;
}

.gsjj div .gsjjspan2 {
    font-size: 38px;
    color: #fd6309;
    font-weight: bold;
    display: block;
    line-height: 1.5;
}

.gsjjdw {
    position: relative;
    margin: 60px auto;
}

.gsjjdw .gsjjdwdiv {
    width: 719px;
    height: 276px;
    position: absolute;
    left: 50px;
    top: 50px;
    background: url(../img/bj.png) no-repeat center;
}

.gsjjdw .gsjjdwdiv div {
    padding: 60px 40px;
}

.gsjjdw img {
    float: right
}


/* 公司简介 */


/* 招生简章 */

.zsjz span {
    display: block;
    font-size: 16px;
    color: #fd6309;
    text-align: center;
}

.zsjz h3 {
    font-size: 36px;
    color: #fd6309;
    font-weight: normal;
    text-align: center;
}


/* 招生简章 */


/* 荣誉资质 */

.subpage--container {
    overflow: hidden;
    min-height: 300px;
}

.ryzz--container {
    position: relative;
}

.ryzz--btn {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
}

.ryzz--btn a {
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -25px;
    width: 45px;
    height: 45px;
}

.ryzz--btn .prev {
    left: 0;
    background: url(../img/icon23.png) no-repeat center;
}

.ryzz--btn .prev:hover {
    background-image: url(../img/icon24.png);
}

.ryzz--btn .next {
    right: 0;
    background: url(../img/icon22.png) no-repeat center;
}

.ryzz--btn .next:hover {
    background-image: url(../img/icon25.png);
}

.ryzz--list {
    position: relative;
    z-index: 10;
    height: 600px;
    width: 900px;
    margin: 0 auto;
}

.ryzz--list .cell {
    position: relative;
}

.ryzz--list .cell .bg {
    display: block;
    width: 100%;
}

.ryzz--list .cell .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    padding: 3.2% 4.4% 6%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ryzz--list .cell .content img {
    display: block;
    width: 100%;
    height: auto;
}

.ryzz--list .cell .content h3 {
    display: table;
    width: 100%;
    height: 23%;
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 28px;
}

.ryzz--list .cell .content h3 span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
    padding: 0 15px;
}

.ryzz--list .cell .content h3 span em {
    display: block;
    margin: 0 auto;
    max-height: 28px;
    overflow: hidden;
}

.honer {
    display: none;
}


/* 侧导航 */

#sidebar {
    width: 70%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 999;
    display: none;
    box-shadow: 0px 2px 26px rgba(0, 0, 0, 0.1);
}

#sidebar .pbcontent>ul>li {
    text-align: left;
    border-top: 1px solid #F5F5F5;
    line-height: 50px;
}

#sidebar .pbcontent>ul>li.active {
    background-color: #f4f4f4;
}

#sidebar .pbcontent>ul>li ul {
    display: none;
}

#sidebar .pbcontent>ul>li ul.xo li {
    background-color: #f4f4f4;
}

#sidebar .pbcontent>ul>li ul li {
    text-align: left;
    line-height: 50px;
}

#sidebar .pbcontent>ul>li ul li a i {
    margin-right: 20px;
    background: url(../img/jjj.png) no-repeat left center;
    width: 5px;
    height: 9px;
    display: inline-block;
    margin-left: 25px;
}

#sidebar .pbcontent>ul>li a {
    color: #666;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}

#sidebar .pbcontent>ul>li.active>a {
    color: #333;
}

#sidebar .pbcontent ul li a span {
    margin-right: 15px;
    border: #D8D8D8 1px solid;
    border-radius: 5px;
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-left: 25px;
}

#sidebar .pbcontent ul li.active a span {
    border: #666 1px solid;
}

#sidebar .pbcontent>ul>li a em {
    display: inline-block;
    width: 12px;
    height: 50px;
    float: right;
    background: url(../img/j.png) no-repeat right center;
    margin-right: 25px;
}

#sidebar .pbcontent>ul>li.active a em {
    background: url(../img/j-.png) no-repeat right center;
}

#headSHBtn {
    display: block;
    width: 92%;
    height: 68px;
    background: url(../img/gb1.png) no-repeat right center;
}


/* 舞蹈 */

.dancesz {
    width: 64%;
    float: left;
}

.h_danceul {
    font-size: 0;
    margin: 20px auto;
}

.h_danceul li {
    display: inline-block;
    vertical-align: middle;
    width: 11.1111%;
    text-align: center;
}

.h_danceul li span {
    display: block;
    font-size: 16px;
    color: #333333;
    line-height: 3;
}

.h_danceul li span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.to_top {
    width: 70px;
    height: 70px;
    background-color: #004c99;
    background-image: url(../img/img10.png);
    background-position: center;
    background-repeat: no-repeat;
    position: fixed;
    right: 20px;
    /* bottom: 345px; */
    bottom: 163px;
    z-index: 990;
    cursor: pointer;
}

.to_top:hover {
    border-radius: 50px;
    transition: all ease-out .5s;
}


/* 手机站点 */

@media screen and (max-width: 1200px) {
    .Navigation {
        display: none;
    }
    #banner {
        width: 100%;
        height: 150px;
    }
    #banner .swiper-slide {
        height: 150px;
        background-size: cover !important;
    }
    #banner .swiper-slide img {
        display: block;
        height: 100%;
        background-size: contain;
    }
    #banner .swiper-button-prev {
        left: 10px;
        width: 30px;
        height: 30px;
        background-size: contain;
        margin-top: -15px;
    }
    #banner .swiper-button-next {
        right: 10px;
        width: 30px;
        height: 30px;
        background-size: contain;
        margin-top: -15px;
    }
    .walk {
        width: 96%;
        margin: 50px auto;
    }
    .walkz {
        float: none;
        margin-bottom: 30px;
    }
    .walky {
        float: none;
        margin-left: 0;
        width: 100%;
    }
    .topheader {
        text-align: center;
        font-size: 0;
    }
    .topheader h2 {
        display: inline-block;
        vertical-align: middle;
    }
    .topheader h2 a {
        font-size: 22px;
        background: url(../img/music.png) no-repeat left center;
        padding: 10px 0 0 35px;
        background-size: 18% auto;
    }
    .walkynr {
        margin: 20px auto;
    }
    .walkynrx {
        text-align: center;
    }
    .walkynrx a {
        width: 30%;
        margin: 0 5px;
        line-height: 40px;
    }
    .zynav ul {
        white-space: nowrap;
        overflow-x: auto;
    }
    .zynav ul li {
        margin-right: 10px;
    }
    .zynav ul li a {
        line-height: 40px;
        padding: 0 30px;
    }
    .publiczy {
        width: 96%;
        margin: 10px auto 80px;
    }
    .w1200 {
        width: 100%;
    }
    .naytwoy {
        display: none;
    }
    .Science ul {
        margin-right: 0;
    }
    .Science ul li {
        float: none;
        margin: 0 0 45px 0;
        width: 100%;
    }
    .Science ul li>a {
        height: auto;
    }
    .undery .zsrx {
        display: none;
    }
    .sousuo {
        display: none;
    }
    .majorz {
        width: 100% !important;
        float: none !important;
    }
    .majory {
        width: 100% !important;
        float: none !important;
        margin-top: 20px;
    }
    .majorul {
        text-align: center;
    }
    .majorul li {
        width: 98%;
        margin: 20px auto;
        text-align: left;
    }
    .Cooperation ul li {
        width: 45%;
        margin: 0 18.5px 20px 0;
    }
    .Cooperation ul li a {
        height: auto;
    }
    .enroll {
        width: 100%;
    }
    .enrollOnlinecs div input {
        width: 80%;
    }
    .enrollOnlinecs div select {
        width: 80%;
    }
    .enrollOnlinecz textarea {
        width: 91%;
    }
    .enrollOnlinecx input {
        width: 50%;
    }
    .tjcz a {
        width: 47%;
        margin-right: 10px;
    }
    .tjcz a:last-child {
        float: right;
        margin-right: 0;
    }
    .xianmuy {
        display: none;
    }
    .Onlinecs div {
        width: 99%;
    }
    .Onlinecs .Onlinec2 {
        margin-left: 0;
        margin-top: 30px;
    }
    .Onlinecs .Onlinec3 {
        margin-left: 0;
        margin-top: 30px;
    }
    .Onlinecz textarea {
        padding: 0 18px 10px;
        width: 90%;
    }
    .Onlinecx div {
        width: 99%;
    }
    .Onlinecx div input {
        width: 58%;
    }
    .Onlinecx a {
        margin-left: 0;
        width: 46%;
        float: left;
        display: block;
        margin-top: 30px;
    }
    .Onlinecx a:last-child {
        float: right;
    }
    .huis {
        float: left;
        width: 73%;
    }
    .cuntus {
        width: 96%;
        max-width: 96%;
    }
    .cuntusz {
        margin-top: 0;
        width: 100%;
    }
    .cuntusz div a {
        font-size: 20px;
    }
    .cuntusz img {
        max-width: 10%;
    }
    .cuntusz div span {
        font-size: 16px;
    }
    .cuntusul li {
        line-height: 30px;
        padding: 15px 0 15px 40px;
    }
    .cuntusul .cutus3 {
        background: url(../img/icon10.png) no-repeat left 20px;
    }
    .cuntusy {
        width: 100%;
        background-size: cover;
        margin-top: 30px;
    }
    .bdmap {
        height: 300px;
        margin: 30px auto 0;
    }
    .cuntusy img {
        width: 200px;
        height: auto;
        margin: 40px auto 0;
    }
    .under {
        padding: 14px 0;
    }
    .under .w1200 {
        width: 96%;
    }
    .underlogo {
        width: 40%;
    }
    .fotterz1 {
        display: none;
    }
    .fottery {
        display: none;
    }
    .fotter .w1200 {
        width: 96%;
    }
    .fotterz {
        width: 100%;
    }
    .fotterz2 {
        padding-top: 0px;
        text-align: center;
    }
    .fotter {
        padding: 20px 0;
    }
    .fotterz2 span {
        line-height: 30px;
    }
    .fotterz2 a {
        line-height: 30px;
    }
    .column .swiper-slide {
        width: 100%;
    }
    .column {
        padding: 10px 0 20px;
    }
    .column .swiper-slide span {
        width: 70px;
        height: 70px;
        background-size: contain;
        border-radius: 0;
        margin: 20px auto;
    }
    .column .swiper-slide:hover span {
        margin: 0 auto 20px;
        background-color: #f8f9fb;
    }
    .column .attendant:hover span {
        background-image: url(../img/icon5.png);
    }
    .column .music:hover span {
        background-image: url(../img/icon1.png);
    }
    .column .dance:hover span {
        background-image: url(../img/icon2.png);
    }
    .column .Performance:hover span {
        background-image: url(../img/icon3.png);
    }
    .column .Director:hover span {
        background-image: url(../img/icon4.png);
    }
    .column .other:hover span {
        background-image: url(../img/icon6.png);
    }
    .column .swiper-slide span .Lpic1 {
        display: none;
    }
    .column .swiper-slide span .Lpic2 {
        display: none;
    }
    .column .swiper-slide:hover span .Lpic2 {
        display: none;
    }
    .topheader em {
        line-height: 1.5;
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .teacher .topheader {
        width: 96%;
        margin: 0 auto;
    }
    .lsbottom {
        background: none;
        height: 340px;
    }
    .teacherimgy {
        width: 100%;
    }
    .teacherimg {
        display: none;
    }
    .teacherimgy span {
        display: block;
        text-align: center;
        font-size: 18px;
        color: #333;
        line-height: 2;
        padding-top: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .lsbottom #teacherxg {
        margin: 40px auto 0;
        max-width: 96%;
    }
    .lsbottom .swiper-slide {
        width: 50% !important;
    }
    #teacherxg .swiper-button-next {
        display: none;
    }
    #teacherxg .swiper-button-prev {
        display: none;
    }
    .examination #exambottom .swiper-slide {
        width: 46%;
        margin: 0 2%;
    }
    .examination .swiper-slide div {
        display: none;
    }
    #exambottom .swiper-button-next {
        display: none;
    }
    #exambottom .swiper-button-prev {
        display: none;
    }
    .examination #exambottom {
        min-height: 250px;
        margin-top: 40px;
    }
    .examination {
        margin: 50px auto;
        max-width: 100%;
    }
    .more {
        margin: 30px auto 0;
    }
    .information {
        max-width: 96%;
        margin: 50px auto;
        width: 96%;
    }
    .information .topheader em {
        margin-top: 20px;
    }
    .information #zixun .swiper-slide {
        width: 100%;
    }
    .zixunss {
        padding: 0;
    }
    #zixun {
        margin: 40px auto;
    }
    .zixunss span {
        font-size: 34px;
    }
    .zixunss h3 a {
        margin-top: 10px;
    }
    .zixunss div {
        padding: 20px 0 15px;
    }
    #schoolhz {
        max-width: 100%;
        width: 100%;
        margin: 30px auto;
    }
    .school #schoolhz .swiper-slide {
        width: 47%;
        margin: 0 6px;
    }
    .school .topheader h2 a {
        background-size: 18% auto;
    }
    .gsjj em {
        display: none;
    }
    .gsjj>span {
        font-size: 30px;
        margin: 0 0 20px;
        display: block;
        float: none;
    }
    .gsjj div {
        float: none;
        margin-top: 0;
    }
    .gsjj div .gsjjspan1 {
        font-size: 20px;
    }
    .gsjj div .gsjjspan2 {
        font-size: 30px;
        margin-top: 10px;
    }
    .gsjjdw .gsjjdwdiv div {
        padding: 0;
    }
    .gsjjdw .gsjjdwdiv {
        width: 100%;
        height: auto;
        position: initial;
    }
    .gsjjdw {
        margin: 0 auto;
    }
    .gsjjdw img {
        float: none;
        margin: 20px auto;
    }
    .zynews ul {
        text-align: center;
    }
    .zynews li {
        width: 98%;
        margin: 10px auto 20px;
        text-align: left;
    }
    .zynews li span {
        margin: 15px 0 15px 0;
    }
    .detailed h3 {
        font-size: 24px;
    }
    .pagex span:last-child {
        display: none;
    }
    .sxp a {
        width: 100%;
        line-height: 60px;
        margin-bottom: 20px;
    }
    .sxp a span {
        width: 80%;
    }
    .sxp .syy i,
    .sxp .xyy i {
        height: 60px;
        margin: 0 15px;
    }
    #newsSwiper .swiper-button-prev {
        left: 42%;
        margin-left: -16px;
    }
    #newsSwiper .swiper-button-next {
        left: 58%;
        margin-left: -16px;
    }
    .xgtj #newsSwiper .swiper-slide {
        width: 100%;
    }
    #newsSwiper .swiper-slide .newsdiv {
        padding: 25px 20px;
    }
    #newsSwiper .swiper-slide span {
        margin: 15px 0;
    }
    .xgtjtop {
        margin: 0 auto 20px;
    }
    #newsSwiper {
        padding-bottom: 50px;
    }
    .xgtj {
        margin: 10px auto 0;
    }
    .skteacher ul li .lsss {
        display: none;
    }
    .skteacher ul li {
        width: 42%;
        margin-right: 9px;
        margin-bottom: 30px;
    }
    .skteacher ul li>a {
        height: auto;
    }
    .skteacher {
        margin: 0 auto 30px;
    }
    .teacherxxz {
        width: 100%;
        background: none;
        height: auto;
        float: none;
    }
    .teacherxxy {
        width: 100%;
        float: none;
    }
    .teacherxxytop h3 {
        font-size: 24px;
    }
    .education ul li {
        width: 100%;
        height: auto;
        margin: 0 14px 30px 0;
    }
    .education ul li:hover div {
        background: none;
    }
    /* .education ul li div span, .education ul li div em {
        display: none;
    } */
    .xxyzy {
        width: 100%;
        height: auto;
    }
    .zsjz h3 {
        font-size: 24px;
        line-height: 1.5;
    }
    .rules {
        background-size: 28% auto;
        padding: 25px 0;
        margin: 0 auto 20px;
    }
    .rules h3 {
        font-weight: normal;
    }
    .liuy {
        background-size: 28% auto;
        padding: 25px 0;
        margin: 0 auto 20px;
    }
    .majortop {
        background-size: 20% auto;
        padding: 16px 0;
        margin: 0 auto;
    }
    .majortwo {
        margin: 20px auto;
    }
    .majortwo .majorz {
        margin-top: 30px;
    }
    .zyvideos ul li {
        width: 100%;
        margin: 0 auto 30px;
    }
    .zyvideos ul li .zyvideo {
        height: auto;
    }
    .zyvideo .item_mask {
        width: 70px;
        height: 70px;
    }
    .item_mask a img {
        width: 15px;
        height: auto;
    }
    .xxyvideo {
        width: 100%;
        height: auto;
    }
    .xgtj #videoSwiper .swiper-slide {
        width: 100% !important;
    }
    #teacherSwiper .swiper-slide .lsss {
        display: none;
    }
    #teacherSwiper .swiper-slide {
        width: 45%;
        position: relative;
        margin: 10px;
    }
    #teacherSwiper .swiper-slide>a {
        height: auto;
    }
    .Website img {
        margin: 0 auto 14px;
        max-width: 50%;
    }
    .Websiteul>li>a {
        float: left;
        padding: 0;
        width: 26%;
        border: none;
    }
    .Websiteul>li {
        width: 100%;
        float: none;
        max-width: 100%;
    }
    .Websiteul>li>ul {
        width: 72%;
        margin-top: 0;
        text-align: left;
        float: right;
    }
    .Websiteul>li>ul li {
        display: inline-block;
        vertical-align: middle;
    }
    .Websiteul>li>ul li a {
        line-height: 51px;
    }
    .photo-panel .photo-div {
        width: 96%;
        height: 380px;
        margin-top: -190px;
        margin-left: -48%;
    }
    .photo-panel .photo-img {
        width: 100%;
        height: 100%;
        background: #fff;
        overflow: hidden;
        position: relative;
    }
    .photo-panel .photo-view-w {
        width: 96%;
        height: auto;
        margin: 20px auto 10px;
    }
    .photo-close {
        height: 30px;
        background-size: contain;
        margin: 20px auto 0;
    }
    .photo_close div {
        width: 30px;
        height: 30px;
        left: 5%;
        background-size: 35% auto !important;
        border: 2px solid #fff;
    }
    .photo_close .photo-right {
        right: 5%;
    }
    .honer {
        display: block;
        width: 100%;
        overflow: hidden;
        margin: 0 auto;
    }
    .subpage--container {
        display: none;
    }
    .honer ul {
        min-height: 500px;
        font-size: 0;
        margin: 0 auto 20px;
    }
    .honer ul li {
        width: 47%;
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 20px;
    }
    .honer ul li h3 {
        font-size: 18px;
        color: #333;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: normal;
        line-height: 2;
    }
    .phone_cdh {
        display: block;
    }
    .undery {
        margin-top: 0;
    }
    .video {
        padding: 0 12px;
    }
    .indexvideo .topheader h2 a {
        background-size: 18% auto;
    }
    .syvideo .symask {
        width: 70px;
        height: 70px;
    }
    .video .swiper-slide .syvideo .symask a img {
        max-width: 26%;
    }
    .syvideo .symask a img {
        display: block;
        margin: 24px auto;
    }
    .video .swiper-slide:hover .symask::after {
        width: 90px;
        height: 90px;
    }
    .video .swiper-slide:hover .symask::before {
        width: 116px;
        height: 116px;
    }
    .indexvideo .topheader {
        margin: 40px auto;
    }
    .moretwo {
        margin: 30px auto;
    }
    .zy_nay div img {
        display: block;
        height: 100%;
    }
    .zy_nay {
        height: 100px;
    }
    .zy_nay div {
        background: none !important;
        height: 100px;
    }
    .bottom1 {
        display: none;
    }
    .education ul li>div {
        bottom: 0;
        background: none;
    }
    .naytwoz h2 {
        font-size: 22px;
        background-size: 18% auto;
        padding-left: 30px;
    }
    .naytwoz h2 span {
        width: 8px;
        height: 8px;
    }
    .fotterz2 img {
        display: none;
    }
    .zynews li .newsdiv div em {
        margin-left: 0;
    }
    .column .swiper-slide em {
        display: none;
    }
    .column .swiper-slide {
        width: 33.333333333333333333%;
    }
    .column .swiper-slide span {
        width: 50px;
        height: 50px;
    }
    .naytwoz {
        margin-left: 2%;
    }
    .zynav {
        width: 96%;
        max-width: 96%;
    }
    .column .swiper-slide:hover span {
        margin: 20px auto;
    }
    .column .swiper-slide h3 {
        line-height: 1.2;
    }
    #newsSwiper .swiper-slide .newsdiv div a {
        display: none;
    }
    .walkz {
        display: none;
    }
    .dancesz {
        width: 100%;
        margin-bottom: 30px;
    }
    .h_danceul li {
        width: 33.33333%;
    }
    .majortop h3 {
        font-size: 24px;
        background: none;
        padding: 0;
        margin-left: 0;
        border-bottom: 0 solid #c3defa;
    }
    .to_top {
        width: 40px;
        height: 40px;
        right: 10px;
        background-size: 25px 25px;
        bottom: 10%;
    }
    /* 梁吉增 */
    .education ul li img {
        width: 31.6%;
    }
    .education ul li .lj_xg_a {
        width: 69.4%;
        padding: 0px 15px;
    }
    .education ul li .lj_xg_a .lj_xg_xm {
        height: 50px;
        line-height: 50px;
    }
    .education ul li .lj_xg_a div {
        width: 85%;
        height: 33px;
        line-height: 33px;
    }
    .education ul li .lj_xg_a .lj_xg_more {
        display: none;
    }
    .detailed_s_you {
        float: none;
        width: 100%;
    }
    .detailed_s_zuo {
        float: none;
        width: 45%;
        margin-left: 50%;
        transform: translate(-50%);
    }
    .detailed_s_you .detailed_s_sl {
        margin-top: 40px;
        padding-left: 16px;
    }
    .detailed_s_xx div {
        padding-left: 15px;
        box-sizing: border-box;
    }
    .detailed_xxjs {
        padding-left: 10px;
        margin-top: 16px;
        line-height: 60px;
        font-size: 26px;
    }
    .detailed_s_you .detailed_s_sl span {
        margin-right: 15px;
        display: block;
    }
    .detailed_s_mz {
        height: 80px;
        line-height: 105px;
    }
    .detailed_s_mz em {
        font-size: 26px;
    }
    .detailed_nr {
        min-height: 200px;
    }
}