﻿/* 动画代码 */
@keyframes example {
  from {
    width: 0;
  }

  to {
    width: 400px;
  }
}

@keyframes a_menu_item_show {
  0% {
    -webkit-transform: translate(0px, -30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0px, 0px);
    opacity: 1;
  }
}

@keyframes a_menu_item_hide {
  0% {
    transform: translate(0px, 0px);
    opacity: 1;
  }

  100% {
    transform: translate(0px, -30px);
    opacity: 0;
  }
}

.fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

a:hover {
  color: #e0321a;
}

.container {
  width: 1200px;
  margin: 0 auto;
}

.common-bg {
  background: #fff;
}

.nav {
  width: 100%;
  height: 72px;
  line-height: 72px;
  background: #fff;
  /* position: absolute; */
  z-index: 111;
}

.flex {
  display: flex;
}

.logo {
  width: 322px;
  height: 19px;
  box-sizing: border-box;
}

.menu {
  display: flex;
  height: 72px;
}

.menu .menu-item {
  position: relative;
  margin-right: 58px;
  z-index: 999;
}

.menu .menu-box {
  position: relative;
}

.menu .menu-box:hover .sub-menu-box {
  display: block;
}

.menu .menu-box>li:nth-child(1) {
  margin-right: 0;
  text-align: center;
  padding: 2px 40px;
  margin-left: -37px;
  padding-right: 34px;
  margin-top: -2px;
}

.menu .menu-box>li:nth-child(2) {
  padding: 0 20px;
  padding-right: 28px;
  margin-right: 36px;
}

.menu .menu-box>li:hover>a {
  border-bottom: 2px solid #e0321a;
}

.menu .menu-box .sub-menu-box {
  display: none;
  position: absolute;
  height: 250px;
  width: 2855px;
  top: 72px;
  left: -1240px;
  z-index: 120;
  box-sizing: border-box;
  background: #fff;
}

.menu .menu-item a {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 9px;
}

.menu .menu-item>a:hover {
  border-bottom: 2px solid #e0321a;
}

.menu .menu-item>.underline {
  border-bottom: 2px solid #e0321a;
}

/* 产品类型 */
.product-type {
  display: none;
  /* animation: a_menu_item_li_show 0.5s ease-out both; */
  text-align: left;
  animation-name: a_menu_item_show;
  animation-duration: 0.2s;
  animation-timing-function: linear;
  transition: transform 0.2s linear, opacity 0.2s linear;
  position: absolute;
  z-index: 999;
  top: 72px;
  /* width: 100%; */
  width: 2855px;
  box-sizing: border-box;
  margin-left: -1240px;
  height: 250px;
  background: #fff;
}

.product-type .product-item {
  width: 237px;
  margin-right: 80px;
}

.product-type .product-item .item-title {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  font-weight: 600;
  color: #e0321a;
  width: 100%;
  border-bottom: 1px solid #eee;
}

.product-type .product-item .item-content {
  padding: 12px 0;
}

.product-type .product-item .item-content ul {
  width: 96px;
}

.product-type .product-item .item-content ul:first-child {
  margin-right: 27px;
}

.product-type .product-item .item-content ul>li {
  width: 100%;
  height: 48px;
  line-height: 48px;
}

.product-type .product-item .item-content ul>li>a {
  font-weight: 400 !important;
  font-size: 16px;
  color: #666;
}

.product-type .product-item .item-content ul>li>a:hover {
  color: #e0321a;
}

/* 关于万朋 */
.about {
  display: none;
  position: absolute;
  animation-name: a_menu_item_show;
  animation-duration: 0.2s;
  animation-timing-function: linear;
  transition: transform 0.2s linear, opacity 0.2s linear;
  z-index: 999;
  top: 72px;
  /* width: 100%; */
  width: 2855px;
  box-sizing: border-box;
  margin-left: -1329px;
  height: 250px;
  background: #fff;
}

.about ul {
  margin-left: 500px;
}

.about ul>li {
  height: 48px;
  line-height: 48px;
}

.about ul>li>a {
  font-weight: 400 !important;
  font-size: 16px;
  color: #666;
}

.about ul>li>a:hover {
  color: #e0321a;
}

/*轮播图开始*/
#slide {
  position: relative;
  height: 400px;
}

#slide_list a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
}

#slide .num {
  justify-content: center;
  display: flex;
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  height: 16px;
  text-align: center;
}

#slide .num span {
  display: inline-block;
  margin: 0 8px;
  width: 40px;
  height: 6px;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

#slide .num span.on {
  background-color: #fff;
}

