::-webkit-scrollbar{
  width: 5px;
}
::-webkit-scrollbar-button{
  display: none;
}
::-webkit-scrollbar-thumb{
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #a7a6a6;
  outline: 1px solid #fbfbfb;
}
*{
  margin:0;
  padding:0;
  list-style: none;
  text-decoration: none;
  font-family:"微软雅黑";
  font-size: 14px;
}
body{
  background: #ffffff;
  width:100%;
  font-family:"微软雅黑";
}
.rowpub{
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.colpub{
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}


/*头部*/
header{
  width:80%;
  max-width: 1200px;
  margin:0 auto;
  height:100px;
  justify-content: space-between;
}
.inputv {
  width:400px;
  height:36px;
  border-radius: 5px;
  border:1px solid #e6e2e2;
}
.inputv input{
  flex:1;
  height:36px;
  border:none;
  font-size: 14px;
  color:#5b5c5d;
  margin:0 10px;
  outline: none;
}
/*导航*/
nav{
  background-color: #2A5DA9;
  height:70px;
  line-height: 70px;
  width:100%;
  margin-top: -4px;
}
nav>ul{
  width:80%;
  max-width:1100px;
  margin:0 auto;
}
nav>ul>li{
  width: 157px;
}
nav>ul>li>a{
  display: inline-block;
  line-height: 70px;
  font-size: 16px;
  color:#ffffff;
  width: 100%;
  text-align: center;
}
nav>ul>li>a:hover,.sel{
  background: #3E7BD7;
  color:#ffffff;
}
/*banner图*/
.banner h1,.banner p,.banner>div{
  color:#ffffff;
}
/*新闻轮播*/
.target {
				width:55%;
				overflow:hidden;
				position:relative;
				height:360px;
			}
			.target img {
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
			}
/*用户导航*/
.index_linkv{
  display: inline-block;
  width: 32%;
  margin-right: 2%;
  min-width: 200px;
  height: 150px;
  background: #ffffff;
  box-shadow: 0px 3px 15px 0px rgba(166,166,166,0.25);
  float: left;
  border-radius: 6px;
  overflow: hidden;
}
.index_linkv:nth-of-type(3){
  margin-right: 0 !important;
}
/*新闻动态*/
.imgtit{
  position: absolute;
  bottom:0;
  left:0;
  z-index: 20;
  width:100%;
  height:55px;
  line-height: 55px;
  font-size: 14px;
  color:#ffffff;
  text-indent: 20px;
  background:linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0));
}
/*标题*/
.titlev{
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #e2e2e2;
    justify-content: space-between;
}
.titlev>span{
    font-size: 18px;
    padding-right: 40px;
    border-bottom: 2px solid #2A5DA9;
    color: #151515;
    line-height: 39px;
    cursor: pointer;
}
.titlev>a{
    color:#999999;
    font-size: 14px;
}
.titlev>a:hover{
    color:#2A5DA9;
  letter-spacing: 2px;
}
/*列表*/
.list{
    width:100%;
    height:52px;
    border-bottom: 1px solid #eeeeee;
    color: #666666;
}
.list>p{
    flex:1;
    font-size: 14px;
}
.list:hover{
    color:#2A5DA9;
  letter-spacing: 1px;
}
/*图片列表*/
.imglist{
  float:left;
  width:24%;
  overflow: hidden;
  margin-right: 1.3%;
}
.imglist:nth-of-type(4),.wklsit>a:nth-of-type(6n),.wklsit>li:nth-of-type(6n),.xslists:nth-of-type(3n),.jslist:nth-of-type(2n){
  margin-right: 0;
}
/*微课列表*/
.wklsit{
  width:100%;
  margin:15px 0px;
}
.wklsit>.hover,.wklsit>li:hover,.xslsit>li,.xslsit>.hover,.wklsit>a:hover,.wklsit>a.selsort{
  background: #0E8BEA;
  color:#ffffff;
}
.wklsit>li,.wklsit>a{
  cursor: pointer;
  float:left;
  width:15%;
  margin-right: 2%;
  display: inline-block;
  height:46px;
  line-height: 46px;
  text-align: center;
  background: #E7F5FD;
  color:#888888;
  margin-bottom:10px;
}
/*线上培训课程*/
.xslsit{
  width:100%;
  margin-top: 20px;
}
.xslsit>li{
  cursor: pointer;
  width:100%;
  height:46px;
  line-height: 46px;
  text-align: center;
  background: #E7F5FD;
  color:#888888;
  margin-bottom: 15px;
}
.xslists{
  position: relative;
  width: 32%;
  margin-right: 2%;
  float: left;
  margin-bottom: 40px;
  /*transform: rotate(0deg) scale(1) translate(0%, 0%);*/
  /*transition: all 0.3s ease 0s;*/
}
.imgsv{position:relative}
.imgs{
  transition:transform 0.35s;
}
.imgsvtit{
  position: absolute;
  top:80px;
  font-size: 16px;
  color:#fff;
  width:100%;
  text-align: center;
  opacity: 0;
  transition:opacity 0.35s;
  z-index: 10;
}

