:root {
  box-sizing: border-box;
  height: 100%;
  --bg-color: #146293;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}
ol,
ul {
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
}
body {
  display: flex;
  flex-flow: column;
  height: 100%;
  font-size: 16px;
}
input,
button {
  outline: none;
}
li {
  list-style: none;
}
a {
  color: rgb(79, 77, 77);
}
a:hover,
a:active,
a:hover,
a:visited,
span:visited {
  text-decoration: none;
}
.m_l_5 {
  margin-left: -5px;
}
.m_l_15 {
  margin-left: 15px;
}
.p_r_0 {
  padding-right: 0px;
}
.m-top-2em{
	margin-top: 2em;
}
.bg-blue{
    background-color: #012f74!important;
}
.bg-white{
    background-color: #fff!important;
}
.bg-themes{
    background-color: var(--bg-color)!important;
}
.text-blue{
    color: #012f74!important;
}
.text-white{
    color: #fff!important;
}

/* .header css */
.header {
  height: 120px;
  /* background-image: url("/userfiles/images/header_bg.jpg"); */
  background-color: rgb(0,143,215);
  z-index: 99;
}
.header .header-flex {
  height: 120px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.header .logo {
  align-self: center;
  height: 60px;
}
.header .logo img {
  height: 100%;
}
.header .top-position {
  position: absolute;
  top: 35px;
  right: 0;
}
.header .top-tips {
  padding: 0em 0em 0em 2em;
  font-size: 0.8em;
}
.header .top-tips li {
  position: relative;
  padding: 0em 0em 0em 2em;
  background-color: #00448d;
  color: #fff;
}
.header .top-tips li a {
  color: #312d2d;
}
.header .search {
  position: relative;
}
.header .search input {
  width: 230px;
  border: 1px solid #c5c5c5;
  color: #fff;
  padding: 0.5em 1em;
  font-size: 0.7em;
  border-radius: 50px;
  background-color: transparent;
}
.header .search input::placeholder {
	color: #e6e3e3;
}
.header .search .search-icon {
  position: absolute;
  padding: 5px 0;
  top: -1px;
  right: 13px;
  color: #fff;
  cursor: pointer;
}
.nav {
  align-self: flex-end;
}
.navbar {
  border: none;
  /* background-color: #01458e; */
  margin: 0;
}
.navbar-nav {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.navbar-toggle {
  margin-right: 0px !important;
}
.navbar-brand {
  padding: 0;
}
.web-logo img {
  height: 100%;
}
.navbar-default {
  background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
  font-size: 1em;
  color: #fff;
}
.navbar-default .navbar-nav > li > a:focus{
  color: #fff;
}
.dropdown-menu {
  min-width: 100%;
  padding: 0;
  margin: 0 !important;
  border: none;
}
.dropdown-menu > li > a {
  padding: 8px 20px;
}
.dropdown-menu > li > a:hover {
  background-color: #00558b;
  color: #fff;
}
.navbar-default .navbar-nav > li:hover {
  background-color: #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.banner-main {
  /*background-image: linear-gradient(to bottom, #0f66bb, #fff);*/
}
.banner {
  height: 450px;
  overflow: hidden;
  position: relative;
  flex: 0 0 auto;
  /* border-radius: 3px; */
}
.banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main {
  flex: 1 0 auto;
  margin: 1em 0 0 0;
  /*z-index: 99;*/
}

/*顶部图标 css*/
.top-icons {
  /* background: #104aa1; */
	background-color: rgb(0,143,215);

  /*margin: 0 0 1em 0;*/
  border-bottom: 4px solid #fac748;
}
.top-icons ul {
  display: flex;
  justify-content: space-around;
}
.top-icons ul li {
  text-align: center;
  height: 110px;
  align-self: center;
  width: 100%;
}
.top-icons ul li:hover {
  background-color: #06398b;
}
.top-icons ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
/*.top-icons ul li:hover a img {
	box-shadow: 0px 0px 2px #888888;
}*/
.top-icons ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.top-icons ul li a img {
  max-width: 4em;
  /*border-radius: 10px;*/
}
.top-icons ul li a .des {
  color: #fff;
  font-size: 0.95em;
  margin-top: 10px;
  /*font-weight: 600;*/
}

/* 文章标题模块 css */
.article {
  overflow: hidden;
}
.article-h {
  height: 270px;
  overflow: hidden;
  /* border: 1px solid #ddd;
	padding: 0.5em; */
}
.single-article {
  margin-bottom: 1em;
}
.single-article .hd {
  width: 100%;
  overflow: hidden;
  border-bottom: 2px solid #2369c8;
  margin-bottom: 0.3em;
}
.single-article .hd .title {
  position: relative;
  float: left;
  /* background-color: #3987c5; */
  /* color: #fff; */
  font-size: 1.1em;
  /* padding: 0.2em 0.4em; */
}

.single-article .hd .title > span {
  display: inline-block;
  cursor: pointer;
  /* padding: 0 0.5em; */
  line-height: 1em;
  color: #2369c8;
  font-weight: 600;
  font-size: 18px;
}
.single-article .hd .title .inactive {
  color: #232222;
  font-weight: 600;
}
/* .single-article .hd .title > span + span {
	border-left: 2px solid #736a6a;
} */

.single-article .hd .title span + span::before {
  content: "/";
  margin: 0 0.5em;
  color: #000;
  font-weight: 100;
}

/* .single-article .hd .title::after {
	content: "";
	position: absolute;
	top: 0;
	right: -14px;
	border-top: 16px solid #fff;
	border-bottom: 16px solid #fff;
	border-left: 16px solid #508fc1;
} */

.single-article .hd .more {
  float: right;
  padding: 0.2em 0.4em;
}
.single-article .hd .more a {
  font-size: 0.8em;
}
.single-article .hd .more a span {
  display: inline-block;
  -webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* For Safari 3.1 to 6.0 */
  transition: width 2s, height 2s, transform 2s;
}
.single-article .hd .more a:hover span {
  transform: rotate(360deg);
}

.single-article .bd {
  /* margin-top: 1em; */
}

.single-article .bd .article-list li {
  line-height: 1.6em;
  overflow: hidden;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #ddd;
}
.single-article .bd .article-list li + li {
  margin: 0.2em 0;
}
/*.single-article .bd .article-list li:nth-of-type(5),
.single-article .article-tab .article-list li:nth-of-type(9),
.single-article .article-tab .article-list li:nth-of-type(10) {
	border: none;
}*/
.single-article .bd .article-list li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.2em 0;
}
.single-article .bd .article-list li a:hover .date {
  color: #2369c8;
}

.single-article .bd .article-list li a .content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /*border-left: 2px solid #2369c8;*/
  padding: 0.2em 0;
  /*padding-left: 0.5em;*/
}
.single-article .bd .article-list li a:hover .content {
  border-width: 4px;
}
/* .single-article .bd .article-list li a:hover .date span:nth-of-type(2) {
	background-color: #3987c5;
	color: #fff;
} */
.single-article .bd .article-list .date {
  font-size: 0.8em;
  color: #979797;
}
/* .single-article .bd .article-list .date span {
	text-align: center;
	padding: 0.5em;
	line-height: 0.8em;
} */
/* .single-article .bd .article-list .date span:nth-of-type(1) {
	background-color: #3987c5;
	color: #fff;
	font-size: 0.8em;
}
.single-article .bd .article-list .date span:nth-of-type(2) {
	letter-spacing: 0.1em;
	transition: all 0.1s ease-in 0.1s;
	font-size: 0.9em;
} */

.single-article .bd .article-list .title {
  width: 75%;
  font-size: 1em;
  float: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.single-article .article-tab .article-list {
  /*display: flex;
	flex-flow: row wrap;
	justify-content: space-between;*/
}
.single-article .article-tab .article-list li {
  /*width: 48%;*/
}

/* 图标排列区域 css */
.icon-area {
  display: flex;
  margin-bottom: 1.5em;
}
.icon-area .school-profile {
  width: 60%;
  height: 295px;
  background-color: #185da8c7;
  padding: 0.5em;
  overflow: hidden;
}

.icon-area .school-profile .title {
  height: auto;
  padding-bottom: 0.5em;
}
.icon-area .school-profile .title span {
  color: #fff;
  font-weight: 600;
  font-size: 1.1em;
  letter-spacing: 0.1em;
  border-bottom: 3px solid #fff;
  padding-bottom: 0.3em;
}
.icon-area .school-profile .content {
  padding-top: 0.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  overflow: hidden;
  font-size: 0.93em;
}
.icon-area .school-profile .content p {
  text-indent: 2em;
  color: #efefef;
  line-height: 1.6em;
}
.icon-area .school-profile .more {
  margin-top: 0.3em;
}
.icon-area .school-profile .more span {
  border: 0.5px solid #f4f2f2;
  padding: 0.2em 0.8em;
  color: #f4f2f2;
  float: right;
  font-size: 0.8em;
}
.icon-area .quick-icon {
  width: 38%;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-content: flex-start;
  margin: 0 1%;
}
.icon-area .quick-icon div {
  border-radius: 5px;
  text-align: center;
}
.icon-area .quick-icon div a {
  color: #fff;
  font-weight: 700;
}
.icon-area .quick-icon div:not(:last-of-type) {
  width: 48%;
  height: 100px;
  background-color: green;
  margin-bottom: 0.5em;
}
.icon-area .quick-icon div:last-of-type {
  width: 100%;
  height: 80px;
  background-color: greenyellow;
}

/* 图文左右混排 css */
.pic-art-area {
}
.pic-art-area .bd .article-list a:hover .pic img {
  transform: scale(1.2);
}
.pic-art-area .bd .article-list .pic {
  width: 16%;
  float: left;
  overflow: hidden;
}
.pic-art-area .bd .article-list .pic img {
  width: 100%;
  height: 72px;
  transition: all 0.7s;
}
.pic-art-area .bd .article-list .content {
  width: 83%;
  float: left;
}
.pic-art-area .bd .article-list .content .title {
  clear: both;
  line-height: 1.3em;
  /* font-weight: 600; */
  padding-top: 0;
  font-size: 1.1em;
  margin-bottom: 0.3em;
  width: 100%;
  padding-left: 7.6px;
}
.pic-art-area .bd .article-list .content .des {
  clear: both;
  font-size: 0.8em;
  line-height: 1.8em;
  padding-left: 7.6px;
}

/* bottom-icon css */
.bottom-icon {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.bottom-icon .single-bottom-icon {
  text-align: center;
  margin-top: 1em;
}
.bottom-icon .single-bottom-icon > a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 1em;
  border-radius: 10px;
  line-height: 30px;
}
.bottom-icon .single-bottom-icon > a:hover {
  transform: translateY(-3%);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.bottom-icon .single-bottom-icon img {
  width: 60px;
  border-radius: 50%;
}
.bottom-icon .single-bottom-icon .des {
  color: #4f4d4d;
}

/* bottom-banner css*/
.bottom-banner {
  width: 100%;
  overflow: hidden;
  margin-bottom: 1em;
}
.bottom-banner .block-top .hd {
  border-bottom: 2px solid #fac748;
  padding: 0.2em 0;
  font-size: 1.2em;
  font-weight: 600;
}
.bottom-banner .block-top .bd {
  padding: 0.2em 0;
}
.bottom-banner ul {
  height: 150px;
}
.bottom-banner .pic-list {
  float: left;
  width: 190px;
  height: 95px;
}
.bottom-banner .pic-list + .pic-list {
  margin-left: 0.2em;
}
.bottom-banner .pic-list img {
  width: 100%;
  height: 120px;
}
.bottom-banner .pic-list .des {
  text-align: center;
  font-size: 0.9em;
  margin: 0.5em;
  color: #000;
}

/* feature-area  css */
.feature-area{
    position: relative;
    margin-top: 2em;
    color: #fff;
}

.feature-bg{
    background-image: url(/userfiles/images/feature_bg.jpg);
    -webkit-background-size: cover;
            background-size: cover;
    background-position: center;
    height: 291px;
    width: 100%;
    position: absolute;
    top: 0;
}
.feature-bg:before{
    content: '';
    display: block;
    background-repeat: no-repeat;
    filter: alpha(opacity=50);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}
.feature-hd{
    margin: 2em 0;
    display: flex;
    justify-content: start;
    align-items: center;
}
.feature-hd .title{
    display: flex;
    flex-direction: column;  
    margin-right: 1em;  
}
.feature-hd .title > p:nth-of-type(1){
    font-size: 1.6em;
    font-weight: 600;
}
.feature-hd .title > p:nth-of-type(2){
    font-size: 0.9em;
}
.feature-hd .desc{
    
}
.feature-bd{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-radius: 5px;
    overflow: hidden;
}
.feature-bd .box{
    height: 180px;
    cursor: pointer;
    padding: 2em;
}
.feature-bd .box:hover a > .title:after{
    width: 100%;
}
.feature-bd .box:hover a > .icon .box-icon{
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}
.feature-bd .box > a{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.feature-bd .box .title{
    font-size: 1em;
    font-weight: 600;
    position: relative;
}
.feature-bd .box > a > .title:after{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    height: 4px;
    width: 2em;
    transition: width .3s;
    -webkit-transition: width .3s; /* Safari */
}
.feature-bd .box:nth-of-type(odd){
    /* background-color: #012f74; */
    background-color: rgb(0,143,215);
}
.feature-bd .box:nth-of-type(even){
    background-color: #ffffff;
}
.feature-bd .box:nth-of-type(odd) > a > .title{
    color: #fff;
}
.feature-bd .box:nth-of-type(even) > a > .title{
    color: #012f74;
}
.feature-bd .box:nth-of-type(odd) > a > .title::after{
    background-color: #fff;
}
.feature-bd .box:nth-of-type(even) > a > .title::after{
    background-color: #012f74;
}
.feature-bd .box .icon{
    align-self: end;
    flex: 1;
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 1em;
}
.feature-bd .box .icon .box-icon{
    font-size: 3.5em;
    position: absolute;
    right: 0;
    bottom: 0; 
    transition: all .3s;
    -webkit-transition: all .3s; /* Safari */

    /* right: 50%;
    bottom: 50%;
    transform: translate(50%); */
}
.feature-bd .box .more{
    margin-top: 2em;
    font-size: 0.9em;
}

.feature-bd .box:nth-of-type(1){
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
    height: 360px;
    border-right: 1px solid #fff;
}

/* 友情链接 css */
.links-qr {
  
}
.links-qr .block-top .hd {
  border-bottom: 2px solid #98b1cb;
  padding: 0.2em 0;
  font-size: 1.2em;
  font-weight: 600;
  color: #09568a;
}
.links-qr .block-top .bd {
  padding: 0.2em 0;
  text-align: center;
}
.links-qr .block-top .bd ul {
  /*display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: auto;*/
	display: inline-block;
}
.links-qr .block-top .bd ul li {
  float: left;
  padding: 0 2em;
  margin: 0.3em 0;
}
.links-qr .block-top .bd ul li + li{
	border-left: 1px solid #ddd;
}

.links-qr .block-top .bd ul li > a {
  color: #4f4d4d;
  font-size: 0.9em;
}
.links-qr .block-top .bd ul li > a:hover {
  color: #012f74;
  font-weight: 600;
}

/*浮动侧边栏*/
.float-slide {
  display: none;
  position: absolute;
  width: 4em;
  /* border: 1px solid #000; */
  height: 16em;
  right: 2em;
}
.float-slide .slide-box {
  width: 3.5em;
  height: 3.5em;
  line-height: 3.5em;
  border: 0.5px solid #ddd;
  text-align: center;
  border-radius: 5px;
  position: relative;
  background-color: #fff;
}
.float-slide .slide-box > a,
.float-slide .slide-box .slide-des > p > a {
  display: block;
  width: 100%;
  height: 100%;
}
.float-slide .slide-box .slide-des > p > a {
  font-size: 1.2em;
  font-weight: bold;
}

.float-slide .slide-box > a > img {
  width: 100%;
  height: 100%;
}

.float-slide .slide-box .slide-des {
  position: absolute;
  top: 0;
  right: 3.5em;
  background: #fff;
  min-width: 6em;
  border-radius: 5px;
  box-shadow: 0 0 1.5px #b7b3b3;
}
.float-slide .slide-box .hd {
  font-size: 0.8em;
  height: 2em;
  line-height: 2em;
  background-color: #3d6498;
  color: #fff;
}

.float-slide .slide-box .wx-box img {
  width: 7em;
  margin: 0.5em;
}
.float-slide .slide-box .qq-box .qq-list {
  width: 7em;
}
.float-slide .slide-box .qq-box .qq-list li {
  height: 2.5em;
  line-height: 2.5em;
}
.float-slide .slide-box:hover {
  box-shadow: 2px 1px 2px #aeaaaa;
}
.float-slide .slide-box + .slide-box {
  margin-top: 0.3em;
}
.float-slide .slide-box .iconfont {
  font-size: 2em;
  color: #827d7d;
}

.float-slide .slide-box .menu1 {
  color: #066259;
}
.float-slide .slide-box .menu2 {
  color: #aa2c2c;
}
.float-slide .slide-box .menu3 {
  color: #3d6498;
}
.float-slide .slide-box .menu4 {
  color: #07bd13;
}
.float-slide .slide-box .menu5 {
  color: #0069a0;
}

/* 录取查询页面 css */
.lqcx-area form {
  margin: 3em;
  text-align: center;
}
.lqcx-area .lqcx-info {
  padding: 2em;
  color: #6f6767;
}

/* 招生计划,历年分数查询页面css */
.select-area,
.content-area {
  font-size: 0.95em;
}

.single-select + .single-select {
  margin: 1em 0em;
}

.single-select .hd {
  font-weight: 600;
  float: left;
}

.single-select .bd {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  font-size: 1em;
  min-height: 2em;
}

.single-select .hd {
  padding: 0.1em 0em;
  margin: 0.2em 0em;
}

.single-select .bd span {
  padding: 0.1em 0.3em;
  margin: 0.2em 0.3em;
}

.single-select .bd span:hover,
.single-select .bd .active {
  display: inline-block;
  background-color: #337ab7;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

.table-bootstarp-table th {
  background-color: #337ab7;
  color: #fff;
}

.content-area .info {
  padding: 0.2em;
  margin: 0.5em 0;
}

/* 二,三级页面css */
.second-banner,
.third-banner {
  height: 150px;
}
.second-banner img,
.third-banner img {
  width: 100%;
  height: 100%;
}
.article-second {
  min-height: 100px;
}
/*.article-second .article-slide {
	border: 0.5px solid #ddd;
	border-radius: 10px;
}
.article-second .article-slide .hd {
	text-align: center;
	padding: 0.75em 0;
	color: #084f6b;
}
.article-second .article-slide .hd .iconfont {
	font-size: 2em;

	padding: 0 0.25em;
}
.article-second .article-slide .hd .title {
	font-size: 1.8em;
	padding: 0 0.25em;
}
.article-second .article-slide a {
	width: 100%;
	height: 100%;
}
.article-second .article-slide .article-slide-img {
	width: 100%;
}
.article-second .article-slide .active {
	background-color: #0069a0;
}
.article-second .article-slide .active a {
	color: #ecebe6;
}
.article-second .article-slide ul {
	margin: 0;
}
.article-second .article-slide ul li {
	height: 3em;
	line-height: 3em;
	text-align: center;
	border-top: 0.5px solid #ddd;
}
.article-second .article-slide ul li:hover {
	background-color: #f4f2f2;
}
.article-second .article-slide ul li a {
	display: block;
	color: #4a4949;
}*/
.article-second .second-article-area .article-list {
  padding-top: 0.5em;
  padding-bottom: 0.15em;
  border-bottom: 0.5px solid #ddd;
  overflow: hidden;
  line-height: 1.8em;
}
.article-second .second-article-area .no-record-tips {
  line-height: 100px;
  border: 0.5px solid #ddd;
  margin-top: 20px;
}
.article-second .second-article-area .article-list:hover {
  border-bottom: 1px solid #0069a0;
}

.article-second .second-article-area .article-title,
.article-second .second-article-area .article-omit {
  width: 100%;
  font-size: 1.2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.article-second .second-article-area .article-title {
  font-size: 1.1em;
  color: #1c1818;
}
.article-second .second-article-area .article-omit {
  font-size: 0.8em;
  color: #868282;
}
.article-second .second-article-area .article-date {
  font-size: 0.9em;
  float: right;
  text-align: left;
  color: #514e4e;
}

.box-bg {
  padding: 20px;
  background: url(/themes/zs6/images/school-vision-bg.jpg);
}
.school-vision {
  padding: 10px 0;
}
.school-vision .box .grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
}


/*校园印象 css*/
.school-vision .special-title {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  background: url(/themes/zs6/images/xyyx_line.png) center no-repeat;
  margin-bottom: 20px;
  color: #09568a;
}

.school-vision .pic-show {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 95px;
  grid-gap: 5px;
  margin: 0 auto;
}

.school-vision .pic-show .photo {
  background-size: cover;
  background-position: center;
}

.school-vision .pic-show .photo img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  transition-duration: 1s;
}
.school-vision .pic-show .photo img:hover {
  transform: scale(1.1);
}

.school-vision .pic-show .photo:nth-of-type(1) {
  grid-row: span 2;
}

.school-vision .pic-show .photo:nth-of-type(2) {
  grid-column: span 2;
}

.school-vision .pic-show .photo:nth-of-type(3) {
  grid-row: span 2;
  grid-column: span 2;
}

.school-vision .pic-show .photo:nth-of-type(4) {
  grid-row: span 2;
}

.school-vision .pic-show .photo:nth-of-type(5) {

}

.school-vision .pic-show .photo:nth-of-type(6) {
  
}

.school-vision .video-show {
	width: 500px;
	margin: 0 auto;
}