@charset "UTF-8";
@import url("font_3094761_f0kb8f7q4v9.css");
@import url("font_3139238_ugeibblwuph.css");
/* * {
  padding: 0;
  margin: 0;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  font-family: "微软雅黑", "PingFang SC";
  font-size: 14px;
}

table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}

fieldset,
img {
  border: 0;
}

img {
  vertical-align: top;
  border: none;
}

address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}*/

ol,
ul,
li {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

abbr,
acronym {
	border: 0;
}

em,
i {
	font-style: normal;
}

a {
	text-decoration: none;
}
.base {
	margin: 0 auto;
	/* padding-bottom: 1.6rem; */
}
.box {
	width: 92%;
	margin: 0 auto;
}
.nav {
	width: 100%;
	height: 1.1733rem;
	background-color: #326cf6;
}
.nav .nav-con {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 1.1733rem;
}

.icon-weizhi {
	font-size: 0.5067rem;
	color: #ffffff;
}
.nav-school {
	display: flex;
	align-items: center;
}
.nav-school-name {
	display: flex;
	align-items: center;
	font-family: PingFangSC-Regular;
	font-size: 0.32rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.32rem;
	letter-spacing: 0px;
	color: #ffffff;
	margin-left: 0.2rem;
}
.nav-con .icon-jiantou-copy-copy {
	/* font-size: 0.1333rem; */
	font-size: 0.4rem;
	color: #ffffff;
	margin-left: 0.1333rem;
}
.nav-xq-txt {
	/* font-size: 0.32rem; */
	font-size: 0.4rem;
	color: #ffffff;
}
.nav-logo {
	display: flex;
	align-items: center;
}
.nav-logo img {
	/* width: 2.08rem; */
	width: 2.5067rem;
	/* height: 0.56rem; */
}
.nav-logo div {
	font-family: PingFangSC-Regular;
	/* font-size: 0.2133rem; */

	font-size: 0.2667rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.2;
	letter-spacing: 0px;
	color: #ffffff;
	border-left: 1px solid #fff;
	padding-left: 0.2rem;
	margin-left: 0.2rem;
	box-sizing: border-box;
}
.nav-right {
	display: flex;
	justify-content: center;
	align-items: center;
	/* width: 1.64rem; */
	width: 1.7333rem;
	/* height: 0.52rem; */
	height: 0.56rem;
	background-color: #ffffff;
	border-radius: 0.2533rem;
	font-family: PingFangSC-Regular;
	/* font-size: 0.32rem; */
	font-size: 0.4rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.2667rem;
	letter-spacing: 0px;
	color: #333333;
}
.nav-right .icon-jiantou-copy-copy2 {
	color: #333333;
	margin-left: 0.08rem;
	font-size: 0.4rem;
}
.links {
	display: flex;
	justify-content: center;
	width: 100%;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	background: #fff;
}
.links a {
	width: 14.28%;
	text-align: center;
	font-family: PingFangSC-Regular;
	/* font-size: 0.3733rem; */
	font-size: 0.4267rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.2667rem;
	letter-spacing: 0px;
	color: #333333;
}

.xq-mask,
.nav-mask {
	position: fixed;
	top: 1.1733rem;
	left: 0;
	z-index: 100;
	width: 100%;
	/* height: 13.88rem; */
	height: 100%;
	background-color: #ebf0fe;
	transform: translate(-100%, 0);
	transition: transform 0.2s;
	overflow-y: auto;
}
.xq-mask.active,
.nav-mask.active {
	transform: translate(0, 0);
}

.xq-mask .xq-mask-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 92%;
	height: 1.9467rem;
	margin: 0 auto;
}
.xq-mask .xq-mask-top h3 {
	font-family: PingFangSC-Semibold;
	font-size: 0.4rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0px;
	color: #000000;
	margin-bottom: 0.1333rem;
}
.xq-mask .xq-mask-top p {
	font-size: 0.32rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0px;
	color: #666666;
}
.xq-mask .xq-mask-top .icon-guanbi {
	font-size: 0.6133rem;
	color: #326cf6;
}
.xq-mask .xq-mask-lists {
	display: flex;
	flex-wrap: wrap;
	/* width: 9.2rem; */
	width: 92%;
	margin: 0 auto;
}
.xq-mask .xq-mask-lists .xq-mask-item {
	/* width: 2.0933rem; */
	width: 22.7%;
	height: 1.9067rem;
	background-color: #ffffff;
	box-shadow: 0rem 0rem 0.1333rem 0rem rgba(50, 108, 246, 0.1);
	border-radius: 0.08rem;
	margin-right: 0.2667rem;
	margin-bottom: 0.2667rem;
	text-align: center;
}
.xq-mask .xq-mask-lists .xq-mask-item:nth-child(4n) {
	margin-right: 0;
}
.xq-mask .xq-mask-lists .xq-mask-item .iconfont {
	display: block;
	font-size: 0.9067rem;
	color: #326cf6;
	margin-top: 0.2133rem;
	margin-bottom: 0.1867rem;
}
.xq-mask .xq-mask-lists .xq-mask-item p {
	font-size: 0.3467rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0px;
	color: #326cf6;
}
.xq-mask .xq-mask-lists .xq-mask-item.last {
	display: flex;
	/* width: 4.4rem; */
	width: 48%;
	height: 1.9067rem;
	box-shadow: 0rem 0rem 0.1333rem 0rem rgba(50, 108, 246, 0.1);
	border-radius: 0.08rem;
	border: solid 1px #326cf6;
	margin-right: 0;
	background-color: #ebf0fe;
}
.xq-mask .xq-mask-lists .xq-mask-item.last i {
	font-family: PingFangSC-Regular;
	font-size: 0.32rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.4267rem;
	letter-spacing: 0px;
	color: #326cf6;
	text-align: left;
	padding-top: 0.5867rem;
	padding-left: 0.7333rem;
}
.xq-mask .xq-mask-lists .xq-mask-item.last .last-add {
	color: #326cf6;
	font-size: 0.4rem;
	padding-top: 0.7733rem;
	line-height: 1;
	margin-left: 0.6667rem;
}
.nav-mask-con {
	height: 30.9067rem;
	padding-top: 0.2rem;
}
.nav-mask-tit {
	/* width: 9.2rem; */
	width: 92%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0.3333rem auto 0.4rem auto;
}
.nav-mask-tit .nav-mask-name {
	font-family: PingFangSC-Semibold;
	font-size: 0.4rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0px;
	color: #000000;
}
.nav-mask-tit .icon-guanbi {
	font-size: 0.6133rem;
	color: #326cf6;
}
.nav-mask .nav-list1,
.nav-mask .nav-list2,
.nav-mask .nav-list3,
.nav-mask .nav-list4,
.nav-mask .nav-list5 {
	display: flex;
	flex-wrap: wrap;
	width: 92%;
	margin: 0 auto;
}
.nav-mask .nav-list1 a {
	display: flex;
	align-items: center;
	width: 48.2%;
	height: 1.24rem;
	background-color: #ffffff;
	box-shadow: 0rem 0rem 0.1333rem 0rem rgba(50, 108, 246, 0.1);
	border-radius: 0.08rem;
	margin-bottom: 0.2133rem;
	margin-right: 0.2rem;
	    text-align: center;
	    display: block;
	    padding-top: 23px;
}

