.pb_sys_style2 .p_no_d {
    border: 1px solid #a00707!important;
    color: #fff;
    background-color: #a00707!important;
}

* {
  padding: 0;
  margin: 0;
  font-family: 'Microsoft YaHei';
}
body {
  font: 14px/1.231 'Microsoft YaHei';
  color: #333;
  margin: 0;
  line-height: 1;
  overflow-x: hidden;
}
*:before,
*:after {
  box-sizing: content-box;
}
:focus {
  outline: 0;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}
a {
  color: #333;
  text-decoration: none;
}
a:link,
a:hover,
a:active,
a:visited {
  text-decoration: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
img {
  font-size: 0.14rem;
}
li,
ul {
  list-style-type: none;
}
img {
  border: none;
}
input,
textarea {
  outline: 0;
  border: 0;
  resize: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
i,
em {
  font-weight: normal;
  font-style: normal;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clearboth {
  clear: both;
}


.clear{
  clear: both;
}


a:hover{
  color: #983836 !important;
}




/*banner*/


.banner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 1.24rem;
}


.txt-swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
	z-index: auto;
}

.txt-swiper .swiper-slide{
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.txt-swiper .swiper-slide img {
	width: 100%;
	height: 100%;
  display: block;
	object-fit: cover;

  transform:scale(1.1);
}

.banner .swiper-slide-active img{
  transition:6s linear;
  transform:scale(1);
  }	

.banner_ico {
  width: 100%;
  margin: 0 auto;
  position:absolute;
  left: 0 ;
  bottom: 0.4rem;
  height:0.88rem;
}

.banner_ico .banner_icoimg{
	width:0.22rem;
	height:0.32rem;
  background: url(../images/i_down.png) no-repeat  center;
  margin: 0rem auto 0 auto;
  position: absolute;
  top: 0.28rem;
  left: 0.33rem;

}

.banner .ui-loop{
	position:relative;
	width:0.88rem;
	height:0.88rem;
  z-index: 9;
  margin: 0 auto;
}
	
.banner .path-loop {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 2px;
}	
	
.banner .path-loop-bg {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 2px;
    opacity: 0.1;
}	


.banner .banner-prev{
  position: absolute;
  right: 8%;
  bottom: 0.65rem;
  cursor: pointer;
  background: url(../images/bannerR.png) no-repeat  center;
  width: 0.37rem;
  height: 0.37rem;
  z-index: 10;
  background-size: 100%;
}

.banner .banner-next{
  position: absolute;
  right: 11%;
  bottom: 0.65rem;
  left: auto;
  cursor: pointer;
  background: url(../images/bannerL.png) no-repeat  center;
  width: 0.37rem;
  height: 0.37rem;
  z-index: 10;
  background-size: 100%;
} 

.banner .swiper-banner{
  position: absolute;
  left: 0% ;
  bottom: 0.65rem;
  z-index: 11;
  width: auto;
  height: 0.68rem;
  background: url(../images/banner_xt2.png) no-repeat left center;
  padding-left: 14%;
  z-index: 8;
}

.banner::after{
  width: 8%;
  height: 1px;
  position: absolute;
  left: 0% ;
  bottom: 0.7rem;
  content: "";


}

.banner .swiper-banner .swiper-pagination-bullet{
  line-height: 0.68rem;
  font-family: Arial;
  font-size: 0.2rem;
  color: #fff;
  position: relative;
  width: 0.56rem;
  height: 0.68rem;
  background: none;
  border-radius: 0;
  opacity: 1;
  text-align: center;
  padding-left: 0.1rem;
  display: inline-block;
}

.banner .swiper-banner .swiper-pagination-bullet::after{
  position: absolute;
  left: 0.2rem;
  top: 0px;
  content: "0";
  font-size: 0.2rem;
  color: #fff;
  font-family: Arial;
}

.banner .swiper-banner  .swiper-pagination-bullet-active{
  font-family: 'imp';
  font-size: 0.36rem;
  color: #fff;
  position: relative;
  background: url(../images/bannerico.png) no-repeat top left;
  width: 0.66rem;
  padding-right: 0.8rem;
  top: 0.05rem;

}

.banner .swiper-banner  .swiper-pagination-bullet-active::after{
  position: absolute;
  left:0.15rem;
  top: 0px;
  content: "0";
  font-family: 'imp';
  font-size: 0.36rem;
  color: #fff;
}


.banner .swiper-banner  .swiper-pagination-bullet-active::before{
  position: absolute;
  right:0px;
  top: 0.3rem;
  content: "";
  width: 0.58rem;
  height: 0.07rem;
  background: url(../images/banner_xt.png) no-repeat center;
}

.banner .swiper-banner .swiper-pagination-bullet-active:last-child:before{
  background: none;

}

.banner .banner_xt{
  position: absolute;
  left: 0;
  bottom: 0px;
  background: url(../images/bar_shadow.png) no-repeat top center;
  background-size:100% 100%;
  width: 100%;
  height: 3rem;
  z-index: 5;
  pointer-events: none;
}

@media (max-width: 1366px){
  .banner .banner-prev{
    width: 0.57rem;
    height: 0.57rem;

  }
  
  .banner .banner-next{
    width: 0.57rem;
    height: 0.57rem;
  } 

}

@media (max-width: 980px){
.txt-swiper .img{height: 50vw;overflow: hidden;}
.txt-swiper .img img{width: 100%;height: 100%;object-fit: cover;}
  .banner{margin-top: 0}
  .banner_ico {
    width: 100%;
    margin: 0 auto;
    position:absolute;
    left: 0 ;
    bottom: 0.3rem;
    height:0.62rem;
  }
  
  .banner_ico .banner_icoimg{
  
    width:0.22rem;
    height:0.32rem;
    background: url(../images/i_down.png) no-repeat  center;
    background-size: 100% 100%;
    margin: 0rem auto 0 auto;
    position: absolute;
    top: 0.15rem;
    left: 0.2rem;
  
  }
  
  .banner .ui-loop{
    position:relative;
    width:0.62rem;
    height:0.62rem;
    z-index: 9;
    margin: 0 auto;
  }
    
  .banner .path-loop {
      fill: none;
      stroke: #fff;
      stroke-miterlimit: 10;
      stroke-width: 2px;
  }	
    
  .banner .path-loop-bg {
      fill: none;
      stroke: #fff;
      stroke-miterlimit: 10;
      stroke-width: 2px;
      opacity: 0.1;
  }	
  
  
  .banner .banner-prev{
    position: absolute;
    right: 6%;
    bottom: 0.45rem;
    cursor: pointer;
    background: url(../images/bannerR.png) no-repeat  center;
    width: 0.37rem;
    height: 0.37rem;
    z-index: 10;
    background-size: 100%;
  }
  
  .banner .banner-next{
    position: absolute;
    right: auto;
    bottom: 0.45rem;
    left: 6%;
    cursor: pointer;
    background: url(../images/bannerL.png) no-repeat  center;
    width: 0.37rem;
    height: 0.37rem;
    z-index: 10;
    background-size: 100%;
  } 
  
  .banner .swiper-banner{
    display: none;
  }
  
  

}

/*title*/

.title{
  position: relative;
  margin: 0 auto;

}

.title h3{
  margin: 0 auto;
  text-align: center;
}

.title h3 a{
  display: block;
}

.title h3  img{
  display: inline-block;
  width: 0.86rem;
  height: 0.88rem;
}

.title h3 span{
  display: inline-block;
  text-align: left;
  background: url(../images/title.png) no-repeat right 0.2rem;
  padding-right: 0.95rem;
  margin-left: 0.2rem;
  position: relative;
  top: -0.15rem;
}

.title h3 span em{
  font-size: 0.38rem;
  font-weight: bold;
  color: #333333 ;
}

.title h3 span em i{
  font-size: 0.38rem;
  font-weight: bold;
  color: #00885b 
}

.title h3 span b{
  display: block;
  font-size: 0.16rem;
  color: #983836;
text-align: center;
  font-weight: normal;
 /* background: url(../images/title_xt.png) no-repeat left center;
  padding-left: 0.35rem;*/
  margin-top: 0.15rem;
}

.title .title_more{
  position: absolute;
  right: 0px;
  top: 0.23rem;
  font-size: 0.16rem;
  color: #983836;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
} 

.title .title_more a{
  display: block;
  color: #983836;
  font-size: 0.2rem;
  font-weight: bold;
  background: url(../images/more.png) no-repeat right center;
  line-height: 0.2rem;
  padding-right: 0.35rem;
  background-size: contain;
}


.title .title_more:hover{
  transform: translateX(-10px);

}


@media (max-width: 980px){

  .title{
    position: relative;
    margin: 0 auto;
  
  }
  
  .title h3{
    margin: 0 auto;
    text-align: center;
  }
  
  .title h3 a{
    display: block;
  }
  
  .title h3  img{
    display: inline-block;
    width: 0.86rem;
    height: 0.88rem;
  }
  
  .title h3 span{
    display: inline-block;
    text-align: left;
    background: url(../images/title.png) no-repeat right 0.2rem;
    padding-right: 1.65rem;
    margin-left: 0.2rem;
    position: relative;
    top: -0.1rem;
  }
  
  .title h3 span em{
    font-size: 0.44rem;
    font-weight: bold;
    color: #333333 ;
  }
  
  .title h3 span em i{
    font-size: 0.44rem;
    font-weight: bold;
    color: #00885b 
  }
  
  .title h3 span b{
    display: block;
    font-size: 0.24rem;
    color: #983836;
    font-weight: normal;
text-align: center;
/*    background: url(../images/title_xt.png) no-repeat left center;
    padding-left: 0.35rem;*/
    margin-top: 0.15rem;
    background-size: 10%;
  }
  
  .title .title_more{
    position: relative;
    right: 0px;
    top: 0.23rem;
    font-size: 0.16rem;
    color: #983836;
    margin: 0 auto;
    text-align: center;
  } 
  
  .title .title_more a{
    display: inline-block;
    color: #983836;
    font-size: 0.2rem;
    font-weight: bold;
    background: url(../images/more.png) no-repeat right center;
    line-height: 0.26rem;
    padding-right: 0.35rem;
    background-size: contain;
  }
  
  
  .title .title_more:hover{
    transform: translateX(0px);
  
  }

}




/*news*/

.news_bg{
  width: 100%;
  margin: 0 auto;
  background: url(../images/newsbg.jpg) no-repeat top center;
  background-size: cover;
}

.news_bg .news{
  margin: 0 auto;
  padding-top: 0.75rem;
}

.news_bg .news .news_box{
  margin: 0.6rem auto 0 auto;
}

.news_bg .news .news_box .news_l{
  width: 51%;
  position: relative;
}

.news_bg .news .news_box .news_l .news_button{
  position: absolute;
  right: 0.4rem;
  top: 4.5rem;
  z-index: 5;

}

.news_bg .news .news_box .news_l .news_button .news-next{
  float: left;
  cursor: pointer;
  position: relative;
  background: url(../images/left1.png) no-repeat  center;
  width: 0.29rem;
  height: 0.29rem;
  background-size: 100%;
  margin-top: 0.1rem;
}



.news_bg .news .news_box .news_l .news_button .ui-loop{
  position:relative;
  width:0.5rem;
  height:0.5rem;
  z-index: 9;
  margin: 0 0.2rem;
  float: left;
}

.news_bg .news .news_box .news_l .news_button .ui-loop .news_icoimg{
  position: absolute;
  width:0.28rem;
  height:0.28rem;
  background: url(../images/newsico.png) no-repeat  center;
  left: 0.11rem;
  top: 0.11rem;
  background-size: 100%;
}
  
.news_bg .news .news_box .news_l .news_button .path-loop {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 1px;
}	

.news_bg .news .news_box .news_l .news_button .path-loop-bg {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 2px;
    opacity: 0.1;
}	


.news_bg .news .news_box .news_l .news_button .news-prev{
  float: right;
  cursor: pointer;
  position: relative;
  background: url(../images/right1.png) no-repeat  center;
  width: 0.29rem;
  height: 0.29rem;
  background-size: 100%;
  margin-top: 0.1rem;
}

.news_bg .news .news_box .news_l .swiper-slide{
  position: relative;
}

.news_bg .news .news_box .news_l .swiper-slide .pic{
  width: 99.7%;
  height: 5.24rem;
  overflow: hidden;
  position: relative;
  margin: 0 auto;


}

.news_bg .news .news_box .news_l .swiper-slide .pic img{
width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0px;
  object-fit: cover;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.news_bg .news .news_box .news_l .swiper-slide .txt{
  margin: 0.35rem auto 0 auto;
  width: 99.5%;

} 

.news_bg .news .news_box .news_l .swiper-slide .txt .time{
  float: left;
  width: 12.5%;
  height: 1.14rem;
  background: url(../images/newstime.png) no-repeat top center;
  background-size: 100%;
  text-align: right;
  padding-right: .15rem;box-sizing: border-box;

}

.news_bg .news .news_box .news_l .swiper-slide .txt .time span{
  display: block;
  font-family: 'imp';
  font-size: 0.32rem;
  color: #FFFFFF;
  padding: 0.25rem 0 0.1rem 0;
}

.news_bg .news .news_box .news_l .swiper-slide .txt .time i{
  font-size: 0.16rem;
  color: #FFFFFF;
  display: block;
}

.news_bg .news .news_box .news_l .swiper-slide .txt .txtnr{
  float: right;
  width: 82%;

} 

.news_bg .news .news_box .news_l .swiper-slide .txt .txtnr a{
  font-size: 0.22rem;
  font-weight: bold;
  color: #983836;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  margin: 0.1rem 0 0.2rem 0;
}

.news_bg .news .news_box .news_l .swiper-slide .txt .txtnr p{
  font-size: 0.15rem;
  line-height: 0.24rem;
  height: 0.48rem;
  overflow: hidden;
  color: #666666;
}

.news_bg .news .news_box .news_r{
  width: 45.5%;
  margin-top: 0.23rem;
} 

.news_bg .news .news_box .news_r ul li{
  position: relative;
  width: 100%;
  height: 1.3rem;
  margin-bottom: 0.47rem;

}

.news_bg .news .news_box .news_r ul li .time{
  text-align: right;
  height: 0.81rem;
  background: url(../images/time_ico.png) no-repeat top left;
  float: left;
  width: 0.85rem;
  background-size: 100%;

}

.news_bg .news .news_box .news_r ul li .time span{
  display: block;
  font-family: 'imp';
  font-size: 0.32rem;
  color: #983836;
  padding: 0.2rem 0 0.05rem 0;
}

.news_bg .news .news_box .news_r ul li .time i{
  display: block;
  font-size: 0.16rem;
  color: #983836;
  font-family: Arial, Helvetica, sans-serif;
}

.news_bg .news .news_box .news_r ul li .txt{
  position: relative;
  float: right;
  width: 83%;
  height: 1.3rem;
  border-bottom: 1px solid rgba(152, 56, 54, 0.1);
}

.news_bg .news .news_box .news_r ul li .txt a{
  font-size: 0.22rem;
  color: #333;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.news_bg .news .news_box .news_r ul li .txt p{
  font-size: 0.16rem;
  color: #666666;
  line-height: 0.26rem;
  height: 0.52rem;
  overflow: hidden;
  margin-top: 0.22rem;
}

.news_bg .news .news_box .news_r ul li .txt::after{
  position: absolute;
  width: 0%;
  height: 1px;
  left: 0rem;
  bottom: 0rem;
  content: "";
  background: #983836;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  
}

.news_bg .news .news_box .news_r ul li:hover .txt::after{
  width: 100%;
}



@media (max-width: 980px){

  
  .news_bg .news{
    margin: 0 auto;
    padding-top: 0.6rem;
  }
  
  .news_bg .news .news_box{
    margin: 0.6rem auto 0 auto;
  }
  
  .news_bg .news .news_box .news_l{
    float: none;
    width: 100%;
    overflow: hidden;
  }
  
  .news_bg .news .news_box .news_l .news_button{
    position: absolute;
    right: 0.4rem;
    top: 3.2rem;
    z-index: 5;
  
  }
  
  .news_bg .news .news_box .news_l .news_button .news-next{
    float: left;
    cursor: pointer;
    position: relative;
    background: url(../images/left1.png) no-repeat  center;
    width: 0.39rem;
    height: 0.39rem;
    background-size: 100%;
    margin-top: 0.05rem;
  }
  
  
  
  .news_bg .news .news_box .news_l .news_button .ui-loop{
    position:relative;
    width:0.5rem;
    height:0.5rem;
    z-index: 9;
    margin: 0 0.2rem;
    float: left;
  }
  
  .news_bg .news .news_box .news_l .news_button .ui-loop .news_icoimg{
    position: absolute;
    width:0.28rem;
    height:0.28rem;
    background: url(../images/newsico.png) no-repeat  center;
    left: 0.11rem;
    top: 0.11rem;
    background-size: 100%;
  }
    
.newspath-loop {
      fill: none;
      stroke: #fff;
      stroke-miterlimit: 10;
      stroke-width: 1px;
  }	
  
.newspath-loop-bg {
      fill: none;
      stroke: #fff;
      stroke-miterlimit: 10;
      stroke-width: 1px;
      opacity: 0.1;
  }	
  
  
  .news_bg .news .news_box .news_l .news_button .news-prev{
    float: right;
    cursor: pointer;
    position: relative;
    background: url(../images/right1.png) no-repeat  center;
    width: 0.39rem;
    height: 0.39rem;
    background-size: 100%;
    margin-top: 0.05rem;
  }
  
  .news_bg .news .news_box .news_l .swiper-slide{
    position: relative;
  }
  
  .news_bg .news .news_box .news_l .swiper-slide .pic{
    width: 100%;
    height: 55vw;
    overflow: hidden;
    position: relative;
  
  
  }
  
  
  .news_bg .news .news_box .news_l .swiper-slide .txt{
    margin: 0.25rem auto 0 auto;
  
  } 
  
  .news_bg .news .news_box .news_l .swiper-slide .txt .time{
    float: left;
    width: 15%;
    height: 1.14rem;
    background: url(../images/newstime.png) no-repeat top center;
    background-size: 100%;
    text-align: center;
    padding-right: 0
  
  }
  
  .news_bg .news .news_box .news_l .swiper-slide .txt .time span{
    display: block;
    font-family: 'imp';
    font-size: 0.4rem;
    color: #FFFFFF;
    padding: 0.2rem 0 0.1rem 0;
  }
  
  .news_bg .news .news_box .news_l .swiper-slide .txt .time i{
    font-size: .2rem;
    color: #FFFFFF;
    display: block;
  }
  
  .news_bg .news .news_box .news_l .swiper-slide .txt .txtnr{
    float: right;
    width: 80%;
  
  } 
  
  .news_bg .news .news_box .news_l .swiper-slide .txt .txtnr a{
    font-size: 0.28rem;
    margin: 0.1rem 0 0.1rem 0;
  }
  
  .news_bg .news .news_box .news_l .swiper-slide .txt .txtnr p{
    font-size: 0.24rem;
    line-height: 0.35rem;
    height: 0.7rem;
    overflow: hidden;
    color: #666666;
  }
  

  
  .news_bg .news .news_box .news_r{
    float: none;
    width: 100%;
    margin: 0.65rem auto 0 auto;
  } 
  
  .news_bg .news .news_box .news_r ul li{
    position: relative;
    width: 100%;
    height: 1.3rem;
    margin-bottom: 0.4rem;
  
  }
  
  .news_bg .news .news_box .news_r ul li .time{
    text-align: center;
    height: 0.81rem;
    background: url(../images/time_ico.png) no-repeat top left;
    float: left;
    width: 1.2rem;
    background-size: 100%;
  
  }
  
  .news_bg .news .news_box .news_r ul li .time span{
    display: block;
    font-family: 'imp';
    font-size: 0.36rem;
    color: #983836;
    padding: 0.2rem 0 0.05rem 0;
  }
  
  .news_bg .news .news_box .news_r ul li .time i{
    display: block;
    font-size: 0.2rem;
    margin-top: .1rem
  }
  
  .news_bg .news .news_box .news_r ul li .txt{
    position: relative;
    float: right;
    width: 82%;

  }
  
  .news_bg .news .news_box .news_r ul li .txt a{
    font-size: 0.28rem;
    color: #333;

  }
  
  .news_bg .news .news_box .news_r ul li .txt p{
    font-size: 0.22rem;
    color: #666666;
    line-height: 0.35rem;
    height: 0.7rem;
    overflow: hidden;
    margin-top: 0.2rem;
  }


  
  
}






/*notice*/

.notice{
  margin: 0.3rem auto 0 auto;
}

.notice .notice_box{
  margin: 0.62rem auto 0 auto;
}

.notice .notice_box ul li{
  float: left;
  position: relative;
  z-index: 5;
  background: #fff;
  border: 1px solid #e6e6e6;
  width: 23%;
  height: 2.1rem;
  margin-right: 2.35%;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.notice .notice_box ul li:last-child{
  margin-right: -0.05rem;
}


.notice .notice_box ul li::after{
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
  content: "";
  background: url(../images/notice_list.png) no-repeat center;
  background-size: cover;
}


.notice .notice_box ul li .time{
  margin: 0 auto;
  background: url(../images/time.png) no-repeat center;
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  font-family: 'imp';
  font-size: 0.22rem;
  color: #fff;

}


.notice .notice_box ul li .txt{
  width: 81%;
  margin: 0.35rem auto 0 auto;

}


.notice .notice_box ul li .txt h5 a{
  font-size: 0.20rem;
  line-height: 0.3rem;
  color: #333333;
  height: 0.6rem;
  overflow: hidden;
  display: block;
  width: 96%;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}


.notice .notice_box ul li .txt .more{
  display: block;
    width: 0.57rem;
    height: 0.1rem;
    background: url(../images/more2.png) no-repeat center;
    background-size: 100% 100%;
  float: right;
  margin-top: 0.25rem;
}


.notice .notice_box ul li:hover{
  box-shadow: 0px 4px 10px 0px rgba(152, 56, 54, 0.2);
}

.notice .notice_box ul li:hover a{
  color: #983836;
}

@media (max-width: 980px){

  
  .notice .notice_box{
    margin: 0.65rem auto 0 auto;
  }
  .notice .notice_box ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
  .notice .notice_box ul li{
    float: none;
    position: relative;
    z-index: 5;
    background: #fff;
    border: 1px solid #e6e6e6;
    width: 48%;
    height: 2.2rem;
    margin-right: 0%;
    margin-bottom: 0.3rem;
  }
  
  .notice .notice_box ul li:nth-child(2n){
    margin-right: 0;
  }
  

  
  
  .notice .notice_box ul li .time{
    margin: 0 auto;
    background: url(../images/time.png) no-repeat center;
    width: 100%;
    font-size: 0.28rem;
    color: #fff;
  
  }
  
  
  .notice .notice_box ul li .txt{
    width: 84%;
    margin: 0.35rem auto 0 auto;
  
  }
  
  
  .notice .notice_box ul li .txt h5 a{
    font-size: 0.28rem;
    line-height: 0.35rem;
    color: #333333;
    height: 0.7rem;
    overflow: hidden;
    display: block;
    width: 96%;
  }
  
  
  .notice .notice_box ul li:hover a{
    color: #333333;
  }
}

@media (max-width: 640px){
 .notice .notice_box ul li{width: 100%}
}


/*fc*/

.fc{
  margin: 0.7rem auto 0 auto;
}


.fc .fc_box{
  overflow: hidden;
  position: relative;
}

.fc .fc_box .swiper-slide{
  position: relative;
}

.fc .fc_box .swiper-slide .pic{
  width: 100%;
  position: relative;
  height: 2.77rem;
}

.fc .fc_box .swiper-slide .pic img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0px;
}


.fc .fc_box .swiper-fcpagination{
  width: 100%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  bottom: 0.3rem;
  z-index: 5;
  text-align: center;
}


.fc .fc_box .swiper-fcpagination .swiper-pagination-bullet{
  display: inline-block;
  text-align: center;
  width: 0.08rem;
  height: 0.08rem;
  background: #fff;
  border-radius: 50%;
  margin: 0 0.1rem;
  opacity: 0.8;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.fc .fc_box .swiper-fcpagination .swiper-pagination-bullet-active{
  background: #983836;
  opacity: 1;

}



@media (max-width: 980px){
  .fc{
    margin: 0.4rem auto 0 auto;
  }
  
  
  .fc .fc_box .swiper-slide{
    position: relative;
  }
  
  .fc .fc_box .swiper-slide .pic{
    width: 100%;
    position: relative;
    height: 2.3rem;
  }
  
  .fc .fc_box .swiper-fcpagination{
    bottom: 0.2rem;

  }
  
  .fc .fc_box .swiper-fcpagination .swiper-pagination-bullet{
    display: inline-block;
    text-align: center;
    width: 0.12rem;
    height: 0.12rem;
    background: #fff;
    border-radius: 50%;
    margin: 0 0.15rem;
    opacity: 0.8;
  }
  
  .fc .fc_box .swiper-fcpagination .swiper-pagination-bullet-active{
    background: #983836;
    opacity: 1;
  
  }

}



/*teaching*/

.page2{
  width: 100%;
  margin: 0 auto;
  background: url(../images/page2.jpg) no-repeat top center;
  background-size: cover;
  overflow: hidden;
  padding-bottom: 0.65rem;
}

.teaching{
  margin: 0 auto;
  position: relative;
}

.teaching .teach_box{
  margin: 0.6rem auto 0 auto;
}

.teaching .teach_box .teach_l{
  position: absolute;
  left: 0;
  top: 0.65rem;
}

.teaching .teach_box .teach_l img{
  display: block;
  width: 1.43rem;
  height: 1.62rem;
  margin-bottom: 0.4rem;
}

.teaching .teach_box .teach_l span{
  display: block;
  margin-left: 0.4rem;
  opacity: 0.7;
  font-size: 0.18rem;
  font-weight: normal;
  line-height: 0.2rem;
  color: #983836;
  writing-mode: tb-rl;
  float: left;
}

.teaching .teach_box .teach_l i{
  display: block;
  margin-left: 0.13rem;
  margin-top: 0.95rem;
  opacity: 0.7;
  font-size: 0.18rem;
  font-weight: normal;
  line-height: 0.2rem;
  color: #983836;
  writing-mode: tb-rl;
  float: left;
}


.teaching .teach_box .teach_list{
  float: left;
  width: 66%;

}

.teaching .teach_box .teach_list ul li{
  float: left;
  width: 50%;
 
}

.teaching .teach_box .teach_list ul li span{
  display: block;
  font-family: 'imp';
  font-size: 0.26rem;
  color: #983836;
  margin-bottom: 0.2rem;
}

.teaching .teach_box .teach_list ul li .h4{
  font-size: 0.20rem;
  line-height: 0.28rem;
  height: .56rem;
  color: #444444;
  display: block;
  overflow: hidden;
}
.teaching .teach_box .teach_list ul li .more{color: #983836;margin-top: .2rem;font-size: .16rem}
.teaching .teach_box .teach_list ul li .more img{height: .1rem;margin-left: 5px}

.teach_list ul li{box-sizing: border-box;}
.teach_list ul li:nth-child(1){border-bottom: 1px solid rgba(152, 56, 54, 0.1);border-right:  1px solid rgba(152, 56, 54, 0.1);padding: 0 .5rem .5rem 0}
.teach_list ul li:nth-child(2){border-bottom: 1px solid rgba(152, 56, 54, 0.1);padding: 0 0 .5rem .5rem}
.teach_list ul li:nth-child(3){border-right: 1px solid rgba(152, 56, 54, 0.1);padding: .5rem .5rem 0 0}
.teach_list ul li:nth-child(4){padding: .5rem 0 0 .5rem}

.teaching .teach_box .teach_r{
  float: right;
  width: 30%;
  position: relative;
}


.teaching .teach_box .teach_r .swiper-slide{
  position: relative;
}

.teaching .teach_box .teach_r .swiper-slide .pic{
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 62%;
  overflow: hidden;
}

.teaching .teach_box .teach_r .swiper-slide .pic img{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0px;
  object-fit: cover;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.teaching .teach_box .teach_r .swiper-slide:hover .pic img{
  transform: scale(1.1);
}


.teaching .teach_box .teach_r .swiper-slide .txt{
  margin: 0 auto;

}


.teaching .teach_box .teach_r .swiper-slide .txt .time{
  float: left;
  margin-left: 4%;
  margin-top: -0.1rem;
  position: relative;
  width: 20%;
  height: 1.08rem;
  background: url(../images/time_ico2.png) no-repeat top center;
  text-align: right;
  padding-right: .15rem;
  background-size: cover;
  box-sizing: border-box;
  
}

.teaching .teach_box .teach_r .swiper-slide .txt .time span{
  display: block;
  font-family: 'imp';
  font-size: 0.32rem;
  color: #FFFFFF;
  padding: 0.2rem 0 0.1rem  0;
}

.teaching .teach_box .teach_r .swiper-slide .txt .time  i{
  font-size: 0.16rem;
  color: #FFFFFF;
  display: block;
}

.teaching .teach_box .teach_r .swiper-slide .txt h5{
  float: right;
  width: 69%;
  margin-top: 0.25rem;

}

.teaching .teach_box .teach_r .swiper-slide .txt h5 a{
  font-size: 0.20rem;
  color: #333;
  line-height: 0.28rem;
  height: 0.56rem;
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.teaching .teach_box .teach_r .swiper-teach-next{
  position: absolute;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
  background: url(../images/news_right1.png) no-repeat center;
  width: 0.26rem;
  height: 0.26rem;
  z-index: 5;
  background-size: 100%;
}

.teaching .teach_box .teach_r .swiper-teach-prev{
  position: absolute;
  right: 0.55rem;
  left: auto;
  bottom: 0px;
  cursor: pointer;
  background: url(../images/news_left1.png) no-repeat center;
  width: 0.26rem;
  height: 0.26rem;
  z-index: 5;
  background-size: 100%;
}


@media (max-width: 980px){
  .page2{
    padding-bottom: 0.55rem;
  }
  
  
  .footer .footerTop{text-align: center;background: #f2f2f2;margin-bottom:60px;padding-bottom: 60px; padding-top:40px;}
.footer .footerTop h3{font-weight: normal;color: #999;font-size: .35rem;margin-top: .133333rem;}
.footer .footerTop span{color: #004c9f;font-weight: bold;}
.footer .footerTop p,.footer .footerTop p a{font-size: .35rem;color: #999;}
.footerBot ul dl{width: 1.213333rem /* 91/75 */;display: block;cursor: pointer;margin: 0 auto;left: 0;right: 0;bottom: .75rem;position: fixed;}
.footerBot ul dl img{width: 100%;}

.footer-bottom{background: #892a28;position: fixed;bottom: 0;width: 100%;left: 0;z-index: 9999;}
.footer-bottom ul li{padding: 0.2rem 0;width: 25%;text-align: center;border-right: 0.014rem #ad3936 solid;border-left: 0.014rem #811f1d solid;float: left;box-sizing: border-box;}
.footer-bottom ul li a img{display: block;margin: 0 auto;width: 30px;height: 30px;}
.footer-bottom ul li a em{font-size: 16px;color: #fff;margin-top: 5px;display: block; font-style: normal}

.footer-bottom ul dl{width: 1.213333rem;display: block;cursor: pointer;margin: 0 auto;left: 0;right: 0;bottom: 1.4rem;position: fixed;}
.footer-bottom ul dl img{width: 100%;}

  
  .teaching{
    margin: 0 auto;
    padding-top: 0.65rem;
    position: relative;
  }
  
  .teaching .teach_box{
    margin: 0.6rem auto 0 auto;
  }
  
  .teaching .teach_box .teach_l{
    display: none;
  }
  

  
  .teaching .teach_box .teach_list{
    float: none;
    margin-left: 0%;
    width: 100%;
    overflow: hidden;margin-bottom: .6rem
  
  }
  .teaching .teach_box .teach_list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
  .teaching .teach_box .teach_list ul li{
    float: none;
    width: 50%;

  }
  
  .teaching .teach_box .teach_list ul li span{
    display: block;
    font-size: 0.36rem;
    margin-bottom: 0.25rem;
  }
  
  .teaching .teach_box .teach_list ul li .h4{
    font-size: 0.26rem;
    line-height: 0.35rem;
    height: 0.7rem;
    color: #444444;
    display: block;
    overflow: hidden;
  }
  .teaching .teach_box .teach_list ul li .more{font-size: .22rem}
  
  .teaching .teach_box .teach_r{
    float: none;
    width: 100%;
    position: relative;
    margin: 0.2rem auto 0 auto;
  }
  
  
  .teaching .teach_box .teach_r .swiper-slide{
    position: relative;
  }
  
  .teaching .teach_box .teach_r .swiper-slide .pic{
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-top: 61%;
    overflow: hidden;
  }
  
  
  .teaching .teach_box .teach_r .swiper-slide:hover .pic img{
    transform: scale(1.1);
  }
  
  
  .teaching .teach_box .teach_r .swiper-slide .txt{
    margin: 0 auto;
  
  }
  
  .teaching .teach_box .teach_r .swiper-slide .txt .time{
    width: 20%;
    height: 1.28rem;
    padding-right: 0;text-align: center
  
  }
  .teaching .teach_box .teach_r .swiper-slide .txt .time span{font-size: .34rem;margin-top: .12rem}
  .teaching .teach_box .teach_r .swiper-slide .txt .time  i{
    font-size: 0.2rem;
    color: #FFFFFF;
    display: block;
    margin-top: .05rem
  }
  
  .teaching .teach_box .teach_r .swiper-slide .txt h5{
    float: right;
    width: 69%;
    margin-top: 0.2rem;
  
  }
  
  .teaching .teach_box .teach_r .swiper-slide .txt h5 a{
    font-size: 0.28rem;
    color: #333;
    line-height: 0.35rem;
    height: 0.7rem;
  }
  
  .teaching .teach_box .teach_r .swiper-teach-next{
    position: absolute;
    right: 0px;
    bottom: 0px;
    cursor: pointer;
    background: url(../images/news_right1.png) no-repeat center;
    width: 0.36rem;
    height: 0.36rem;
    z-index: 5;
    background-size: 100%;
  
  }
  
  .teaching .teach_box .teach_r .swiper-teach-prev{
    position: absolute;
    right: 0.55rem;
    left: auto;
    bottom: 0px;
    cursor: pointer;
    background: url(../images/news_left1.png) no-repeat center;
    width: 0.36rem;
    height: 0.36rem;
    z-index: 5;
    background-size: 100%;
  }

}

@media (max-width: 640px){
  .teaching .teach_box .teach_list ul li{
    float: none;
    width:100%;
    padding: .4rem 0
  }
  .teaching .teach_box .teach_list ul li .h4{height: auto;font-size: .28rem;line-height: 1.4em}
.teach_list ul li:nth-child(1){border-bottom: 1px solid rgba(152, 56, 54, 0.1);border-right: 0;padding: .4rem 0 }
.teach_list ul li:nth-child(2){border-bottom: 1px solid rgba(152, 56, 54, 0.1);padding: .4rem 0}
.teach_list ul li:nth-child(3){border-right:0;padding: .4rem 0;border-bottom: 1px solid rgba(152, 56, 54, 0.1);}
.teach_list ul li:nth-child(4){padding: .4rem 0}

}

/*dynamic*/


.dynamic{
  margin: 0.55rem auto 0 auto;
}


.dynamic .dynamicbox{
  margin: 0.55rem auto 0 auto;
}

.dynamic .dynamicbox ul li{
  float: left;
  width: 30%;
  margin-right: 5%;
}

.dynamic .dynamicbox ul li:last-child{
  margin-right: 0;
}

.dynamic .dynamicbox ul li .pic{
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 67%;
  overflow: hidden;
}


.dynamic .dynamicbox ul li .pic img{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0px;
  object-fit: cover;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.dynamic .dynamicbox ul li:hover .pic img{
  transform: scale(1.1);
}


.dynamic .dynamicbox ul li .txt{
  height: 1.63rem;
  position: relative;
  z-index: 5;
  width: 91%;
  padding-left: 9%;
  padding-top: 0.35rem;

} 

.dynamic .dynamicbox ul li .txt::after{
  position: absolute;
  z-index: -1;
  content: "";
  left: -0.1rem;
  top: 0px;
  background: url(../images/xueshu_xt.png) no-repeat left top;
  height: 1.98rem;
  width: 0.22rem;
}

.dynamic .dynamicbox ul li .txt h5 a{
  font-size: 0.20rem;
  line-height: 0.28rem;
  height: 0.56rem;
  color: #222222;
  display: block;
  overflow: hidden;
  width: 96%;
}

.dynamic .dynamicbox ul li .txt .more{
  margin-top: 0.4rem;

}

.dynamic .dynamicbox ul li .txt .more span{
  display: block;
  float: left;
  font-family: 'imp';
  font-size: 0.3rem;
  color: #983836;

}

.dynamic .dynamicbox ul li .txt .more a{
  display: block;
  float: right;
  width: 0.57rem;
  height: 0.1rem;
  background: url(../images/more2.png) no-repeat center;
  background-size: 100%;
  margin-top: 0.1rem;
}



@media (max-width: 980px){
  .dynamic{
    margin: 0.55rem auto 0 auto;
  }
  
  
  .dynamic .dynamicbox{
    margin: 0.65rem auto 0 auto;
  }
  
  .dynamic .dynamicbox ul li{
    float: none;
    width: 100%;
    margin-right: 0%;
    margin-bottom: 0.3rem;
  }
  
  .dynamic .dynamicbox ul li:last-child{
    margin-right: 0;
  }
  
  .dynamic .dynamicbox ul li .pic{
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-top: 66%;
    overflow: hidden;
  }
  
  
  .dynamic .dynamicbox ul li:hover .pic img{
    transform: scale(1);
  }
  
  
  .dynamic .dynamicbox ul li .txt{
    height: 1.63rem;
    position: relative;
    z-index: 5;
    width: 91%;
    padding-left: 9%;
    padding-top: 0.35rem;
  
  } 
  
  .dynamic .dynamicbox ul li .txt::after{
    position: absolute;
    z-index: -1;
    content: "";
    left: -0.1rem;
    top: 0px;
    background: url(../images/xueshu_xt.png) no-repeat left top;
    height: 1.98rem;
    width: 0.22rem;
    background-size: 100%;
  }
  
  .dynamic .dynamicbox ul li .txt h5 a{
    font-size: 0.28rem;
    line-height: 0.38rem;
    height: 0.76rem;
    color: #222222;
    display: block;
    overflow: hidden;
    width: 96%;
  }
  
  .dynamic .dynamicbox ul li .txt .more{
    margin-top: 0.4rem;
  
  }
  
  .dynamic .dynamicbox ul li .txt .more span{
    display: block;
    float: left;
    font-family: 'imp';
    font-size: 0.32rem;
    color: #983836;
  
  }
  
  .dynamic .dynamicbox ul li .txt .more a{
    display: block;
    float: right;
    width: 0.57rem;
    height: 0.1rem;
    background: url(../images/more2.png) no-repeat center;
    background-size: 100%;
    margin-top: 0.1rem;
  }

}


/*Student*/

.Studentbg{
  width: 100%;
  margin: 0 auto;
  background: url(../images/page3.jpg) no-repeat top center;
  overflow: hidden;
  padding-bottom: 1rem;
  background-size: 100%;

}


.Studentbg .Student{
  margin: 0 auto;
}


.Studentbg .Student .student_box{
  margin: 0.65rem auto 0 auto;
}


.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.Studentbg .Student .student_box:after{content: '';display: inline-block; width: 30%;}
.Studentbg .Student .student_box .student_left{
  width: 30%;
}

.Studentbg .Student .student_box .student_left .pic{
  width: 100%;
  position: relative;
  height: 6rem;
  overflow: hidden;

}

.Studentbg .Student .student_box .student_left .pic img{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.Studentbg .Student .student_box .student_left:hover .pic img{
  transform: scale(1.1);
}

.Studentbg .Student .student_box .student_left .txt{
  margin: 0 auto;

}


.Studentbg .Student .student_box .student_left .txt h5 a{
  float: left;
  width: 72%;
  font-size: 0.20rem;
  font-weight: normal;
  line-height: 0.28rem;
  color: #333333;
  height: 0.56rem;
  overflow: hidden;
  margin-top: 0.25rem;
}

.Studentbg .Student .student_box .student_left .txt .time{
  float: right;
  margin-top: 0.1rem;
  height: 0.9rem;
  width: 16%;
  text-align: right;
  background: url(../images/time_ico3.png) no-repeat top center;
  background-size: 100%;
  padding-right: .15rem
}

.Studentbg .Student .student_box .student_left .txt .time span{
  display: block;
  font-family: 'imp';
  font-size: 0.3rem;
  color: #FFFFFF;
  padding-top: 0.18rem;
}

.Studentbg .Student .student_box .student_left .txt .time i{
  font-family: Arial;
  font-size: 0.14rem;
  color: #FFFFFF;
  margin-top: 0.1rem;
  display: block;
}





.Studentbg .Student .student_box .student_center{
  width: 38.5%;

}

.Studentbg .Student .student_box .student_center .swiper-slide{
  position: relative;
}

.Studentbg .Student .student_box .student_center .swiper-slide .pic{
  width: 100%;
  position: relative;
  height: 4.2rem;
  overflow: hidden;
}

.Studentbg .Student .student_box .student_center .swiper-slide .pic img{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.Studentbg .Student .student_box .student_center .swiper-slide .txt{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1.1rem;
  opacity: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
} 

.Studentbg .Student .student_box .student_center .swiper-slide .txt a{
  font-size: 0.2rem;
  font-weight: bold;
  color: #FFFFFF;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 59%;
  margin-left: 5%;
  position: absolute;
  bottom: 0.25rem;
}

.Studentbg .Student .student_box .student_center .swiper-Student{
  width: auto;
  right: 0px;
  left: auto;
  bottom: 0.25rem;
  position: absolute;
  z-index: 5;

}

.Studentbg .Student .student_box .student_center .swiper-Student .swiper-pagination-bullet{
  margin: 0 0.08rem;
  width: 0.26rem;
  height: 0.26rem;
  background: url(../images/buttom1.png) no-repeat  center;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 1;
  background-size: 100%;
}

.Studentbg .Student .student_box .student_center .swiper-Student .swiper-pagination-bullet-active{
  background: url(../images/buttom2.png) no-repeat  center;
  background-size: 100%;
}


.Studentbg .Student .student_box .student_right{
  width: 27.5%;
}


.Studentbg .Student .student_box .student_right .pic{
  width: 100%;
  position: relative;
  height: 3.2rem;
  overflow: hidden;

}

.Studentbg .Student .student_box .student_right .pic img{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}


.Studentbg .Student .student_box .student_right:hover .pic img{
  transform: scale(1.1);
}

.Studentbg .Student .student_box .student_right .txt{
  margin: 0 auto;

}


.Studentbg .Student .student_box .student_right .txt h5 a{
  float: left;
  width: 67%;
  font-size: 0.18rem;
  font-weight: normal;
  line-height: 0.28rem;
  color: #333333;
  height: 0.56rem;
  overflow: hidden;
  margin-top: 0.25rem;
}

.Studentbg .Student .student_box .student_right .txt .time{
  float: right;
  margin-top: 0.1rem;
  height: 0.9rem;
  width: 18%;
  text-align: center;
  background: url(../images/time_ico3.png) no-repeat top center;
  background-size: 100%;
}

.Studentbg .Student .student_box .student_right .txt .time span{
  display: block;
  font-family: 'imp';
  font-size: 0.34rem;
  color: #FFFFFF;
  padding-top: 0.18rem;
}

.Studentbg .Student .student_box .student_right .txt .time i{
  font-family: Arial;
  font-size: 0.14rem;
  color: #FFFFFF;
  margin-top: 0.1rem;
}



@media (max-width: 980px){
  .Studentbg{
    padding-bottom: 1.2rem;
  
  }
  
  
  .Studentbg .Student{
    margin: 0 auto;
  }
  
  
  .Studentbg .Student .student_box{
    margin: 0.65rem auto 0 auto;
  }
  
  
  .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  
  .Studentbg .Student .student_box .student_left{
    width: 100%;
    order: 2;
    margin-bottom: 0.4rem;
  }
  
  .Studentbg .Student .student_box .student_left .pic{
    width: 100%;
    position: relative;
    height: 60vw;
    overflow: hidden;
  
  }
  
  
  .Studentbg .Student .student_box .student_left:hover .pic img{
    transform: scale(1);
  }
  
  .Studentbg .Student .student_box .student_left .txt{
    margin: 0 auto;
  
  }
  
  
  .Studentbg .Student .student_box .student_left .txt h5 a{
    float: left;
    width: 75%;
    font-size: 0.28rem;
    font-weight: normal;
    line-height: 0.35rem;
    color: #333333;
    height: 0.7rem;
    overflow: hidden;
    margin-top: 0.2rem;
  }
  
  .Studentbg .Student .student_box .student_left .txt .time{
    float: right;
    margin-top: 0.08rem;
    height: 0.9rem;
    width: 18%;
    text-align: center;
    background: url(../images/time_ico3.png) no-repeat top center;
    background-size: 100%;
    padding-right: 0
  }
  
  .Studentbg .Student .student_box .student_left .txt .time span{
    display: block;
    font-family: 'imp';
    font-size: 0.34rem;
    color: #FFFFFF;
    padding-top: 0.18rem;
  }
  
  .Studentbg .Student .student_box .student_left .txt .time i{
    font-family: Arial;
    font-size: 0.2rem;
    color: #FFFFFF;
    display: block;
    margin-top: 0.05rem;
    display: block;
  }
  
  
  
  
  
  .Studentbg .Student .student_box .student_center{
    width: 100%;
    order: 1;
    overflow: hidden;
    margin-bottom: 0.4rem;
  }
  
  .Studentbg .Student .student_box .student_center .swiper-slide{
    position: relative;
  }
  
  .Studentbg .Student .student_box .student_center .swiper-slide .pic{
    width: 100%;
    position: relative;
    height: 55vw;
    overflow: hidden;
  }
  
  
  .Studentbg .Student .student_box .student_center .swiper-slide .txt a{
    font-size: 0.28rem;
    bottom: 0.25rem;
  }
  
  .Studentbg .Student .student_box .student_center .swiper-Student{
    width: auto;
    right: 0px;
    left: auto;
    bottom: 0.25rem;
    position: absolute;
    z-index: 5;
  
  }
  
  .Studentbg .Student .student_box .student_center .swiper-Student .swiper-pagination-bullet{
    margin: 0 0.08rem;
    width: 0.36rem;
    height: 0.36rem;
    background: url(../images/buttom1.png) no-repeat  center;
    opacity: 1;
    background-size: 100%;
  }
  
  .Studentbg .Student .student_box .student_center .swiper-Student .swiper-pagination-bullet-active{
    background: url(../images/buttom2.png) no-repeat  center;
    background-size: 100%;
  }
  
  
  .Studentbg .Student .student_box .student_right{
    width: 100%;
    order: 3;
  }
  
  
  .Studentbg .Student .student_box .student_right .pic{
    width: 100%;
    position: relative;
    height: 50vw;
    overflow: hidden;
  
  }
  
  
  
  .Studentbg .Student .student_box .student_right:hover .pic img{
    transform: scale(1);
  }
  
  .Studentbg .Student .student_box .student_right .txt{
    margin: 0 auto;
  
  }
  
  
  .Studentbg .Student .student_box .student_right .txt h5 a{
    float: left;
    width: 75%;
    font-size: 0.28rem;
    font-weight: normal;
    line-height: 0.35rem;
    color: #333333;
    height: 0.7rem;
    overflow: hidden;
    margin-top: 0.2rem;
  }
  
  .Studentbg .Student .student_box .student_right .txt .time{
    float: right;
    margin-top: 0.08rem;
    height: 0.9rem;
    width: 18%;
    text-align: center;
    background: url(../images/time_ico3.png) no-repeat top center;
    background-size: 100%;
  }
  
  .Studentbg .Student .student_box .student_right .txt .time span{
    display: block;
    font-family: 'imp';
    font-size: 0.34rem;
    color: #FFFFFF;
    padding-top: 0.18rem;
  }
  
  .Studentbg .Student .student_box .student_right .txt .time i{
    font-family: Arial;
    font-size: 0.14rem;
    color: #FFFFFF;
    margin-top: 0.1rem;
  }

}

@media (max-width: 640px){
.Studentbg .Student .student_box .student_left .pic{height: 105vw}
}

/*footer*/

.footerbg{
  width: 100%;
  margin: -1.5rem auto 0 auto;
  height: 5.6rem;
  background: url(../images/footerbg.png) no-repeat top center;
  background-size: 100%;
}



@media (max-width: 980px){

  .footerbg{
      width: 100%;
      margin: -1.5rem auto 0 auto;
      height: auto;
      background: url(../images/footerbg.png) no-repeat top center;
      overflow: hidden;
      background-size: cover;
  }

}