@charset "utf-8";
 
*{ padding:0; margin:0;list-style:none; border:none; font-family:"微软雅黑"; text-decoration:none; color:#666; font-size:1.6rem;}
a{cursor:pointer;}
html{ font-size:62.5%;}
.nav{ width:100%; height:16.2rem; background:#fff; opacity:0.38; position: absolute;}
.head{ width:100%; height:50rem; background:url(../images/banner_bg.jpg) no-repeat; background-size: cover ; background-position:center center; margin-bottom:2rem; overflow:hidden; position:relative;}
.head_tab{ width:120rem; margin:0 auto; margin-top:27rem;}
.head_tab span{ color:#FFF; font-size:5rem; float:left; margin-right:1rem;}
.head_tab h1{ color:#fff; font-size:2rem; font-weight:normal;}
.head_tab p{ color:#fff; font-size:1.4rem;}
.head_tab a{ color:#fff; font-size:1.4rem;}
.content{ width:120rem; margin:0 auto; overflow:hidden;}
.content .nav_l{ width:30rem; float:left; overflow:hidden;}
.nav_l_t{ width:90%; font-weight:600; height:6.3rem; background:#016BFF; line-height:6.3rem; margin-bottom:.5rem; text-align:left; color:#fff; font-size:2.8rem; padding-left:10%;}
.nav_l_b{ background:#F5FAFF; padding:0 0 7rem 0; border-left:0.2rem #016BFF solid;}
.nav_l_b ul li{ width:80%; line-height:6rem; border-bottom:.1rem #DDDDDD solid; margin:0 auto; overflow:hidden; clear:both;}
.nav_l_b ul li a{ font-size:2.2rem; float:left; color:#080808; }
.nav_l_b ul li span{ width:1rem; height:1rem;display:block; margin-top: 2.5rem; font-size:1.2rem; float:right; color:#B3B3B3; background-image:url(../images/jiahao.png); background-repeat:no-repeat; background-position:center;}
.open{background-image:url(../images/jianhao.png)!important;}
.nav_l_b ul li ul{ border-left:1px #DDDDDD solid; margin-bottom:1rem; overflow:hidden;clear:both;}
.nav_l_b ul li ul li{ border-bottom:none; clear:both;}
.nav_l_b ul li ul li a{height:3rem; line-height:3rem; color:#666666; font-size:1.6rem; display:block;}
.content .nav_r{ width:85rem; float:right; border-top:.1rem #DEDEDE solid; overflow:hidden;}
.nav_r ul li{ width:100%; height:10.4rem; padding:3rem 0; border-bottom:.1rem #DEDEDE dashed; }
.nav_r ul li .time_bg{ width:8.1rem; height:8.1rem; border:.1rem #016BFF solid; position:relative; float:left; margin-left:2rem;}
.nav_r ul li .time{ width:8.1rem; height:8.1rem; left:1rem; top:1rem; background:#016BFF; text-align:center; position:absolute;}
.nav_r ul li .p_box{ width:70rem; float:left; margin-left:3rem; padding:2rem 0;}
.nav_r ul li .p_box a{ font-size:1.8rem; line-height:3rem;}
.nav_r ul li .time p{ color:#fff; font-size:3rem; margin-top:.6rem;}
.nav_r ul li .time p span{ font-size:1.4rem; color:#fff; display:block;}
.nav_r ul li:hover{ background-color:#016BFF;background-image:url(../images/list_bg.png); background-repeat:no-repeat; background-position:40rem 0rem;}
.nav_r ul li:hover .time_bg{ width:8.1rem; height:8.1rem; border:.1rem #fff solid; position:relative; float:left; margin-left:2rem;}
.nav_r ul li:hover .time{ width:8.1rem; height:8.1rem; left:1rem; top:1rem; background:#fff; text-align:center; position:absolute;}
.nav_r ul li:hover .p_box a{ font-size:1.8rem; line-height:3rem; color:#fff;}
.nav_r ul li:hover .time p{ color:#016BFF; font-size:3rem; margin-top:.6rem;}
.nav_r ul li:hover .time p span{ font-size:1.4rem; color:#016BFF; display:block;}

.lanmu{ font-size:2.8rem; color:#0D7ADF; line-height:6rem;}
.nav_r .teacher_list{ width:15.1rem; height:130px; padding:1.5rem 0; border-bottom:.1rem #E7E7E7 solid; border-top:.1rem #E7E7E7 solid; float:left;margin-right:8rem;}
.teacher_list a{  font-size:2rem; color:#00498D; line-height:3.5rem; }
.a_box{display:block; width:15.1rem;padding-right:4rem;background:url(../images/coin.png) center right no-repeat;}
.teacher_list p{ font-size:1.4rem; color:#929292;}
.teacher_list span{color:#0D7ADF;}
.footer{ width:calc(100% - 3.8rem); height:8rem; background:url(../images/footer_bg.png) no-repeat; background-size:100% 100%; margin-top:3rem; padding:1.9rem;}
.footer_c{width:120rem; margin:0 auto; text-align: left;}
.footer_c a{ color:#fff; font-size:1.6rem; line-height:4rem;}
.footer_c p{ color:#fff; font-size:1.6rem; line-height:4rem;}
.footer_c span{margin:0 0.2rem; color:#fff; font-size:1.2rem;}
img {border: 0;}

ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.top-a {
	width: 100%;
	height: 100vh;
	position: relative;
        overflow: hidden;
}
.search span{line-height: 71px; color: #fff;}
.menu-item {
	width: 100%;
	height: 107px;
	background-image:linear-gradient(to bottom, rgba(14,78,150,1), rgba(0,113,188,0));
	z-index: 999;
	position: absolute;
	top: 0;
}

.menu-center {
	width: 1400px;
	height: 71px;
	margin: 0 auto;
	padding-top: 20px;
}

.logo {
	width: 327px;
	height: 71px;
	background: url('../images/logo.png') no-repeat center center;
	float: left;
    overflow: hidden;
    background-size: 100% auto;
}

.menu-text {
	width: 950px;
	height: 71px;
	float: right;
	padding-left: 50px;
        display: inline-flex;
    flex-wrap: nowrap;
}

.menu-text .menu {
	height: 71px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
}

.menu-text .menu .top {
	width: 100%;
	height: 71px;
	color: #FFFFFF;
	display: block;
	line-height: 71px;
	text-align: center;
	white-space: nowrap;
	box-sizing: border-box;
        font-size: 1.6rem;
        font-weight: bold;
}
.menu-text .menu .top a{font-size:1.8rem;}
.menu-text .menu .sub {
	width: 500px;
	height: 200px;
	background-color: #F9F7F7;
	position: absolute;
	left: -300px;
	bottom: -200px;
	display: none;
        font-weight: bold;
}

.menu-text .menu .sub .pic {
	width: 300px;
	height: 200px;
	float: left;
}

.menu-text .menu .sub .pic img {
	width: 300px;
	height: 200px;
          object-fit: cover;
}

.menu-text .menu .sub .item {
	width: 200px;
	height: 200px;
	float: left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.menu-text .menu .sub .item a {
	width: 200px;
	display: block;
	text-align: center;
	color: #323232;
	display: flex;
	align-items: center;
	justify-content: center;
}

.menu-text .menu .sub .item a:hover {
	background-color: #016BFF;
	color: #FFFFFF;
}

.foot-line {
	border-bottom: 5px solid #016BFF;
}

.menu-bg {
	width: 100%;
	height: 254px;
	position: absolute;
	left: 0;
	top: 157px;
	z-index: 998;
	display: none;
}

.menu-text .menu:hover {
	color: #FFFFFF;
}

.news {
	width: 100%;
	height: 862px;
	background: url('../images/bg1.png') no-repeat center center;
}

.news .title-bg {
	width: 1400px;
	height: 61px;
	line-height: 61px;
	font-size: 18px;
	margin: 45px auto 86px;
	background: url('../images/title2.png') no-repeat center center;
	position: relative;
	text-align: center;
	color: #FFFFFF;
}
.seek {
  position: fixed;
  opacity: 0;
  z-index: -1;
  width: 100%;
  min-width: 14.8rem;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: #00000098;
  transition: all 0.5s linear;
}
/*.seek div {
  position: absolute;
  width:50%;
  top: 50%;
  left: 25%;
}*/
.seek div span {
  color: #999;
  position: absolute;
  left: .15rem;
  top: .25rem;
  font-size: .24rem;
}
seek .input1 {
  height: .4rem;
  box-sizing: border-box;
  width: 3rem;
  padding-left: .3rem;
}
.seek .close {
  position: absolute;
    right: 5%;
    top: 5%;
    color: #fff;
    font-size: 32px;
    cursor: pointer;
    font-weight: 100;
}
.openSeek {
    cursor: pointer;
}
@keyframes up{
  0%{transform: translateY(0);}
  50%{transform: translateY(-8px);}
  100%{transform: translateY(0);}
}
.down {
  cursor: pointer;
  position: absolute;
  bottom: 1rem;
  left: calc(50% - 4rem);
  transform: translateY(-50%);
  text-align: center;
  z-index: 7777;
}
.down img{
  width:6rem;
  animation: up linear 1.5s infinite;
  display: block;
}
.down span{
  color: #fff;
  font-size: 1.2rem;
  animation: up linear 1.5s infinite;display: block;
}
.a_02{background-color:#0064B9;}