/* 轮播结束 */
/* product */
.product {
  width: 100%;
  height: 135px;
  padding: 24px 0;
  box-sizing: border-box;
  box-shadow: 5px 10px 30px 0 rgba(230, 230, 230, 0.33);
}

.product ul>li {
  border-right: 1px solid #eee;
  width: 299px;
  box-sizing: border-box;
}

.product ul>li:last-child {
  border: none;
}

.product ul>li>.pro-title {
  vertical-align: top;
  margin-bottom: 11px;
}

.product ul>li>.pro-title>span {
  vertical-align: text-bottom;
  font-size: 20px;
  font-weight: 600;
  color: #e0321a;
}

.product ul>li>.pro-title>span:last-child {
  font-size: 14px;
  color: #999;
  font-weight: normal;
}

.product ul>li>.pro-content>a {
  font-size: 14px;
  color: #222;
  margin-right: 14px;
}

.product ul>li>.pro-content>a:last-child {
  margin-right: 0;
}

.product ul>li>.pro-content>a:hover {
  color: #e0321a;
}

/* 新闻 news */
.news {
  width: 100%;
  height: 572px;
  background: -webkit-linear-gradient(top, #fbfbfb, #fff, #fff, #fff);
  box-sizing: border-box;
}

.module .module-title {
  padding: 106px 0 56px 0;
  text-align: center;
  font-size: 48px;
  font-weight: 600;
}

.news .news-title {
  padding: 80px 0 40px 0;
}

.news-content {
  width: 1224px;
  height: 316px;
  overflow: hidden;
  justify-content: space-between;
}

.news .news-item {
  padding: 5px 5px 0 5px;
  flex-wrap: wrap;
}

.news .news-item>li {
  display: flex;
  width: 583px;
  height: 134px;
  margin-right: 24px;
  box-sizing: border-box;
  border-radius: 1px;
  border: 1px solid #eee;
  margin-bottom: 24px;
  padding: 24px 0;
  padding-right: 27px;
}

.news .news-item>li:hover {
  /* box-shadow: 5px 10px 30px 0 rgba(230, 230, 230, 0.33); */
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}

.news .news-item>li:nth-child(2n + 2) {
  margin-right: 0;
}

tr>td a li:nth-child(2n + 2) {
  margin-right: 0;
}

.news .news-item>li>.news-time {
  height: 82px;
  width: 103px;
  text-align: right !important;
  padding: 0px 21px 5px 23px;
  border-right: 1px solid #eee;
  box-sizing: border-box;
}

.news .news-item>li>.news-time>.news-date {
  font-size: 28px;
  color: #222;
  font-weight: 600;
  text-align: center;
  margin-left: 10px;
}

.news .news-item>li>.news-time>.news-date::after {
  content: "";
  display: block;
  width: 28px;
  height: 3px;
  background: #e0321a;
  margin: 8px 2px;
  margin-top: 0px;
}

.news .news-item>li>.news-time>.news-year {
  text-align: center;
  font-size: 16px;
  color: #666;
  margin-top: -5px;
}

.news .news-item>li>.news-mian {
  padding-left: 22px;
}

.news .news-item>li>.news-mian>h3 {
  font-size: 20px;
  color: #222;
  margin-bottom: 8px;
  margin-top: -7px;
  width: 432px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news .news-item>li:hover>.news-mian>h3 {
  color: #e0321a;
}

.news .news-item>li>.news-mian>p {
  font-size: 16px;
  color: #666;
  width: 431px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}

/* 接口数据 */

/* 五育并举*/
.khfw {
  width: 100%;
  height: 970px;
  background: url("../images/bg-index-wybj.png") top center/cover;
  box-sizing: border-box;
}

.jgt .jgt-title,
.khfw .khfw-title {
  padding-top: 75px;
  padding-bottom: 0;
}

.jgt .jgt-tip,
.khfw .khfw-tip {
  font-size: 24px;
  margin-top: 12px;
  text-align: center;
  margin-bottom: 42px;
}

.khfw .khfw-content {
  width: 1470px;
  justify-content: space-between;
  margin: auto;
}

.khfw .khfw-list {
  width: 450px;
  padding-top: 14px;
}

.khfw .khfw-list .khfw-item {
  height: 106px;
  margin-bottom: 8px;
  padding-top: 24px;
  box-sizing: border-box;
}

.khfw .khfw-item .khfw-top {
  align-items: center;
}

.khfw .khfw-item .khfw-top .title {
  font-weight: 600;
  font-size: 20px;
  color: #222222;
  margin-left: 12px;
  line-height: 28px;
}

.khfw .khfw-item .khfw-bottom {
  padding-left: 32px;
  font-size: 16px;
  color: #676767;
  line-height: 24px;
  margin-top: 6px;
}

.khfw .more-info {
  padding-left: 32px;
}

.khfw .more-info>p {
  font-weight: 600;
  font-size: 20px;
  color: #E0321A;
  line-height: 28px;
  margin-bottom: 17px;
  margin-top: 42px;
}

.khfw .more-info>a {
  display: block;
  width: 152px;
  height: 44px;
  background: linear-gradient(135deg, #FF6F54 0%, #FF350F 100%);
  border-radius: 4px;
  font-weight: 600;
  font-size: 20px;
  color: #FFF;
  line-height: 44px;
  text-align: center;
}

.khfw .khfw-swiper {
  width: 990px;
  height: 620px;
  overflow: hidden;
}

/* tab切换 */
.hide-tab {
  display: none;
  font-size: 48px;
  margin-left: 81px;
  height: 620px;
  width: 990px;
  margin-right: -271px;
  text-align: center;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 0 30px 0 rgba(169, 128, 111, 0.1);
}

.show-tab {
  display: block;
}

.none {
  display: none;
}

.tab {
  background-image: linear-gradient(134deg, #ff6f54 0%, #ff350f 100%);
  box-shadow: 0 0 16px 0 rgba(255, 74, 2, 0.2);
}

.tab-menu {
  box-sizing: border-box;
  width: 400px;
  padding-top: 47px;
}

.tab-menu li {
  cursor: pointer;
}

.tab-menu>.more-info {
  margin-top: 28px;
  padding-left: 29px;
}

.tab-menu>.more-info>a {
  font-size: 20px;
  font-weight: 600;
  color: #e0321a;
}

.tab-menu>li>.list-card {
  position: relative;
  justify-content: space-between;
  box-sizing: border-box;
  height: 106px;
  width: 400px;
  padding: 24px 34px 24px 29px;
}

.tab-menu>li>.list-card>.title>h3 {
  font-size: 20px;
  color: #222;
}

.tab-menu>li>.list-card>.title>p {
  font-size: 16px;
  color: #676767;
  line-height: 35px;
}

.tab-menu>li>.list-card>.arrow {
  position: absolute;
  right: 26px;
  top: 37px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  box-sizing: border-box;
  background-image: url("../images/icon/icon-index-arrow.png");
  background-position: center;
  background-repeat: no-repeat;
}

.tab-menu>li>.border-red {
  width: 0px;
  height: 2px;
  margin-top: 3px;
  background: #fe3610;
  animation-name: example;
  animation-duration: 5s;
  animation-timing-function: linear;
}

.tab-menu>li>.border-red2 {
  width: 0px;
  height: 2px;
  margin-top: 3px;
  background: #fe3610;
  animation-name: example;
  animation-duration: 5s;
  animation-timing-function: linear;
}

.tab-menu>li>.border-red3 {
  width: 0px;
  height: 2px;
  margin-top: 3px;
  background: #fe3610;
  animation-name: example;
  animation-duration: 5s;
  animation-timing-function: linear;
}

.tab-menu>li>.list-card>.arrow>img:last-child {
  display: none;
}

.tab-menu>li>.list-card>.title>.color-white {
  color: #fff;
}

.tab-menu>li>.list-card>.bg-white {
  background-color: #fff;
  box-shadow: 0 2px 8px 0 #be1e00;
  background-image: url("../images/icon/icon-index-arrowSel.png");
}

.wybj .xiaoxue {
  background: url("../images/bg-index-xiaoxue.png") top center/cover;
}

.wybj .zhongxue {
  background: url("../images/bg-index-zhongxue.png") top center/cover;
}

.wybj .gaozhong {
  background: url("../images/bg-index-guihua.png") top center/cover;
}

/* 新课标 */
.xkb {
  height: 800px;
  background: url(../images/bg_xkb.png) no-repeat top center/cover;
}

.xkb .module-title {
  position: relative;
}

.xkb .module-title a {
  position: absolute;
  top: 210px;
  width: 152px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  left: 532px;
  background: #e0321a;
  font-size: 16px;
}

.ckb-list {
  display: flex;
  justify-content: space-between;
  margin-top: 78px;
}

.ckb-list .item {
  width: 380px;
  height: 390px;
  box-sizing: border-box;
  padding: 66px 0 0 32px;
}

.ckb-list .item:nth-child(1) {
  background: url(../images/yanxue/yx_bg1.png) no-repeat top center/cover;
}

.ckb-list .item:nth-child(2) {
  background: url(../images/yanxue/yx_bg2.png) no-repeat top center/cover;
}

.ckb-list .item:nth-child(3) {
  background: url(../images/yanxue/yx_bg3.png) no-repeat top center/cover;
}

.ckb-list .item .name {
  font-size: 36px;
  color: #222222;
  line-height: 36px;
  font-weight: 600;
}

.ckb-list .item .title {
  font-size: 24px;
  color: #222222;
  margin-top: 10px;
}

.ckb-list .item .info {
  margin-top: 30px;
}

.ckb-list .item .info .cir {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #688eec;
  margin-right: 6px;
  vertical-align: middle;
  margin-top: -4px;
}

.ckb-list .item:nth-child(2) .info .cir {
  background: #34d373;
}

.ckb-list .item:nth-child(3) .info .cir {
  background: #ff9d20;
}

.ckb-list .item .info p {
  display: inline-block;
  font-size: 16px;
  color: #666666;
  line-height: 28px;
}

/* 创新课堂*/
.cxkt {
  width: 100%;
  height: 970px;
  background: url("../images/bg-index-cxkt.png") top center/cover;
  box-sizing: border-box;
}

.cxkt .cxkt-title {
  padding-bottom: 40px;
  position: relative;
  color: #fff;
}

.cxkt .cxkt-title>a {
  position: absolute;
  top: 210px;
  width: 152px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #fff;
  left: 532px;
  color: #e0321a;
  font-size: 16px;
}

.cxkt .cxkt-main {
  width: 990px;
  height: 620px;
  box-sizing: border-box;
  background: #fff;
  margin: 0 auto;
  margin-top: 62px;
  background: url("../images/bg-index-msyk.png") no-repeat top center/cover;
}

/* 智能校园*/
.znxy {
  width: 100%;
  height: 970px;
  background: url("../images/bg-index-znxy-new.png") no-repeat top center/cover;
  box-sizing: border-box;
}

.znxy .tab-menu>li>.list-card>.title>p {
  margin-left: 0;
}

.znxy .tab-menu>li>.border-red {
  width: 0px;
  height: 2px;
  margin-top: 3px;
  background: #fe3610;
  animation-name: example;
  animation-duration: 5s;
  animation-timing-function: linear;
}

.znxy .tab-menu>li>.border-red2 {
  width: 0px;
  height: 2px;
  margin-top: 3px;
  background: #fe3610;
  animation-name: example;
  animation-duration: 6s;
  animation-timing-function: linear;
}

.znxy .tab-menu>li>.border-red3 {
  width: 0px;
  height: 2px;
  margin-top: 3px;
  background: #fe3610;
  animation-name: example;
  animation-duration: 4s;
  animation-timing-function: linear;
}

.znxy .kt {
  background: url("../images/bg-index-kt.png") no-repeat top center/cover;
}

.znxy .xiaoyuan {
  background: url("../images/bg-index-zhxy.png") no-repeat top center/cover;
}

.znxy .jydn {
  background: url("../images/bg-index-jydn.jpg") no-repeat top center/cover;
}

/* 我们的优势 */
.youshi {
  width: 100%;
  height: 744px;
  background: url("../images/bg-index-youshi.png") top center/cover;
  box-sizing: border-box;
}

.youshi .youshi-title {
  padding-top: 60px;
  padding-bottom: 30px;
  position: relative;
  color: #fff;
}

.youshi .subtitle {
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  margin-top: -14px;
}

.youshi .ys-main {
  margin-top: 28px;
  padding: 24px 0px;
  justify-content: space-between;
}

.youshi .ys-main>.ys-item {
  width: 276px;
  height: 399px;
  padding: 45px 16px 20px;
  box-sizing: border-box;
  background: #fff;
}

.youshi .ys-main>.ys-item>h3 {
  font-size: 24px;
  color: #222;
  font-weight: 600;
  text-align: center;
}

.youshi .ys-main>.ys-item>p {
  font-size: 16px;
  color: #666;
  text-align: justify;
  width: 212px;
  height: 72px;
  margin: 0 auto;
  margin-top: 16px;
  margin-bottom: 5px;
}

/* 合作伙伴 */
.hzhb {
  width: 100%;
  height: 605px;
  /* background: url("../images/bg-index-youshi.png") top center/cover; */
  box-sizing: border-box;
}

.hzhb .hzhb-title {
  padding-top: 60px;
  padding-bottom: 30px;
  position: relative;
  color: #222;
}

.hzhb .subtitle {
  font-size: 18px;
  color: #666;
  text-align: center;
  margin-top: -14px;
}

.hzhb .hb-main {
  margin-top: 42px;
  margin-left: -26px;
}

.hzhb .hb-main>.item {
  margin-bottom: 10px;
}

.hzhb .hb-main>.item>.school {
  width: 232px;
  height: 76px;
}

.hzhb .hb-main>.item-5 {
  justify-content: space-between;
}

.hzhb .hb-main>.item-4 {
  padding-left: 91px;
  padding-right: 163px;
  justify-content: space-between;
}

.hzhb .hb-main>.item-2 {
  padding-left: 375px;
  padding-right: 373px;
  justify-content: space-between;
}

/* footer */
.footer-nav1 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
  font-size: 14px;
  color: #666666;
}

.footer-nav1>ul {
  float: left;
}

.footer-nav1>ul:last-child {
  margin-left: 75px !important;
}

.footer-nav-ul>li:nth-child(2) {
  margin-top: 22px;
}

.footer-nav-ul>li {
  margin-top: 10px;
  color: #666;
}

.footer-nav-ul>li>a {
  color: #666;
}

.footer-nav-ul>li>a:hover {
  color: #e0321a;
}

.footer-nav-ul>.pclass {
  font-size: 18px;
  color: #222;
  font-weight: 600;
}

.pclass1 {
  font-size: 14px;
  color: #222 !important;
  font-weight: 600;
}

.logo1>li {
  float: left;
  margin-top: 23px;
  margin-left: 20px;
}

.logo1>li:nth-child(1) {
  margin-left: 0;
}

.logo1>li>img {
  display: block;
}

.footer-nav>div>p {
  display: inline;
  text-align: center;
}

.footer-d {
  color: #666;
}

.bg {
  background-color: #eeeeee;
  width: 1200px;
  height: 1px;
  margin: 0 auto;
  margin-top: 41px;
}

/* 关于万朋开始 */
.about-banner {
  width: 100%;
  background: url("../images/bg-about-banner.jpg") top center/cover;
}

.about-banner>.title {
  font-size: 48px;
  font-weight: 600;
  padding-top: 165px;
}

/* 标题 */
.about-title {
  width: 100%;
  height: 60px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 1px;
  background: #fff;
}

.about-title ul>li {
  height: 58px;
  line-height: 58px;
  margin-right: 50px;
  font-size: 16px;
}

.about-title ul>.underline {
  border-bottom: 2px solid #e0321a;
}

.about-title ul>.underline>a {
  color: #e0321a;
}

.gsjj>h3 {
  box-sizing: border-box;
  height: 124px;
  padding-top: 56px;
  text-align: center;
  font-size: 36px;
  color: #222222;
}

.gsjj>.about-info>p {
  width: 1200px;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
  margin-bottom: 25px;
  text-align: justify;
  word-break: break-all;
}

.gsjj>.qywh {
  position: relative;
  width: 100%;
  height: 586px;
  padding-top: 23px;
}

.gsjj>.qywh>.gsjj-img {
  margin-left: 259px;
  width: 942px;
  height: 526px;
}

.gsjj>.qywh>.qywh-img {
  position: absolute;
  width: 593px;
  height: 524px;
  padding-top: 67px;
  padding-left: 116px;
  left: -31px;
  top: 29px;
  background: url("../images/img-about-qywh.png") no-repeat;
  background-size: cover;
  box-sizing: border-box;
}

.gsjj>.qywh>.qywh-img>h2 {
  font-size: 36px;
  margin-bottom: 30px;
}

.gsjj>.qywh>.qywh-img>h3 {
  font-size: 20px;
}

.gsjj>.qywh>.qywh-img>p {
  font-size: 16px;
  color: #666;
  line-height: 34px;
  margin-bottom: 18px;
}

/* 领军人物 */
.ljrw {
  position: relative;
}

.ljrw .duration {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 84px;
  height: 71px;
  background: url("../images/ljrw-zs-bg.png") no-repeat top center/cover;
}

.ljrw h1 {
  font-size: 36px;
  color: #222222;
  margin-bottom: 17px;
}

.ljre-box {
  display: flex;
}

.ljre-box>.img {
  margin-left: -51px;
}

.ljre-box>.lj-name {
  margin-left: -49px;
  margin-top: 72px;
  margin-right: 41px;
}

.ljre-box>.lj-name>h1 {
  font-size: 36px;
  color: #222222;
  margin-bottom: 2px;
}

.ljre-box>.lj-name>.red-sqare {
  width: 65px;
  height: 8px;
  background: #e0321a;
  margin-top: 14px;
}

.ljre-box>.lj-name>p {
  font-size: 18px;
  font-weight: 400;
  color: #222222;
}

.ljre-box>.lj-text {
  padding-top: 47px;
  line-height: 38px;
  width: 662px;
  font-size: 18px;
  color: #222;
  /* margin-left: -49px;
  margin-top: 72px;
  margin-right: 41px; */
}

.lead-box::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}

/*修改滚动条样式*/
.lead-box::-webkit-scrollbar {
  display: none;
  width: 0px;
  height: 0px;
  /**/
}

.lead-box {
  overflow-x: auto;
  display: flex;
  min-height: 200px;
  padding-top: 15px;
}

.lead-box>.line {
  width: 35px;
  height: 3px;
  background: #999;
  vertical-align: middle;
  margin-top: 7px;
  margin-right: 4px;
  border-radius: 4px;
  flex-shrink: 0;
}

.lead-box .lead-list {
  display: flex;
  padding-bottom: 40px;
}

.lead-box .lead-item {
  flex-shrink: 0;
  width: 290px;
  min-height: 200px;
}

.lead-item-top {
  width: 100%;
  margin-bottom: 5px;
}

.lead-item-top .circle {
  display: inline-block;
  margin-right: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #999;
}

.lead-item-top .line {
  display: inline-block;
  width: 268px;
  height: 3px;
  background: #999;
  vertical-align: middle;
  margin-top: -4px;
  border-radius: 4px;
}

.lead-info .year {
  font-size: 18px;
  font-weight: 600;
  color: #222222;
  line-height: 32px;
}

.lead-info .text {
  text-align: justify;
  padding-right: 14px;
  font-size: 18px;
  color: #666666;
  line-height: 32px;
}

/* 发展历程 */
.fazhan {
  width: 100%;
  height: 380px;
  background: url("../images/bg-about-fazhan.jpg") top center/cover;
  box-sizing: border-box;
}

.fazhan .fazhan-title {
  font-size: 36px;
  padding-top: 60px;
  padding-bottom: 30px;
  position: relative;
  color: #fff;
}

.fazhan .fazhan-main {
  margin-top: 29px;
}

.fazhan .fazhan-main>.circle {
  width: 828px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 10px;
  height: 24px;
  position: relative;
  padding-top: 3px;
}

.fazhan .fazhan-main>.circle>.flex-box {
  width: 2400px;
  display: flex;
  height: 24px;
  position: absolute;
  left: 0px;
}

.fazhan .fazhan-main>.circle .round {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #d8d8d8e0;
  cursor: pointer;
}

.fazhan .fazhan-main>.circle .round:nth-last-of-type(-n + 1) {
  display: none;
}

.fazhan .fazhan-main>.circle .on {
  margin-top: -3px;
  background: #e0321a;
  border: 4px solid #9f9f9eea;
}

.fazhan .fazhan-main>.circle .line {
  width: 185px;
  height: 2px;
  margin-top: 7px;
  vertical-align: middle;
  background: #d8d8d8e0;
}

.fazhan .fazhan-main>.circle .line:nth-last-of-type(-n + 2) {
  display: none;
}

.fazhan .fazhan-main>.lc-year {
  /* width: 980px; */
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 7px;
  height: 30px;
  position: relative;
}

.fazhan .fazhan-main>.lc-year>.year-box {
  /* width: 2400px; */
  width: 2610px;
  display: flex;
  position: absolute;
  left: 0;
}

.fazhan .fazhan-main>.lc-year>.year-box>span {
  /* width: 195px; */
  width: 240px;
  text-align: center;
  font-size: 20px;
  color: #fff;
}

.fazhan .fazhan-main>.lc-year>.year-box>.on {
  color: #e0321a;
}

.fazhan .fazhan-main>.lc-title {
  /* width: 980px; */
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  height: 30px;
  position: relative;
}

.fazhan .fazhan-main>.lc-title>.title-box {
  /* width: 2400px; */
  width: 2610px;
  display: flex;
  position: absolute;
  left: 0;
}

.fazhan .fazhan-main>.lc-title>.title-box>span {
  /* width: 195px; */
  width: 240px;
  text-align: center;
  font-size: 20px;
  color: #fff;
}

.fazhan .fazhan-main>.lc-title>.title-box>.on {
  color: #e0321a;
}

.fz-card {
  height: 500px;
  background: #fbfbfb;
  background: -webkit-linear-gradient(top, #fff, #fbfbfb, #fbfbfb, #fbfbfb);
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: hidden;
}

.fz-card::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}

/*修改滚动条样式*/
.fz-card ::-webkit-scrollbar {
  display: none;
  width: 0px;
  height: 0px;
  /**/
}

.fz-card::-webkit-scrollbar-track {
  display: none;
  /* background: rgb(239, 239, 239); */
  background: #fbfbfb;
  border-radius: 2px;
}

.fz-card::-webkit-scrollbar-thumb {
  display: none;
  height: 20px;
  background: #ccc;
  border-radius: 10px;
}

.fz-card::-webkit-scrollbar-corner {
  background: #179a16;
}

.fz-card .position-box {
  position: relative;
  height: 478px;
  margin-right: -114px;
  /* margin-left: 86px; */
}

.fz-card ul {
  position: absolute;
  top: 0;
  left: 0;
}

.fz-card ul>li {
  box-sizing: border-box;
  width: 442px;
  height: 474px;
  margin-right: 36px;
}

.fz-card ul>li>.title {
  padding-top: 51px;
  font-size: 28px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #d9d9d9;
  font-weight: 600;
}

.fz-card ul>li>.fz-info {
  padding-left: 8px;
}

.fz-card ul>li>.fz-info>.info {
  font-size: 18px;
  margin-bottom: 18px;
}

.fz-card ul>li>.fz-info>.info>p:first-child {
  width: 78px;
}

.fz-card ul>li>.fz-info>.info>p:last-child {
  width: 350px;
}

/* 公司荣誉 */
.gsry {
  width: 1200px;
  margin: 0 auto;
  height: 501px;
  box-sizing: border-box;
  position: relative;
}

.gsry>h1 {
  font-size: 36px;
  margin-top: 60px;
  margin-bottom: 30px;
}

.gsry .ry-card {
  width: 1200px;
  height: 360px;
  overflow: hidden;
}

.gsry>a {
  width: 120px;
  height: 120px;
  position: absolute;
  border-radius: 50%;
  top: 47%;
}

.gsry>.prev {
  margin-top: -60px;
  left: -130px;
  background: url("../images/btn-about-left.png") no-repeat center/cover;
}

.gsry>.prev:hover {
  background: url("../images/btn-about-sel1.png") no-repeat center/cover;
}

.gsry>.next {
  margin-top: -60px;
  right: -130px;
  background: url("../images/btn-about-right.png") no-repeat center/cover;
}

.gsry>.next:hover {
  background: url("../images/btn-about-sel.png") no-repeat center/cover;
}

.gsry .ry-card .ry-box {
  width: 1000%;
  height: 353px;
}

.gsry .ry-card .ry-box .ry-items {
  width: 1200px;
}

.gsry .ry-card .ry-box li {
  width: 288px;
  height: 353px;
  box-sizing: border-box;
  margin-right: 16px;
  background: #fafafa;
}

.gsry .ry-card .ry-box li>p {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  padding: 15px 30px 0 30px;
}

/* 关于万朋结束*/
/* 经典案例开始 */
.jingdian-banner {
  width: 100%;
  background: url("../images/bg-banner-jingdian.png") top center/cover;
  position: relative;
}

.jingdian-banner .ui-outer {
  position: absolute;
  top: 119px;
  box-shadow: 0 0 30px 0 rgba(102, 102, 102, 0.16);
}

/*lunbo*/
.jingdian-banner #slide_list a .banner-left {
  width: 530px;
  height: 100%;
}

.jingdian-banner #slide_list a .banner-right {
  background: #fff;
  width: 670px;
  height: 100%;
  box-sizing: border-box;
  padding: 70px 86px 0 54px;
}

