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: 10000;
}

.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;

}
.flex>.flex-font{
    font-size: .16rem;
    letter-spacing: .01rem;
    color: #ffffff;
    margin-bottom: .30rem;
}
.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-right: .70rem;
    position: relative;
    margin-bottom: .60rem;
}
.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:100;
    display: none;
}
.ys-list>.ys-item>h4{
    font-size: .28rem;
    font-weight: 600;
    margin-bottom:.1rem;
}
.ys-list>.ys-item:nth-child(5n){
    margin-right: 0;
}

.ys-list>.ys-item>h5{
    width: 1.65rem;
	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: .14rem;
    z-index:100
}
.ys-item>p,.ys-list>.ys-item>h4,.ys-list>.ys-item>h5,.ys-list>.ys-item>h3{
    color: #333;
}

.ys-detail>.ys-list{
  margin-top:.20rem;
  display: flex;
  flex-wrap: wrap;
  margin-left: .50rem;
}
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{
    margin-top:.90rem;
    width: 100%;
}
.class>.class-list{
    margin-top: 0.2rem;
   width: 12rem;
   margin:0 auto;
   color:#fff;
   margin-bottom: .50rem;
}
.class>.class-list>div:first-child{
   width:4.20rem;
   margin-right: 1.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 h5 {
    font-size: .40rem;
    letter-spacing: 0.01rem;
    text-align: left;
    position: absolute;
    top: .4rem;
}
.class>.class-list>div>p {
    font-size: .16rem;
    letter-spacing: 0.01rem;
    text-align: left;
    line-height: .32rem;
    margin-bottom: .8rem;
}
.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>.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.6rem;
	height: 4.54rem;
    background-color: #000000;
    position: relative;
  
}
.class-list .class-video>a{
    display: inline-block;
    width:100%;
    height:3.94rem;
    overflow: hidden;
    position: absolute;
    top:.40rem;
    left: 0;
}