.nav-mask .nav-list1 a .xk {
	font-size: 0.5867rem;
	color: #e84302;
	margin-left: 0.2667rem;
	margin-right: 0.16rem;
}
.nav-mask .nav-list1 a p {
	font-family: PingFangSC-Regular;
	/* font-size: 0.2667rem; */
	font-size: 0.467rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.2;
	letter-spacing: 0px;
	color: #000000;

}
.nav-mask .nav-list1 a .icon-JavaEE {
	color: #3c6ee9;
}
.nav-mask .nav-list1 a .icon-Python {
	color: #ed6c14;
}
.nav-mask .nav-list1 a .icon-yunjisuan {
	font-size: 0.4533rem;
	color: #ed3820;
}
.nav-mask .nav-list1 a .icon-ruanjianceshi1 {
	color: #17a075;
}
.nav-mask .nav-list1 a .icon-dashuju1 {
	color: #0685c4;
}
.nav-mask .nav-list1 a .icon-wulianwang {
	color: #8817e2;
}
.nav-mask .nav-list1 a .icon-wangluoanquan {
	color: #37ad1a;
}
.nav-mask .nav-list1 a .icon-qukuailian {
	color: #11968c;
}
.nav-mask .nav-list1 a .icon-UI {
	color: #d13089;
	/* font-size: 0.36rem; */
	font-size: 0.4267rem;
}
.nav-mask .nav-list1 a .icon-Unity {
	color: #374974;
}
.nav-mask .nav-list1 a .icon-quanmeiti {
	color: #ffac00;
	font-size: 0.5333rem;
}
.nav-mask .nav-list1 a .icon-yingshijianjibaozhuang {
	color: #8020c7;
}
.nav-mask .nav-list1 a .icon-youxiyuanhua {
	color: #1db168;
}
.nav-mask .nav-list2 a {
	display: flex;
	align-items: center;
	/* width: 4.4933rem; */
	width: 48.2%;
	height: 0.9867rem;
	background-color: #ffffff;
	box-shadow: 0rem 0rem 0.1333rem 0rem rgba(50, 108, 246, 0.1);
	border-radius: 0.1333rem;
	margin-bottom: 0.2133rem;
	margin-right: 0.2133rem;
}