.jingdian-banner #slide_list a .banner-right>h3 {
  font-size: 28px;
  height: 45px;
  margin-bottom: 5px;
}

.jingdian-banner #slide_list a:hover .banner-right>h3 {
  color: #222;
}

.jingdian-banner #slide_list a:hover .banner-right>.info {
  color: #666;
}

.jingdian-banner #slide_list a:hover .banner-right>.use-product {
  color: #666;
}

.jingdian-banner #slide_list a .banner-right>.title-line {
  width: 50px;
  height: 3px;
  background: #e0321a;
  margin-bottom: 13px;
  border-radius: 8px;
}

.jingdian-banner #slide_list a .banner-right>.info {
  height: 163px;
  font-size: 16px;
  color: #666;
}

.jingdian-banner #slide_list a .banner-right>.use-product {
  font-size: 16px;
  color: #666;
}

.jingdian-banner #slide_list a .banner-right>.use-product>span {
  color: #e0321a;
}

.jingdian-banner #slide .num {
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  height: 16px;
  text-align: center;
}

.jingdian-banner #slide .num span {
  margin: 0;
  display: inline-block;
  width: 50px;
  height: 3px;
  background: #d9d9d9;
  cursor: pointer;
}

.jingdian-banner #slide .num span.on {
  background-color: #e0321a;
}

