html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
    color:#fff;
}

p, ul, li {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

a {
    color: #565656;
    text-decoration: none;
}

body {
    height: 100%;
    font-size:0.16rem
}

div {
    box-sizing: border-box;
}

img {
    width: 100%;
    height: 100%;
    display: block;
}
.top-title {
    width: 100%;
    height: 0.45rem;
    background: #fff;
    /* background: url("../assets/top1.png") no-repeat;
    background-size: contain; */
}
.top-title>p{
    margin-left:3rem;
    float: left;
    width:1.18rem;
    height:0.32rem;
    padding-top:0.07rem;
}
.top-title ul {
    float: right;
    display: flex;
    margin-top: 0.1rem;
    margin-right: 2.6rem;
}

.top-title ul li {
    padding: 0.01rem 0.11rem;
}

.top-title ul li:not(:last-child) {
    border-right: 1px solid #565656;
}
.tarBar{
  width:100%;
  height:0.9rem;
  background: #0d2f79;
  z-index: 3;
}
.tarBar_content{
  width:12rem;
  margin:0 auto;
    height:0.9rem;
  display: flex;
  align-items: center;
  font-size: 0.22rem;
  justify-content: space-around;
}

.tarBar_content p{
  padding:0 0.1rem;
  height:0.9rem;
  line-height: 0.9rem;
  cursor:pointer;
}
.tarBar_content .active{
  background: url(../images/active.png) no-repeat center 0.2rem;
  background-size:100% 0.6rem;
  color:#002583;
  font-weight: bold;
}
.mdiv01{
   background: #0d2f79;
   padding:0.3rem 0 0.3rem;
}
.mdiv01-content{
  width:12rem;
  margin:0 auto;
  display: flex;
}
.mdiv01-content>div{
  margin:0 0.15rem;
}
.mdiv01_left{
  width:5rem;
  height:3.2rem;
  border:0.02rem solid #e39a45;
  border-radius:0.05rem;
  overflow: hidden;
}
.mdiv01_left img{
    width:4.96rem;
  height:3.16rem;
}
.swiper-container1 {
   width:5rem;
  height:3.2rem;
    overflow: hidden;
    position: relative;
}
.swiper-container1 .swiper-wrapper {
    display: flex;
   width:5rem;
  height:3.2rem;
}

.pagination1 {
    position: absolute;
    z-index: 1;
    bottom: 0.2rem;
    width: 100%;
    text-align: right;
    padding-right:0.3rem;
}

.pagination1 .swiper-pagination-switch {
    display: inline-block;
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    margin: 0 5px;
    background: #fff;
    border:0.01rem solid #fff;
    cursor: pointer;
}

.pagination1 .swiper-active-switch {
    background: none;
}

.mdiv01_center{
  width:3.9rem;
  height:3.2rem;
   border:0.02rem solid #e39a45;
   border-radius:0.05rem;
  overflow: hidden;
  font-size:0.18rem;
  padding:0.08rem 0.3rem;
  line-height: 0.42rem;
  cursor: pointer;
}
.mdiv01_center p:hover{
  text-decoration: underline;
}

.mdiv01_right{
  width:2.24rem;
  height:3.2rem;
  background:#1f4db2;
  border-radius:0.05rem;
  font-size:0.14rem;
  text-align: center;
  padding:0.06rem 0.1rem;
  line-height: 0.34rem;;
}
.swiper-container2{
   width:2.04rem;
  height:3.04rem;
    overflow: hidden;
    position: relative;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: linear;    /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}
.swiper-container2 p{
  cursor: pointer;
}
.swiper-container2 p:hover{
  color:#ffa65a;
}
.mdiv02,.mdiv03,.mdiv04,.mdiv05{
  margin:1rem 0 0;
}
.mdiv02>h3,.mdiv03>h3,.mdiv04>h3,.mdiv05>h3,.mdiv05 h5{
  width:4.8rem;
  margin:0 auto 0.4rem;
}
.mdiv04-content{
  width:12rem;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
}
.mdiv04_left,.mdiv04_right{
  padding:0.15rem 0.3rem;
  width:7.48rem;
  background-color: #f5f5f5;
  border-radius: 0.1rem;
}

.mdiv04_left li{
  display: flex;
  color:#000;
  font-size:0.14rem;
  padding:0.15rem 0;
  border-bottom:0.01rem solid #d8d8d8;
}
.mdiv04_left li img{
  width:1.9rem;
  height:1.26rem;
  border-radius:0.1rem;
  margin-right:0.3rem;
}
.mdiv04_left li  h4{
  margin:0;
  font-size:0.2rem;
}
.mdiv04_left li div{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mdiv04_left li:last-child{
  border:none
}
.mdiv04_right{
  width:4.22rem;
  display: flex;
  justify-content: space-around;
  color:#000;
  flex-direction: column;
  font-size:0.2rem;
  align-items: center;
}
.mdiv04_right .active{
 font-size:0.28rem;
}
.mdiv05-content>div{
  width:12rem;
  margin:0 auto;
}
.mdiv05smallA,.mdiv05smallB{
  display: flex;
  /* justify-content: space-around; */
}
.mdiv05smallA>div{
  width:3.8rem;
  height:2.64rem;
  overflow: hidden;
  border-radius: 0.1rem;
  position: relative;
  margin-right:0.3rem;
}
.mdiv05smallA>div:last-child{
  margin-right:0;
}
.mdiv05smallA>div img{
    width:3.8rem;
  height:2.64rem;
}
.mdiv05smallA>div p{
  position: absolute;
  width:100%;
  left:0;
  bottom:0;
  height:0.42rem;
  display: flex;
  align-items: center;
  font-size:0.16rem;
  justify-content: center;
  background: rgba(0,0,0,0.6);
}
.mdiv05smallA>div p span{
  font-size:0.2rem;
  margin-right:0.1rem;
}
.mdiv05 h5{
  margin-top:0.5rem;
  margin-bottom:0.2rem;
}
.mdiv05smallB{
  justify-content: space-between;
}
.mdiv05smallB p{
  width:2.76rem;
  height:4.4rem;
  margin-right:0.3rem;
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
}

.mdiv05smallB p:last-child{
 margin-right:0;
}
.mdiv05smallB p span{
  position: absolute;
  left:0;
  bottom:0;
  width:100%;
  height:0.47rem;
  background:#0d2f79;
  text-align: center;
  line-height: 0.47rem;
  font-size:0.2rem;
}
.mdiv05smallC{
  width:100%!important;
  background: url(../images/1.jpg) no-repeat;
  background-size:100% 5.14rem;
  padding:0.3rem 0;
  height:5.14rem;
}
.mdiv05smallC>div{
  width:12rem;
  margin:0 auto;
   height:4.54rem;
}
.mdiv05smallC iframe{
  width:100%;
   height:4.54rem;
}
.mdiv05smallD{
  display: flex;
}
.mdiv05smallD>div{
  width:2.78rem;
  height:2.5rem;
  border-radius:0.05rem;
  margin-right: 0.3rem;
  overflow: hidden;
}
.mdiv05smallD>div img{
  width:2.78rem;
  height:1.74rem;
}
.mdiv05smallD>div p{
  height:0.84rem;
  background: #0d2f79;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:0.2rem;
}
.mdiv05smallE>div p{
  height:0.5rem;
}
.mdiv05smallD>div:last-child{
  margin-right:0;
}
.mdiv05smallF{
  width:100%!important;
  background: #0d2f79;
  height:4.08rem;
}
.mdiv05smallF>div{
  width:12rem;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  padding-top:0.3rem;
}
.mdiv05smallF>div img{
  width:6rem;
  height:3.46rem;
  border:0.02rem solid #e39a45;
  border-radius:0.1rem;
  margin-right:0.3rem;
}
.mdiv05smallF>div p{
  font-size:0.2rem;
  width:5.7rem;
  color:#fff;
   height:3.46rem;
    border-radius:0.1rem;
    border:0.01rem solid #e39a45;
    padding:0.15rem 0.3rem;
    box-sizing: border-box;
    line-height:0.34rem;
}
.mdiv05smallG{
  width:100%!important;
  background: #0d2f79;
  padding:0.05rem 0 0.4rem;
}
.mdiv05smallG>div{
  width:12rem;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.mdiv05smallG p{
  width:2.18rem;
  height:0.9rem;
  border-radius: 0.1rem;
  overflow: hidden;;
  margin-top:0.25rem;
    background:#fff;
}
.mdiv05smallG p img{
    width:2.18rem;
  height:0.9rem;
}
.m5-item{
    width: 2.76rem;
    height: 2.26rem;
    overflow: hidden;
    margin:0 0.32rem 0.2rem 0;
}
.m5-box .m5-item:nth-child(4n+4){
    margin-right:0;
}
.m5-item div:nth-child(1){
    width: 100%;
    height: 1.74rem;
    position: relative;
}
.m5-item div:nth-child(1)::after{
content:'';
position: absolute;
left:0;
top:0;
   width: 100%;
    height: 1.6rem;
    background: url(../images/left1.png) no-repeat;
    background-size: cover  ;
}   
.m5-item div:nth-child(2){
    width: 100%;
    line-height: 0.66rem;
    font-size: 0.19rem;
    font-family: "Arial", "Microsoft YaHei", "榛戜綋", "瀹嬩綋", sans-serif;
    font-weight: 500;
    color: #fff;
    text-align: center;
    background: #0d2f79;
}
.m4-content{
    width:100%;
    padding:0.4rem 0 0.3rem;
    position: relative;
    height:7.4rem;
}
.m4-content #bg{
    position: absolute;
    background: url(http://n.sinaimg.cn/edu/2021gaozhaopic/m4b1.jpg) no-repeat center center;
    background-size: cover;
    /* filter: blur(5px); */
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.m4-jian> img{
    width: 0.5rem;
    height: 0.5rem;
    z-index: 1;
}
.m4-jian> #deg{
    transform: rotate(180deg);
}
.m4-jian{
    width: 12rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin:  0 auto;
}
.m4-content #bg::after{
    position: absolute;
    background-color: rgba(255,255,255,0.6);
    content:"";
    left:0;
    top:0;
      width:100%;
    height:100%;
}
.big-image{
    width: 11.72rem;
    height: 5.3rem;
    margin: 0 auto;
    margin-top: 0.3rem;
}
.swiper-container4{
    width: 10.7rem;
    height:6.6rem;
    overflow: hidden;
    margin-bottom:0.4rem;
}
.swiper-container4 .swiper-wrapper{
    width: 10.7rem;
    height:6.6rem;
    overflow: hidden;
    display: flex;
}
.swiper-container4 .swiper-slide{
    width: 10.7rem;
    height:6rem;
}

.school-name{
    width: 10.07rem;
    text-align: center;
    margin: 0 auto;
    margin-top: 0.1rem;
    font-size: 0.38rem;
    font-weight: 800;
    color:#222;
}
.m4-item{
       width:10.7rem;
    height:6rem;
}
.m4-item image{
    width:10.7rem;
    height:6rem;
}
.Colleges{
  width:100%!important;
}
.m4-content{
    overflow: hidden;
}
.tel{
  width:100%;
  background: #f6f6f6;
  margin-top:0.6rem;
}
.tel img{
  width:12rem;
  height:auto;
  margin:0 auto;
}
.bottom{
    width: 100%;
    height:auto;
      color:#333;
    padding-top: 0.3rem;
    font-size: 0.12rem;
    margin-top:0.4rem;
}
.bottom p{
    text-align: center;
    margin-bottom: 0.2rem;
}
.zhe{
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.7);
    top: 0;
    left: 0;
    z-index: 3;
    display: none;
    padding-top: 10%;
}
.zhe video{
    width: 12.8rem;
    height: 7.2rem;
}
.close{
    width: 0.5rem;
    height: 0.5rem;
    float: right;
    margin-top: -1rem;
    margin-right: -1rem;
}
.fixedright{
    width:1.5rem;
    position: fixed;
    right:0;
    top:50%;
    margin-top:-1.5rem;
}