.video-box {

  display: none;

  flex-wrap: wrap; margin-top:3%; margin-bottom:10%;

}



.active-v-box {

  display: flex;

}



.video-item {

  width: 32%;

  margin-right: 2%;

  margin-top: 35px;

}



.video-item:nth-child(3n) {

  margin-right: 0;

}





.video-item p {

  padding-bottom: 56%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  margin-bottom: 15px;

  position: relative;

}



.video-item span {

  font-size: 18px;

  color: #333;

  text-align: center;

  display: inline-block;

  width: 100%;

}



.video-item p::after {

  position: absolute;

  content: '';

  width: 60px;

  height: 60px;

  background-position: center;

  background-repeat: no-repeat;

  background-size: contain;

  background-image: url('../img2/v-play2.png');

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  cursor: pointer;

}



.video-mc {

  width: 50%;

  padding: 35px;

  box-sizing: border-box;

  position: fixed;

  top: 50%;

  left: 50%;

  background-color: #fff;

  transform: translate(-50%, -50%);

  box-shadow: 0 0 10px rgba(0, 0, 0, .5);

  z-index: 5;

  display: none;

}



.video-mc video {

  width: 100%;

}



.video-mc img {

  right: 10px;

  top: 5px;

  position: absolute;

  cursor: pointer;

}



.news-box {

  display: flex;

  flex-wrap: wrap;

  margin-bottom: 60px; margin-top:40px;

}



.news-item {

  display: flex;

  flex-direction: column;

  width: 32.5%;

  margin-right: 1.25%;

  box-shadow: 7px 0px 20px rgba(15, 5, 10, .08);

  margin-top: 30px;

  box-sizing: border-box;

  position: relative; overflow:hidden; 

}



.news-item:nth-child(3n) {

  margin-right: 0;

}



.news-item:nth-child(-n + 3) {

  margin-top: 0;

}



.news-box a .news-img {


}

.news-box a .news-img img{ width:100%;}



.news-box a:hover .news-img {

           background-size: auto 105%;

        transition: all .3s ease-in;



}





.news-info {

  padding: 20px 20px 50px 20px;

  box-sizing: border-box;

}



.news-info p {

  font-size: 16px;

  color: #808080;

  margin-bottom: 10px;

}



.news-info h1 {

  font-size: 18px;

  line-height: 32px;

  margin-bottom:10px;

  font-weight: 500;

}



.news-info span {

  text-align: right;

  font-size: 16px;

  color:#1f4699;

  display: flex;

  width: 100%;

  justify-content: flex-end;

  position: absolute;

  bottom: 30px;

  right: 20px;

}



.mobile-news-box {

  display: none;

}



.n_dl{

  font-size: 30px;

  text-align:center;

  margin-bottom:2%;

  padding-bottom: 2%;

  border-bottom: 1px solid #ccc

}

.n_dl dd{

  font-size: 16px;

  margin-top: 15px;

  color: #666

}

.n_dl dt{

  line-height: 1.6

}



.n_dl dd i{

  margin:0 20px;

}

.n_info{

  /*padding-top: 6.4%*/

}

.n_info h1{

  margin-bottom: 3%;

  line-height: 2

}

.n_info h6{

  margin-bottom: 3%;

  line-height: 2

}

.n_info em{

  margin-bottom: 3%;

  display: block;

}

.n_info em img{

  width: auto;

  max-width: 100%;

  display: block;

  margin:0 auto;

}



@media screen and (max-width:749px){

		.news-item{ width:100%;}

		.news-box{ margin-top:0;}

		.video-item{ width:100%;}

		.video-item span{ font-size:16px;}

		.video-mc{ width:98%;}

	}