/* 轮播结束 */
.all-case {
  padding-top: 200px;
}

.all-case>h3 {
  text-align: center;
  font-size: 36px;
  margin-bottom: 34px;
}

.all-case>ul {
  height: 411px;
  box-sizing: border-box;
  justify-content: space-between;
  margin-bottom: 24px;
}

.all-case>ul>li {
  width: 384px;
  padding: 32px 35px 0 30px;
  border: 1px solid #eeeeee;
  box-sizing: border-box;
}

.all-case>ul>li>h4 {
  font-size: 20px;
  padding: 20px 0 16px 0;
}

.all-case>ul>li>.info {
  height: 218px;
  line-height: 24px;
  font-size: 16px;
  color: #666;
  text-align: justify;
}

.all-case>ul>li>.use-product {
  font-size: 16px;
  color: #666;
}

.all-case>ul>li>.use-product>a>span {
  color: #e0321a;
}

/* 经典案例结束 */
/* 新闻中心 */
.logo-img {
  height: 480px;
  background: url(../img/bg-fwyzc.png);
  background-position: -400px 0px;
}

.logo-img>.logo-div {
  width: 1156px;
  margin: 0 auto;
}

.logo-p1 {
  font-size: 56px;
  color: #ffffff;
  padding-top: 196px;
}

