.font {
  color: #fefefe;
}

:root {
  --color: #118ad7;
}

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.container .header {
  height: 557px;
  width: 100%;
  background-image: url(../img/banner.png);
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.container .header .header-container {
  height: 60px;
  background: var(--color);
  width: 100%;
  align-items: center;
}

.container .header .header-container .nav-head {
  justify-content: space-between;
  cursor: pointer;
  font-family: 'fangzheng-z';
}

.container .header .header-container .nav-head .right .phone {
  margin-right: 13px;
}

.container .header .header-container .nav-head .right .right-f {
  padding-left: 5px;
}

.container .header .header-container .nav-head .nav-item {
  font-size: 16px;
  padding: 0px 15px;
}

.container .header .header-container .nav-head .logo {
  width: 150px;
  height: 50px;
}

.container .header .header-c {
  padding-top: 169px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.container .header .header-c .title {
  font-size: 97px;
  text-align: center;
}

.container .header .header-c .tag {
  font-size: 33px;
  text-align: center;
  padding: 0px 10px;
  background-color: var(--color);
  height: 61px;
  line-height: 61px;
  border-radius: 30px;
  margin: 34px;
}

.container .work-info {
  margin-top: -62px;
}

.container .work-info .right-aricle {
  margin-left: 25px;
}

.container .work-info .right-aricle .title {
  font-family: 'fangzheng';
  font-size: 30px;
  color: #0b398c;
  position: relative;
  margin-bottom: 44px;
}

.container .work-info .right-aricle .title::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 0px;
  height: 8px;
  width: 100px;
  background-color: #0b398c;
}

.container .work-info .right-aricle .info-i {
  font-family: 'fangzheng-z';
  font-size: 20px;
  height: 30px;
  color: #222222;
  letter-spacing:2px;
  line-height: 60px;
  /* border-spacing：20px； */
}

.container .work-info .left-logo {
  width: 488px;
  height: 365px;
}

.container .title-i {
  display: flex;
  align-items: end;
  justify-content: center;
}

.container .title-i .module-title {
  width: 434px;
  height: 90px;
  background-image: url(../img/GOLDEN.png);
  background-position: center center;
  background-size: 100% 100%;
}

.container .title-i .c-title {
  text-align: center;
  font-family: 'fangzheng';
  font-size: 48px;
  color: #0b398c;
  position: absolute;
  bottom: -11px;
  white-space: nowrap;
}

.container .title-i .c-title.subject {
  color: #fefefe;
}

.container .title-i .c-title.c-title-info {
  font-size: 36px;
}

.container .title-i .c-title.c-title-info .e {
  color: #ff0000;
}

.container .registration {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 85px;
}

.container .registration table {
  width: 100%;
}

.container .registration table tbody {
  border: 1px solid #7f7f7f;
}

.container .registration table .common-tr {
  height: 42px;
  line-height: 42px;
  background-color: #fff;
  color: #7f7f7f;
  font-family: 'fangzheng-z';
  font-size: 16px;
  border-bottom: 1px solid #f4f4f4;
  border-top: 0px;
}

.container .registration table .common-tr td {
  border-right: 1px solid #f4f4f4;
}

.container .registration table .common-tr td:nth-child(4n) {
  border-right: 0px;
}

.container .registration table .common-tr:last-child {
  border-bottom: 0px;
}

.container .registration table td {
  text-align: center;
}

.container .registration table .tt {
  height: 60px;
  line-height: 60px;
  background-color: var(--color);
  font-size: 30px;
  color: #fff;
  font-family: 'fangzheng';
  width: 100%;
}

.container .registration table .w190 {
  width: 190px;
}

.container .registration table .w385 {
  width: 385px;
}

.container .registration table .table-headers {
  height: 42px;
  line-height: 42px;
  background-color: #f4f4f4;
  color: var(--color);
  font-size: 16px;
}

.container .registration .examination {
  margin-top: 33px;
}

.container .registration .examination .examination-table .common-tr td:nth-child(4n) {
  border-right: 1px solid #f4f4f4;
}

.container .registration .examination .examination-table .common-tr td:nth-child(5n) {
  border-right: 0px;
}

.container .registration-time {
  width: 100%;
  margin-top: 40px;
}

.container .registration .info-tips {
  text-align: center;
  padding: 20px 0px;
}

.container .registration .info-tips .tips {
  color: #395ea2;
  font-size: 16px;
  line-height: 30px;
}

.container .registration .info-tips .tips .error {
  color: #ff0000;
  font-family: 'fangzheng';
}

.container .subject-module {
  width: 100%;
  height: 766px;
  background-image: url(../img/PART03.png);
  background-position: center center;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
}

.container .subject-module .subject-banner {
  margin-top: 62px;
}

.container .subject-module .module-list {
  margin-top: 82px;
  display: flex;
  justify-content: space-between;
}

.container .subject-module .module-list-item {
  width: 377px;
  height: 406px;
  background-color: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  border: 1px solid #fff;
  padding: 20px 27px;
  cursor: pointer;
  flex-direction: column;
}

.container .subject-module .module-list-item:hover {
  background-color: #ffffff;
}

.container .subject-module .module-list-item:hover .item-title {
  color: var(--color);
}

.container .subject-module .module-list-item:hover .v {
  background-color: var(--color);
}

.container .subject-module .module-list-item:hover .v-c {
  color: #222222;
}

.container .subject-module .module-list-item .item-title {
  font-size: 30px;
  color: #fff;
  width: 180px;
  text-align: center;
  font-family: 'fangzheng';
}

.container .subject-module .module-list-item .v {
  width: 256px;
  height: 4px;
  background-color: #fff;
  margin: 30px 0px;
}

.container .subject-module .module-list-item .v-c {
  font-size: 16px;
  line-height: 40px;
  color: #fff;
}

.container .form-module .form-banner {
  padding: 60px 0px;
}

.container .form-module .form-banner .tii {
  font-size: 16px;
  color: var(--color);
  text-align: center;
  padding: 20px 0px 50px;
}

.container .form-module .form-banner .form-list {
  display: flex;
  justify-content: space-between;
}

.container .form-module .form-banner .form-list .form-list-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.container .form-module .form-banner .form-list .c-c {
  padding: 10px 60px;
  margin-top: -48px;
  width: 373px;
  height: 240px;
  background-color: #fff;
  color: var(--color);
  font-size: 16px;
  line-height: 25px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.container .form-module .form-banner .form-list .c-c .tag-i {
  height: 24px;
  background-color: var(--color);
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  padding: 0px 5px;
  line-height: 24px;
  border-radius: 12px;
}

.container .resource-module {
  background-color: #f7f7f7;
  height: 508px;
  width: 100%;
  padding: 33px 0px 60px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.container .resource-module .resource-banner .cc {
  padding: 60px 0px 30px;
  text-align: center;
  font-family: 'fangzheng';
  color: #0b398c;
  font-size: 36px;
}

.container .resource-module .resource-banner .resource-list {
  cursor: pointer;
  justify-content: space-between;
}

.container .footer {
  width: 100%;
  background-image: url(../img/footer.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 60px;
  padding: 20px 0px;
  text-align: center;
}

.container .footer .links {
  width: 100%;
  color: #fff;
  font-size: 16px;
}
/*�割唱羌���*/
.fixed-contain {
	position: fixed;
	background: #FFF;
	width: 64px;
	box-shadow: rgba(0, 0, 0, .2) 0 0 8px;
	border-radius: 16px;
	padding-bottom: 12px;
	margin-top: -100px;
	top: 50%;
	right: 24px;
	z-index: 99999
  }
  
  .fixed-contain li {
	text-align: center;
	margin-top: 9px;
	cursor: pointer;
	position: relative
  }
  
  .fixed-contain li .box i {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	background: url(../img/fixed-contain-icon.png) no-repeat
  }
  
  .fixed-contain li:nth-child(1) .box i {
	background-position: 0 0
  }
  
  .fixed-contain li:nth-child(2) .box i {
	background-position: -40px 0
  }
  
  .fixed-contain li:nth-child(3) .box i {
	background-position: -120px 0
  }
  
  .fixed-contain li:nth-child(4) .box i {
	background-position: -155px 0;
  }
  
  .fixed-contain li .box span {
	display: block;
	font-size: 12px;
	color: #333;
	line-height: 18px
  }
  
  .fixed-contain li .tips {
	display: none;
	position: absolute;
	top: 50%;
	right: 80px;
	margin-top: -17px;
	background: #118ad7;
	width: 185px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	border-radius: 3px
  }
  
  .fixed-contain li .weixin {
	background: #FFF;
	margin-top: -75px;
	width: 130px;
	height: 130px;
	padding: 10px;
	-webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .06), 0 15px 40px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .06), 0 15px 40px 0 rgba(0, 0, 0, .12);
  }
  
  .fixed-contain li .weixin img {
	width: 100%
  }
  
  .fixed-contain li:hover .weixin,
  .fixed-contain li:hover .tips {
	display: block;
	-webkit-animation: tipsShow .25s ease-in 1 forwards;
	-moz-animation: tipsShow .25s ease-in 1 forwards;
	-o-animation: tipsShow .25s ease-in 1 forwards;
	-ms-animation: tipsShow .25s ease-in 1 forwards;
	animation: tipsShow .25s ease-in 1 forwards
  }
  
  @-moz-keyframes tipsShow {
	0% {
	  opacity: .2;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	  filter: alpha(opacity=20);
	  right: 70px
	}
  
	to {
	  opacity: 1;
	  -ms-filter: none;
	  filter: none;
	  right: 80px
	}
  }
  
  @-webkit-keyframes tipsShow {
	0% {
	  opacity: .2;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	  filter: alpha(opacity=20);
	  right: 70px
	}
  
	to {
	  opacity: 1;
	  -ms-filter: none;
	  filter: none;
	  right: 80px
	}
  }
  
  @-o-keyframes tipsShow {
	0% {
	  opacity: .2;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	  filter: alpha(opacity=20);
	  right: 70px
	}
  
	to {
	  opacity: 1;
	  -ms-filter: none;
	  filter: none;
	  right: 80px
	}
  }
  
  @keyframes tipsShow {
	0% {
	  opacity: .2;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	  filter: alpha(opacity=20);
	  right: 70px
	}
  
	to {
	  opacity: 1;
	  -ms-filter: none;
	  filter: none;
	  right: 80px
	}
  }