video:focus {

  outline: -webkit-focus-ring-color auto 0rem;

}



body {

  background-image: url(../images/pc/NewsCenter/bg.png);

  top: 1.72rem;

  left: 0;

  width: 100%;

  min-width: 10rem;

  z-index: -10;

  zoom: 1;

  background-color: #fff;

  background-repeat: no-repeat;

  background-size: cover;

  -webkit-background-size: cover;

  -o-background-size: cover;

  background-position: center 0;

  /* overflow: hidden; */

}




.breadcrumbs {

  color: #666;

  font-size: 16px;

  font-family: simsun;

  height: .7rem;

  padding: 0 2.73rem;

  line-height: .7rem;

  background-color: #fff;

}



.breadcrumbs a {

  color: #666;

  text-decoration: none;

  margin-right: .1rem;

}



.breadcrumbs a:hover {

  color: #f60;

}



.videoBox {

  background-color: #fff;

  padding: 0 2.73rem;

}



.video {

  height: 7.85rem;

}



.video_hd {

  display: flex;

}



.video_box {

  border-radius: 0;

  width: 10.7rem;

  height: 6.9rem;

  overflow: hidden;

}



.video_box video {

  width: 10.7rem;

  height: 6.9rem;
	background-color: #000;
}



.video_list {

  background-color: #131313;

  width: 3.32rem;

  padding-top: .38rem;

  height: 6.9rem;

  overflow-y: scroll;

  box-sizing: border-box;

}



.video_list::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  border-radius: 10px;

  background-color: #F5F5F5;

}



.video_list::-webkit-scrollbar {

  width: .05rem;

  background-color: #F5F5F5;

}



.video_list::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

  background-color: #ccc;

}



.video_bd {

  position: relative;

  background-color: #232323;

  height: .94rem;

}



.video_list ul li {

  margin: 0 .15rem;

  border-bottom: .02rem #272727 solid;

  margin-bottom: .18rem;

}



.video_list ul li>div {

  margin-bottom: .2rem;

}



.video_con span {

  padding: 0 .05rem;

  line-height: .16rem;

  font-size: .11rem;

  color: #000;

  background-color: #7a7a7a;

  margin-right: .03rem;

  border-radius: .03rem;

}



.video_bd_btn {

  position: absolute;

  width: 2.94rem;

  height: .5rem;

  line-height: .5rem;

  background-color: #4d4d4d;

  color: #979898;

  border-radius: .05rem;

  right: .2rem;

  top: .2rem;

  text-align: center;

  font-size: .16rem;

  cursor: pointer;

}



.video_bd_title {

  font-size: .28rem;

  color: #fff;

  line-height: .94rem;

  margin-left: .2rem;

}



.courseTab {

  padding: .05rem 0 .40rem;

  background-color: #fff;

  margin: 0 2.73rem .3rem;

  margin-top: .2rem;

  border-radius: .1rem;

}



.tab {

  margin: 0 0 0 .2rem;

  border-bottom: .02rem #f7f7f7 solid;

}



.tab ul li {

  float: left;

  height: .48rem;

  margin-right: .4rem;

  font-size: .16rem;

  box-sizing: border-box;

  text-align: center;

  color: #000;

  line-height: .48rem;

  /* transition: .5s; */

}



.tab ul li:hover {

  color: #1A97D7;

  border-bottom: .03rem #1A97D7 solid;

}



.tab ul li.active {

  color: #1A97D7;

  border-bottom: .03rem #1A97D7 solid;

}



.tab_con {

  margin: .48rem .8rem 0rem;

}



.tab_one>li {

  display: none;

}



.tab_tow>li{

  float: left;

  margin-right: .46rem;

  margin-bottom: .2rem;

}



.tab_tow>li:nth-child(8n) {

  margin-right: 0;

}



.course_img {

  width: 1rem;

  height: 1rem;

  transition: .5s;

  box-shadow: 0 0px 18px -16px #000;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  overflow: hidden;
  align-items: center;

}



.course_img:hover {

  transform: scale(1.1);

}





.tab_tow>li:hover .course_name>a {

  color: #028dd3;

}



.course_name {

  font-size: .18rem;

  color: #000;

  text-align: center;

  margin-top: .25rem;

}



.tab_spot {

  display: table; margin:0px auto;

}



.tab_spot li {

  display: table-cell; 

  float: left;

  width: .12rem;

  height: .12rem;

  background-color: #cdcdcd;

  border-radius: .12rem;

  margin-right: .08rem;

  margin-top: .2rem;

  cursor: pointer;

}



.tab_spot li.active {

  background-color: #6acaf9;

}





/* 底部 */





.footer {

  padding: 0.50rem 4.20rem 0;

  background-image: url(../images/pc/foot.png);

  background-size: 100% 100%;

  background-repeat: no-repeat;

  height: 3.75rem;

  display: flex;

  justify-content: space-between;

}



.Line_foo {

  width: 0.28rem;

  height: 0.04rem;

  background-color: #fff;

}



.nav_foo_title {

  font-size: 0.18rem;

  margin-bottom: 0.15rem;

}



.nav_foo_bd {

  height: 2.40rem;

  margin-top: 0.20rem;



}



.nav_foo_bd ul {

  display: flex;

  width: 100%;

  height: 100%;

  flex-direction: column;

  flex-wrap:wrap;

}



.nav_foo_bd ul li {

  margin-bottom: 0.20rem;

  font-size: 0.16rem;

}



.nav_foo {

  width: 2.30rem;

  /* display: flex;

  justify-content: space-between; */

}



.foo_contact {

  width: 4.80rem;

}



.foo_contact_title {

  font-size: 0.18rem;

  margin-bottom: 0.25rem;

}



.foo_contact_box {

  display: flex;

  justify-content: space-between;

}



.code {

  width: 1.42rem;

  height: 1.44rem;

}



.circular {

  width: 3rem;

  display: flex;

  margin-bottom: 0.20rem;

}



.circular img {

  width: 0.33rem;

  height: 0.33rem;

  margin-right: 0.10rem;

}

.circular span {

line-height: 0.3rem;

}



.code_text {

  text-align: center;

  margin-top: 0.20rem;

}



.ICP {

  width: 100%;

  height: 0.55rem;

  border-top: 1px #fff solid;

  color: #fff;

  background-color: #0288cb;

  text-align: center;

  line-height: .55rem;

  font-size: 0.14rem;

}