.logo-p2 {
  font-size: 24px;
  color: #ffffff;
  line-height: 50px;
  margin-top: 12px;
}

.out1 {
  height: 60px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}

.out1 .tabs {
  width: 1200px;
  margin: 0 auto;
}

.out1 .tabs>li {
  line-height: 58px;
  font-size: 16px;
  height: 58px;
}

.out1 .tabs>.cur {
  border-bottom: 2px solid #e0321a;
}

.out1 .tabs>.cur>a {
  color: #e0321a;
}

.new-box {
  display: none;
}

.cur-new-box {
  margin-top: 10px;
  display: block;
}

/* 万朋城乡教育共同体 */
.jgt {
  height: 924px;
  background: url(../images/yanxue/jgt_bg.png) center;
}

.jgt .jgt-content {
  padding: 20px 28px 0;
  position: relative;
}

.jgt .jgt-content .tab-list {
  width: 100%;
  justify-content: space-evenly;
  margin-bottom: 70px;
}

.jgt .jgt-content .tab-list li {
  display: flex;
  align-items: center;
  font-size: 24px;
  cursor: pointer;
  width: 216px;
  height: 65px;
  justify-content: center;
}

.jgt .jgt-content .tab-list li span {
  width: 40px;
  height: 40px;
}

.jgt .jgt-content .tab-list li:first-child span {
  background: url(../images/yanxue/icon_jgt_xz.png);
}