.imgsv::before,
.imgsv::after {
  position: absolute;
  content: '';
  opacity: 1;
  z-index: 10;
}
.imgsv::before {
  top: 30px;
  right: 20px;
  bottom: 30px;
  left: 20px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.imgsv::after {
  top: 15px;
  right: 35px;
  bottom: 15px;
  left: 35px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1,0);
  transform: scale(1,0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.xslists:hover .imgsv::before,
.xslists:hover .imgsv::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.xslists:hover .imgsvtit{
  opacity: 1;
}
.xslists:hover .imgsv{
  background: #2A5DA9;
}
.xslists .imgsv,.imgsv::before,.imgsv::after{
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

.xslists .imgsv,.imgsv::before,.imgsv::after{
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.xslists:hover .imgs{
  opacity: 0.6;
  transform: scale(1.2);
}
/*.xslists:hover .imgs{*/
  /*transform: rotate(0deg) scale(1.2) translate(0%, 0%);*/
  /*transition: all 0.3s ease 0s;*/
/*}*/
/*.xslists:hover .firstp{*/
  /*margin-top: 5px !important;*/
  /*transition: all 0.3s ease 0s;*/
/*}*/
/*交互特效*/

/*开始学习*/
.xxbtn{
  display: block;
  width:112px;
  height:29px;
  line-height: 29px;
  text-align: center;
  background:rgba(255,255,255,0);
  border:2px solid rgba(255, 255, 255, 1);
  border-radius:15px;
  color:#ffffff;
  margin-top: 20px;
}
/*培训列表*/
.pxlist{
  background:rgba(255,255,255,1);
  border-radius:5px;
  width:32%;
  margin-top: 20px;
}
.pxlist p{
  color:#888888;
  margin-top: 10px;
}
/*培训讲师*/
.js{
    display: inline-block;
    padding: 15px;
    box-shadow: 0px 3px 15px 0px rgba(166,166,166,0.25);
    border-radius: 5px;
    width: 21%;
    flaot: left;
    border: 1px solid #ffffff;
    float: left;
    margin-right: 1.3%;
}
.jslist:hover{
  border:1px solid #2A5DA9;
}
.resAuth{
  position:relative;
  font-size:14px;
  color:#888888;
  line-height:24px;
  margin:10px 15px 0 15px;
  height: 190px;
  overflow: hidden;
  text-overflow: ellipsis; 
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
.resAuthTooltip{
	position: absolute;
    right: -270px;
    bottom: 0;
    width: 238px;
    color: #ffffff;
    padding: 10px;
    min-height: 90px;
    background: rgb(121, 119, 119);
    display: none;
}
.resAuthDiv:hover .resAuthTooltip{
	display:block;
}
.resAuthTooltipRight {
      position: absolute;
    left: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 10px solid rgb(121, 119, 119);
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent
}
.resAuthTooltipLeft {
     position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgb(121, 119, 119)
}

/*学员心声*/
.studentlist{
  box-shadow:0px 3px 15px 0px rgba(166,166,166,0.25);
  border-radius:5px;
  max-width:26.5%;
  padding:50px 30px 30px 30px;
  z-index: 0;
  position: relative;
  margin-top:40px;
}
.stuimg{
  position:absolute;
  width:70px;
  height:70px;
  border-radius: 50%;
  top:-30px;
  left:50%;
  margin-left: -35px;
  z-index: 30;
}
.bq{
    width: 88%;
    max-width: 1200px;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    line-height: 40px;
    margin: 0 auto;
    border-top: 1px solid #517ab9;
}
.footlist{
  width:40%;
  text-align: left;
  color:#ffffff;
  margin-top: 30px;
}
.footlist ul{
    width:100%;
    margin-top: 30px;
}
.footlist ul li{
    float: left;
    margin-right: 40px;
    display: inline-block;
    width:60px;
    margin-bottom: 20px;
}
.footlist ul li a{
    color: #ffffff;
    font-size: 14px;
}

/*正在培训*/
.pxing{
  float:left;
  margin-right:2%;
  box-shadow: 0px 2px 5px 3px rgba(228,228,235,0.6); 

}
.pxing:nth-of-type(3n){
  margin-right: 0;
}
.pxli li{
  float:left;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #565656;
  cursor: pointer;
  font-size: 16px;
}
.pxli li:nth-of-type(6){
  border-right:none;
  margin-right: 40px;
  padding-right: 0;
}
.hover{
  color:#2A5DA9;
}
.content{
  width: 1140px;
  padding:30px;
  background: #ffffff;
  margin: 26px auto;
  box-shadow: 0px 2px 5px 3px rgba(228,228,235,0.6); 

}
.datatitle{
  height: 105px;
  text-align: center;
  border-bottom: 1px solid #D6D6D6;
  margin-bottom: 30px;
}
.con{
  color: #666666;
  line-height: 35px;
  font-size: 16px;
  padding-bottom: 30px;
  text-indent: 30px;
}
.con1{
    color: #666666;
    line-height: 35px;
    font-size: 16px;
    padding-bottom: 30px;
}
.con1 img{
    width: 100% !important;
    height:auto !important;
}
.datatitle>h1{
  color: #333;
  font-size: 20px;
  line-height: 50px;
}
.datatitle>p{
  color: #747373;
  font-size: 14px;
  line-height: 40px;
}
.goback{
  height:80px;
  line-height:80px;
  border-top:1px solid #D6D6D6;
}
.goback>a{
  color:#8A8A8A;
  flex:1;
}
.goback>a:last-child{
  text-align: right;
  color:#085FA4;
}
.goback>a:hover{
  color:#085FA4;
}

table {
  font-family: verdana,arial,sans-serif;
  font-size:14px;
  color:#333333;
  border-width: 1px;
  border-color: #454545;
  border-collapse: collapse;
  margin:20px auto;
}
table p{
  text-indent:0px;
}
table th {
  border-width: 1px;
  padding: 10px;
  border-style: solid;
  border-color: #454545;
  text-indent:0px;
}
table td {
  border-width: 1px;
  padding: 5px;
  border-style: solid;
  border-color: #454545;
  text-indent:0px;
}
.kswjs{
    height: 60px;
    line-height: 60px;
    color: #3d3d3d;
    font-size: 16px;
    border-bottom: 1px solid #CCCCCC;
}
.kswjs>img{
    width: 5px;
    margin-right: 10px;
    float: left;
    margin-top: 23px;
}


.pop{
	width:200px;
	padding:50px 20px;
	position:fixed;
	top:40%;
	right:20px;
	background:rgba(255,255,255,1);
	box-shadow:0px 3px 15px 0px rgba(25,143,241,0.2);
	border-radius:4px;
	align-items:center;
	overflow: hidden;
}
.closebtn{
	position:absolute;
	top:-15px;
	right:-15px;
	display: block;
	background:#1667E5;
	width:40px;
	height:40px;
	border-radius: 30px;
	color:#ffffff;
	font-size: 20px;
	line-height: 48px;
    text-indent: 7px;
}
.closebtn:hover{
	background-color: #3377e2;
}
.popt{
	width:100%;
	text-align:center;
	color:#888888;
	margin-top:15px;
	border-bottom:2px solid #EDEDED;
	padding-bottom:20px;
}
.bmbtn{
	margin-top: 20px;
	width:100%;
	height:36px;
	background:#ff9933;
	color:#ffffff;
	line-height: 36px;
	text-align: center;
}