@font-face {
    font-family: "sourcehansans"; /* 这个名字可以自己定义 */
    src: url("./assets/fonts/sourcehansans.eot"); /* IE9 Compat Modes */
    /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/
    src: url("./assets/fonts/sourcehansans.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("./assets/fonts/sourcehansans.woff") format("woff"),
        /* Modern Browsers */ url("./assets/fonts/sourcehansans.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("./assets/fonts/sourcehansans.svg#YourWebFontName") format("svg"); /* Legacy iOS */
    font-weight: bold;
    font-style: normal;
}
h1{
  text-align: left;
}
h1 + p{
 font-size: 20px;
}
/* banner */
.news_banner{
 width: 100%;
 min-width: 1280px;
 height: 28.125vw;
 min-height: 360px;
 position: relative;
 background-size: cover;
}
.news_banner_intro{
 position: absolute;
 top: 50%;
 right: 24%;
 /* right: 476px; */
 transform: translateY(-50%);
 text-align: center;
}


.new_article{
 width: 1000px;
 margin: 50px auto;
 padding: 0 140px;
 font-family:sourcehansans,-apple-system,BlinkMacSystemFont,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
 font-size: 16px;
 line-height: 31px;
 color: #333333!important;
 text-indent: 2em;
}
.titleImg img{
width: 100%;
height: auto;
}
.new img{
 margin: 20px 0;
}
.new{
width: 1000px;
margin: 0 auto;
/* margin: 32px auto 50px auto */
}
.new > p:first-child{

font-size: 28px;
color: #36383B;
letter-spacing: 1.07px;
text-align: center;
}
.new p{
 font-family:sourcehansans,-apple-system,BlinkMacSystemFont,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
 font-size: 16px;
 line-height: 31px;
 color: #333333!important;
 text-indent: 2em;
}
.new > .time_title{
padding-right: 14px;
margin-top: 12px;
margin-bottom: 12px;
font-size: 14px;
color: #C6C5C5!important;
text-indent: 0;
letter-spacing: 0.53px;
display: flex;
align-items: center;
line-height: 20px;
justify-content: flex-end;
}

.new p{
text-align: justify;
}
.new .time{
height: 16px;
width: 16px;
line-height: 20px;
margin-right: 6px;
}
.video-js{
margin: 0 auto;
width: 660px;
height: 385px;
border-radius: 8px;
border: 16px solid #ffffff;
box-shadow: 0 2px 23px 0 rgba(0,0,0,.12), 0 2px 27px 23px rgba(64,123,255,.09);
outline: none;
}
.video-js .vjs-play-control{
outline: none;
}
.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  outline: none;
}
.video-js .vjs-big-play-button{
  font-size: 2.5em;
  line-height: 2.3em;
  height: 2.5em;
  width: 2.5em;
  -webkit-border-radius: 2.5em;
  -moz-border-radius: 2.5em;
  border-radius: 2.5em;
  background-color: #73859f;
  background-color: rgba(115,133,159,.5);
  border-width: 0.15em;
  margin-top: -1.25em;
  margin-left: -1.75em;
}
.video-js.vjs-playing .vjs-tech {
  pointer-events: auto;
}
/* 中间的播放箭头 */
.vjs-big-play-button .vjs-icon-placeholder {
  font-size: 1.63em;
}
/* 加载圆圈 */
.vjs-loading-spinner {
  font-size: 2.5em;
  width: 2em;
  height: 2em;
  border-radius: 1em;
  margin-top: -1em;
  margin-left: -1.5em;
}

.new_top_show{
 width: 100%;
 min-width: 1280px;
}
.newBanner{
 width: 1100px;
 margin: 0 auto;
 height: 780px;
 position: relative;
}
.newBanner_title{
 position: absolute;
 z-index: 2;
 padding-top: 158px;
}
.newBanner_title p:first-child{
 font-size: 48px;
 font-weight: bold;
 line-height: 64px;
 color: #333333;
 margin-bottom: 10px;
}
.newBanner_title p:last-child{
 font-size: 16px;
 font-weight: 400;
 line-height: 21px;
 color: #666666;
}
/* .new_nochange{
 position: relative;
} */
.new_nochange > div{
 position: absolute;
 border-radius: 50%
}
.circle1{
 background: #407BFF;
 width: 200px;
 height: 200px;
 top: 60px;
 right: 340px;
}
.circle2{
 background: #C1D4FF;
 width: 323px;
 height: 323px;
 bottom: 10px;
 right: 60px;
}
.circle3{
 background: #D4EDFF;
 width: 100px;
 height: 100px;
 bottom: 160px;
 left: 320px;
}
.circle4{
 background: #75A0FF;
 width: 160px;
 height: 160px;
 bottom: 300px;
 left: 0px;
}

.news_kind{
  justify-content: space-between;
  width: 69.4%;
  min-width: 1136px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.news_kind ul{
  display: flex;
  padding: 27px 0;
  align-items: center;
}

.news_kind_one li{
  margin-right: 38px;
}
.icon-index-copy{
  font-size: 20px;
}
.news_kind_two .iconfont{
  margin: 0 10px;
}
.news_kind a{
  font-size: 20px;  
  color: #333333;
}
.news_kind a:hover{
  color: #2168FB;
}
.news_kind_active a{
  color: #2168FB;
}

.article_change{
  width: 1000px;
  height: 60px;
  margin: 50px auto 100px auto;
  background: #2168FB;
}
.article_change_con{
  width: 660px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  /* justify-content: space-between; */
  align-items: center;
}
.last_article,
.next_article{
  width: 300px;
}
.next_article{
  text-align: right;
}
.article_icon{
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
}
.article_icon .iconfont{
  font-size: 20px;
  color: #ffffff;
}
.article_change a span:last-child{
  margin-left: 20px;
}
.article_change_text{
  color: #ffffff;
  font-size: 20px;
}