@charset "utf-8";
/* CSS reset */
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;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 0;
}
p {
  word-wrap: break-word;
}

/*公共*/
.clr {
  zoom: 1;
} /*不用添加多余标签清除浮动*/
.clr:after {
  display: block;
  content: "\0020";
  height: 0;
  clear: both;
  visibility: hidden;
}
.none {
  display: none;
}
.w {
  width: 100%;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.tc {
  text-align: center;
}
.fb {
  font-weight: bold;
}

.ellipsis {
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏超出范围的内容 */
  text-overflow: ellipsis; /* 使用省略号 */
  /* padding-left: 15px; */
}
.ellipsis2 {
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏超出范围的内容 */
  text-overflow: ellipsis; /* 使用省略号 */
  padding-left: 15px;
}
.tl {
  text-align: left;
}
.vm {
  vertical-align: middle;
}
.w30 {
  width: 30px;
}
.h30 {
  height: 30px;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mr5 {
  margin-right: 5px;
}
.ml30 {
  margin-left: 30px;
}
.mb30 {
  margin-bottom: 30px;
}

body,
html {
  background-color: #f8f8f8;
  min-height: 100%;
}

.pc-container {
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
  position: relative;
  font-size: 14px;
  color: #333;
  font-family: "微软雅黑", Arial, Helvetica, sans-serif;
  zoom: 1;
}
.pc-container a {
  text-decoration: none;
  outline: none;
  color: #333;
}

/*pc头部公共*/
.pc-header {
  width: 100%;
  height: 88px;
  background: #ffffff;
}
.pc-header .headerBox {
  width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pc-header .logo {
  /* float: left; */
  /* margin-top: 24px; */
}
.pc-header .logo img {
  height: 54px;
  vertical-align: top;
}
.pc-header .area {
  float: left;
  font-size: 18px;
  margin-left: 20px;
  margin-top: 36px;
  line-height: 18px;
}
.pc-header .search {
  width: 402px;
  /* float: left; */
  /* margin-left: 240px; */
  /* margin-top: 20px; */
}
.pc-header .searchBox {
  width: 100%;
  height: 34px;
  border: solid 1px #c81f1f;
  border-radius: 24px;
  box-sizing: border-box;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}

.pc-header .search input.btn {
  width: 80px;
  height: 100%;
  float: left;
  background: #c81f1f;
  position: absolute;
  font-size: 15px;
  color: #fff;
  text-align: center;
  border: none;
  border-radius: 0 24px 24px 0;
}
.pc-header .search input.text {
  width: 320px;
  height: 100%;
  float: left;
  padding: 0 5px 0 36px;
  box-sizing: border-box;
  font-size: 16px;
  color: #464646;
  line-height: 42px;
  background: url(../img/search2.png) no-repeat;
  background-size: 20px;
  background-position: 8px center;
  border: none;
  outline: none;
}
.pc-header .search ::placeholder {
  color: #c5c5c5;
}
.pc-header .searchHot {
  width: 100%;
  margin-top: 6px;
  font-size: 12px;
}
.pc-header .searchHot li {
  float: left;
  margin-right: 15px;
}
.pc-header .searchHot li:first-child {
  margin-right: 0;
}
.pc-header .searchHot li a:hover {
  color: #c81f1f;
}
.pc-header .phone {
  /* float: right; */
  text-align: right;
  font-size: 20px;
  /* margin-top: 15px; */
  font-weight: bold;
}
.pc-header .phone .phoneInfo {
  font-size: 30px;
}
.pc-header .phone .phoneInfo img {
  width: 25px;
  height: 22px;
  margin-right: 8px;
}
.pc-nav {
  width: 100%;
  height: 44px;
  background: #c81f1f;
}
.xiding{
  width: 100%;
}
.xiding.pc-navFix {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.xiding .pc-header.pc-navFix {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.pc-nav.pc-navFix {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.pc-nav.pc-navFix ~ .pc-index-banner {
  margin-top: 44px;
}
.pc-nav ul {
  width: 1200px;
  margin: 0 auto;
}
.pc-nav ul li {
  float: left;
  height: 44px;
  font-size: 17px;
  line-height: 44px;
  margin-right: 26px;
  box-sizing: border-box;
}
.pc-nav ul li:last-child {
  margin-right: 0;
}
.pc-nav ul li a {
  color: #fff;
  display: inline-block;
}
.pc-nav ul li.on {
  border-bottom: solid 2px #fff;
}

.pc-footer {
  width: 100%;
  background: #fff;
  padding-top: 60px;
}
.pc-footer .footerBox {
  width: 1200px;
  margin: 0 auto;
  padding: 0 0 20px 0;
  box-sizing: border-box;
}
.pc-footer .footerBox .footerBox-left {
  width: 460px;
  float: left;
}
.pc-footer .footerBox .footerBox-left .footerLogo img {
  width: 363px;
  height: 25px;
  vertical-align: top;
}
.pc-footer .footerBox .footerBox-left .link {
  width: 100%;
  margin-top: 30px;
}
.pc-footer .footerBox .footerBox-left .link li {
  float: left;
  margin-right: 15px;
  font-size: 14px;
}
.pc-footer .footerBox .footerBox-left .link li a {
  color: #c81f1f;
  text-decoration: underline;
}
.pc-footer .footerBox .footerBox-left .phone {
  width: 100%;
  margin-top: 35px;
  font-size: 20px;
}
.pc-footer .footerBox .footerBox-left .phone .phoneInfo {
  font-size: 24px;
  margin-top: 5px;
}
.pc-footer .footerBox .footerBox-left .phone .phoneInfo img {
  width: 21px;
  height: 21px;
  margin-right: 8px;
}
.pc-footer .footerBox .footerBox-right {
  float: right;
  text-align: right;
}
.pc-footer .footerBox .footerBox-right .friend {
  font-size: 14px;
  margin-top: 10px;
}
.pc-footer .footerBox .footerBox-right .friend a {
  margin-right: 20px;
}
.pc-footer .footerBox .footerBox-right .ewmList {
  margin-top: 25px;
}
.pc-footer .footerBox .footerBox-right .ewmList li {
  width: 86px;
  float: left;
  margin-left: 25px;
  /* margin-right: 20px; */
  text-align: center;
}
.pc-footer .footerBox .footerBox-right .ewmList li img {
  width: 100%;
  vertical-align: top;
}
.pc-footer .footerBox .footerBox-right .ewmList li p {
  font-size: 12px;
  margin-top: 10px;
}
.pc-footer .footerBottom {
  width: 100%;
  margin-top: 35px;
  text-align: center;
  font-size: 16px;
  padding-bottom: 20px;
  font-size: 18px;
  color: #666666;
}
.pc-footer .footerWebInfo {
  width: 100%;
  text-align: center;
  border-top: solid 1px #dfdfdf;
  padding: 40px 0;
  box-sizing: border-box;
  color: #999;
}
.pc-footer .footerWebInfo a {
  color: #999;
}

.pc-content {
  width: 1200px;
  margin: 0 auto;
}
.pc-crumbs {
  width: 100%;
  padding: 18px 0;
  color: #666;
  font-size: 14px;
}
.pc-crumbs a {
  color: #666;
}
.pc-crumbs span:last-child {
  color: #c81f1f;
}
.pc-classify {
  width: 100%;
  padding: 20px 0 30px 0;
  box-sizing: border-box;
  border-top: solid 1px #d2d2d2;
}
.pc-classify .title {
  height: 14px;
  font-size: 14px;
  float: left;
  padding-right: 10px;
  margin-right: 10px;
  border-right: solid 1px #666;
  line-height: 14px;
}
.pc-classify .list {
  float: left;
  line-height: 14px;
}
.pc-classify .list li {
  float: left;
  color: #333;
  margin-right: 15px;
}
.pc-classify .list li.on a {
  color: #c81f1f;
  text-decoration: underline;
}

/*pc首页*/
.pc-index-banner {
  width: 100%;
  height: 460px;
  overflow: hidden;
  position: relative;
}
.pc-index-banner img {
  height: 100%;
  vertical-align: top;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
}
/*国际学校*/
.pc-content-main {
  width: 100%;
}
.pc-content-main img {
  max-width: 100%;
}
.pc-school-left {
  width: 840px;
  float: left;
  background: #fff;
  padding-bottom: 30px;
}
.pc-school-left .list {
  width: 100%;
  padding-bottom: 30px;
}
.pc-school-left .list li {
  width: 240px;
  height: 302px;
  background: #ffffff;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.17);
  border-radius: 18px;
  float: left;
  margin-left: 30px;
  margin-top: 30px;
  position: relative;
}
.pc-school-left .list li h3 {
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  margin: 18px 0;
}
.pc-school-left .list li .img {
  width: 210px;
  height: 115px;
  margin: 0 auto;
  padding-bottom: 18px;
  border-radius: 12px;
  overflow: hidden;
}
.pc-school-left .list li .img img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.pc-school-left .list li .text {
  width: 100%;
  height: 52px;
  background: #ffffff;
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.17);
  padding-top: 10px;
  font-size: 13px;
}
.pc-school-left .list li .text .tip {
  width: 86px;
  height: 22px;
  line-height: 22px;
  color: #c81f1f;
  text-align: center;
  float: left;
  margin-left: 3px;
}
.pc-school-left .list li .text p {
  float: left;
  line-height: 22px;
}
.pc-school-left .list li .btn {
  width: 100%;
  padding-top: 10px;
  text-align: center;
}
.pc-school-left .list li .btn a {
  width: 140px;
  height: 30px;
  background: #c81f1f;
  border-radius: 15px;
  display: inline-block;
  color: #fff;
  line-height: 30px;
  font-size: 13px;
}
.pc-school-left .list li .top {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}
.pc-school-left .list li .top img {
  width: 100%;
  height: 100%;
}

/*专题讲座*/
.pc-special-left {
  width: 840px;
  float: left;
  padding-bottom: 30px;
}
.pc-special-left .list {
  width: 100%;
  padding-bottom: 30px;
}
.pc-special-left .list li {
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  background: #fff;
  margin-bottom: 30px;
}
.pc-special-left .list li .img {
  width: 130px;
  float: left;
}
.pc-special-left .list li .img img {
  width: 100%;
  vertical-align: top;
}
.pc-special-left .list li .text {
  float: left;
  width: 475px;
  margin-left: 20px;
}
.pc-special-left .list li .text h3 {
  width: 100%;
  font-size: 22px;
  font-weight: bold;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pc-special-left .list li .text h3 a:hover {
  color: #c81f1f;
}
.pc-special-left .list li .text h4 {
  width: 100%;
  font-size: 14px;
  margin-top: 15px;
}
.pc-special-left .list li .text p {
  width: 100%;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  color: #666;
  margin-top: 15px;
}
.pc-special-left .list li .btn {
  float: right;
  margin-top: 40px;
}
.pc-special-left .list li .btn a {
  width: 100px;
  height: 30px;
  display: inline-block;
  color: #c81f1f;
  border: solid 1px #c81f1f;
  border-radius: 30px;
  line-height: 30px;
  text-align: center;
  line-height: 30px;
}
.pc-special-left .list li .btn a.gray {
  border-color: #666;
  color: #666;
}
.pc-special-left .list li .btn a:hover {
  background: #c81f1f;
  color: #fff;
  border-color: #c81f1f;
}
.pc-special-left .videoBox {
  width: 100%;
  height: 474px;
}
.pc-special-left .videoBox img {
  width: 100%;
  height: 100%;
}
.pc-special-left .videoText {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}
.pc-special-left .videoText h3 {
  font-size: 22px;
  font-weight: bold;
}
.pc-special-left .videoText .other {
  width: 100%;
  border-top: solid 1px #999;
  margin-top: 50px;
  padding-top: 30px;
}
.pc-special-left .videoText .other span {
  color: #666;
}
.pc-special-left .videoText .other a {
  color: #c81f1f;
}

/*资讯热点*/
.pc-news-left {
  width: 840px;
  float: left;
  padding-bottom: 30px;
}
.pc-news-left .list {
  width: 100%;
  padding-bottom: 30px;
}
.pc-news-left .list li {
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  background: #fff;
  margin-bottom: 30px;
}
.pc-news-left .list li .title {
  width: 100%;
}
.pc-news-left .list li .title h3 {
  width: 600px;
  line-height: 22px;
  float: left;
  font-size: 22px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pc-news-left .list li .title h3 a:hover {
  color: #c81f1f;
}
.pc-news-left .list li .title .times {
  float: right;
  font-size: 12px;
  color: #666;
  line-height: 22px;
}
.pc-news-left .list li p {
  width: 100%;
  margin-top: 20px;
  line-height: 20px;
  color: #333;
  font-size: 14px;
}
.pc-news-left .list li .btn {
  width: 100%;
  margin-top: 15px;
}
.pc-news-left .list li .btn a {
  width: 64px;
  height: 23px;
  border-radius: 4px;
  border: 1px solid #c81f1f;
  display: inline-block;
  text-align: center;
  line-height: 23px;
  font-size: 12px;
  color: #c81f1f;
  margin-right: 20px;
}
.pc-news-left .list li .btn a:hover {
  background: #c81f1f;
  color: #fff;
}
.pc-news-left .newsBox {
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  background: #fff;
}
.pc-news-left .newsBox > h3 {
  font-size: 22px;
  font-weight: bold;
}
.pc-news-left .newsBox > .info {
  color: #666;
  margin-top: 15px;
}
.pc-news-left .newsBox > .text {
  font-size: 15px;
  line-height: 160%;
  margin-top: 20px;
}
.pc-news-left .newsBox > .text p {
  margin: 20px 0;
}
.pc-news-left .newsBox > .text img {
  max-width: 100%;
  vertical-align: middle;
}
.pc-news-left .newsBox .other {
  width: 100%;
  border-top: solid 1px #999;
  margin-top: 50px;
  padding-top: 30px;
}
.pc-news-left .newsBox .other span {
  color: #666;
}
.pc-news-left .newsBox .other a {
  color: #c81f1f;
}

.pc-content-order {
  width: 100%;
  height: 140px;
  background: url(../img/contentTable-bg.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
.pc-content-order h3 {
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: 36px;
  text-align: center;
  font-weight: bold;
  color: #c81f1f;
  overflow: hidden;
}
.pc-content-order .inline-block {
  display: inline-block;
  vertical-align: middle;
}
.pc-content-order .inline-block .inputText {
  width: 200px;
  background: #fff;
  height: 40px;
  padding: 0 10px;
  box-sizing: border-box;
  border: none;
  border-radius: 8px;
  outline: none;
}
.pc-content-order .inline-block .btn {
  width: 138px;
  height: 40px;
  background: linear-gradient(0deg, #ffffff, #fbdd97);
  border-radius: 20px;
  font-size: 16px;
  color: #c81f1f;
  text-align: center;
  border: none;
}

/*国际内容*/
.pc-int-left {
  width: 840px;
  float: left;
  padding-bottom: 30px;
  background: #fff;
  padding-top: 30px;
}

.pc-int-left ul.intList {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0 20px;
}
.pc-int-left ul.intList li  {
  width: 253px;
  height: 134px;
}
.pc-int-left ul.intList li .content {
  display: flex;
  flex-wrap: wrap;
  
  background-size: 100% 100%;
  width: 253px;
  height: 134px;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pc-int-left ul.education li h3 {
  color: #c81f1f;
}
.pc-int-left ul.education li .btn a {
  color: #c81f1f;
  border-color: #c81f1f;
}
.pc-int-left ul.education li .btn a:hover {
  color: #fff;
  background: #c81f1f;
}
.pc-int-left ul.education li:nth-child(1) {
  background: url(../img/class1-img1.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.education li:nth-child(2) {
  background: url(../img/class1-img2.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.education li:nth-child(3) {
  background: url(../img/class1-img3.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.education li:nth-child(4) {
  background: url(../img/class1-img4.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.course li h3 {
  color: #4f89fe;
}
.pc-int-left ul.course li .btn a {
  color: #4f89fe;
  border-color: #4f89fe;
}
.pc-int-left ul.course li .btn a:hover {
  color: #fff;
  background: #4f89fe;
}
.pc-int-left ul.course li:nth-child(1) {
  background: url(../img/class2-img6.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.course li:nth-child(2) {
  background: url(../img/class2-img7.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.course li:nth-child(3) {
  background: url(../img/class2-img8.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.course li:nth-child(4) {
  background: url(../img/class2-img9.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.course li:nth-child(5) {
  background: url(../img/class2-img10.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.course li:nth-child(6) {
  background: url(../img/class2-img11.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.course li:nth-child(7) {
  background: url(../img/class2-img12.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.course li:nth-child(8) {
  background: url(../img/class2-img13.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.course li:nth-child(9) {
  background: url(../img/class2-img14.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.course li:nth-child(10) {
  background: url(../img/class2-img15.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.course li:nth-child(11) {
  background: url(../img/class2-img16.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.course li:nth-child(12) {
  background: url(../img/class2-img17.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.train li h3 {
  color: #7f7efd;
}
.pc-int-left ul.train li .btn a {
  color: #7f7efd;
  border-color: #7f7efd;
}
.pc-int-left ul.train li .btn a:hover {
  color: #fff;
  background: #7f7efd;
}
.pc-int-left ul.train li:nth-child(1) {
  background: url(../img/class3-img1.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.train li:nth-child(2) {
  background: url(../img/class3-img2.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.train li:nth-child(3) {
  background: url(../img/class3-img3.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.train li:nth-child(4) {
  background: url(../img/class3-img4.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.train li:nth-child(5) {
  background: url(../img/class3-img5.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.train li:nth-child(6) {
  background: url(../img/class3-img6.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.language li h3 {
  color: #ff8315;
}
.pc-int-left ul.language li .btn a {
  color: #ff8315;
  border-color: #ff8315;
}
.pc-int-left ul.language li .btn a:hover {
  color: #fff;
  background: #ff8315;
}
.pc-int-left ul.study li h3 {
  color: #69cfa2;
}
.pc-int-left ul.study li .btn a {
  color: #69cfa2;
  border-color: #69cfa2;
}
.pc-int-left ul.study li .btn a:hover {
  color: #fff;
  background: #69cfa2;
}
.pc-int-left ul.study li:nth-child(1) {
  background: url(../img/class5-img1.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.study li:nth-child(2) {
  background: url(../img/class5-img2.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.study li:nth-child(3) {
  background: url(../img/class5-img3.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.study li:nth-child(4) {
  background: url(../img/class5-img4.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.study li:nth-child(5) {
  background: url(../img/class5-img5.png) no-repeat;
  background-size: 100% 100%;
}
.pc-int-left ul.study li:nth-child(6) {
  background: url(../img/class5-img6.png) no-repeat;
  background-size: 100% 100%;
}

/*关于威学一百*/
.pc-about-left {
  width: 250px;
  float: left;
}
.pc-about-left.pc-about-leftFixed {
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -600px;
  z-index: 999;
}
.pc-about-left .menu {
  width: 100%;
}
.pc-about-left .menu li {
  width: 100%;
  height: 60px;
  padding-left: 24px;
  box-sizing: border-box;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
  position: relative;
}
.pc-about-left .menu li:before {
  content: "";
  width: 22px;
  height: 22px;
  display: inline-block;
  position: absolute;
  top: 19px;
  left: 64px;
}
.pc-about-left .menu li:nth-child(1):before {
  background: url(../img/about-menuIcon.png) no-repeat;
  background-position: left top;
}
.pc-about-left .menu li.on:nth-child(1):before {
  background: url(../img/about-menuIcon.png) no-repeat;
  background-position: left -22px;
}
.pc-about-left .menu li:nth-child(2):before {
  background: url(../img/about-menuIcon.png) no-repeat;
  background-position: -22px top;
}
.pc-about-left .menu li.on:nth-child(2):before {
  background: url(../img/about-menuIcon.png) no-repeat;
  background-position: -22px -22px;
}
.pc-about-left .menu li:nth-child(3):before {
  background: url(../img/about-menuIcon.png) no-repeat;
  background-position: -44px top;
}
.pc-about-left .menu li.on:nth-child(3):before {
  background: url(../img/about-menuIcon.png) no-repeat;
  background-position: -44px -22px;
}
.pc-about-left .menu li:nth-child(4):before {
  background: url(../img/about-menuIcon.png) no-repeat;
  background-position: -66px top;
}
.pc-about-left .menu li.on:nth-child(4):before {
  background: url(../img/about-menuIcon.png) no-repeat;
  background-position: -66px -22px;
}
.pc-about-left .menu li a {
  width: 100%;
  height: 100%;
  display: inline-block;
  color: #333;
}
.pc-about-left .menu li.on {
  background: #c81f1f;
}
.pc-about-left .menu li.on a {
  color: #fff;
}
.pc-about-main {
  width: 950px;
  float: right;
  padding: 30px;
  box-sizing: border-box;
  background: #fff;
}
.pc-about-main > .title {
  width: 100%;
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  border-bottom: solid 1px #e1e1e1;
  padding-bottom: 18px;
}
.pc-about-main .founder {
  width: 100%;
}
.pc-about-main .founder li {
  width: 436px;
  height: 182px;
  float: left;
  margin-top: 47px;
  box-sizing: border-box;
  border: solid 1px #c81f1f;
  border-radius: 12px;
}
.pc-about-main .founder li:nth-child(2n) {
  float: right;
}
.pc-about-main .founder li .img {
  width: 142px;
  float: left;
  margin-left: 15px;
  margin-top: -17px;
}
.pc-about-main .founder li .img img {
  width: 100%;
  vertical-align: top;
}
.pc-about-main .founder li .text {
  width: 250px;
  float: left;
  margin-left: 15px;
  padding-top: 20px;
}
.pc-about-main .founder li .text h3,
.pc-about-main .founder li .text h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}
.pc-about-main .founder li .text p {
  font-size: 12px;
  color: #666;
  padding-top: 3px;
}
.pc-about-main .introduce {
  width: 100%;
  padding-top: 10px;
}
.pc-about-main .introduce li {
  width: 208px;
  height: 130px;
  float: left;
  margin-top: 20px;
  margin-left: 19px;
  border-radius: 10px;
  padding: 20px 9px 9px 20px;
  box-sizing: border-box;
  background: linear-gradient(90deg, #e60013, #ec000e);
  position: relative;
}
.pc-about-main .introduce li:nth-child(4n + 1) {
  margin-left: 0;
}
.pc-about-main .introduce li h3 {
  font-size: 24px;
  color: #fff;
  line-height: 24px;
}
.pc-about-main .introduce li p {
  width: 110px;
  font-size: 12px;
  color: #fff;
  margin-top: 12px;
}
.pc-about-main .introduce li .icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 2px solid #ca0010;
  position: absolute;
  right: 9px;
  bottom: 9px;
  text-align: center;
}
.pc-about-main .introduce li .icon img {
  max-width: 100%;
  vertical-align: top;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
}
.pc-about-main .introduce li:nth-child(2) {
  background: linear-gradient(-90deg, #ee5b27 0%, #f45920 100%);
}
.pc-about-main .introduce li:nth-child(2) .icon {
  border-color: #dd3a00;
}
.pc-about-main .introduce li:nth-child(3) {
  background: linear-gradient(-90deg, #94c52e 0%, #94c72e 100%);
}
.pc-about-main .introduce li:nth-child(3) .icon {
  border-color: #75af00;
}
.pc-about-main .introduce li:nth-child(4) {
  background: linear-gradient(-90deg, #5bbd94 0%, #5bbd94 100%);
}
.pc-about-main .introduce li:nth-child(4) .icon {
  border-color: #2ab37a;
}
.pc-about-main .introduce li:nth-child(5) {
  background: linear-gradient(-90deg, #e74344 0%, #e84442 100%);
}
.pc-about-main .introduce li:nth-child(5) .icon {
  border-color: #d83d3d;
}
.pc-about-main .introduce li:nth-child(6) {
  background: linear-gradient(-90deg, #fffbf9 0%, #ec952c 0%, #ef942b 100%);
}
.pc-about-main .introduce li:nth-child(6) .icon {
  border-color: #d07100;
}
.pc-about-main .introduce li:nth-child(7) {
  background: linear-gradient(-90deg, #167bbf 0%, #167bbf 99%);
}
.pc-about-main .introduce li:nth-child(7) .icon {
  border-color: #006cb4;
}
.pc-about-main .introduce li:nth-child(8) {
  background: linear-gradient(-90deg, #ea7168 0%, #eb7166 100%);
}
.pc-about-main .introduce li:nth-child(8) .icon {
  border-color: #e85e54;
}
.pc-about-main .introduce li:nth-child(9) {
  background: linear-gradient(-90deg, #c183b6 0%, #c183b6 100%);
}
.pc-about-main .introduce li:nth-child(9) .icon {
  border-color: #ad66a3;
}
.pc-about-main .introduce li:nth-child(10) {
  background: linear-gradient(-90deg, #32abe4 0%, #31ace5 100%);
}
.pc-about-main .introduce li:nth-child(10) .icon {
  border-color: #0896d8;
}
.pc-about-main .advantage {
  width: 100%;
  padding-bottom: 20px;
}
.pc-about-main .advantage li {
  width: 100%;
  margin-top: 30px;
  padding-left: 38px;
  box-sizing: border-box;
  position: relative;
}
.pc-about-main .advantage li .num {
  width: 28px;
  height: 28px;
  background: linear-gradient(208deg, #e60012, #ff494a);
  color: #fff;
  font-size: 24px;
  text-align: center;
  line-height: 28px;
  position: absolute;
  left: 0;
  top: 0;
}
.pc-about-main .advantage li h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
}
.pc-about-main .advantage li p {
  font-size: 14px;
  color: #666;
  margin-top: 3px;
}
.pc-about-main .newsList {
  width: 100%;
  padding-bottom: 30px;
}
.pc-about-main .newsList li {
  width: 276px;
  height: 220px;
  margin-top: 30px;
  margin-left: 30px;
  float: left;
  background: #ffffff;
  box-shadow: 0px 1px 8px 0px rgba(200, 31, 31, 0.09);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 10px;
}
.pc-about-main .newsList li:nth-child(3n + 1) {
  margin-left: 0;
}
.pc-about-main .newsList li .img {
  width: 100%;
  height: 144px;
  overflow: hidden;
  border-radius: 12px;
  background: #ede1d1;
  position: relative;
}
.pc-about-main .newsList li .img img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.pc-about-main .newsList li .img i {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
  opacity: 0.6;
}
.pc-about-main .newsList li .img a {
  width: 100%;
  height: 100%;
  display: block;
}
.pc-about-main .newsList li h3 {
  width: 100%;
  font-size: 14px;
  color: #333;
  margin-top: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pc-about-main .newsList li h3 a:hover {
  color: #c81f1f;
}
.pc-about-main .newsList li p {
  color: #666;
  font-size: 12px;
  margin-top: 8px;
}
.pc-about-main .honourList {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
}
.pc-about-main .honourList li {
  width: 275px;
  float: left;
  margin-top: 10px;
  margin-left: 30px;
}
.pc-about-main .honourList li:nth-child(3n + 1) {
  margin-left: 0;
}
.pc-about-main .honourList li .img {
  width: 100%;
  height: 200px;
}
.pc-about-main .honourList li .img img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.pc-about-main .honourList li h3 {
  width: 100%;
  height: 36px;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  line-height: 18px;
  margin-top: 10px;
  font-weight: 500;
}
.pc-about-courseMain {
  width: 950px;
  float: right;
  padding: 30px 0;
  box-sizing: border-box;
  background: none;
}
.pc-about-courseMain > .title {
  width: 890px;
  margin: 0 auto;
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  border-bottom: solid 1px #e1e1e1;
  padding-bottom: 18px;
}
.pc-about-courseMain .courseList {
  width: 100%;
  margin-top: 10px;
  position: relative;
}
.pc-about-courseMain .courseList li {
  width: 100%;
  padding: 30px 0;
  box-sizing: border-box;
  position: relative;
}
.pc-about-courseMain .courseList li:nth-child(9) {
  padding: 15px 0 0 0;
}
.pc-about-courseMain .courseList li .text {
  width: 395px;
  float: left;
  margin-left: 46px;
  position: relative;
}
.pc-about-courseMain .courseList li .text h3 {
  font-size: 24px;
  color: #c81f1f;
}
.pc-about-courseMain .courseList li .text p {
  font-size: 14px;
  color: #333;
  margin-top: 10px;
  line-height: 160%;
}
.pc-about-courseMain .courseList li .img {
  width: 336px;
  float: right;
  margin-right: 76px;
  text-align: center;
}
.pc-about-courseMain .courseList li .img img {
  max-width: 100%;
  vertical-align: middle;
}
.pc-about-courseMain .courseList li:nth-child(2n) {
  background: #fff;
}
.pc-about-courseMain .courseList li:nth-child(2n) .text {
  width: 396px;
  float: right;
  margin-right: 12px;
}
.pc-about-courseMain .courseList li:nth-child(2n) .img {
  width: 336px;
  float: left;
  margin-left: 52px;
  text-align: center;
}
.pc-about-courseMain .courseList:before {
  content: "";
  width: 1px;
  height: 2350px;
  display: block;
  background: #c81f1f;
  position: absolute;
  left: 50%;
  top: 30px;
  z-index: 9;
}
.pc-about-courseMain .courseList:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-left: 6px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #c81f1f;
  border-top: 0;
  position: absolute;
  left: 50%;
  top: 20px;
  margin-left: -5px;
}
.pc-about-courseMain .courseList li:before {
  content: "";
  width: 17px;
  height: 17px;
  display: block;
  background: url(../img/about-courseY.png) no-repeat;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  margin-left: -8px;
}

/*公共侧边栏*/
.pc-floatingBar {
  width: 84px;
  background: #ffffff;
  box-shadow: 0px 1px 10px 0px rgba(225, 38, 46, 0.06);
  border-radius: 8px 0px 0px 8px;
  position: fixed;
  left: 0;
  bottom: 50%;
  margin-bottom: -160px;
  z-index: 999;
}
.pc-floatingBar .btn {
  width: 84px;
  height: 84px;
  position: relative;
  padding-top: 55px;
  box-sizing: border-box;
  color: #c81f1f;
}
.pc-floatingBar .btn:hover {
  background: #c81f1f;
  color: #fff;
}
.pc-floatingBar .btn:before {
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 27px;
}
.pc-floatingBar .btn:after {
  content: "";
  width: 70px;
  height: 1px;
  background: #d5d5d5;
  display: block;
  position: absolute;
  bottom: -1px;
  left: 7px;
}
.pc-floatingBar .btn:last-child:after {
  display: none;
}
.pc-floatingBar .btn h3 {
  font-size: 12px;
  text-align: center;
}
.pc-floatingBar .zxkf {
  border-radius: 8px 0 0 0;
}
.pc-floatingBar .top {
  border-radius: 0 0 0 8px;
}
.pc-floatingBar .zxkf:before {
  background: url(../img/sidebar-icon.png) no-repeat;
  background-position: left top;
}
.pc-floatingBar .zxkf:hover:before {
  background-position: left -30px;
}
.pc-floatingBar .dhkf:before {
  background: url(../img/sidebar-icon.png) no-repeat;
  background-position: -30px top;
}
.pc-floatingBar .dhkf:hover:before {
  background-position: -30px -30px;
}
.pc-floatingBar .mflq:before {
  background: url(../img/sidebar-icon.png) no-repeat;
  background-position: -60px top;
}
.pc-floatingBar .mflq:hover:before {
  background-position: -60px -30px;
}
.pc-floatingBar .top:before {
  background: url(../img/sidebar-icon.png) no-repeat;
  background-position: -90px top;
}
.pc-floatingBar .top:hover:before {
  background-position: -90px -30px;
}
.pc-floatingBar .top {
  cursor: pointer;
}
.pc-floatingBar .btn .showBox {
  width: 230px;
  background: #ffffff;
  box-shadow: 0px 1px 10px 0px rgba(225, 38, 46, 0.06);
  border-radius: 8px;
  position: absolute;
  left: 84px;
  top: 0;
  z-index: 999;
  display: none;
}
.pc-floatingBar .btn .showBox:before {
  content: "";
  width: 10px;
  height: 84px;
  display: block;
  position: absolute;
  top: 0;
  right: 100px;
  z-index: 999;
}
.pc-floatingBar .btn .showBox .line {
  width: 100%;
  padding: 8px 18px 8px 18px;
  box-sizing: border-box;
}
.pc-floatingBar .btn .showBox .line li {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: solid 1px #dedede;
}
.pc-floatingBar .btn .showBox .line li:first-child {
  border: none;
}
.pc-floatingBar .btn .showBox .line li h4 {
  color: #333;
  font-size: 14px;
}
.pc-floatingBar .btn .showBox .line li .text {
  color: #666;
  font-size: 12px;
  margin-top: 8px;
  position: relative;
}
.pc-floatingBar .btn .showBox .line li .text:hover {
  background: #fff7f7;
}
.pc-floatingBar .btn .showBox .line li .text:after {
  content: ">";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 2px;
  color: #666;
}
.pc-floatingBar .btn .showBox .line li .text a {
  width: 100%;
  height: 100%;
  display: inline-block;
  color: #666;
}
.pc-floatingBar .btn .showBox .line li .text:hover a {
  color: #c81f1f;
}
.pc-floatingBar .btn .showBox .phone {
  width: 100%;
  /* padding: 16px 0 16px 25px; */
  padding: 16px 25px;
  box-sizing: border-box;
}
.pc-floatingBar .btn .showBox .phone h4 {
  font-size: 12px;
  color: #999;
}
.pc-floatingBar .btn .showBox .phone p {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  font-family: initial;
}
.pc-floatingBar .btn .showBox .course {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.pc-floatingBar .btn .showBox .course h4 {
  font-size: 22px;
  font-weight: bold;
  color: #333;
  line-height: 22px;
  text-align: center;
}
.pc-floatingBar .btn .showBox .course h5 {
  font-size: 16px;
  font-weight: bold;
  color: #666;
  line-height: 16px;
  text-align: center;
  margin-top: 5px;
}
.pc-floatingBar .btn .showBox .course .inputBox span {
  font-size: 14px;
  color: #333;
  vertical-align: middle;
  margin-right: 6px;
}
.pc-floatingBar .btn .showBox .course .inputBox span i {
  color: #c81f1f;
}
.pc-floatingBar .btn .showBox .course .inputBox .inputText {
  width: 140px;
  height: 30px;
  border-radius: 8px;
  border: solid 1px #999;
  padding: 0 8px;
  box-sizing: border-box;
  vertical-align: middle;
}
.pc-floatingBar .btn .showBox .course .inputBox .btnSub {
  width: 100%;
  height: 30px;
  background: #c81f1f;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  border-radius: 15px;
  border: none;
  outline: none;
  display: block;
  margin-top: 15px;
}
.pc-floatingBar .btn:hover .showBox {
  display: block;
}

/*底部栏目*/
.pc-bottom {
  width: 100%;
  height: 90px;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
}
.pc-bottomBox {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.pc-bottomBox .img {
  width: 411px;
  float: left;
}
.pc-bottomBox .img img {
  margin-top: -70px;
  vertical-align: top;
}
.pc-bottomBox .text {
  float: left;
  margin-left: 15px;
  padding-top: 16px;
}
.pc-bottomBox .text h3 {
  font-weight: bold;
  line-height: 36px;
  font-size: 36px;
  color: #c81f1f;
  text-stroke: 1px #ffffff;
  -webkit-text-stroke: 1px #ffffff;
}
.pc-bottomBox .text h4 {
  font-size: 23px;
  color: #ffffff;
}
.pc-bottomBox .inputBox {
  width: 760px;
  float: left;
  padding-left: 25px;
  padding-top: 25px;
}
.pc-bottomBox .inputBox .inputText {
  float: left;
  margin-left: 20px;
  width: 180px;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  font-size: 16px;
  border: none;
  border-radius: 6px;
  padding: 0 10px 0 40px;
  box-sizing: border-box;
  outline: none;
}
.pc-bottomBox .inputBox .inputText.form_name {
  background-image: url(../img/bottom-icon1.png);
  background-repeat: no-repeat;
  background-position: 10px center;
}
.pc-bottomBox .inputBox .inputText.form_phone {
  background-image: url(../img/bottom-icon2.png);
  background-repeat: no-repeat;
  background-position: 10px center;
}
.pc-bottomBox .inputBox .inputText.form_school {
  background-image: url(../img/bottom-icon3.png);
  background-repeat: no-repeat;
  background-position: 10px center;
}
.pc-bottomBox .inputBox .inputSelect {
  position: relative;
}
.pc-bottomBox .inputBox .inputSelect .inputShow {
  border-radius: 6px;
}
.pc-bottomBox .inputBox .inputSelect:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: #666 transparent transparent transparent;
  position: absolute;
  right: 15px;
  top: 18px;
}
.pc-bottomBox .SelectBox {
  width: 180px;
  padding: 5px;
  box-sizing: border-box;
  background: #fff;
  position: absolute;
  bottom: 50px;
  left: 20px;
  z-index: 99;
  border-radius: 6px;
  display: none;
}
.pc-bottomBox .SelectBox a {
  width: 100%;
  margin-top: 5px;
  display: inline-block;
  color: #464646;
  box-sizing: border-box;
  text-align: center;
  font-size: 18px;
  line-height: 30px;
}
.pc-bottomBox .SelectBox a:hover {
  background: #c81f1f;
  color: #fff;
  border-radius: 6px;
}
.pc-bottomBox .inputBox .btn {
  width: 140px;
  height: 40px;
  border-radius: 20px;
  line-height: 40px;
  background: #c81f1f;
  display: inline-block;
  color: #fff;
  text-align: center;
  font-size: 18px;
  box-sizing: border-box;
  border: none;
  margin-left: 14px;
}
.pc-bottomBox .inputBox .btn:hover {
  background: #e42424;
}
.pc-bottomBox .close {
  position: absolute;
  top: -24px;
  right: 5px;
  z-index: 999;
  color: #666;
  font-size: 20px;
}

/*公共侧边栏*/
.pc-conSidebar {
  width: 330px;
  float: right;
}
.pc-conSidebar .news {
  width: 100%;
  background: #fff;
  padding: 30px;
  box-sizing: border-box;
}
.pc-conSidebar .news h3 {
  width: 100%;
  font-size: 18px;
  line-height: 18px;
  padding-bottom: 10px;
  border-bottom: solid 1px #e1e1e1;
}
.pc-conSidebar .news ul {
  width: 100%;
  padding-top: 10px;
}
.pc-conSidebar .news ul li {
  width: 100%;
  border-bottom: dotted 1px #d2d2d2;
  font-size: 12px;
  padding-left: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  box-sizing: border-box;
  position: relative;
}
.pc-conSidebar .news ul li:last-child {
  border-top: none;
}
.pc-conSidebar .news ul li:before {
  content: "";
  width: 4px;
  height: 4px;
  display: inline-block;
  background: #c81f1f;
  position: absolute;
  top: 6px;
  left: 0;
}
.pc-conSidebar .news ul li a {
  float: left;
  width: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pc-conSidebar .news ul li a:hover {
  color: #c81f1f;
}
.pc-conSidebar .news ul li span {
  float: right;
  width: 30%;
  text-align: right;
  color: #666;
}
.pc-conSidebar .school {
  width: 100%;
  background: #fff;
  padding: 30px;
  box-sizing: border-box;
}
.pc-conSidebar .school h3 {
  width: 100%;
  font-size: 18px;
  line-height: 18px;
  padding-bottom: 10px;
  border-bottom: solid 1px #e1e1e1;
}
.pc-conSidebar .school .img {
  margin-top: 20px;
}
.pc-conSidebar .school ul {
  width: 100%;
  padding-top: 5px;
}
.pc-conSidebar .school ul li {
  width: 50%;
  float: left;
  margin-top: 12px;
  padding-right: 8px;
  box-sizing: border-box;
}
.pc-conSidebar .school ul li span {
  float: left;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  background: #c2c2c2;
  color: #333;
  border-radius: 2px;
}
.pc-conSidebar .school ul li p {
  width: 110px;
  float: left;
  line-height: 16px;
  padding-left: 10px;
  box-sizing: border-box;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pc-conSidebar .school ul li p a:hover {
  color: #c81f1f;
}
.pc-conSidebar .school ul li:nth-child(1) span,
.pc-conSidebar .school ul li:nth-child(2) span,
.pc-conSidebar .school ul li:nth-child(3) span {
  background: #c81f1f;
  color: #fff;
}

/*分页*/
.pagingBox {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.paging {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
}
.paging li {
  display: inline;
  vertical-align: middle;
  margin: 0 6px;
}
.paging li.page a {
  border: 1px solid #c81f1f;
  cursor: pointer;
  height: 28px;
  width: 28px;
  line-height: 28px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  color: #464646;
}
.paging li.page a:hover {
  border: 1px solid #c81f1f;
  background-color: #fff;
  color: #c81f1f;
}
.paging li.page a.currentPage {
  border: 1px solid #c81f1f;
  color: #fff;
  background: #c81f1f;
}
.paging li.page a.currentPage:hover {
  background: #c81f1f;
}
.paging_but a {
  background: #c81f1f;
  display: inline-block;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  color: #fff;
}
.paging_but a:hover {
  background: #c81f1f;
}
.paging_off a {
  background: #ededed;
  color: #696969;
  cursor: default;
}
.paging_off a:hover {
  background: #ededed;
}
.paging_num a {
  color: #c81f1f;
}
.paging_input_but {
  background: #c81f1f;
  padding: 0 10px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  color: #fff;
  border: none;
  outline: none;
  cursor: pointer;
}
.paging_input_but:hover {
  background: #c81f1f;
}

/*手机端*/
.phone-container {
  width: 100%;
  min-height: 100%;
  max-width: 650px;
  min-width: 360px;
  padding-top: 44px;
  padding-bottom: 50px;
  margin: 0 auto;
  position: relative;
  font-size: 14px;
  color: #333;
  font-family: "微软雅黑", Arial, Helvetica, sans-serif;
  zoom: 1;
}

.phone-container a {
  text-decoration: none;
  outline: none;
  color: #333;
}
/*头部 公共*/
.pc-index-information {
  width: 1200px;
  margin: 60px auto 0 auto;
  display: flex;
  gap: 30px;
}
.pc-index-information .information-left {
  width: 830px;
  height: 300px;
}
.pc-index-information .information-left ul.information-left-top {
  display: flex;
  font-weight: 400;
  font-size: 22px;
  color: #333333;
  background-color: #ededed;
}
.pc-index-information .information-left ul.information-left-top li {
  width: 208px;
  line-height: 50px;
  text-align: center;
}

.pc-index-information .information-left ul.information-left-top li.on,
.pc-index-information .information-left ul.information-left-top li:hover {
  background-color: #c81f1f;
  color: #ffffff;
}
.pc-index-information .information-left .information-left-bottom {
  display: flex;
  gap: 38px;
  padding-top: 30px;
  padding-left: 46px;
  background: #ffffff;
  height: 250px;
  box-sizing: border-box;
  overflow: hidden;
  /* flex-direction: column; */
}

.pc-index-information .information-left .information-left-bottom ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #dddddd;
  display: block;
  position: absolute;
  top: 7px;
  left: 4px;
}

.pc-index-information .information-left .information-left-bottom ul li {
  position: relative;
  width: 356px;
  height: 34px;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  cursor: pointer;
  gap: 7px;
}

.pc-index-information .information-left .information-left-bottom ul li:hover {
  color: #c81f1f;
}
.pc-index-information .information-right {
  width: 340px;
  height: 50px;
  background: #c81f1f;
  line-height: 50px;
}
.pc-index-information .information-right .information-right-top {
  display: flex;
  justify-content: space-around;
  /* padding: 14px 30px; */
  color: #ffffff;
}
.pc-index-information .information-right .information-right-top div {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 22px;
}

.pc-index-information .information-right .information-right-top p {
  font-family: Microsoft YaHei;
  font-size: 14px;
}

.pc-index-information .information-right .information-right-bottom {
  background: #ffffff;
  height: 250px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 36px;
  align-items: center;
  justify-content: center;
}

.pc-index-information .information-right .information-right-bottom .item {
  width: 70px;
  height: 70px;
  background: #fff5f7;
  border-radius: 50%;
  position: relative;
}

.pc-index-information .information-right .information-right-bottom .item img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.pc-index-information .information-right .information-right-bottom .item div {
  position: absolute;
  top: 57px;
  left: 8px;
}

.pc-index-news {
  width: 1200px;
  height: 560px;
  margin: 60px auto 0 auto;
  background: #fff;
  padding: 30px;
  box-sizing: border-box;
}
.pc-index-news .title {
  width: 100%;
  height: 44px;
  border-bottom: solid 1px #e1e1e1;
}
.pc-index-news .title h2 {
  float: left;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
}
.pc-index-news .title .more {
  float: right;
  line-height: 24px;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.pc-index-news .title ul {
  float: right;
  font-size: 18px;
  line-height: 24px;
}
.pc-index-news .title ul li {
  float: left;
  margin-right: 20px;
}
.pc-index-news .title ul li a {
  display: inline-block;
  padding-bottom: 19px;
  color: #6e6e6e;
}
.pc-index-news .title ul li.on a {
  color: #c81f1f;
  border-bottom: solid 2px #c81f1f;
}

.pc-index-news .main {
  width: 100%;
  display: flex;
  margin-top: 20px;
  gap: 16px;
}

.pc-index-news .main .main-left {
  width: 120px;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  text-align: center;
  line-height: 36px;
}
.pc-index-news .main .main-left div {
  background: #f9f9f9;
  height: 36px;
  width: 120px;
  cursor: pointer;
}

.pc-index-news .main .main-left div.on {
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  background: #c81f1f;
}
.pc-index-news .main .main-right {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
  row-gap: 30px;
  column-gap: 18px;
}
.pc-index-news .main .main-right .main-right-item {
  box-shadow: 0px 1px 18px 0px rgba(81, 81, 81, 0.07);
  border-radius: 8px;
  padding: 10px;
  width: 186px;
  height: 201px;
  box-sizing: border-box;

}
.pc-index-news .main .main-right .main-right-item img {
  width: 166px;
  height: 110px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.pc-index-news .main .main-right .main-right-item .title4 {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 16px;
  color: #333333;
  text-align: center;
  cursor: pointer;
  margin-bottom: 6px;
}

.pc-index-news .main .main-right .main-right-item p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}

.pc-index-academic {
  width: 1200px;
  height: 435px;
  margin: 60px auto 0 auto;
  background: #fff;
  padding: 30px;
  box-sizing: border-box;
}
.pc-index-academic .title {
  width: 100%;
  height: 44px;
  border-bottom: solid 1px #e1e1e1;
}
.pc-index-academic .title h2 {
  float: left;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
}
.pc-index-academic .title .more {
  float: right;
  line-height: 24px;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.pc-index-academic .title ul {
  float: right;
  font-size: 18px;
  line-height: 24px;
}
.pc-index-academic .title ul li {
  float: left;
  margin-right: 20px;
}
.pc-index-academic .title ul li a {
  display: inline-block;
  padding-bottom: 19px;
  color: #6e6e6e;
}
.pc-index-academic .title ul li.on a {
  color: #c81f1f;
  border-bottom: solid 2px #c81f1f;
}
.pc-index-academic .main {
  display: flex;
  margin-top: 20px;
}
.pc-index-academic .main .main-left {
  width: 210px;
  margin-right: 30px;
}

.pc-index-academic .main .main-right {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.pc-index-academic .main .main-right .main-right-item {
  position: relative;
  width: 210px;
  height: 120px;
}

.pc-index-academic .main .main-right .main-right-item img {
  /* position: relative; */
  width: 100%;
  height: 100%;
}

.pc-index-academic .main .main-right .main-right-item:hover .title4 {
  color: #c81f1f;
}

.pc-index-academic .main .main-right .main-right-item .main-right-item-content {
  position: absolute;
  top: 26px;
  width: 100%;
  text-align: center;
}

.pc-index-academic
  .main
  .main-right
  .main-right-item
  .main-right-item-content
  div:nth-child(1) {
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
  font-family: Microsoft YaHei;
  text-shadow: 0px 1px 1px #920000;
}

.pc-index-academic
  .main
  .main-right
  .main-right-item
  .main-right-item-content
  div:nth-child(2) {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  margin-top: 14px;
}

.pc-index-academic .main .main-right .main-right-item .title4 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  text-align: center;
}

.pc-index-LanguageTraining {
  width: 1200px;
  height: 435px;
  margin: 60px auto 0 auto;
  background: #fff;
  padding: 30px;
  box-sizing: border-box;
}
.pc-index-LanguageTraining .title {
  width: 100%;
  height: 44px;
  border-bottom: solid 1px #e1e1e1;
}
.pc-index-LanguageTraining .title h2 {
  float: left;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
}
.pc-index-LanguageTraining .title .more {
  float: right;
  line-height: 24px;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.pc-index-LanguageTraining .title ul {
  float: right;
  font-size: 18px;
  line-height: 24px;
}
.pc-index-LanguageTraining .title ul li {
  float: left;
  margin-right: 20px;
}
.pc-index-LanguageTraining .title ul li a {
  display: inline-block;
  padding-bottom: 19px;
  color: #6e6e6e;
}
.pc-index-LanguageTraining .title ul li.on a {
  color: #6662fb;
  border-bottom: solid 2px #6662fb;
}

.pc-index-LanguageTraining .main {
  display: flex;
  margin-top: 20px;
}
.pc-index-LanguageTraining .main .main-left {
  width: 210px;
  margin-right: 30px;
}
.pc-index-LanguageTraining .main .main-middle {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.pc-index-LanguageTraining .main .main-middle .main-middle-item {
  position: relative;
  width: 210px;
  height: 120px;
}
.pc-index-LanguageTraining .main .main-middle .main-middle-item img {
  position: relative;
  width: 100%;
  height: 100%;
}

.pc-index-LanguageTraining .main .main-middle .main-middle-item:hover .title4 {
  color: #6662fb;
}

.pc-index-LanguageTraining .main .main-right .main-right-item:hover a {
  color: #6662fb;
}

.pc-index-LanguageTraining
  .main
  .main-middle
  .main-middle-item
  .main-middle-item-content {
  position: absolute;
  top: 26px;
  width: 100%;
  text-align: center;
}

.pc-index-LanguageTraining
  .main
  .main-middle
  .main-middle-item
  .main-middle-item-content
  div:nth-child(1) {
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
  font-family: Microsoft YaHei;
  text-shadow: 0px 1px 1px #920000;
}

.pc-index-LanguageTraining
  .main
  .main-middle
  .main-middle-item
  .main-middle-item-content
  div:nth-child(2) {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  margin-top: 14px;
}

.pc-index-LanguageTraining .main .main-middle .main-middle-item .title4 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  text-align: center;
}

.pc-index-LanguageTraining .main .main-right {
  width: 210px;
}
.pc-index-LanguageTraining .main .main-right .main-right-item {
  position: relative;
  height: 33px;
}

.pc-index-LanguageTraining .main .main-right .main-right-item::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #dddddd;
  display: block;
  position: absolute;
  top: 7px;
  left: 4px;
}
.pc-index-LanguageTraining .main .main-right .main-right-item:hover {
  color: #6662fb;
}

.pc-index-minorLanguages {
  width: 1200px;
  height: 435px;
  margin: 60px auto 0 auto;
  background: #fff;
  padding: 30px;
  box-sizing: border-box;
}
.pc-index-minorLanguages .title {
  width: 100%;
  height: 44px;
  border-bottom: solid 1px #e1e1e1;
}
.pc-index-minorLanguages .title h2 {
  float: left;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
}
.pc-index-minorLanguages .title .more {
  float: right;
  line-height: 24px;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.pc-index-minorLanguages .title ul {
  float: right;
  font-size: 18px;
  line-height: 24px;
}
.pc-index-minorLanguages .title ul li {
  float: left;
  margin-right: 20px;
}
.pc-index-minorLanguages .title ul li a {
  display: inline-block;
  padding-bottom: 19px;
  color: #6e6e6e;
}
.pc-index-minorLanguages .title ul li.on a {
  color: #3e6ef9;
  border-bottom: solid 2px #3e6ef9;
}
.pc-index-minorLanguages .main {
  display: flex;
  margin-top: 20px;
}
.pc-index-minorLanguages .main .main-left {
  width: 210px;
  margin-right: 30px;
}

.pc-index-minorLanguages .main .main-right {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.pc-index-minorLanguages .main .main-right .main-right-item {
  position: relative;
  width: 210px;
  height: 120px;
}
.pc-index-minorLanguages .main .main-right .main-right-item img {
  position: relative;
  width: 100%;
  height: 100%;
}

.pc-index-minorLanguages .main .main-right .main-right-item:hover .title4 {
  color: #3e6ef9;
}

.pc-index-minorLanguages
  .main
  .main-right
  .main-right-item
  .main-right-item-content {
  position: absolute;
  top: 26px;
  width: 100%;
  text-align: center;
}

.pc-index-minorLanguages
  .main
  .main-right
  .main-right-item
  .main-right-item-content
  div:nth-child(1) {
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
  font-family: Microsoft YaHei;
  text-shadow: 0px 1px 1px #920000;
}

.pc-index-minorLanguages
  .main
  .main-right
  .main-right-item
  .main-right-item-content
  div:nth-child(2) {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  margin-top: 14px;
}

.pc-index-minorLanguages .main .main-right .main-right-item .title4 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  text-align: center;
}

.pc-index-studyBbroad {
  width: 1200px;
  height: 435px;
  margin: 60px auto 0 auto;
  background: #fff;
  padding: 30px;
  box-sizing: border-box;
}
.pc-index-studyBbroad .title {
  width: 100%;
  height: 44px;
  border-bottom: solid 1px #e1e1e1;
}
.pc-index-studyBbroad .title h2 {
  float: left;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
}
.pc-index-studyBbroad .title .more {
  float: right;
  line-height: 24px;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.pc-index-studyBbroad .title ul {
  float: right;
  font-size: 18px;
  line-height: 24px;
}
.pc-index-studyBbroad .title ul li {
  float: left;
  margin-right: 20px;
}
.pc-index-studyBbroad .title ul li a {
  display: inline-block;
  padding-bottom: 19px;
  color: #6e6e6e;
}
.pc-index-studyBbroad .title ul li.on a {
  color: #fe6f03;
  border-bottom: solid 2px #fe6f03;
}
.pc-index-studyBbroad .main {
  display: flex;
  margin-top: 20px;
}
.pc-index-studyBbroad .main .main-left {
  width: 120px;
  height: 300px;
  margin-right: 30px;
}
.pc-index-studyBbroad .main .main-left .main-left-item {
  width: 120px;
  height: 50px;
  background: #f9f9f9;
  color: #666666;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
}
.pc-index-studyBbroad .main .main-left .main-left-item.on {
  background: #fe6f03;
  color: #fff;
}
.pc-index-studyBbroad .main .main-middle {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
}

.pc-index-studyBbroad .main .main-middle .main-middle-item {
  position: relative;
  width: 233px;
  height: 135px;
}

.pc-index-studyBbroad .main .main-middle .main-middle-item:hover .title4 {
  color: #6662fb;
}
.pc-index-studyBbroad .main .main-right .main-right-item:hover a {
  color: #fe6f03;
}

.pc-index-studyBbroad
  .main
  .main-middle
  .main-middle-item
  .main-middle-item-content {
  position: absolute;
  top: 26px;
  width: 100%;
  text-align: center;
}

.pc-index-studyBbroad .main .main-content-right {
  display: flex;
}

.pc-index-studyBbroad
  .main
  .main-middle
  .main-middle-item
  .main-middle-item-content
  div:nth-child(1) {
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
  font-family: Microsoft YaHei;
  text-shadow: 0px 1px 1px #920000;
}

.pc-index-studyBbroad
  .main
  .main-middle
  .main-middle-item
  .main-middle-item-content
  div:nth-child(2) {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  margin-top: 14px;
}

.pc-index-studyBbroad .main .main-middle .main-middle-item .title4 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  text-align: center;
}

.pc-index-studyBbroad .main .main-right {
  width: 210px;
}
.pc-index-studyBbroad .main .main-right .main-right-item {
  position: relative;
  height: 31px;
}

.pc-index-studyBbroad .main .main-right .main-right-item::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #dddddd;
  display: block;
  position: absolute;
  top: 7px;
  left: 4px;
}
.pc-index-studyBbroad .main .main-right .main-right-item:hover {
  color: #fe6f03;
}

.pc-index-bookCulture {
  width: 1200px;
  height: 435px;
  margin: 60px auto 0 auto;
  background: #fff;
  padding: 30px;
  box-sizing: border-box;
}
.pc-index-bookCulture .title {
  width: 100%;
  height: 44px;
  border-bottom: solid 1px #e1e1e1;
}
.pc-index-bookCulture .title h2 {
  float: left;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
}
.pc-index-bookCulture .title .more {
  float: right;
  line-height: 24px;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.pc-index-bookCulture .title ul {
  float: right;
  font-size: 18px;
  line-height: 24px;
}
.pc-index-bookCulture .title ul li {
  float: left;
  margin-right: 20px;
}
.pc-index-bookCulture .title ul li a {
  display: inline-block;
  padding-bottom: 19px;
  color: #6e6e6e;
}
.pc-index-bookCulture .title ul li.on a {
  color: #c81f1f;
  border-bottom: solid 2px #c81f1f;
}
.pc-index-bookCulture .main {
  display: flex;
  margin-top: 20px;
}
.pc-index-bookCulture .main .main-left {
  width: 210px;
  height: 300px;
  margin-right: 30px;
  position: relative;
}

.pc-index-bookCulture .main .main-left .main-left-content {
  height: 300px;
  position: absolute;
  top: 26px;
  padding: 0 20px;
}

.pc-index-bookCulture .main .main-left .main-left-content .title4 {
  color: #fffefe;
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 22px;
}

.pc-index-bookCulture .main .main-left .main-left-content p {
  font-size: 12px;
  margin: 1em 0;
  color: #fffefe;
}

.pc-index-bookCulture .main .main-right {
  display: flex;
  gap: 20px;
}

.pc-index-bookCulture .main .main-right .main-right-item {
  width: 210px;
  height: 300px;
  box-shadow: 0px 1px 18px 0px rgba(81, 81, 81, 0.07);
}

.pc-index-bookCulture .main .main-right .main-right-item .image {
  text-align: center;
  margin: 21px 0 8px;
}
.pc-index-bookCulture .main .main-right .main-right-item .image img {
  width: 180px;
  height: 220px;
}
.pc-index-bookCulture .main .main-right .main-right-item .title4 {
  height: 51px;
  background: #f1f1f1;
  border-radius: 0px 0px 8px 8px;
  font-size: 18px;
  color: #333333;
  line-height: 51px;
  text-align: center;
  cursor: pointer;
}
.pc-index-mentorTeam {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-top: 40px;
}

.pc-index-mentorTeam .image {
  width: 100%;
  height: 791px;
  text-align: center;
}
.pc-index-mentorTeam .image img {
  width: 1903px;
}

.pc-index-mentorTeam .main {
  width: 1200px;
  position: absolute;
  top: 79px;
}

.pc-index-mentorTeam .main .main-top div {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 18px;
}

.pc-index-mentorTeam .main .main-top p {
  font-family: Microsoft YaHei;
  font-size: 16px;
  color: #ffffff;
  line-height: 22px;
}
.pc-index-mentorTeam .main .main-bottom {
  background: #ffffff;
  border-radius: 20px;
  width: 1200px;
  height: 474px;
  position: relative;
  justify-content: space-around;
  display: flex;
}
.pc-index-mentorTeam .main .main-bottom .main-bottom-left {
  width: 280px;
  height: 408px;
}
.pc-index-mentorTeam .main .main-bottom .main-bottom-left img {
  position: absolute;
  z-index: 1;
  left: 58px;
  bottom: 0px;
  /* width: 280px; */
  /* height: 407px; */
  object-fit: contain;
}
.pc-index-mentorTeam .main .main-bottom .main-bottom-left .bg {
  width: 325px;
  height: 325px;
  background: linear-gradient(145deg, #c81f1f 0%, rgba(200, 31, 31, 0) 100%);

  border-radius: 50%;
  position: absolute;
  bottom: 0;
  z-index: 0;
}

.pc-index-mentorTeam .main .main-bottom .main-bottom-right {
  width: 750px;
}

.pc-index-mentorTeam .main .main-bottom .main-bottom-right .ckgd {
  margin: 21px 0 14px;
}

.pc-index-mentorTeam .main .main-bottom .main-bottom-right .neiron3 {
  position: relative;
  height: 173px;
}

.pc-index-mentorTeam
  .main
  .main-bottom
  .main-bottom-right
  .neiron3
  ul
  li::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #dddddd;
  display: block;
  position: absolute;
  top: 7px;
  left: 4px;
}

.pc-index-mentorTeam .main .main-bottom .main-bottom-right h3 {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 30px;
  color: #333333;
}

.pc-index-mentorTeam .main .main-bottom .main-bottom-right .label {
  width: 180px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-family: Microsoft YaHei;
  background: #eeeeee;
  border-radius: 4px;
  font-weight: bold;
  font-size: 16px;
  color: #666666;
}
.pc-index-mentorTeam .main .main-bottom .main-bottom-right .neiron3 ul li {
  padding-left: 15px;
}
.pc-index-mentorTeam .main .main-bottom .main-bottom-right ul li {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  margin: 1em 0;
  position: relative;
  /* padding-left: 15px; */
  margin-right: 0 !important;
}
.btn {
  cursor: pointer;
}

.pc-index-mentorTeam .main .main-bottom .main-bottom-right .btn {
  width: 170px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: #c81f1f;
  border-radius: 22px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 20px;
  color: #ffffff;
}

.left-arrow {
  width: 8px;
  height: 8px;
  border-top: 2px solid #ccc;
  border-left: 2px solid #ccc;
  transform: rotate(-45deg);
}

.right-arrow {
  width: 8px;
  height: 8px;
  border-top: 2px solid #ccc;
  border-left: 2px solid #ccc;
  transform: rotate(135deg);
}

.pc-index-mentorTeam .main .main-bottom .main-bottom-right .Carousel-image {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.pc-index-mentorTeam
  .main
  .main-bottom
  .main-bottom-right
  .Carousel-image
  .image-list {
  width: 130px;
  height: 150px;
  display: flex;
  gap: 14px;
  /* flex: 1; */
  width: 750px;
  overflow: hidden;
}

.pc-index-mentorTeam
  .main
  .main-bottom
  .main-bottom-right
  .Carousel-image
  .image-list
  .image-list-item {
  position: relative;
}

.pc-index-mentorTeam
  .main
  .main-bottom
  .main-bottom-right
  .Carousel-image
  .image-list
  .image-list-item
  .text {
  position: absolute;
  top: 14px;
  left: 10px;
  writing-mode: vertical-lr;
  height: 100px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  letter-spacing: 2px;
}

.pc-index-select-reason {
  width: 100%;
  /* height: 500px; */
  background-color: #ffffff;
  display: flex;
  justify-content: center;

  padding: 82px 0 41px;
}

.pc-index-select-reason .pc-index-select-reason-content {
  width: 1200px;
}

.pc-index-select-reason .pc-index-select-reason-content h4 {
  text-align: center;
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 24px;
  color: #333333;
  margin-bottom: 40px;
}

.pc-index-select-reason .pc-index-select-reason-content .select-reason-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.pc-index-select-reason
  .pc-index-select-reason-content
  .select-reason-list
  .select-reason-list-item {
  width: 380px;
  height: 190px;
  background: #ffffff;
  box-shadow: 0px 1px 21px 0px rgba(178, 178, 178, 0.16);
  border-radius: 8px;
  box-sizing: border-box;
  padding: 30px;
}

.pc-index-select-reason
  .pc-index-select-reason-content
  .select-reason-list
  .select-reason-list-item
  .select-reason-list-item-top {
  display: flex;
  gap: 21px;
  margin-bottom: 20px;
}

.pc-index-select-reason
  .pc-index-select-reason-content
  .select-reason-list
  .select-reason-list-item
  .select-reason-list-item-top
  .text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pc-index-select-reason
  .pc-index-select-reason-content
  .select-reason-list
  .select-reason-list-item
  .select-reason-list-item-top
  .text
  div {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 22px;
  color: #333333;
}

.pc-index-select-reason
  .pc-index-select-reason-content
  .select-reason-list
  .select-reason-list-item
  .select-reason-list-item-top
  .text
  p {
  font-family: Microsoft YaHei;
  font-weight: 300;
  font-size: 14px;
  color: #999999;
}

.pc-index-select-reason
  .pc-index-select-reason-content
  .select-reason-list
  .select-reason-list-item
  p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}

.pc-index-Campusdistribution {
  width: 100%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  padding: 82px 0 41px;
}

.pc-index-Campusdistribution .pc-index-Campusdistribution-content {
  width: 1200px;
}

.pc-index-Campusdistribution .pc-index-Campusdistribution-content h4 {
  text-align: center;
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 24px;
  color: #333333;
  margin-bottom: 20px;
}
.pc-index-Campusdistribution-content .box-item .left .videoBox {
  height: 360px;
}
.pc-index-Campusdistribution-content .box-item .left .videoBox .pv-video-playe {
  height: 100% !important;
}
.pc-index-Campusdistribution
  .pc-index-Campusdistribution-content
  .Campusdistribution {
  display: flex;
  /* width: 145px; */
}
.pc-index-Campusdistribution
  .pc-index-Campusdistribution-content
  .Campusdistribution
  .right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pc-index-Campusdistribution
  .pc-index-Campusdistribution-content
  .Campusdistribution
  .right
  div {
  width: 145px;
  height: 44px;
  background: #c81f1f;
  border-radius: 22px;
  line-height: 44px;
  text-align: center;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 18px;
  color: #c81f1f;
}
.pc-index-Campusdistribution
  .pc-index-Campusdistribution-content
  .Campusdistribution
  .right
  div:nth-child(1) {
  background: #c81f1f;
  color: #fff;
}
.pc-index-Campusdistribution
  .pc-index-Campusdistribution-content
  .Campusdistribution
  .right
  div:nth-child(2) {
  background: #fff;
  border: 1px solid #c81f1f;
  color: #c81f1f;
}
.pc-index-Campusdistribution
  .pc-index-Campusdistribution-content
  .Campusdistribution
  .left {
  display: flex;
  flex-wrap: wrap;
  column-gap: 31px;
  row-gap: 20px;
}

.pc-index-Campusdistribution
  .pc-index-Campusdistribution-content
  .Campusdistribution
  .left
  .left-item {
  width: 145px;
  height: 44px;
  background: #e7e7e7;
  border-radius: 4px;
  color: #333333;
  line-height: 44px;
  text-align: center;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 18px;
  color: #333333;
}

.pc-index-Campusdistribution
  .pc-index-Campusdistribution-content
  .Campusdistribution
  .left
  .left-item.on {
  background: #c81f1f;
  color: #fff;
}

.pc-index-Campusdistribution .pc-index-Campusdistribution-content .box-item {
  display: flex;
  gap: 42px;
  margin-top: 41px;
}

.pc-index-Campusdistribution
  .pc-index-Campusdistribution-content
  .box-item
  .left {
  width: 640px;
  height: 360px;
}

.form-container {
  background: #ffffff;
  box-shadow: 0px 1px 21px 0px rgba(178, 178, 178, 0.16);
  border-radius: 8px;
  width: 520px;
  height: 240px;
  margin-top: 20px;
  padding: 20px 30px;
  box-sizing: border-box;
}

.form-container h4 {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 24px;
  color: #333333;
}

.form-container form {
  display: flex;
  flex-wrap: wrap;
  gap: 19px;
  margin-bottom: 14px;
}

.form-group {
  width: 220px;
  position: relative;
}
.form-group img {
  position: absolute;
  top: 10px;
  left: 11px;
}

.submit-button {
  width: 100px;
}
.form-container .submit-button {
  width: 215px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: #c81f1f;
  border-radius: 22px;
  font-size: 16px;
  color: #ffffff;
}

.form-group input[type="text"],
.form-group input[type="tel"] {
  border: 1px solid #dcdfe6;
  width: 100%;
  box-sizing: border-box;
  border-radius: 4px;
  height: 40px;
  text-indent: 2.5em;
  font-size: 14px;
  color: #606266;
  font-family: "PingFangSC-Medium";
}

.form-group input[type="text"]:hover,
.form-group input[type="tel"]:hover {
  border-color: #c0c4cc;
}

.form-group input[type="text"]::placeholder,
.form-group input[type="password"]::placeholder {
  color: #ccc;
}

.form-group input[type="text"]:focus,
.form-group input[type="password"]:focus {
  border-color: #00a1d6;
}

.none {
  display: none !important;
}

.bkjb table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

.bkjb th {
  font-weight: normal;
  padding: 10px 0;
  border-bottom: 1px solid #d0d0d0;
  color: #333;
  text-align: center;
}

.bkjb {
  padding-top: 10px !important;
  padding-left: 13px !important;
}
.bkjb td {
  height: 38px;
  border: 2px solid #fff;
}

.bkjb tr:nth-child(odd) {
  background-color: #f5f5f5;
}

.bkjb .consultation-btn {
  background-color: #d9272e;
  color: white;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  font-size: 14px;
  width: 100px;
  height: 30px;
  line-height: 30px;
}

.bkjb .consultation-btn:hover {
  background-color: #c01c23;
}

.bkjb table tr.title4:after {
  position: relative;
}

.bkjb table tr.title4:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 2px;
  height: 4px;
  background-color: #ff123f;
}

/* #bkjb .information-left .information-left-bottom {
  display: flex;
  gap: 38px;
  padding-top: 30px;
  padding-left: 46px;
  background: #ffffff;
  height: 250px;
  box-sizing: border-box;
  overflow: hidden;
  gap: 0;
  flex-direction: column;
} */

.container {
  height: 250px;
  overflow: hidden;
  position: relative;
  /* border: 1px solid #ccc; */
  margin: 10px 0;
}
.container .scroll-content table td:nth-child(1) {
  width: 140px;
}
.container .scroll-content table td:nth-child(2) {
  width: 240px;
}
.container .scroll-content table td:nth-child(3) {
  width: 63px;
}

.scroll-content {
  position: absolute;
  width: 100%;
  transition: transform 0.05s linear;
}

/* 可视区域渐变遮罩 */
.container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}

.container1 {
  height: 250px;
  overflow: hidden;
  position: relative;
  /* border: 1px solid #ccc; */
  margin: 10px 0;
}

.container1 .scroll-content1 table td:nth-child(1) {
  width: 140px;
}
.container .scroll-content table td:nth-child(2) {
  width: 240px;
}
.container .scroll-content table td:nth-child(3) {
  width: 63px;
}
.scroll-content1 {
  position: absolute;
  width: 100%;
  transition: transform 0.05s linear;
}

/* 可视区域渐变遮罩 */
.container1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}



.container2 {
  height: 250px;
  overflow: hidden;
  position: relative;
  /* border: 1px solid #ccc; */
  margin: 10px 0;
}

.container2 .scroll-content1 table td:nth-child(1) {
  width: 140px;
}
.container .scroll-content table td:nth-child(2) {
  width: 240px;
}
.container .scroll-content table td:nth-child(3) {
  width: 63px;
}
.scroll-content1 {
  position: absolute;
  width: 100%;
  transition: transform 0.05s linear;
}

/* 可视区域渐变遮罩 */
.container2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}
.pc-index-teacherListPr {
  width: 768px;
  margin: 0 auto;
  position: relative;
}
.pc-index-teacherListPr .pc-index-teacherList ul li img {
  width: 131px;
  height: 152px;
  object-fit: contain;
}
.pc-index-teacherListPr .pc-index-teacherList .image-list-item.on {
  transform: scale(1.05);
}
.pc-index-teacherListPr .swiper-button-next,
.pc-index-teacherListPr .swiper-button-prev {
  --swiper-navigation-color: #b3b3b3;
  --swiper-pagination-color: #b3b3b3;
  top: 47%;
}

.pc-index-teacherListPr
  .pc-index-mentorTeam
  .main
  .main-bottom
  .main-bottom-right
  ul
  li.swiper-slide {
  width: 125px !important;
  margin-right: 12px !important;
  position: relative;
}
.pc-index-teacherListPr
  .pc-index-mentorTeam
  .main
  .main-bottom
  .main-bottom-right
  ul
  li.swiper-slide
  .text {
  position: absolute;
  top: 14px;
  left: 23px;
  writing-mode: vertical-lr;
  height: 100px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  letter-spacing: 2px;
}
.pc-index-teacherListPr .swiper-horizontal {
  width: 664px;
}

.pc-index-teacherList .swiper-slide .text {
  position: absolute;
  top: 14px;
  left: 7px;
  writing-mode: vertical-lr;
  height: 100px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  letter-spacing: 2px;
}

.on {
  display: block !important;
}