.jgt .jgt-content .tab-list li:nth-child(2) span {
  background: url(../images/yanxue/icon_jgt_jy.png);
}

.jgt .jgt-content .tab-list li:last-child span {
  background: url(../images/yanxue/icon_jgt_ai.png);
}

.jgt .jgt-content .tab-list li p {
  margin-left: 16px;
}

.jgt .jgt-content .tab-list li:hover,
.jgt .jgt-content .tab-list li.active {
  background: linear-gradient(135deg, #FF350F 0%, #FF6F54 100%);
  border-radius: 33px;
  color: #fff;
}

.jgt .jgt-content .tab-list li:first-child:hover span,
.jgt .jgt-content .tab-list li:first-child.active span {
  background: url(../images/yanxue/icon_jgt_xz_active.png);
}

.jgt .jgt-content .tab-list li:nth-child(2):hover span,
.jgt .jgt-content .tab-list li:nth-child(2).active span {
  background: url(../images/yanxue/icon_jgt_jy_active.png);
}

.jgt .jgt-content .tab-list li:last-child:hover span,
.jgt .jgt-content .tab-list li:last-child.active span {
  background: url(../images/yanxue/icon_jgt_ai_active.png);
}

.jgt .tab-content .tab-item {
  display: flex;
  justify-content: space-between;
}

.jgt .tab-content .left {
  width: 368px;
  padding-top: 62px;
}

.jgt .tab-content .left .item-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 33px;
}

.jgt .tab-content .left .item-tip {
  font-size: 16px;
  line-height: 22px;
  margin: 16px 0 24px;
}

.jgt .tab-content .left .item-text {
  margin-bottom: 34px;
}

.jgt .tab-content .left .circle {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #E2412A;
  box-sizing: border-box;
}

.jgt .tab-content .left span {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  margin-left: 16px;
  padding-bottom: 34px;
}

.jgt .tab-content .right {
  width: 699px;
  height: 438px;
  overflow: hidden;
}

.jgt .tab-content .right img {
  width: 100%;
  height: 100%;
}

.jgt .jgt-more {
  position: absolute;
  left: 28px;
  bottom: 55px;
  font-weight: 600;
  font-size: 20px;
  color: #E0321A;
}