body, div, h4, h5, h3, h4, h5, h6, p, ul, ol, dd, dl, form, input, textarea, article, section, img, li {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 12px;
    font-family: '微软雅黑', "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", SimHei, simsun, sans-serif;
}

a {
    text-decoration: none
}

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

.flex {
    display: flex;
    align-items: center;
}

.flex-around {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-around {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-y {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.flex-y-around {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around
}

.flex-y-between {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.flex-y-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.index-header-top-nav-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.98rem;
}

.index-header-top-nav-box>a>img {
    width: 1rem;
    height: 0.9rem;
}

.common_width {
    width: 12rem;
    margin-left: 3.5rem;
}

.home-nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.home-nav li {
    margin-left: 0.5rem;
    height: 1rem;
    line-height: 1rem;
    position: relative;
}

.home-nav li a {
    color: #0d265c;
    font-size: 0.2rem;
    display: inline;
    padding: 0.02rem 0.08rem;
    border-radius: 0.03rem;
    -webkit-border-radius: 0.03rem;
    -moz-border-radius: 0.03rem;
    -ms-border-radius: 0.03rem;
    -o-border-radius: 0.03rem;
    box-sizing: border-box;
}

.share_list {
    position: fixed;
    bottom: 0.1rem;
    z-index: 999;
}

.share_box>li {
    margin-bottom: 0.1rem;
    position: relative;
    background-color: #acacab;
    border-radius: 50%;
    width: 0.64rem;
    height: 0.64rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.share_box>li img {
    width: .3rem;
    height: .36rem;
}

.share_box>li:nth-of-type(2)>img:nth-last-of-type(1) {
    width: .95rem;
    height: .95rem;
    position: absolute;
    left: -1.1rem;
    top: -0.25rem;
    display: none
}

.share_box>li:nth-last-of-type(2):hover>div {
    display: flex
}

.share_box>li:nth-of-type(2):hover img {
    display: inline-block
}

.share_box>li:nth-last-of-type(2) div {
    background-color: #0d265c;
    width: 2.06rem;
    height: .65rem;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0px;
    font-size: .16rem;
    border-radius: 0.32rem;
    align-items: center;
    justify-content: center;
    display: none;
    -webkit-border-radius: 0.32rem;
    -moz-border-radius: 0.32rem;
    -ms-border-radius: 0.32rem;
    -o-border-radius: 0.32rem;
}

.share_box>li:nth-last-of-type(2) div>p {
    font-size: .2rem;
    letter-spacing: .01rem;
    font-weight: normal;
}

.share_box>li:nth-last-of-type(2)>img {
    width: .35rem;
    height: .36rem;
}

/*
.share_box>li:nth-last-of-type(2):hover div {
    display: flex;
    align-items: center;
    justify-content: center;
} */

.share_box>li:nth-last-of-type(1) {
    /* margin-top: 100px; */
    cursor: pointer;
}

.index_header_box {
    background-image: url('../images/22.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    padding-top: .5rem;
    background-size: cover;
}

/* ----------------------- */

/* .swiper-container {
    width: 100%;
	height: 720px;
}   */

.nav {
    position: relative;
}

.nav nav {
    width: 12.75rem;
    top: 0;
}

main>.ys {
    /* margin-top:1rem; */
    /* width: 1200px; */
}

.info>.info-font {
    margin-bottom: .17rem;
    width: 2.56rem;
    height: .17rem;
    background-color: #b50005;
    margin-top: 1.65rem;
}

.flex>.flex-font {
    font-size: .16rem;
    letter-spacing: .01rem;
    color: #ffffff;
    margin-bottom: .95rem;
}

.info>div>.line {
    width: .70rem;
    height: .02rem;
    background-color: #0d265c;
}

.info>div>.yuan {
    width: .16rem;
    height: .17rem;
    border: solid 1px #0d265c;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.ys-detail>.ys-head>img:last-child {
    width: 7.21rem;
    height: 4.20rem;
    margin-left: .75rem;
}

.ys-list>.ys-item {
    margin: 0 0.1rem;
    position: relative;
    margin-bottom: .40rem;
}

.ys-list>.ys-item1 {
    width: 2.40rem;
    height: 2.51rem;
    background-color: #0d265c;
    position: relative;
}

.ys-list>.ys-item>.bg, .ys-list>.ys-item1>.bg {
    position: absolute;
    width: 2.4rem;
    height: 2.51rem;
    display: none;
}

.ys-list>.ys-item>p {
    font-size: .91rem;
    font-weight: 600;
    z-index: 10;
    display: none;
}

.ys-list>.ys-item>h4 {
    font-size: .3rem;
    font-weight: 600;
    margin-bottom: .2rem;
}

.ys-list>.ys-item>h5 {
    width: 1.8rem;
    font-size: .14rem;
    text-align: center;
    letter-spacing: 0px;
    color: #ffffff;
}

.ys-list>.ys-item>h5, .ys-detail>.ys-list>.ys-item>h3, .ys-list>.ys-item1>h5, .ys-detail>.ys-list>.ys-item1>h3 {
    font-size: .22rem;
    z-index: 10;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ys-item>p, .ys-list>.ys-item>h4, .ys-list>.ys-item>h5, .ys-list>.ys-item>h3 {
    color: #fff;
}

.ys-detail>.ys-list {
    margin-top: .20rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 97%;
    margin: 0 auto;
}

main>.test {
    margin-top: .90rem;
}

.nav>.fix {
    width: 100%;
    background-color: #FFF;
    position: relative;
    z-index: 999;
    top: 0px;
}

.test-list {
    margin-top: .20rem;
}

.test-list>ul>li {
    width: 3.71rem;
    height: 8.01rem;
    margin-left: .20rem
}

.test-list>ul>li img {
    width: 3.71rem;
    height: 8.01rem;
}

.test>.test-list {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 9.56rem;
    background: url("../images/test-bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.test-list>ul {
    position: absolute;
}

/* 修改轮播样式 */

.nav .swiper-pagination-bullet {
    width: 0.08rem;
    height: .08rem;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
}

.nav .swiper-pagination-bullet-active {
    opacity: 1;
    width: .15rem;
    border-radius: 30%;
    background: #fff;
}

.test .swiper-pagination-bullet {
    width: .08rem;
    height: .08rem;
    display: inline-block;
    border-radius: 100%;
    background: #fcc900;
    opacity: 1;
}

.test .swiper-pagination-bullet-active {
    opacity: 1;
    width: .15rem;
    border-radius: 30%;
    background: #fcc900;
}

.test-list>.arrow_left {
    width: .84rem;
    height: .84rem;
    background-color: #ffffff;
    font-size: .50rem;
    text-align: center;
    line-height: .84rem;
    position: absolute;
    top: 40%;
    left: 20%;
}

.test-list>.arrow_right {
    width: .84rem;
    height: .84rem;
    background-color: #ffffff;
    font-size: .50rem;
    text-align: center;
    line-height: .84rem;
    position: absolute;
    top: 40%;
    right: 20%;
}

.test-list>.more {
    width: 5rem;
    height: .50rem;
    position: absolute;
    left: 50%;
    bottom: 7%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.test-list>.more>a {
    font-size: .24rem;
    color: #0d265c;
}

.test-list>.more>div {
    width: .35rem;
    height: .35rem;
    border-radius: 50%;
    background-color: #0d265c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-left: 20px;
}

main>.class {
    width: 100%;
}

.class>.class-list {
    margin-top: 0.2rem;
    margin: 0 auto;
    color: #fff;
    margin-bottom: .50rem;
}

.class>.class-list h4 {
    font-size: .42rem;
    letter-spacing: 0.01rem;
    color: #b50005;
    text-align: left;
    margin-bottom: .50rem;
}

.class>.class-list h5 {
    font-size: .40rem;
    letter-spacing: 0.01rem;
    text-align: left;
    position: absolute;
    top: .20rem;
}

.class>.class-list>div>p {
    font-size: .16rem;
    letter-spacing: 0.01rem;
    text-align: left;
    line-height: .36rem;
    margin-bottom: 1rem;
}

.class-list .class-yuan-list .class-yuan-active {
    width: 1.72rem;
    height: 1.72rem;
    text-align: center;
    line-height: 1.22rem;
    background-color: rgba(181, 0, 5, .4);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    font-size: .20rem;
    cursor: pointer;
}

.class-yuan-list .class-yuan-active .class-yuan-absolute>span {
    width: .38rem;
    height: .02rem;
    background-color: #ffffff;
    display: block;
    margin: 0 auto;
}

.class-yuan .class-yuan-absolute>span {
    width: .38rem;
    height: .02rem;
    background-color: #000;
    display: block;
    margin: 0 auto;
}

.class-yuan .class-yuan-absolute>p {
    font-size: .20rem;
}

.class-yuan-list .class-yuan-absolute>p {
    height: .84rem;
}

.class-list .class-yuan {
    width: 1.72rem;
    height: 1.72rem;
    text-align: center;
    line-height: 1.22rem;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    color: #000;
    font-size: .20rem;
    cursor: pointer;
}
.class-yuan-list>.class-yuan:first-child{
    margin-right: 0.8rem;
}

.class-yuan>.class-yuan-absolute {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.22rem;
    height: 1.22rem;
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    font-size: .20rem;
    color: #000000;
}

.class-yuan-active>.class-yuan-absolute {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.22rem;
    height: 1.22rem;
    background-color: #b50005;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    font-size: .20rem;
    color: #fefefe;
}

.class-list>div>.flex>div:first-child {
    margin-right: .50rem;
}

.class-list .class-video {
    width: 5.76rem;
    height: 4.71rem;
    background-color: #000000;
    position: relative;
    margin-bottom: .76rem;
}

.class-list>.class-video>a>img {
    position: absolute;
}

.class-list>.class-video>a>img:first-child {
    top: .50rem;
    width: 100%;
    height: 3.71rem;
    left: 0;
}

.class-list>.class-video>a>img:last-child {
    width: .82rem;
    height: .82rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

main>.teacher {
    width: 100%;
    position: relative;
}

.teacher>.teacher-list {
    /* margin-top: 126px; */
    width: 100%;
    height: 8.74rem;
    background: url("../images/teacher-bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: hidden;
}

.teacher-list>ul>li {
    width: 3.2rem;
    height: 7.3rem;
    position: relative;
    box-sizing: border-box;
}

.teacher-list>ul>li>img {
    width: 3.2rem;
    height: 7.3rem;
}

.teacher-list>ul>li>a {
    position: absolute;
    top: 0;
    display: block;
    width: 3.2rem;
    height: 7.3rem;
    background-color: #fcc900;
    opacity: 0.9;
    box-sizing: border-box;
    display: none;
    overflow: hidden;
}

.teacher-list>ul>li:hover a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.teacher-list>ul>li>a h4 {
    font-size: 0.24rem;
    letter-spacing: 0.01rem;
    color: #0d265c;
}

.teacher-list>ul>li>a h5 {
    margin-top: 10px;
    font-size: 0.18rem;
    letter-spacing: 0.01rem;
    color: #0d265c;
}

.teacher-list>ul>li>a p {
    margin-top: 0.06rem;
    font-size: 0.16rem;
    letter-spacing: 0.01rem;
    color: #0d265c;
    line-height: 0.26rem;
}

.teacher-list>ul>li>a>div {
    border: solid 2px #0d265c;
    width: 2.8rem;
    height: 6.6rem;
    padding: 0.4rem 0.2rem;
    box-sizing: border-box;
}

.teacher-list>.more {
    width: 500px;
    height: 50px;
    position: absolute;
    left: 50%;
    bottom: 4%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.teacher-list>.more>a {
    font-size: .24rem;
    color: #0d265c;
}

.teacher-list>.more>div {
    width: .35rem;
    height: .35rem;
    border-radius: 50%;
    background-color: #0d265c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-left: .20rem;
}

main>.culture {
    width: 100%;
}

.culture>.culture-list {
    width: 100%;
    height: 6.40rem;
    background: url("../images/culture-bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/* .culture-list>ul>li>div:hover img{
    width: 900px;
} */

.culture-list>ul>li {
    position: relative;
    width: 1.50rem;
    height: 6.41rem;
    overflow: hidden;
    transition: width 1s;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -ms-transition: width 1s;
    -o-transition: width 1s;
}

.culture-list>ul>.active {
    width: 9rem;
}

.culture-list>ul>li>.culture-Y {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.50rem;
    height: 6.41rem;
    background-color: rgba(118, 128, 149, .5);
}

.culture-Y>p {
    color: #f5c712;
    font-size: .40rem;
    font-weight: bold;
    width: .35rem;
    height: 4rem;
}

.culture-list>ul>li>.culture-X {
    position: absolute;
    bottom: 0;
    left: 1.50rem;
    width: 5.70rem;
    height: 1.51rem;
    background-color: rgba(118, 128, 149, .5);
}

.culture-X>P {
    color: #f5c712;
    font-size: .40rem;
    font-weight: bold;
}

main>.envir {
    margin-top: 1rem;
}

.envir>.envir-list {
    display: flex;
    width: 12rem;
    margin: 0 auto;
}

.envir>.envir-list>img {
    width: 7rem;
    height: 5.21rem;
}

.envir>.envir-list>ul>li {
    width: 3.85rem;
    height: 1.14rem;
    margin-bottom: .20rem;
    position: relative;
}

.envir>.envir-list>ul>li>img {
    width: 1.70rem;
    height: 1.14rem;
}

.envir>.envir-list>ul>li>div {
    width: 3.85rem;
    height: 1.14rem;
    background-color: #ffffff;
    border: solid .01rem #0d265c;
    border-left: none;
    box-sizing: border-box;
}

.envir>.envir-list>ul>li>div>h4 {
    font-size: .20rem;
    color: #0d265c;
    margin-bottom: .10rem
}

.envir>.envir-list>ul>li>div>p {
    font-size: .16rem;
    color: #0d265c;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 0 .10rem .05rem .10rem;
}

.envir-list>.kuang {
    width: .10rem;
    height: 5.21rem;
    border-left: solid .01rem #0d265c;
    box-sizing: border-box;
    margin: 0 .50rem 0 .60rem;
}

.envir>.envir-list>ul>li>.yuan {
    position: absolute;
    left: -.66rem;
    top: 50%;
    transform: translateY(-50%);
    width: .14rem;
    height: .14rem;
    border-radius: 50%;
    background-color: #0d265c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border: none
}

.envir>.envir-list>ul>li:hover div {
    background-color: #f5c712;
}

main>.news {
    width: 100%;
}

.news>.news-list {
    width: 100%;
    position: relative;
}

.news>.news-list>.news-all {
    width: 6.9rem;
    margin: 0 auto;
    display: flex;
}

.news-all>.nav_news {
    width: 100%;
    margin-right: .30rem;
}

.news-all>.nav_news>.flex>li {
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    width: 1.72rem;
    height: 0.60rem;
    background-color: rgba(255, 255, 255, .2);
    font-size: .28rem;
    ;
    line-height: .60rem;
    letter-spacing: .01rem;
    color: #ffffff;
}

.news-all>.nav_news>ul>.nav_news_active {
    background-color: #b50005;
}

.nav_news>.news_list {
    margin-top: .20rem;
}

.nav_news>.news_list>li {
    width: 100%;
    height: 1.16rem;
    background-color: rgba(255, 255, 255, .2);
    margin-bottom: .10rem;
    box-sizing: border-box;
    padding: .2rem
}

/* .news-all>.nav_news>ul>li>span{

} */

.nav_news>.news-item img {
    width: 4.88rem;
    height: 4.30rem;
}

.news-item>.news_font {
    width: 4.88rem;
    height: 1.43rem;
    padding: .20rem;
    box-sizing: border-box;
}

.news-item>.news_font h4 {
    font-size: .18rem;
    color: #fff;
    font-weight: bold;
    letter-spacing: .01rem;
}

.news-item>.news_font h5 {
    font-size: .14rem;
    color: #fff;
    font-weight: bold;
    width: 2.85rem;
    letter-spacing: .01rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-item>.news_font span {
    width: .24rem;
    height: .02rem;
    background-color: #b50005;
    display: block;
    margin-top: .13rem;
    margin-bottom: .13rem;
}

.news-item>.news_font p {
    font-size: .16rem;
    color: #ffffff;
    opacity: 0.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}

.news-all .news_list>li>a {}

.news-all .news_list>li p {
    font-size: .28rem;
    color: #fff;
    margin-left: .20rem;
    width: 5.35rem;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 600;
}

.news-all .news_list>li:hover {
    background-color: transparent
}

.news-all .news_list>li:hover .red-change {
    background-color: #b50005;
    color: #fff;
}

.news-all .news_list>li:hover p {
    color: #b50005;
}

.news-all .news_list>li .red-change {
    width: .74rem;
    height: .76rem;
    background-color: rgba(255, 255, 255, .4);
    color: #b50005;
}

.news-all .news_list>li div>h4 {
    margin-top: .10rem;
    margin-bottom: .07rem;
    font-size: .18rem;
    font-weight: bold;
}

.news-all .news_list>li div>h5 {
    font-size: .14rem;
}

.news-list>.more {
    width: 5rem;
    height: .50rem;
    position: absolute;
    left: 50%;
    bottom: 4%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.news-list>.more>a {
    font-size: .24rem;
    color: #0d265c;
}

.news-list>.more>div {
    width: .35rem;
    height: .35rem;
    border-radius: 50%;
    background-color: #0d265c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-left: .20rem;
}

.ys-list>.ys-item1>a {
    display: block;
    width: 2.40rem;
    height: 2.51rem;
    line-height: 2.51rem;
    text-align: center;
    font-size: .16rem;
    letter-spacing: .01rem;
    color: #fcc900;
}

.ys-head>.font>h4 {
    font-size: .5rem;
    line-height: .5rem;
    letter-spacing: .03rem;
    color: #0d265c;
}

.ys-head>.font>span {
    display: block;
    width: .37rem;
    height: .04rem;
    background-color: #0d265c;
    margin: .30rem 0;
}

.ys-head>.font>p {
    font-size: .16rem;
    line-height: .26rem;
    letter-spacing: .01rem;
    color: #0d265c;
}

.share_box>.share-img:hover img {
    display: block;
}

/* 添加 */

.info {
    position: relative;
}

.info>.info-font {
    position: relative;
}

.info-font>.red-block {
    position: absolute;
    font-size: .60rem;
    top: -.65rem;
    left: .10rem;
    color: #ffffff;
    font-weight: bold;
}

.ys-detail {
    width: 100%;
    margin: 0 auto;
}

.ys-item .ys-item-yuan {
    position: relative;
    width: 1.44rem;
    height: 1.44rem;
    background-color: rgb(181, 0, 5);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-bottom: .16rem;
}

.ys-item .ys-item-yuan1 {
    width: 1.44rem;
    height: 1.44rem;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-bottom: .16rem;
}

.ys-item-yuan1:hover .ys-item-yuan {
    background-color: rgb(181, 0, 5, .4);
}

.ys-item-yuan1:hover img {
    opacity: 0.4;
}

.ys-item-yuan1:hover .ys-item-absolute {
    display: flex;
    z-index: 99
}

.ys-item .ys-item-absolute div {
    font-size: .16rem;
    font-weight: bold;
    width: 1rem;
    letter-spacing: .01rem;
    color: #ffffff;
}

.ys-item .ys-item-absolute {
    position: absolute;
    top: 29%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    font-size: .16rem;
    letter-spacing: .01rem;
    color: #ffffff;
    display: none;
}

.ys-item-absolute>div:last-child {
    width: .24rem;
    height: .02rem;
    background-color: #ffffff;
    margin-top: .10rem;
}

.understand-more {
    width: 3rem;
    height: .6rem;
    line-height: .6rem;
    background-color: #b50005;
    color: #fefefe;
    font-size: .16rem;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

/* 教师 */

.index-teacher .swiper-button-prev, .index-teacher .swiper-button-next {
    width: .39rem;
    height: .39rem;
    position: absolute;
    top: 45%;
    bottom: 0;
}

.index-teacher .swiper-button-prev {
    background: url('../images/left.png');
    left: 22%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-size: cover;
}

.index-teacher .swiper-button-next {
    background: url('../images/right.png');
    left: 73%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-size: cover;
}

.index-teacher {
    width: 100%;
    height: 6rem;
    margin: 0 auto;
    margin-bottom: .50rem;
}

.index-teacher .swiper-container {
    width: 100%;
    height: 100%;
}

.index-teacher .swiper-slide {
    width: 2.80rem;
    height: 5.02rem;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
}

.index-tlist {
    width: 100%;
    height: 5.02rem;
    background: #fff;
}

.index-tlist h3 {
    font-size: .28rem;
    font-weight: bold;
    margin-top: .15rem;
    color: #b50005;
    margin-bottom: .10rem;
    text-align: center;
}

.index-tlist p {
    font-size: .18rem;
    margin-bottom: .30rem;
    color: #b50005;
    opacity: 0.8;
    text-align: center;
}

.index-tlist .teacher-img {
    width: 100%;
    height: 3.94rem;
    box-shadow: 0px 4px 0px 0px #b50005;
}

/* .index-tlist .teacher-absolute{
    position: absolute;
    left: 0;
    width: 2.80rem;
    height: 3.94rem;
    box-sizing: border-box;
    padding:.20rem;
  background-color: rgba(181, 0, 5, .6);
  display: none;
}
.teacher-absolute>span{
    display: block;
    width: .22rem;
	height: .04rem;
	background-color: #ffffff;
}
.teacher-absolute>p{
    color:#fff;
    font-size: .16rem;
    line-height: .30rem;
    margin-top: .20rem;
    text-align: left;
}
.teacher-absolute>img{
    width: .20rem;
    height: .20rem;
    position: relative;
    left: -48%;
}
.index-tlist:hover .teacher-absolute{
    display: block;
} */

.news-item {
    background: rgba(255, 255, 255, .2);
}

/* 作品 */

.index-works .swiper-button-prev, .index-works .swiper-button-next {
    width: .57rem;
    height: .57rem;
    position: absolute;
}

.index-works .swiper-button-prev {
    background: url('../images/left.png');
    top: 8%;
    left: 67%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-size: cover;
}

.index-works .swiper-button-next {
    background: url('../images/right.png');
    top: 8%;
    left: 77%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-size: cover;
}

.index-works {
    /* width: 12rem;
    height: 6.20rem; */
    margin: 0 auto;
}

.index-works .swiper-container {
    width: 100%;
    height: 100%;
}

.index-workslist>.img-list {
    display: flex;
    justify-content: space-between;
    width: 5.7rem;
    flex-wrap: wrap;
    margin-top: .1rem;
}

.index-workslist {
    width: 5.7rem;
    margin: 0 auto
}

.index-workslist>.works-left {
    width: 5.7rem;
    height: 2.2rem;
    background-color: #b50005;
    box-sizing: border-box;
    padding: 0.3rem 0.2rem;
}

.works-left>h4 {
    font-size: .48rem;
    letter-spacing: .01rem;
    color: #fefefe;
    font-weight: bold;
    text-align: left;
}

.works-left>p {
    font-size: .16rem;
    letter-spacing: 0px;
    color: #fefefe;
    margin-top: .4rem;
    line-height: .36rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.img-list>li {
    width: 2.8rem;
    height: 2.80rem;
    background-color: #7f8082;
    position: relative;
    margin-bottom: 0.1rem;
}

.img-list>li>img {
    width: 2.80rem;
    height: 2.80rem;
    object-fit: cover;
}

.img-list>li>.works-absolute {
    width: 2.33rem;
    height: 2.33rem;
    background-color: rgba(181, 0, 5, .5);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    display: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.img-list>li:hover .works-absolute {
    display: block;
}

.works-absolute>h3 {
    font-size: .48rem;
    margin-top: .2rem;
}

.works-absolute>p {
    font-size: .14rem;
    margin-top: .25rem;
    margin-bottom: .08rem;
}

.works-absolute>span {
    font-size: .14rem;
    width: .18rem;
    height: .02rem;
    background-color: #ffffff;
    margin: 0 auto;
    margin-bottom: .30rem;
    display: block;
}

.works-absolute>a {
    width: .93rem;
    height: .30rem;
    border: solid .01rem #ffffff;
    font-size: 0.14rem;
    text-align: center;
    line-height: .30rem;
    color: #fff;
    padding: 0.05rem 0.1rem
}

.background {
    width: 100%;
    height: 13.4rem;
  
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-size: cover;
    position: relative;
    background-position: center;
}

.head-banner .swiper-container {
    width: 6.11rem;
    height: .60rem;
    line-height: .6rem;
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
    box-sizing: border-box;
    padding: 0 .30rem;
    text-align: left;
}

.head-banner .swiper-container a {
    color: #fff;
    overflow: hidden;
    font-size: .18rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.head-banner {
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 80%;
    transform: translateX(-50%);
}

.join>.join-list {
    width: 100%;
    background-color: rgba(181, 0, 5, .1);
    height: 5.90rem;
    box-sizing: border-box;
    padding-top: .50rem;
}

.join-list>.join-item {
    width: 11rem;
    margin: 0 auto
}

.join-item>ul {
    display: flex;
    justify-content: space-between;
    width: 7.5rem;
    flex-wrap: wrap;
}

.join-list>h5 {
    font-size: .18rem;
    letter-spacing: 0.01rem;
    color: #b50005;
    font-weight: bold;
    margin-bottom: .55rem;
}

.join-item>ul>li {
    margin-bottom: 0.30rem;
}

.join-item>ul input {
    width: 3.12rem;
    height: .68rem;
    border: solid .02rem #ffffff;
    background: transparent;
    box-sizing: border-box;
    padding-left: .20rem;
    font-size: .18rem;
    color: #fff
}

.join-item p {
    font-size: .18rem;
    letter-spacing: 0.1rem;
    color: #ffffff;
    margin-bottom: .20rem;
    text-align: left;
}

.join-item textarea {
    width: 3.34rem;
    height: 2.10rem;
    border: solid 0.02rem #ffffff;
    box-sizing: border-box;
    padding: .20rem;
    background: transparent;
    font-size: .18rem;
    color: #fff
}

.join-list>.join-button {
    width: 3rem;
    height: 0.60rem;
    background-color: #b50005;
    line-height: .60rem;
    text-align: center;
    font-size: .20rem;
    line-height: .60rem;
    letter-spacing: 0.01rem;
    color: #ffffff;
    margin: 0.20rem auto;
    border: none;
    cursor: pointer;
}

.join .bottom-button {
    width: 100%;
    height: 1rem;
    position: absolute;
    bottom: 0
}

.bottom-button>img {
    width: .56rem;
    height: .56rem;
}

body .foot-background {
    height: 100%;
    margin-bottom: 1rem;
}

/*  */

.ys-item-yuan>img {
    width: .6rem;
    height: .68rem;
}

.banner-swiper {
    height: 13.34rem;
    width: 100%
}

main .banner-swiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.foot-center-item>img {
    width: 2.40rem;
    height: 2.40rem;
    margin-bottom: .4rem;
}

.foot-center-item>h5 {
    color: #ffffff;
    font-size: .24rem;
    text-align: center;
}

.foot-center>ul>li {
    width: 5.12rem;
    height: .63rem;
    background-color: #b50005;
    border-radius: .31rem;
    position: relative;
    -webkit-border-radius: .31rem;
    -moz-border-radius: .31rem;
    -ms-border-radius: .31rem;
    -o-border-radius: .31rem;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: .24rem;
    margin-bottom: 0.1rem;
}

.foot-center>ul>li>img {
    margin-left: 0.05rem;
    margin-right: 0.3rem;
    width: .55rem;
    height: .54rem;
}

.foot-center>ul {
    margin-top: .62rem;
    margin-bottom: 0.5rem;
}

.foot-right>div {
    font-size: .24rem;
    line-height: .5rem;
    letter-spacing: .01rem;
    color: #ffffff;
    text-align: center;
    margin-bottom: .75rem;
}

.foot-right>ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 5.84rem;
}

.foot-right>ul>li {
    font-size: .24rem;
    line-height: .36rem;
    letter-spacing: .01rem;
    color: #ffffff;
    text-align: center;
    margin-bottom: 0.3rem;
}