.class-list>.class-video>a>img:first-child{
   
   width:100%;
   height:3.74rem;
   left: 0;
   transition: all .4s;
 }
 .class-list>.class-video>a>img:first-child:hover{
    transform: scale(1.2);
  }
 .class-list>.class-video>a>img:last-child{
    position: absolute;
    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%;
    margin-top: 1.34rem;
    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{
    margin-top:1.24rem;
    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{
    margin-top: 1.04rem;
    width: 100%;
}

.news>.news-list{
    width: 100%;
    position: relative;
}
.news>.news-list>.news-all{
    width: 12rem;
	height: 5.0rem;

    display: flex;
}
.news-all>.nav_news{
    margin-right: .30rem;
    background: rgba(0,0,0,.1);
}
.news-all>.nav_news>.flex>li{
    text-align: center;
    font-size: .18rem;
    font-weight: 600;
    cursor: pointer;
    width: 1.88rem;
    height: 0.40rem;

    background-color: rgba(255,255,255,.2);
    font-size: .18rem;;
    line-height: .40rem;
    letter-spacing: .01rem;
    color: #ffffff;
}
.news-all>.nav_news>ul>.nav_news_active{
    background-color: #b50005;

}
.nav_news>.news_list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .10rem;
}
.nav_news>.news_list>li{
    width: 3.70rem;
	height: 1.40rem;
    /*background-color: rgba(255,255,255,.2);*/
}
/* .news-all>.nav_news>ul>li>span{

} */
/* .nav_news>.news-item img{
    width: 4.88rem;
    height: 4.30rem;
    transition: all .4s;
} */
.nav_news>.news-item img {
    width: 3.88rem;
    height: 3.41rem;
    transition: all .4s;
}
.nav_news>.news-item img:hover{
    transform: scale(1.2);
}
/*.news-item>.news_font{
    width: 4.88rem;
    height: 1.43rem;
    padding:.20rem;
    box-sizing: border-box;
}*/
.news-item>.news_font {
    width: 3.88rem;
    height: 1.43rem;
    padding: .20rem;
    box-sizing: border-box;
}
.news-item>.news_font h4{
    font-size: .14rem;
    color: #fff;
    /*font-weight: bold;*/
    letter-spacing: .01rem;
}
.news-item>.news_font h5{
    font-size: .18rem;
    color: #fff;
    font-weight: bold;
    width: 3.6rem;
    letter-spacing: .01rem;
    white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-align: left;
}
.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-item>a{
    display: block;
    width: 4.88rem;
    height: 4.30rem;
    overflow: hidden;
}*/
.news-item>a {
    display: block;
    width: 3.88rem;
    height: 3.41rem;
    overflow: hidden;
}
.news-all .news_list>li{
  margin-bottom:.10rem
}
.news-all .news_list>li>a{
   margin:.20rem .20rem 0 .20rem
  }
.news-all .news_list>li p{
    font-size: .18rem;
    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: 1.35rem;
	height: .72rem;
    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{
    margin-top:1.50rem;
    position: relative;
}
.info>.info-font{
    position: relative;
}
.info-font>.red-block{
    position: absolute;
  font-size: .60rem;
    top:-.60rem;
    left:.10rem;
    color: #ffffff;
}
.ys-detail{
    width: 12rem;
    margin: 0 auto;
}
.ys-item .ys-item-yuan{
    position: relative;
    width: 1.34rem;
    height: 1.34rem;
    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: 28px;
}
.ys-item .ys-item-yuan1{

    width: 1.34rem;
    height: 1.34rem;
   display: block;
    border-radius:50% ;
    -webkit-border-radius:50% ;
    -moz-border-radius:50% ;
    -ms-border-radius:50% ;
    -o-border-radius:50% ;
    margin-bottom: 28px;

}
.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:5%;
    left: 50%;
    transform:translateX(-50%) ;
    -webkit-transform:translateX(-50%) ;
    -moz-transform:translateX(-50%) ;
    -ms-transform:translateX(-50%) ;
    -o-transform:translateX(-50%) ;
}*/
.understand-more {
    width: 1.8rem;
    height: .44rem;
    line-height: .44rem;
    background-color: #b50005;
    color: #fefefe;
    font-size: .16rem;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    position: absolute;
    bottom: 5%;
    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:auto;
    bottom:0;
}
.index-teacher .swiper-button-prev{
    background:url('../images/left.png');
    left: auto;
    right: 51%;
    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: 51%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-size: cover;

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




.index-tlist {
    width: 2.80rem;
	height: 5.02rem;
    background: #fff;
}
.index-tlist h3 {
    font-size: .28rem;
    font-weight: bold;
    margin-top: .15rem;
    color: #b50005;
    margin-bottom: .10rem;
}
.index-tlist p {
    font-size: .18rem;
    margin-bottom: .30rem;
    color: #b50005;
	opacity: 0.8;
}
.index-tlist .teacher-img{
    width: 2.80rem;
    height: 3.94rem;
    transition: all .4s;
}
.index-tlist>a{
    width: 2.80rem;
    height: 3.94rem;
    display: inline-block;
    overflow: hidden;
}
.index-tlist .teacher-absolute{
    position: absolute;

    width: 2.80rem;
    height: 3.94rem;
    box-sizing: border-box;
    padding:.20rem;
  background-color: rgba(181, 0, 5, .6);
  display: none;
  z-index: 9
}
.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;
}
.index-tlist:hover .teacher-img{
    transform: scale(1.2);
}
.news-item{
    /*background: rgba(255, 255, 255, .2);*/
}
/* 作品 */

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

}
.index-works .swiper-button-prev{
    background:url('../images/left.png');
    top:81%;
    left: 6%;
    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:81%;
    left: 13%;
    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-workslist{
    display: flex;
}
.index-works .swiper-container {
    width: 100%;
    height: 100%;
}
/*.index-workslist>.img-list{
    display: flex;
    justify-content: space-between;
    width:8.60rem;
    flex-wrap: wrap;
}*/
.index-workslist>.img-list {
    display: flex;
    justify-content: space-between;
    width: 8.00rem;
    flex-wrap: wrap;
}
/*.index-workslist>.works-left{
    width: 2.76rem;
	height: 5.28rem;
    background-color: #b50005;

    margin-right: .1rem;
}*/
.index-workslist>.works-left {
    width: 2.76rem;
    height: 5.28rem;
    background-color: #b50005;
    margin-right: .3rem;
}
.works-left>h4{
    font-size: .48rem;
    letter-spacing: .01rem;
    color: #fefefe;
    margin-top: 1rem;
    margin-left: .5rem;
    text-align: left;
}
.works-left>p{
    font-size: .16rem;
    letter-spacing: 0px;
    color: #fefefe;
    width: 1.78rem;
    text-align: left;
    margin-top: .4rem;
    margin-left: .5rem;
    line-height: .36rem;
}
/*.img-list>li{
    width: 2.8rem;
	height: 2.60rem;
    background-color: #7f8082;
    position: relative;
    margin-bottom: 0.1rem;
}*/
.img-list>li{
    width: 1.8rem;
    height: 2.60rem;
    /* background-color: #fff; */
    position: relative;
    margin-bottom: 0.1rem;
    overflow: hidden;
}
/*.img-list>li>img{
    width: 2.80rem;
    height: 2.60rem;
    object-fit: cover;
}*/
.img-list>li>img {
    width: 1.80rem;
    height: 2.60rem;
    object-fit: cover;
    transition: all .4s;
}
/*.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>.works-absolute {
    width: 1.6rem;
    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;
}
.img-list>li:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.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: 100%;
    background-image: url('../images/11.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-size: cover;
}

.head-banner .swiper-container{
    width: 6.11rem;
	height: .60rem;
	/*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;
    width: 6.11rem;
    overflow: hidden;
    font-size: .18rem;
    white-space:nowrap;

overflow:hidden;

text-overflow:ellipsis;
}

/*.head-banner{
    position: absolute;
    z-index:999;
    bottom:20%;
    right:49%;
}*/
.head-banner {
    position: absolute;
    z-index: 999;
    bottom: 20%;
    left: 49%;
}
.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%;

}