.nav-mask .nav-list3 a:active,
.nav-mask .nav-list2 a:active {
	background-color: #326cf6;
}
.nav-mask .nav-list3 a:active p,
.nav-mask .nav-list2 a:active p {
	color: #fff;
}
.nav-mask .nav-list2 a:active p::before {
	border: 0.0533rem solid #fff;
}
.nav-mask .nav-list2 a p {
	position: relative;
	font-family: PingFangSC-Regular;
	/* font-size: 0.2667rem; */
	font-size: 0.3467rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0px;
	color: #000000;
	padding-left: 0.5267rem;
	/* padding-left: 0.6667rem; */
}
.nav-mask .nav-list2 a p::before {
	position: absolute;
	top: 0.0533rem;
	left: 0.2667rem;
	content: "";
	width: 0.2rem;
	height: 0.2rem;
	border: 0.0533rem solid #326cf6;
	border-radius: 50%;
	box-sizing: border-box;
}
.nav-mask .nav-list3 a,
.nav-mask .nav-list5 a {
	display: flex;
	align-items: center;
	justify-content: center;
	/* width: 2.9333rem; */
	width: 31.6%;
	height: 0.9867rem;
	background-color: #ffffff;
	box-shadow: 0rem 0rem 0.1333rem 0rem rgba(50, 108, 246, 0.1);
	border-radius: 0.08rem;
	margin-right: 0.2rem;
	margin-bottom: 0.2rem;
}
.nav-mask .nav-list3 a p,
.nav-mask .nav-list5 a p {
	font-family: PingFangSC-Regular;
	/* font-size: 0.2667rem; */
	font-size: 0.3467rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0px;
	color: #000000;
}
.nav-mask .nav-list4 a {
	position: relative;
	display: flex;
	align-items: center;
	/* width: 4.4933rem; */
	width: 48.2%;
	height: 0.9867rem;
	background-color: #ffffff;
	box-shadow: 0rem 0rem 0.1333rem 0rem rgba(50, 108, 246, 0.1);
	border-radius: 0.1333rem;
	margin-bottom: 0.2133rem;
	margin-right: 0.2133rem;
}
.nav-mask .nav-list4 a img {
	height: 0.36rem;
	margin-left: 0.4rem;
}
.nav-mask .nav-list4 a:nth-child(2) img {
	height: 0.4267rem;
}
.nav-mask .nav-list4 a:nth-child(3) img {
	height: 0.28rem;
}
.nav-mask .nav-list4 a p {
	position: absolute;
	left: 2rem;
	font-family: PingFangSC-Regular;
	/* font-size: 0.2667rem; */
	font-size: 0.3467rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.4533rem;
	letter-spacing: 0;
	color: #000000;
	border-left: 1px solid #ededed;
	padding-left: 0.2667rem;
}
.nav-mask .nav-list1 a:nth-child(2n),
.nav-mask .nav-list3 a:nth-child(3n),
.nav-mask .nav-list5 a:nth-child(3n),
.nav-mask .nav-list2 a:nth-child(2n),
.nav-mask .nav-list4 a:nth-child(2n) {
	margin-right: 0;
}
.nav-tel {
	display: flex;
	align-items: center;
}
.nav-tel a {
	font-family: SourceHanSansCN-Regular;
	font-size: 0.3467rem;
	color: #ffffff;
}
.nav-tel .icon-dianhuahujiao {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.2667rem;
	width: 0.4rem;
	height: 0.4rem;
	background-color: #ffffff;
	color: #326bf6;
	border-radius: 50%;
	margin-right: 0.0933rem;
}