#zhichiBtnBox {
  display: none;
  background-image: url(../image/img_zhichi.png) !important;
  background-size: 60px;
  background-position: 0 0 !important;
}

.deskDiv {
  display: none;
  width: 100%;
  height: 100%;
  background: url(../image/back5.png) repeat;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}


.layerDiv {
  display: none;
  padding-bottom: 30px;
  width: 420px;
  height: auto;
  position: fixed;
  left: 50%;
  margin-left: -210px;
  top: 0;
  background: #fff;
  border-radius: 20px;
  z-index: 110;
}

.layerDiv .layerTitle {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 0 0 0 20px;
  height: auto;
  background: #ff004e;
  overflow: hidden;
}

.layerDiv .layerTitle h2 {
  padding-left: 40px;
  background: url(../image/ico15.png) 0 center no-repeat;
  height: 48px;
  line-height: 48px;
  float: left;
  font-size: 18px;
  color: #fff;
}

.closeBox {
  float: right;
  cursor: pointer;
  display: block;
  width: 65px;
  height: 48px;
  background: url(../image/ico16.png) center center no-repeat;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.closeBox:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

.trailer-video {
  left: 0;
  right: 0;
  margin: 0 auto;
  box-sizing: border-box;
  width: 800px !important;
  height: 463px !important;
  border-radius: none !important;
}

.trailer-video .video-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.trailer-video .video-container video {
  width: auto !important;
  height: 463px !important;
  background: #000 !important;
}

.trailer-video .video-container .video-js{
  height: 463px !important;
}

.layerForm {
  padding: 40px 25px 0 30px;
  height: auto;
}

.layerForm ul {
  width: 100%;
  height: auto;
  float: left;
}

.layerForm ul li {
  margin-bottom: 18px;
  width: 100%;
  height: auto;
  float: left;
}

.layerForm ul li span:not(.sm-txt) {
  width: 48px;
  display: block;
  float: left;
  height: 33px;
  line-height: 32px;
  font-size: 12px;
  color: #4a4a4a;
}

.layerForm ul li .formBox {
  margin-left: 15px;
  width: 300px;
  float: left;
  height: 32px;
  border-bottom: 1px solid #e9e4e5;
}

.layerForm ul li .formBox1 {
  height: 33px;
  border-bottom: none;
}

.layerForm ul li .formtxt {
  height: 32px;
  line-height: 32px;
  width: 100%;
  font-size: 14px;
  color: #666;
}

.layerForm ul li .formBtn {
  margin: 0 auto;
  width: 357px;
  height: 41px;
}

.layerForm ul li .formBtn input[type="submit"] {
  letter-spacing: 1px;
  text-indent: 1px;
  width: 100%;
  height: 41px;
  border-radius: 22px;
  cursor: pointer;
  background: #ff004e;
  font-size: 14px;
  color: #fff;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.layerForm ul li .formBtn input[type="submit"]:hover {
  background: #ff1235;
}

.layerForm ul li .formBox label {
  cursor: pointer;
  background: url(../image/ico18.png) 0 center no-repeat;
  position: relative;
  padding-left: 24px;
  margin-right: 15px;
  display: block;
  float: left;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #666;
}

.layerForm ul li .formBox label input {
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.layerForm ul li .formBox label.on {
  background: url(../image/ico18_hov.png) 0 center no-repeat;
}

.layerTxt {
  height: 15px;
  line-height: 15px;
  font-size: 12px;
  color: #9b9b9b;
  text-align: center;
}


.choice {
  height: auto;
  width: 100%;
  position: relative;
}

.select dt {
  height: 32px;
  display: inline-block;
  background: url(../image/ico17.png) no-repeat right center;
  line-height: 32px;
  font-size: 14px;
  cursor: pointer;
  width: 100%;
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  z-index: 99;
}

.select dt.set {
  background: url(../image/ico17_hov.png) no-repeat right center;
}

.select dd {
  width: 303px;
  position: absolute;
  left: 0;
  top: 32px;
  border: 1px solid #e8e8e8;
  background: #fff;
  display: none;
  font-size: 14px;
  z-index: 100;
}

.select dd ul {
  width: 100%;
  max-height: 250px;
  overflow: auto;
}

.select dd ul {
  margin-bottom: 0;
}

.select dd ul li a {
  line-height: 28px;
  padding: 0 10px;
  display: block;
  color: #666;
}

.select dd ul li a:hover {
  background: #d5001f;
  color: #fff;
}


.banner {
  padding-bottom: 42px;
  width: 100%;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 5;
  min-width: 1200px;
  max-height: 695px;
}

.banner .bd {
  margin-top: 90px;
  position: relative;
  height: 100%;
  z-index: 0;
}

.banner .bd li {
  position: relative;
  zoom: 1;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
}

.banner .bd img {
  width: 100%;
  height: auto;
  display: block;
}

.banner .hd {
  width: 416px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -156px;
  height: auto;
  z-index: 10;
}

.banner .hd ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.banner .hd ul li {
  width: 84px;
  border-radius: 3px;
  margin: 0 10px;
  height: 3px;
  float: left;
  background: #d5d5d5;
}

.banner .hd ul li.on {
  background: #d5001f;
}

.banner .bd ul li .competition-trailer {
  flex-wrap: nowrap;
  position: absolute;
  top: 476px !important;
  left: 190px !important;
  display: flex !important;
}

.banner .bd ul li .competition-trailer .trailer-item {
  width: 115px;
  height: 115px;
  display: flex;
  padding: 20px;
  margin: 0 10px;
  overflow: hidden;
  position: relative;
  border-radius: 2px;
  align-items: center;
  box-sizing: border-box;
  justify-content: center;
}

.banner .bd ul li .competition-trailer .trailer-item img {
  max-height: 100px;
  border-radius: 2px;
  width: 100% !important;
  height: 100% !important;
}

.banner .bd ul li .competition-trailer .trailer-item .p-text{
  bottom: -3px;
  font-size: 13px;
  color: #FC0548;
  position: absolute;
}


.bannerTxtWtap {
  position: absolute;
  left: 68% !important;
  bottom: 210px;
  width: 260px;
  height: 250px;
  z-index: 10;
}

.bannerTxt {
  height: auto;
}

.bannerTxt p {
  line-height: 30px;
  font-weight: 500;
  padding: 0 32px;
  font-size: 20px;
  color: #fff;
}

.bannerTxt .bannTxtBox {
  margin-top: 30px;
  background: #fff;
  border-radius: 15px;
  width: 260px;
  height: 250px;
  position: relative;
  text-align: center;
  padding-top: 30px;
}

.bannerTxt .puzzleTxtBox {
  height: 270px;
}

.hear_w .bannerTxtWtap .bannerTxt .bannTxtBox {
  width: 280px;
}

.bannerTxt .bannTxtBox h2 {
  line-height: 35px !important;
  font-size: 25px !important;
  color: #5b5b5b;
  font-weight: 500;
}

.bannerTxt .bannTxtBox h5 {
  margin-top: 8px;
  line-height: 22px;
  font-size: 12px;
  color: #3b3b3b;
}

.bannerTxt .bannTxtBox .txtBtn {
  margin-top: 12px;
  margin-left: 50%;
  transform: translateX(-50%);
  height: 50px;
  width: 200px;
  border-radius: 25px;
  height: auto;
  overflow: hidden;
}

.bannerTxt .bannTxtBox .txtBtn a {
  display: block;
  border-radius: 5px;
  width: 100%;
  letter-spacing: 1px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 17px;
  background: #ff0046;
  color: #fff;
}

.bannerTxt .bannTxtBox .txtBtn a:hover {
  background: #bf0003;
}



.bannerTxt .bannTxtBox .txtBtn a.getB:hover {
  background: #d5001f;
  border: 1px solid #d5001f;
  color: #fff;
}


.headerWrap {
  background: #ff004e;
  box-shadow: 0px 4px 7px 0px rgb(76 76 76 / 22%);
  position: fixed;
  top: 0;
  left: 0;
  height: auto;
  z-index: 88;
  min-width: 1200px;
  width: 100%;
  height: 90px;
}

.header {
  height: auto;
}


.logo {
  width: 270px;
  height: auto;
  margin-top: 6px;
}

.logo a {
  float: left;
  height: 80px;
}

.logo a img {
  width: 100%;
}

.logo a:first-child {
  width: 100%;
}

.logo a:nth-child(2) {
  width: 12%;
}

.logo a:nth-child(3) {
  width: 38%;
}

.logo a b {
  width: 1px;
  height: 20px;
  background: #ccc;
  display: block;
  margin: auto;
}


.nav {
  position: relative;
  height: auto;
}

.nav ul {
  float: left;
}

.nav ul li {
  position: relative;
  float: left;
  width: 100px;
  padding-bottom: 20px;
}

.nav ul li h2 {
  width: 100%;
  height: auto;
}

.nav ul li h2 a {
  text-align: center;
  position: relative;
  display: block;
  padding-top: 24px;
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  color: #333;
}

.nav ul li .sub {
  display: none;
  width: 400px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -200px;
  top: 95px;
}

.nav ul li .sub span {
  display: inline-block;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #fff;
  padding: 18px 20px;
}

.nav ul li .sub i {
  position: absolute;
  top: -13px;
  left: 50%;
  margin-left: -11px;
  display: block;
  width: 22px;
  height: 13px;
  background: url(../image/ico13.png) no-repeat;
}

.nav ul li .sub a {
  display: block;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
}

.nav ul li .sub a:hover {
  color: #d5001f;
}

.nav .block {
  width: 100px;
  height: 15px;
  position: absolute;
  left: 0;
  background: url(../image/block.png) center center no-repeat;
  background-size: 50px 15px;
  bottom: 10px;
}

.nav .block em:before {
  top: 7px;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.nav .block em:after {
  top: 14px;
  filter: alpha(opacity=20);
  opacity: 0.2;
}

.headerWrap .nav ul li h2 a {
  color: #fff;
}

.headerWrap.small .nav ul li h2 a {
  color: #fff;
}

.headerWrap,
.headerWrap .logo {
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
}

.headerWrap.small .nav ul li .sub {
  padding-top: 12px;
  margin-top: -12px;
}

.headerWrap.small .nav ul li .sub span {
  border: 1px solid #e5e5e5;
}

.headerWrap.small .nav ul li .sub i {
  top: 0;
  background: url(../image/ico13_hov.png) no-repeat;
}


.mainDiv {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.title {
  padding-top: 60px;
  width: 100%;
  height: auto;
  position: relative;
  min-width: 1000px;
}

.title i {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 60px;
  z-index: 0;
}

.title i img {
  display: block;
  margin: 0 auto;
  height: 120px;
}

.title h2 {
  position: relative;
  z-index: 1;
  width: 100%;
  letter-spacing: 2px;
  text-indent: 2px;
  height: 130px;
  line-height: 140px;
  font-size: 32px;
  color: #000;
  text-align: center;
}

.title h2 span {
  border-radius: 3px;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  margin-left: -16px;
  display: block;
  width: 32px;
  height: 2px;
  background: #d5001f;
}


.partOne {
  height: auto;
  margin-top: 50px;
  margin-bottom: 24px;
}

.partOne ul {
  width: 100%;
  height: auto;
  float: left;
}

.partOne ul li {
  cursor: pointer;
  width: 41.6%;
  margin: 0 4.2%;
  height: auto;
  float: left;
}

.partOne ul li a {
  display: block;
  padding: 25px 20px;
  border: 1px solid #d5d5d5;
  border-radius: 20px;
  text-align: center;
}

.partOne ul li h3 {
  height: 40px;
  padding: 7px 0;
  font-size: 26px;
  color: #333333;
}

.partOne ul li h2 {
  height: 40px;
  padding: 7px 0;
  font-size: 26px;
  color: #333333;
}

.partOne ul li p {
  margin-top: 25px;
  line-height: 18px;
  font-size: 12px;
  color: #333333;
}

.partOne ul li img {
  margin: 45px auto 0;
  display: block;
  width: 116px;
  height: 116px;
  border-radius: 100%;
}

.partOne ul li h4 {
  margin-top: 54px;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  color: #333333;
}

.partOne ul li h4 i {
  position: relative;
  top: -5px;
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #d5001f;
  border-radius: 6px;
  margin: 0 22px;
}

.partOne ul li.parLi2 h4 i {
  background: #3d579b;
}

.partOne ul li:hover a {
  border: 1px solid #fff;
  box-shadow: 0 0 30px rgba(213, 0, 32, 0.3);
  transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -webkit-transform: translate(0, -8px);
  -o-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
}


.partTwo {
  padding-bottom: 80px;
}

.partTwo .title h2 {
  padding-top: 39px;
  height: 72px;
  line-height: 72px;
  padding-bottom: 2px;
}

.partTwo .title i img {
  height: 113px;
}

.partTwoList {
  width: 100%;
  height: auto;
}

.partTwoList li {
  width: 33.333%;
  height: auto;
  float: left;
}

.partTwoList li a {
  display: block;
  padding: 70px 30px;
  height: auto;
  text-align: center;
  color: #333;
}

.partTwoList li a span {
  display: block;
  margin: 0 auto 30px;
  width: 82px;
  height: auto;
}

.partTwoList li a span img {
  display: block;
  width: 100%;
  height: 78px;
}

.partTwoList li a h5 {
  line-height: 36px;
  font-size: 26px;
}

.partTwoList li a h6 {
  line-height: 24px;
  font-size: 14px;
}

.partTwoList li a p {
  margin-top: 34px;
  line-height: 28px;
  font-size: 18px;
}

.partTwo .partTwoTxt {
  width: 820px;
  margin: 0 auto;
  padding: 0 0 0 78px;
  background: url(../image/ico6.png) 0 top no-repeat;
}

.partTwo .partTwoTxt p {
  line-height: 24px;
  text-align: justify;
  text-align: center;
  font-size: 14px;
  color: #666;
}


.partVideo {
  border-radius: 10px;
  overflow: hidden;
}


.partThere .title {
  padding-bottom: 68px;
}

.partThere .title i img {
  height: 166px;
}

.partThere .title h2 {
  padding-top: 38px;
  height: 60px;
  line-height: 60px;
  padding-bottom: 2px;
}

.learnTab {
  margin-bottom: 20px;
  margin-top: 40px;
  width: 100%;
  height: auto;
}

.learnTab .learn_menu {
  margin-top: 60px;
  position: relative;
  width: 100%;
  height: auto;
}

.learnTab .learn_menu ul {
  position: relative;
  z-index: 1;
  padding: 0 1px;
  height: auto;
  overflow: hidden;
}

.learnTab .learn_menu ul li {
  float: left;
  width: 135px;
  margin-right: 8px;
}

.learnTab .learn_menu ul li .learnOne {
  overflow: hidden;
  cursor: pointer;
  border-radius: 15px;
  padding: 8px 0 58px;
  color: #000033;
}

.learnTab .learn_menu ul li .learnOne .learnTwo {
  height: 180px;
  position: relative;
  display: block;
}

.learnTab .learn_menu .learnLine {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 22px;
  width: 100%;
  height: 1px;
  background: #d5001f;
}

.learnTab .learn_menu ul li h1 {
  margin-bottom: 16px;
  height: 30px;
  line-height: 30px;
  font-size: 26px;
}

.learnTab .learn_menu ul li h1 span {
  letter-spacing: 1px;
  font-weight: 600;
  text-indent: 1px;
  display: inline-block;
  padding: 0 18px;
  background: #fff;
}

.learnTab .learn_menu ul li h2 {
  padding: 0 18px;
  height: 40px;
  line-height: 40px;
  font-size: 26px;
}

.learnTab .learn_menu ul li h3 {
  padding: 0 18px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}

.learnTab .learn_menu ul li p {
  padding: 4px 18px;
  margin-top: 14px;
  height: auto;
  line-height: 24px;
  font-size: 14px;
  color: #333;
}

.learnTab .learn_menu ul li .learnOne:hover {
  background: #d5001f;
  color: #fff;
}

.learnTab .learn_menu ul li .learnOne:hover span {
  background: #d5001f;
}

.learnTab .learn_menu ul li .learnOne:hover p {
  color: #fff;
}

.learnTab .learn_menu ul li .learnOne:hover .learnOne {
  top: 20px;
}

.learnTab .learn_menu ul li.selected .learnOne {
  background: #d5001f;
  color: #fff;
}

.learnTab .learn_menu ul li.selected .learnOne .learnTwo {
  top: 20px;
}

.learnTab .learn_menu ul li.selected .learnOne span {
  background: #d5001f;
}

.learnTab .learn_menu ul li.selected .learnOne p {
  color: #fff;
}

.learnTab .learn_box {
  width: 800px;
  margin: 0 auto;
  height: auto;
}

.learnTab .learn_box .learnBox {
  height: auto;
  width: 100%;
}

.learnTab .learn_box .learnBox .learnImg {
  width: 65.625%;
  height: auto;
}

.learnTab .learn_box .learnBox .learnImg img {
  display: block;
  width: 100%;
  height: 314px;
}

.learnTab .learn_box .learnBox .learnTxt {
  padding-top: 60px;
  width: 29.75%;
  height: auto;
}

.learnTab .learn_box .learnBox .learnTxt h1 {
  margin-bottom: 40px;
  height: 62px;
  line-height: 62px;
  font-size: 52px;
}

.learnTab .learn_box .learnBox .learnTxt h1 a {
  display: inline-block;
  padding-right: 55px;
  background: url(../image/ico8.png) 90% center no-repeat;
  color: #d5001f;
}

.learnTab .learn_box .learnBox .learnTxt h2 {
  height: 44px;
  line-height: 44px;
  font-size: 32px;
  color: #000033;
}

.learnTab .learn_box .learnBox .learnTxt h3 {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #000033;
}

.learnTab .learn_box .learnBox .learnTxt p {
  margin-top: 28px;
  height: 36px;
  line-height: 36px;
  font-size: 30px;
  color: #333;
}

.learnTab .learn_box .learnBox .learnTxt h1 a:hover {
  background: url(../image/ico8_hov.png) 100% center no-repeat;
}

.splitLine {
  width: 100%;
  height: 2px;
  background-color: #ebebeb;
  margin-top: 99px;
}


.partFour {
  width: 100%;
  height: auto;
}

.partFour .partTitle {
  padding: 58px 0;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 22px;
  color: #333333;
}

.partFour .partTitle em {
  display: inline-block;
  padding: 0 10px;
  color: #a2b2bd;
  font-style: normal;
}

.partFour .partTitle span {
  color: #d5001f;
}

.partFour .partFourBox {
  height: auto;
}

.partFour .partFourBox .leapBoxOne {
  position: relative;
  width: 50%;
  height: auto;
  float: left;
  background: #f0f6fa;
}

.partFour .partFourBox .leapBoxTwo {
  width: 50%;
  height: auto;
  float: left;
  background: #3d5da1;
}

.partFour .partFourBox .leapMain {
  padding: 0 0 40px;
  text-align: right;
  margin-right: 24px;
  width: 476px;
  height: auto;
  float: right;
}

.partFour .partFourBox .leapBoxTwo .leapMain {
  margin-right: 0;
  margin-left: 24px;
  text-align: left;
  float: left;
}

.partFour .partFourBox .leapMain h2 {
  padding-right: 40px;
  font-weight: 600;
  letter-spacing: 1px;
  text-indent: 1px;
  height: 62px;
  line-height: 62px;
  font-size: 28px;
  color: #333;
}

.partFour .partFourBox .leapMain ul {
  margin-top: 50px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.partFour .partFourBox .leapMain ul li {
  margin-bottom: 26px;
  width: 200px;
  margin-left: 38px;
  float: left;
}

.partFour .partFourBox .leapMain ul li p {
  background: url(../image/ico9.png) 0 0 no-repeat;
  padding-left: 40px;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  font-size: 16px;
  color: #666;
}

.partFour .partFourBox .leapBoxTwo .leapMain h2 {
  padding-left: 30px;
  padding-right: 0;
  color: #fff;
}

.partFour .partFourBox .leapBoxTwo .leapMain ul li {
  margin-left: 30px;
  margin-right: 8px;
}

.partFour .partFourBox .leapBoxTwo .leapMain ul li p {
  color: #fff;
  background: url(../image/ico10.png) 0 0 no-repeat;
}

.partFour .leapIco {
  position: absolute;
  right: -28px;
  top: 0;
  width: 56px;
  height: 56px;
  background: #3d5da1;
  border-radius: 100%;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 56px;
}


.partFive .partFourBox .leapBoxTwo {
  background: #d5001f;
}

.partFive .leapIco {
  background: #d5001f;
  right: auto;
  left: -28px;
}

.partFive .partFourBox .leapMain {
  margin-left: 24px;
  margin-right: 24px;
  float: left;
  text-align: left;
}

.partFive .partFourBox .leapMain h2 {
  padding-right: 0;
  padding-left: 30px;
}

.partFive .partFourBox .leapMain ul li {
  margin-right: 8px;
  margin-left: 30px;
}

.partFive .partFourBox .leapBoxTwo .leapMain {
  text-align: right;
  margin-right: 60px;
  margin-left: 0;
  float: right;
}

.partFive .partFourBox .leapBoxTwo .leapMain h2 {
  padding-right: 38px;
}

.partFive .partFourBox .leapBoxTwo .leapMain ul li {
  margin-left: 38px;
  margin-right: 0;
}


.partSix {
  margin-top: 30px;
  margin-bottom: 60px;
}

.partSix .title {
  padding-bottom: 53px;
}

.partSix .title h2 {
  padding-top: 26px;
  height: 86px;
  line-height: 86px;
  padding-bottom: 2px;
}

.partSix .title i img {
  height: 165px;
}

.literacy {
  margin-top: 15px;
  width: 100%;
  height: auto;
}

.literacy p {
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #666666;
}

.literacy span {
  margin-top: 40px;
  display: block;
}

.literacy span img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.literacy h5 {
  margin-top: 60px;
  line-height: 40px;
  text-align: center;
  font-size: 24px;
  color: #333;
}

.literacy h6 {
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #333;
}


.partSeven {
  background: url(../image/index_backgriund_rr.jpg) center top no-repeat;
}

.partSeven .title {
  margin-top: 0;
}

.partSeven .title i img {
  height: 160px;
}

.partSeven .title h2 {
  height: 160px;
  line-height: 160px;
  color: #fff;
}

.scienceTop {
}

.scienceTop p {
  font-size: 20px;
  color: #fff;
  text-align: center;
}

.scienceBox {
  margin-top: 70px;
  width: 100%;
  height: auto;
}

.scienceBox ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.scienceBox ul li {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 80px;
  background: #fff;
  width: 100%;
  height: auto;
  float: left;
}

.scienceBox ul li a {
  display: block;
}

.scienceBox ul li .scienceLeft {
  float: left;
  width: 45%;
  height: auto;
}

.scienceBox ul li .scienceLeft img {
  display: block;
  width: 100%;
  height: 348px;
}

.scienceBox ul li .scienceLeft .video-js {
  width: 450px;
  height: 348px !important;
  background: url(../image/img2.jpg) center top no-repeat;
  background-size: 100%;
}

.scienceBox ul li .scienceRight {
  padding: 50px 4% 0;
  float: left;
  width: 47%;
}

.scienceBox ul li .scienceRight h1 {
  font-size: 30px;
  color: #333;
  margin-bottom: 40px;
}

.scienceBox ul li .scienceRight ul li {
  float: left;
  width: 50%;
  border-radius: 0;
  margin-bottom: 20px;
}

.scienceBox ul li .scienceRight ul li:nth-child(2) {
  width: 45%;
  margin-left: 5%;
}

.scienceBox ul li .scienceRight ul li h2 {
  font-size: 16px;
  color: #333;
}

.scienceBox ul li .scienceRight ul li h2 i {
  width: 15px;
  float: left;
  color: #d5001f;
}

.scienceBox ul li .scienceRight ul li p {
  font-size: 16px;
  color: #333;
  margin-left: 15px;
  margin-top: 5px;
}

.scienceBox ul .mn .scienceRight p:nth-child(2) {
  margin-bottom: 25px;
}

.scienceLeft {
  float: left;
  width: 45%;
  height: auto;
}

.scienceLeft img {
  display: block;
  width: 100%;
  height: 348px;
}

.scienceLeft .video-js {
  width: 450px;
  height: 348px !important;
  background: url(../image/img2.jpg) center top no-repeat;
  background-size: 100%;
}


.partNight,
.center {
  width: 100%;
  padding-top: 120px;
  height: auto;
  background: url(../image/index_background_r2.png) center center no-repeat;
  position: relative;
}

.partNight .teachBox,
.center .teachBox {
  padding-top: 293px;
  padding-bottom: 20px;
  
  width: 618px;
  height: auto;
  margin: 0 auto;
}

.partNight .teachBox p,
.center .teachBox p {
  line-height: 38px;
  font-size: 24px;
  color: #fff;
  text-align: center;
}

.partNight .teachBox h5,
.center .teachBox h5 {
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: center;
  height: auto;
  text-align: center;
}

.btnDiv {
  display: inline-block;
  width: 140px;
  height: 40px;
  background: #ff0046;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 20px;
  letter-spacing: 1px;
  text-indent: 1px;
}

.btnDiv:hover {
  background: #ff0025;
}

.teach_cont,
.recive {
  position: relative;
  width: 100%;
  height: 80px;
  background: hsla(0, 0%, 0%, 0.6);
}

.teach_cont img,
.recive img {
  float: left;
  margin-top: -77px;
  height: 157px;
  margin-left: 240px;
}

.teach_cont p,
.recive p {
  float: left;
  font-size: 24px;
  color: #fff;
  margin-top: 26px;
  margin-left: 70px;
}

.teach_cont p i,
.recive p i {
  font-size: 38px;
  color: #ff3754;
}

.teach_cont form,
.recive form {
  float: right;
  height: 50px;
  width: 370px;
  background: #fff;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  margin-top: 25px;
}

.teach_cont form b,
.recive form b {
  float: left;
  width: 20px;
  height: 50px;
  background: url(../image/index_r3.png) no-repeat center;
  margin: 0 15px;
}

.teach_cont form input,
.recive form input {
  float: left;
  line-height: 50px;
  font-size: 15px;
  color: #999;
}

.teach_cont form button,
.recive form button {
  position: absolute;
  top: 0;
  right: 0;
  background: #ff004e;
  height: 50px;
  width: 140px;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}

.teach_cont a.submit1,
.recive a.submit1 {
  margin-top: 25px;
  margin-left: 50px;
  float: left;
  background: #ff004e;
  height: 38px;
  width: 140px;
  font-size: 18px;
  color: #fff;
  line-height: 38px;
  border-radius: 70px;
  text-align: center;
}


.partNine .title h2 {
  padding-top: 17px;
  height: 100px;
  line-height: 100px;
  padding-bottom: 2px;
}

.partNine i img {
  height: 115px;
}

.basisList {
  width: 100%;
  height: auto;
}

.basisList ul {
  margin: 100px 0 50px;
  width: 100%;
  height: auto;
  float: left;
}

.basisList ul li {
  width: 19.6%;
  margin: 0 2.7%;
  height: auto;
  float: left;
}

.basisList ul li a {
  letter-spacing: 1px;
  text-indent: 1px;
  display: block;
  height: 134px;
  border-radius: 18px;
  overflow: hidden;
  background: #f3f3f3 url(../image/ico12.png) right top no-repeat;
  font-size: 20px;
  color: #3b3b3b;
  line-height: 134px;
  text-align: center;
}

.basisList ul li a:hover {
  background: #d5001f;
  color: #fff;
}


.linkDiv {
  width: 100%;
  height: auto;
  margin-top: 100px;
  min-width: 1200px;
  margin-bottom: 70px;
  border: 2px #ebebeb;
  border-style: solid none none none;
}

.link {
  height: auto;
}

.international_flex_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.link .international img {
  margin-left: 50%;
  transform: translateX(-50%);
}

.home_title {
  text-align: center;
  margin-bottom: 60px;
  margin-top: 82px;
}

.home_title h2 {
  font-size: 28px;
  line-height: 42px;
}

.home_title span {
  font-size: 19px;
  color: #303030;
  line-height: 27px;
}

.home_content {
  width: 100%;
}

.home_content .content_text {
  font-size: 19px;
  color: #787878;
  line-height: 31px;
}

.text_center {
  text-align: center;
}

.home_content .content_img {
  margin-top: 70px;
}

.home_content .content_img_small {
  margin-top: 60px;
  margin-bottom: 20px;
}

.home_content .content_img_small img {
  margin-left: 50%;
  transform: translateX(-50%);
}

.product_item {
  margin-top: 30px;
  position: relative;
}

.product_item img {
  width: 100%;
}

.product_item .icon {
  position: absolute;
  width: 83px;
  height: 82px;
  top: 81px;
  left: 539px;
}

.product_item .product_text {
  position: absolute;
  top: 129px;
  left: 633px;
}

.product_item2 .product_text {
  top: 121px;
}

.product_item2 .icon {
  top: 72px;
  left: 117px;
}

.product_item2 .product_text {
  left: 211px;
}

.product_item .product_text .product_title {
  font-size: 33px;
  color: #ff0046;
  line-height: 33px;
  margin-bottom: 23px;
}

.product_item .product_text p {
  font-size: 19px;
  color: #787878;
  line-height: 33px;
}

.link ul {
  margin-top: 80px;
  width: 100%;
  height: auto;
}

.link ul li {
  width: 210px;
  margin-bottom: 20px;
  margin-right: 53px;
  height: auto;
  float: left;
}

.link ul li a {
  border-radius: 5px;
  display: block;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.link ul li a img {
  border-radius: 5px;
  display: block;
  width: 100%;
  height: 104px;
}

.link ul li a:hover {
  transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  -webkit-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}


.footerDiv {
  margin-top: 80px;
  background: #ff0046;
  
  min-width: 1200px;
}

.footerDiv2 {
  margin-top: 0;
}

.footer {
  overflow: hidden;
  padding: 50px 0 20px;
  height: auto;
}

.footer ul {
  margin-left: 170px;
  margin-bottom: 50px;
  width: 700px;
  height: auto;
  float: left;
}

.footer ul li {
  width: 166px;
  margin-right: 15px;
  float: left;
}

.footer ul li h2 {
  margin-bottom: 20px;
  position: relative;
  height: 80px;
  padding-bottom: 3px;
  line-height: 80px;
  font-size: 24px;
  color: #fff;
}

.footer ul li h2 span {
  position: relative;
  bottom: 0;
  left: 0;
  display: block;
  width: 47px;
  height: 2px;
  background: #e5e5e5;
  border-radius: 3px;
}

.footer ul li .fooLink {
  width: 100%;
  overflow: hidden;
}

.footer ul li .fooLink a {
  display: block;
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
}

.footer ul li .fooLink a:hover {
  color: #fff;
}

.footer ul li .fooInfor {
  width: 100%;
  height: auto;
}

.footer ul li .fooInfor h4 {
  margin-bottom: 16px;
  height: 38px;
  line-height: 38px;
  font-size: 24px;
  color: #fff;
}

.footer ul li .fooInfor img {
  margin-bottom: 18px;
  display: block;
  width: 94px;
  height: 94px;
}

.footer ul li .fooInfor p {
  width: 100%;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #fff;
}

.footer .fooImg,
.footer ul li .fooFocus {
  width: 100%;
  height: auto;
  
}

.footer .fooImg a,
.footer ul li .fooFocus a {
  margin-right: 32px;
  display: block;
  width: 40px;
  height: auto;
  float: left;
  color: #fff;
  position: relative;
}

.footer .fooImg a span,
.footer ul li .fooFocus a span {
  margin-bottom: 22px;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
}

.footer .fooImg a img,
.footer ul li .fooFocus a img {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}

.footer .fooImg a:hover,
.footer ul li .fooFocus a:hover {
  color: #fff;
}

.footer .fooImg .QRfoot,
.footer ul li .fooFocus .QRfoot {
  display: none;
  width: 100px;
  position: absolute;
  top: 95px;
  left: 50%;
  margin-left: -50px;
}

.footer .fooImg a:hover .QRfoot,
.footer ul li .fooFocus a:hover .QRfoot {
  display: block;
}

.footer .fooImg .QRfoot img,
.footer ul li .fooFocus .QRfoot img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

.footer ul li .fooFocus .QRfoot b {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../image/icon_666r3e.png) no-repeat bottom center;
  margin: auto;
  position: relative;
  z-index: 10;
}

.footer .fooImg .QRfoot em,
.footer ul li .fooFocus .QRfoot em {
  display: block;
  width: 100%;
  border-radius: 5px;
}

.footer .fooImg a {
  width: auto;
}

.footer .fooImg a span {
  font-size: 13px;
}

.footer .fooImg .QRfoot {
  top: 30px;
  width: 150px;
  margin-left: -75px;
  border-radius: 5px;
}

.footer .fooImg .QRfoot em {
  box-shadow: none;
}

.footer .fooP {
  padding-top: 20px;
  border-top: 1px solid #d5d5d5;
  line-height: 28px;
  width: 100%;
  height: auto;
  float: left;
  font-size: 14px;
  color: #fff;
}

.footer .fooP span {
  display: block;
  width: 100%;
  text-align: center;
}

.footer .fooP em {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
}


.lbs2Banner {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 5;
  overflow: hidden;
  min-width: 1200px;
  margin-top: 90px;
}

.lbs2Banner img {
  display: block;
  width: 100%;
  height: auto;
}

.cloudQrcode {
  position: fixed;
  background: rgba(255, 45, 50, 0);
  width: 200px;
  height: 300px;
  z-index: 6;
  right: 40px;
  top: 120px;
}

.cloudQrcode img {
  display: block;
  width: 100%;
  height: auto;
}

.lbs2BannTxtWrap {
  position: absolute;
  left: 0;
  bottom: 46px;
  width: 100%;
}

.lbs2BannTxtWrap .bannTxtBox {
  border-radius: 15px;
  width: 260px;
  padding: 26px 25px 40px;
  background: #fff;
}

.lbs2BannTxtWrap .bannTxtBox h2 {
  font-weight: bold;
  line-height: 32px;
  font-size: 28px;
  color: #000;
}

.lbs2BannTxtWrap .bannTxtBox h5 {
  margin-top: 10px;
  line-height: 22px;
  font-size: 12px;
  color: #000;
}

.lbs2BannTxtWrap .bannTxtBox h4 {
  margin-top: 36px;
  line-height: 18px;
  font-size: 14px;
  color: #000;
}


.courseOne {
  background: #e60021;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.courseOne .courseOneDiv {
  width: 50%;
  background: #3b5396;
}

.courseOne .courseOneDiv img {
  display: block;
  float: right;
}

.courseOne .courseOneBox {
  width: 50%;
}

.courseOne .courseOneBox .oneBoxTxt {
  margin-left: 80px;
  width: 370px;
}

.courseOne .courseOneBox .oneBoxTxt h2 {
  background: url(../image/ico11.png) 0 41px no-repeat;
  padding-top: 116px;
  height: 44px;
  line-height: 44px;
  font-size: 32px;
  color: #fff;
}

.courseOne .courseOneBox .oneBoxTxt h3 {
  line-height: 28px;
  font-size: 16px;
  color: #fff;
}

.courseOne .courseOneBox .oneBoxTxt p {
  margin-top: 32px;
  line-height: 32px;
  font-size: 16px;
  color: #fff;
}

.courseOneMain {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.courseOneMain .courseOneLeft {
  width: 50%;
  height: auto;
}

.courseOneMain .courseOneLeft ul {
  padding-top: 64px;
  width: 440px;
  margin-right: 50px;
  float: right;
}

.courseOneMain .courseOneLeft ul li {
  margin-bottom: 48px;
  width: 100%;
  height: auto;
}

.courseOneMain .courseOneLeft ul li h2 {
  padding: 12px 0;
  line-height: 20px;
  font-size: 12px;
  color: #000;
}

.courseOneMain .courseOneLeft ul li p {
  line-height: 32px;
  font-size: 16px;
  color: #333;
}

.courseOneMain .courseOneRight {
  width: 50%;
  height: auto;
}

.courseOneMain .courseOneRight img {
  display: block;
  float: left;
}

.themeWrap title h2 {
  padding-top: 20px;
  height: 100px;
  line-height: 100px;
}

.themeWrap title i img {
  height: 120px;
}

.themeList {
  width: 100%;
  height: auto;
}

.themeList ul {
  margin-top: 50px;
  padding: 0 24px;
  height: auto;
  overflow: hidden;
}

.themeList ul li {
  width: 17.8%;
  margin: 22px 3.6%;
  height: auto;
  float: left;
}

.themeList ul li a {
  color: #3b3b3b;
  padding: 28px 26px 20px;
  display: block;
  border-radius: 10px;
  border: 2px solid #dcdcdc;
}

.themeList ul li a span {
  display: block;
  width: 70px;
  height: 70px;
}

.themeList ul li a h2 {
  line-height: 28px;
  font-size: 20px;
}

.themeList ul li a p {
  line-height: 20px;
  font-size: 14px;
}

.themeList ul li.themeIco1 span {
  background: url(../image/icon1.png) no-repeat;
}

.themeList ul li.themeIco2 span {
  background: url(../image/icon2.png) no-repeat;
}

.themeList ul li.themeIco3 span {
  background: url(../image/icon3.png) no-repeat;
}

.themeList ul li.themeIco4 span {
  background: url(../image/icon4.png) no-repeat;
}

.themeList ul li.themeIco5 span {
  background: url(../image/icon5.png) no-repeat;
}

.themeList ul li.themeIco6 span {
  background: url(../image/icon6.png) no-repeat;
}

.themeList ul li.themeIco7 span {
  background: url(../image/icon7.png) no-repeat;
}

.themeList ul li.themeIco8 span {
  background: url(../image/icon8.png) no-repeat;
}

.themeList ul li.themeIco9 span {
  background: url(../image/icon9.png) no-repeat;
}

.themeList ul li.themeIco10 span {
  background: url(../image/icon10.png) no-repeat;
}

.themeList ul li.themeIco11 span {
  background: url(../image/icon11.png) no-repeat;
}

.themeList ul li.themeIco12 span {
  background: url(../image/icon12.png) no-repeat;
}

.themeList ul li a:hover {
  color: #fff;
  background: #d5001f;
  border: 2px solid #d5001f;
}

.themeList ul li.themeIco1 a:hover span {
  background: url(../image/icon1_hov.png) no-repeat;
}

.themeList ul li.themeIco2 a:hover span {
  background: url(../image/icon2_hov.png) no-repeat;
}

.themeList ul li.themeIco3 a:hover span {
  background: url(../image/icon3_hov.png) no-repeat;
}

.themeList ul li.themeIco4 a:hover span {
  background: url(../image/icon4_hov.png) no-repeat;
}

.themeList ul li.themeIco5 a:hover span {
  background: url(../image/icon5_hov.png) no-repeat;
}

.themeList ul li.themeIco6 a:hover span {
  background: url(../image/icon6_hov.png) no-repeat;
}

.themeList ul li.themeIco7 a:hover span {
  background: url(../image/icon7_hov.png) no-repeat;
}

.themeList ul li.themeIco8 a:hover span {
  background: url(../image/icon8_hov.png) no-repeat;
}

.themeList ul li.themeIco9 a:hover span {
  background: url(../image/icon9_hov.png) no-repeat;
}

.themeList ul li.themeIco10 a:hover span {
  background: url(../image/icon10_hov.png) no-repeat;
}

.themeList ul li.themeIco11 a:hover span {
  background: url(../image/icon11_hov.png) no-repeat;
}

.themeList ul li.themeIco12 a:hover span {
  background: url(../image/icon12_hov.png) no-repeat;
}


.banner .lbs2BannTxtWrap {
  bottom: 140px;
}


.reviewBox {
  margin-top: 32px;
  height: auto;
}

.reviewBox ul {
  width: 100%;
  height: auto;
  float: left;
}

.reviewBox ul li {
  float: left;
  width: 22.4%;
  margin: 0 1.3%;
}

.reviewBox ul li a {
  padding: 45px 15px;
  display: block;
  border: 1px solid #d5d5d5;
  border-radius: 10px;
}

.reviewBox ul li a:hover {
  cursor: default;
  border: 1px solid #fff;
  box-shadow: 0 0 30px rgba(213, 0, 32, 0.3);
  transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -webkit-transform: translate(0, -8px);
  -o-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
}

.reviewBox ul li a h2 {
  height: 36px;
  overflow: hidden;
  line-height: 18px;
  font-size: 14px;
  color: #3b3b3b;
  text-align: center;
}

.reviewBox ul li a p {
  height: 34px;
  overflow: hidden;
  line-height: 34px;
  font-size: 18px;
  color: #3b3b3b;
  text-align: center;
}


.rangeBox .title i img {
  height: 112px;
}

.rangeBox .title h2 {
  padding-top: 18px;
  height: 100px;
  line-height: 100px;
  padding-bottom: 2px;
}

.rangeBox p {
  text-align: center;
  margin: 46px 0 56px;
  line-height: 28px;
  font-size: 16px;
  color: #333333;
}

.shortCourseOne {
  margin: 100px auto;
}

.shortLeft {
  width: 35%;
  height: auto;
  margin: 0 3%;
}

.shortLeft img {
  display: block;
  width: 100%;
  height: 420px;
  border-radius: 10px;
}

.shortRight {
  width: 49.5%;
  height: auto;
  margin: 0 3%;
}

.shortRight .classInfo {
  background: #d5001f;
  color: #fff;
  width: 355px;
  height: 110px;
  padding-top: 12px;
  padding-left: 40px;
  margin: 10px 0;
  border-radius: 15px;
}

.shortRight .classInfo .infoContent {
  display: inline-block;
}

.shortRight .classInfo .infoContent2 {
  display: inline-block;
  margin-left: 100px;
}

.shortRight .classInfo .infoContent img,
.shortRight .classInfo .infoContent2 img {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 5px;
}

.shortRight .classInfo .infoContent .infoText,
.shortRight .classInfo .infoContent2 .infoText {
  display: inline-block;
  margin-left: 10px;
}

.shortRight .classInfo .infoContent .infoText span,
.shortRight .classInfo .infoContent2 .infoText span {
  line-height: 15px;
  font-size: 12px;
  color: #fff;
}

.shortRight .classInfo .infoContent .infoText .infoTitle,
.shortRight .classInfo .infoContent2 .infoText .infoTitle {
  font-weight: 600;
}

.shortRight h2 {
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 38px;
  font-size: 32px;
  color: #000000;
}

.shortRight h3 {
  width: 110%;
  line-height: 32px;
  font-size: 24px;
  color: #3b3b3b;
}

.shortRight h4 {
  margin: 24px 0 34px;
  font-size: 12px;
  color: #fff;
}

.shortRight h4 span {
  display: inline-block;
  padding: 0 14px;
  height: auto;
  line-height: 24px;
  background: #d5001f;
  border-radius: 8px;
  font-size: 12px;
  color: #fff;
}

.shortRight p {
  margin-bottom: 10px;
  line-height: 28px;
  text-align: justify;
  font-size: 16px;
  color: #333333;
}

.shortCourseTwo {
  background: url(../image/back6.jpg) center 124px no-repeat;
}

.shortCourseBox {
  margin-bottom: 100px;
}

.shortCourseBox .shortRight {
  width: 50%;
  padding-top: 0;
}

.shortCourseBox .shortRight .classInfo {
  background: #fff;
  color: #d5001f;
}

.shortCourseBox .shortRight .classInfo .infoContent .infoText span,
.shortCourseBox .shortRight .classInfo .infoContent2 .infoText span {
  line-height: 15px;
  font-size: 12px;
  color: #d5001f;
}

.shortCourseBox .shortRight h4 {
  margin-top: 60px;
}

.shortCourseBox .shortRight h4 span {
  background: #fff;
  color: #d5001f;
}

.shortCourseBox .shortRight p {
  color: #fff;
}

.shortCourseBox1 {
  margin-bottom: 82px;
}

.shortCourseBox1 .shortRight {
  padding-top: 90px;
}

.shortCourseThree {
  padding-bottom: 80px;
  background: url(../image/back7.jpg) center 132px no-repeat;
}

.shortCourseThree .shortCourseBox {
  margin-bottom: 0;
}

.shortCourseThree .shortCourseBox .shortRight h4 {
  margin-top: 70px;
}

.shortCourseThree .shortCourseBox .shortRight h4 span {
  background: #d5001f;
  color: #fff;
}


.Characteristics {
  margin-top: 30px;
}

.Characteristics .title i img {
  height: 120px;
}

.Characteristics .title h2 {
  padding-top: 8px;
  height: 100px;
  line-height: 100px;
  padding-bottom: 2px;
}

.Characteristics ul {
  margin-top: 90px;
  width: 100%;
  height: auto;
}

.Characteristics ul li {
  text-align: center;
  width: 31%;
  height: auto;
  float: left;
  margin: 0 1.166%;
}

.Characteristics ul li span {
  display: block;
  width: 84px;
  height: auto;
  margin: 0 auto;
}

.Characteristics ul li span img {
  display: block;
  width: 100%;
  height: 82px;
}

.Characteristics ul li h2 {
  padding: 40px 0 24px;
  height: 40px;
  overflow: hidden;
  line-height: 40px;
  font-size: 26px;
  color: #3b3b3b;
}

.Characteristics ul li p {
  height: 78px;
  overflow: hidden;
  line-height: 26px;
  font-size: 16px;
  color: #3b3b3b;
}






.activities {
  padding-top: 100px;
}

.activities .title {
  min-width: 1000px;
}

.activities .title i img {
  height: 162px;
}

.activities .title h2 {
  height: 162px;
  line-height: 146px;
}

.activities h3 {
  margin-top: 38px;
  text-align: center;
  padding-top: 66px;
  background: url(../image/ico6.png) center top no-repeat;
  line-height: 52px;
  font-size: 28px;
  color: #333333;
}

.activities p {
  text-align: center;
  line-height: 28px;
  font-size: 16px;
  color: #333333;
}

.activities ul {
  margin-top: 70px;
  width: 100%;
  height: auto;
}

.activities ul li {
  width: 18.2%;
  float: left;
  margin-right: 2.25%;
}

.activities ul li a {
  color: #333;
  text-align: center;
  padding: 50px 15px 22px;
  display: block;
  border: 1px solid #dadada;
  border-radius: 15px;
}

.activities ul li a span {
  display: block;
  width: 70px;
  height: auto;
  margin: 0 auto;
}

.activities ul li a span img {
  display: block;
  width: 100%;
  height: 72px;
}

.activities ul li a h2 {
  margin-top: 36px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  font-size: 14px;
}

.activities ul li a h4 {
  height: 38px;
  line-height: 38px;
  overflow: hidden;
  font-size: 24px;
}

.activities ul li:hover a {
  border: 1px solid #fff;
  box-shadow: 0 0 30px rgba(213, 0, 32, 0.3);
  transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -webkit-transform: translate(0, -8px);
  -o-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
}

.latestDiv .title {
  min-width: 1000px;
}


.activeOne {
  height: auto;
  margin-top: 60px;
}

.activeOne .activeTitle {
  margin-bottom: 24px;
  width: 100%;
  height: auto;
}

.activeOne .activeTitle span {
  padding-left: 22px;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border-left: 8px solid #d5001f;
  font-size: 22px;
  color: #333333;
}


.overseas {
  width: 100%;
  height: auto;
}

.overseas .overseasOne {
  width: 100%;
  height: auto;
}

.overseas .overseasOne .overLeft {
  width: 33%;
  height: auto;
}

.overseas a {
  display: block;
}

.overseas img {
  display: block;
  width: 100%;
  height: auto;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.overseas img:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.overseas .overseasOne .overLeft a img {
  height: 308px;
}

.overseas .overseasOne .overRight {
  position: relative;
  width: 66.4%;
  background: #d5001f;
  height: 308px;
}

.activeMain {
  padding: 25px 28px 0;
}

.activeMain h2 {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  font-size: 32px;
  color: #fff;
}

.activeMain h3 {
  margin-top: 8px;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  font-size: 14px;
  color: #fff;
}

.activeMain p {
  margin-top: 36px;
  line-height: 20px;
  font-size: 16px;
  color: #fff;
}

.activeMain h4 {
  margin-top: 16px;
  line-height: 18px;
  font-size: 14px;
  color: #fff;
}

.overMore {
  position: absolute;
  right: 28px;
  bottom: 28px;
  display: block;
  padding-right: 50px;
  background: url(../image/ico22.png) 95% center no-repeat;
  height: 26px;
  line-height: 26px;
  text-align: right;
  font-size: 14px;
  color: #fff;
}

.overMore:hover {
  background: url(../image/ico22.png) 100% center no-repeat;
}

.overseas .overseasTwo {
  width: 100%;
  margin-top: 6px;
}


.culture {
  margin-top: 26px;
  width: 100%;
  height: auto;
}

.culture .cultureLeft {
  width: 67%;
  height: auto;
}

.culture .cultureLeft .cultureTop {
  margin-bottom: 6px;
  width: 100%;
  height: auto;
}

.culture .cultureLeft .cultureTop .cultureTopL {
  position: relative;
  background-color: #3b5396;
  width: 49.5%;
  height: 310px;
}

.culture .cultureLeft .cultureTop .cultureTopR {
  width: 49.5%;
}

.culture .cultureLeft .cultureTop .cultureTopR img {
  height: 310px;
}

.culture .cultureLeft .cultureBom img {
  height: 444px;
}

.culture .cultureRight {
  width: 32.4%;
}

.culture .cultureRight .rightA1 {
  margin-bottom: 6px;
}

.culture .cultureRight .rightA1 img {
  height: 450px;
}

.culture .cultureRight .rightA2 img {
  height: 304px;
}


.culture .cultureLeft .cultureTop .cultureTopL1 {
  background: #d5001f;
}


.superherosOne {
  margin-top: 26px;
  width: 100%;
  height: auto;
}

.superherosOne .superLeft {
  background: #3b5396;
  width: 33%;
  height: 308px;
  position: relative;
  margin-right: 6px;
}

.superherosOne .superImg {
  width: 32.9%;
}

.superherosOne img {
  height: 308px;
}

.superherosTwo {
  margin-top: 6px;
  height: auto;
}

.superherosTwo .superTwoLeft {
  width: 66.5%;
}

.superherosTwo img {
  height: 443px;
}

.superherosTwo .superTwoRight {
  width: 32.9%;
}


.lushanDiv .superLeft1 {
  background: #d5001f;
}

.lushanDiv .superherosOne {
  margin-top: 6px;
}


.camp .activeMain h2 {
  height: auto;
  padding-bottom: 25px;
}

.camp .campTop {
  height: 450px;
  background: #3b5396;
  margin-bottom: 6px;
}

.camp .campTop .activeMain h4 {
  margin-top: 30px;
}

.activeMain i {
  margin: 30px 0 40px;
  display: block;
  height: 32px;
  background: url(../image/ico11.png) 0 center no-repeat;
}

.campOne {
  padding-bottom: 20px;
  margin-top: 6px;
  width: 100%;
  height: auto;
}

.campOne .campLeft {
  width: 49.7%;
  height: auto;
}

.campOne .campLeft img {
  height: 443px;
}

.camp .activeMain1 h2 {
  padding-bottom: 0;
}


.latestDiv .title i img {
  height: 175px;
}

.latestDiv .title h2 {
  font-weight: 600;
  height: 175px;
  line-height: 175px;
  padding: 0;
}

.latestDiv ul {
  margin-top: 80px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.latestDiv ul li {
  margin-bottom: 76px;
  width: 100%;
  height: auto;
  float: left;
}

.latestDiv ul li .latesImg {
  width: 49%;
  height: auto;
}

.latestDiv ul li .latesImg a {
  display: block;
}

.latestDiv ul li .latesImg a img {
  display: block;
  width: 100%;
  height: 366px;
}

.latestDiv ul li .latesTxt {
  padding-top: 10px;
  width: 47%;
  height: auto;
}

.latestDiv ul li .latesTxt h2 {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  font-size: 28px;
  color: #161616;
}

.latestDiv ul li .latesTxt h3 {
  margin-top: 10px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  font-size: 14px;
  color: #999999;
}

.latestDiv ul li .latesTxt p {
  margin-top: 60px;
  line-height: 22px;
  font-size: 18px;
  color: #666666;
}

.latestDiv ul li .latesTxt h4 {
  margin-top: 15px;
  line-height: 14px;
  font-size: 12px;
  color: #666666;
}

.latestDiv ul li .latesTxt h5 {
  margin-top: 70px;
  font-size: 18px;
  color: #d5001f;
}

.latestDiv ul li .latesTxt h5 a {
  padding-right: 45px;
  background: url(../image/ico8_hov.png) right center no-repeat;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  font-size: 18px;
  color: #d5001f;
}

.latestDiv ul li .latesTxt h5 a:hover {
  padding-right: 50px;
}


.nationalOne {
  padding-top: 170px;
}

.nationalOne img {
  display: block;
  width: 70%;
  margin-left: 28%;
}

.nationalOne .nationAddress {
  margin-top: 100px;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  padding: 20px 10px;
  overflow: hidden;
}

.nationalOne .nationAddress a {
  display: block;
  width: 9%;
  margin: 0 0.5%;
  float: left;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  color: #333333;
}

.nationalOne .nationAddress a.on {
  color: #d5001f;
}


.mapBox {
  margin-top: 66px;
  position: relative;
}

.mapDiv {
  width: 100%;
  height: 770px;
}

.mapMain {
  position: absolute;
  left: 23%;
  top: 34px;
  max-height: 750px;
  overflow: hidden;
}

.mapMain .mapOne {
  float: left;
  width: 300px;
  padding: 38px 18px 28px;
  border: 1px solid #ededed;
  border-radius: 5px;
  background: #fff;
}

.mapMain .mapOne ul {
  width: 100%;
  height: auto;
}

.mapMain .mapOne ul li {
  margin-bottom: 18px;
  width: 100%;
  height: auto;
}

.mapMain .mapOne ul li a {
  display: block;
  border: 1px solid #fff;
  padding: 6px 9px 4px;
  border-radius: 3px;
}

.mapMain .mapOne ul li a h2 {
  height: 24px;
  overflow: hidden;
  line-height: 24px;
  font-size: 16px;
  color: #333;
}

.mapMain .mapOne ul li a p {
  height: 18px;
  overflow: hidden;
  line-height: 18px;
  font-size: 12px;
  color: #999;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mapMain .mapOne ul li.on a,
.mapMain .mapOne ul li a:hover {
  border: 1px solid #d5001f;
}

.mapMain .mapOne ul li.on a h2,
.mapMain .mapOne ul li a:hover h2 {
  color: #d5001f;
}

.mapMain .mapOne ul li.on a p,
.mapMain .mapOne ul li a:hover p {
  color: #d5001f;
}

.mapMain .mapOne .mapPage {
  text-align: center;
}

.mapMain .mapOne .mapPage a,
.mapMain .mapOne .mapPage span {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 26px;
  text-align: center;
  font-size: 18px;
  color: #999;
}

.mapMain .mapOne .mapPage a.next {
  margin-left: 5px;
  position: relative;
  top: 8px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../image/ico8.png) right center no-repeat;
}

.mapMain .mapOne .mapPage a.prev {
  margin-left: 5px;
  position: relative;
  top: 8px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../image/ico81.png) right center no-repeat;
}

.mapMain .mapOne .mapPage span.current {
  color: #333333;
}

.mapMain .mapOne .mapPage a.next:hover {
  background: url(../image/ico8_hov.png) right center no-repeat;
}

.mapMain .mapOne .mapPage a.next:prev {
  background: url(../image/ico81_hov.png) right center no-repeat;
}

.mapTwo {
  position: absolute;
  right: 23%;
  top: 34px;
  max-height: 650px;
  border-radius: 5px;
  background: #fff;
  width: 260px;
  height: auto;
  padding: 18px 24px;
  border: 1px solid #ededed;
  display: none;
  box-shadow: 0 0 15px #ccc;
}

.mapTwo .mapImg {
  width: 100%;
  height: auto;
}

.mapTwo .mapImg img {
  display: block;
  width: 100%;
  height: auto;
}

.mapTwo h2 {
  margin: 16px 0 4px;
  line-height: 24px;
  font-size: 16px;
  color: #333333;
}

.mapTwo h3 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
  line-height: 18px;
  font-size: 14px;
  color: #666666;
}

.mapTwo p {
  margin-bottom: 20px;
  line-height: 18px;
  padding-left: 70px;
  position: relative;
  min-height: 18px;
  height: auto;
  font-size: 14px;
  color: #666666;
}

.mapTwo p label {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 18px;
  line-height: 18px;
  color: #333;
  display: block;
}

.mapTwo .mapBtn {
  cursor: pointer;
  position: absolute;
  right: 25px;
  bottom: -28px;
  width: 68px;
  height: 22px;
  padding: 38px 0 8px;
  background: #e52e1a url(../image/ico29.png) center 12px no-repeat;
  border-radius: 100%;
  text-align: center;
  font-size: 14px;
  color: #fff;
}


.mapRoute {
  display: none;
  width: 100%;
  height: auto;
  margin-top: -10px;
  max-height: 600px;
}

.mapRoute .roteTab {
  width: 100%;
  height: auto;
}

.mapRoute .roteTab .tab_menu {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.mapRoute .roteTab .tab_menu span {
  cursor: pointer;
  margin-right: 20px;
  display: block;
  border-bottom: 1px solid #fff;
  float: left;
  padding: 0 3px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  color: #a3a3a3;
}

.mapRoute .roteTab .tab_menu span.selected {
  color: #000;
  border-bottom: 1px solid #000;
}

.mapRoute .roteTab .tab_main {
  width: 100%;
  height: auto;
  margin-top: 15px;
}

.mapRoute .roteTab .tab_main .mapTxt {
  border-bottom: 1px solid #f1f1f1;
  padding-left: 24px;
  background: url(../image/ico30.png) 0 center no-repeat;
}

.mapRoute .roteTab .tab_main .mapTxt input[type="text"] {
  width: 100%;
  padding: 4px 0;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #333;
}

.mapRoute .roteTab .tab_main .mapSearch {
  overflow: hidden;
  margin-top: 18px;
  width: 100%;
  height: auto;
}

.mapRoute .roteTab .tab_main .mapSearch input[type="button"] {
  cursor: pointer;
  background: #fff;
  float: left;
  width: 90px;
  height: 28px;
  border: 1px solid #d0d0d0;
  font-size: 14px;
  color: #8d8d8d;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.mapRoute .roteTab .tab_main .mapSearch input[type="button"]:hover {
  border: 1px solid #d5001f;
  background: #d5001f;
  color: #fff;
}

.mapRoute .roteTab .tab_main .mapSearch a {
  display: block;
  float: right;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #648cda;
  text-decoration: underline;
}

.mapRoute .roteTab .tab_main .mapSearch a em {
  display: inline-block;
  padding-right: 4px;
  font-family: "宋体";
}

.mapRoute .roteTab .tab_main .mapSearch a:hover {
  color: #d5001f;
}

.mapRoute .tab_box {
  padding-top: 20px;
}

.mapRoute .tab_box h2 {
  line-height: 28px;
  font-size: 18px;
  color: #333;
}

.mapRoute .tab_box .tabBoxOne {
  margin-top: 8px;
  padding: 4px 10px 8px;
  border: 1px solid #e6e7e8;
  background: #ebf1fb;
}

.mapRoute .tab_box .tabBoxOne h3 {
  padding: 3px 0;
  line-height: 18px;
  font-size: 14px;
  color: #3266cd;
}

.mapRoute .tab_box .tabBoxOne p {
  padding: 2px 0;
  line-height: 18px;
  font-size: 12px;
  color: #666;
}

.mapRoute .tab_box .tabBoxOne p span {
  display: inline-block;
  padding: 0 5px;
}

.mapRoute .tabBoxRoute {
  width: 100%;
  height: auto;
}

.mapRoute .tabBoxRoute h3 {
  margin: 10px 0 5px;
  padding-left: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  color: #000000;
}

.mapRoute .tabBoxRoute h3.startPoint {
  background: url(../image/ico31.png) 0 center no-repeat;
}

.mapRoute .tabBoxRoute h3.end {
  background: url(../image/ico32.png) 0 center no-repeat;
}

.mapRoute .tabBoxRoute p {
  position: relative;
  padding: 3px 0 3px 22px;
  line-height: 20px;
  font-size: 14px;
  color: #333;
}

.mapRoute .tabBoxRoute p img {
  position: absolute;
  left: 0;
  top: 5px;
  display: block;
  width: 15px;
  height: 17px;
}

.mapRoute .tabBoxRoute p span {
  color: #3266cd;
}


.campusDiv {
  padding-top: 20px;
}

.campusDiv .title i img {
  height: 162px;
}

.campusDiv .title h2 {
  height: 162px;
  line-height: 146px;
}

.campus-left {
  margin-top: 70px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.campus-left .hd {
  height: 203px;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}

.campus-left .hd .prev,
.campus-left .hd .next {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: url(../image/next.png) 0 0 no-repeat;
}

.campus-left .hd .next {
  background-position: right 0;
  left: auto;
  right: 0;
}

.campus-left .hd .prev:hover {
  background-position: 0 bottom;
}

.campus-left .hd .next:hover {
  background-position: right bottom;
}

.campus-left .bd {
  width: 924px;
  margin: 0 auto;
}

.campus-left .bd ul {
  overflow: hidden;
  zoom: 1;
}

.campus-left .bd ul li {
  width: 292px;
  margin: 0 8px;
  float: left;
  _display: inline;
  overflow: hidden;
}

.campus-left .bd ul li a {
  display: block;
  color: #333333;
}

.campus-left .bd ul li img {
  display: block;
  width: 100%;
  height: 203px;
}

.campus-left .bd ul li h6 {
  margin-top: 24px;
  line-height: 22px;
  font-size: 14px;
  color: #999999;
}

.campus-left .bd ul li p {
  margin-top: 4px;
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 16px;
}

.campus-left .bd ul li a:hover {
  color: #d5001f;
}



.teacherOneWrap {
  height: auto;
  background: #f5f5f5 url(../image/title12.png) center 103px no-repeat;
}

.teacherOne {
  height: auto;
  padding-top: 85px;
}

.teacherOne .teacherLeft {
  padding-top: 40px;
  width: 58.5%;
  height: auto;
}

.teacherOne .teacherLeft h2 {
  padding-left: 20px;
  line-height: 44px;
  font-size: 32px;
  color: #000;
  font-weight: 600;
}

.teacherOne .teacherLeft p {
  padding-left: 20px;
  margin-top: 16px;
  line-height: 26px;
  font-size: 16px;
  color: #333;
}

.teacherOne .teacherLeft img {
  margin-top: 85px;
  display: block;
  width: 100%;
  height: 456px;
}

.teacherOne .teacherRight {
  width: 41%;
}

.teacherOne .teacherRight ul {
  width: 100%;
  height: auto;
}

.teacherOne .teacherRight ul li {
  margin-bottom: 15px;
  width: 100%;
  height: auto;
}

.teacherOne .teacherRight ul li a {
  display: block;
  border-radius: 15px;
  padding: 18px 28px 28px;
  color: #3b3b3b;
  background: #fff url(../image/ico12.png) right top no-repeat;
}

.teacherOne .teacherRight ul li a h2 {
  margin-bottom: 15px;
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  font-size: 24px;
  font-weight: 600;
}

.teacherOne .teacherRight ul li a p {
  line-height: 24px;
  font-size: 14px;
}

.teacherOne .teacherRight ul li a:hover {
  color: #fff;
  background: #d5001f;
}


.teacherTwo {
  margin-top: 30px;
}

.teacherTwo .title i img {
  height: 120px;
}

.teacherTwo .title h2 {
  height: 108px;
  line-height: 108px;
  padding: 12px 0 2px;
}

.teacherTwo .teachMainWrap {
  margin-top: 118px;
  padding: 0 25px;
  height: auto;
}

.teacherTwo .teachMainWrap .teachMain {
  padding: 48px 32px 20px;
  position: relative;
  border: 1px solid #dcdcdc;
}

.teacherTwo .teachMainWrap .teachMain h2 {
  background: #fff url(../image/title14.png) 0 0 no-repeat;
  position: absolute;
  left: -1px;
  top: -51px;
  padding-top: 28px;
  padding-right: 46px;
  height: 60px;
  line-height: 60px;
  font-size: 28px;
  color: #3b3b3b;
}

.teacherTwo .teachMainWrap .teachMain p {
  line-height: 32px;
  font-size: 16px;
  color: #3b3b3b;
}


.guardDiv {
  height: auto;
  margin-top: 100px;
}

.guardDiv .guardTitle {
  width: 100%;
  height: auto;
  text-align: center;
}

.guardDiv .guardTitle h2 {
  margin-bottom: 5px;
  line-height: 42px;
  font-size: 32px;
  color: #000;
}

.guardDiv .guardTitle p {
  line-height: 22px;
  font-size: 14px;
  color: #000;
}

.guardDiv ul {
  margin-top: 40px;
  width: 100%;
  height: auto;
  float: left;
}

.guardDiv ul li {
  position: relative;
  width: 19%;
  margin: 0 0.5%;
  float: left;
}

.guardDiv ul li img {
  display: block;
  width: 130px;
  height: 78px;
  margin: 0 auto;
}

.guardDiv ul li h2 {
  text-align: center;
  width: 100%;
  height: 78px;
  line-height: 78px;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #333333;
}


.systemWrap {
  margin-top: 100px;
  width: 100%;
  height: auto;
  background: url(../image/back8.jpg) center top no-repeat;
}

.systemDiv .title {
  padding-bottom: 50px;
}

.systemDiv .title i img {
  height: 162px;
  height: auto;
}

.systemDiv .title h2 {
  height: 98px;
  line-height: 98px;
  padding: 12px 0 2px;
  color: #fff;
}

.systemDiv .title h2 span {
  background: #fff;
}

.systemTab {
  margin-bottom: 70px;
  padding-bottom: 45px;
  margin-top: 20px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.systemTab span {
  display: block;
  float: left;
  height: 44px;
  line-height: 44px;
  font-size: 26px;
  color: #fff;
}

.systemTab i {
  display: block;
  margin: 0 36px;
  float: left;
  width: 1px;
  margin-top: 9px;
  height: 26px;
  background: #fff;
}


.dynamicDiv .title {
  padding-bottom: 34px;
}

.dynamicDiv .title i img {
  height: 172px;
}

.dynamicDiv .title h2 {
  height: 108px;
  line-height: 108px;
  padding-top: 28px;
  padding-bottom: 2px;
}

.teachDynaDiv {
  height: auto;
  margin-top: 60px;
}

.teachDynaDiv .teachDynaLeft {
  width: 47%;
  height: auto;
}

.teachDynaDiv .teachDynaLeft img {
  display: block;
  width: 100%;
  height: 294px;
}

.teachDynaDiv .teachDynaLeft a.btitle {
  margin-top: 15px;
  height: 34px;
  line-height: 34px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  width: 100%;
  font-size: 20px;
  color: #161616;
}

.teachDynaDiv .teachDynaLeft a:hover {
  color: #d5001f;
}

.teachDynaDiv .teachDynaLeft h3 {
  height: 22px;
  line-height: 22px;
  width: 100%;
  font-size: 12px;
  color: #161616;
}

.teachDynaDiv .teachDynaLeft p {
  height: 72px;
  overflow: hidden;
  margin-top: 20px;
  line-height: 24px;
  width: 100%;
  font-size: 12px;
  color: #888888;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.teachDynaDiv .teachDynaRight {
  width: 50%;
  height: auto;
}

.teachDynaDiv .teachDynaRight ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.teachDynaDiv .teachDynaRight ul li {
  margin-bottom: 20px;
  width: 100%;
  height: auto;
  float: left;
}

.teachDynaDiv .teachDynaRight ul li .teachImg {
  width: 41.6%;
  height: auto;
}

.teachDynaDiv .teachDynaRight ul li .teachImg a {
  display: block;
}

.teachDynaDiv .teachDynaRight ul li .teachImg a img {
  display: block;
  width: 100%;
  height: 138px;
}

.teachDynaDiv .teachDynaRight ul li .teachTxt {
  width: 56%;
  height: auto;
}

.teachDynaDiv .teachDynaRight ul li .teachTxt a {
  margin-top: -7px;
  height: 34px;
  line-height: 34px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  width: 100%;
  font-size: 20px;
  color: #161616;
}

.teachDynaDiv .teachDynaRight ul li .teachTxt h3 {
  height: 22px;
  line-height: 22px;
  width: 100%;
  font-size: 12px;
  color: #161616;
}

.teachDynaDiv .teachDynaRight ul li .teachTxt p {
  height: 72px;
  overflow: hidden;
  margin-top: 17px;
  line-height: 24px;
  width: 100%;
  font-size: 12px;
  color: #888888;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.teachDynaDiv .teachDynaRight ul li .teachTxt a:hover {
  color: #d5001f;
}


.bodyDiv {
  background: url(../image/back66.jpg) right top no-repeat;
  background-size: 63.28%;
}


.aboutDiv {
  padding-top: 150px;
  height: auto;
}

.aboutDiv .aboutMain {
  padding-bottom: 36px;
  background: url(../image/title18.png) right bottom no-repeat;
  width: 740px;
  height: auto;
}

.aboutDiv .aboutMain h2 {
  position: relative;
  padding-bottom: 37px;
  height: 66px;
  line-height: 66px;
  font-size: 40px;
  color: #333333;
  font-weight: 600;
}

.aboutDiv .aboutMain h2 span {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 34px;
  height: 2px;
  background: #d5001f;
}

.aboutDiv .aboutMain h3 {
  margin: 26px 0 58px;
  line-height: 42px;
  font-size: 20px;
  color: #000;
}

.aboutDiv .aboutMain p {
  margin-bottom: 22px;
  line-height: 34px;
  font-size: 16px;
  color: #666666;
}

.aboutDiv .aboutMain p.aboutP {
  width: 470px;
}

.aboutDiv .aboutMain p.aboutP1 {
  width: 550px;
}


.introOne {
  margin-top: 90px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.introOne .introLeft {
  width: 50%;
  height: auto;
  overflow: hidden;
}

.introOne .introLeft img {
  float: right;
  display: block;
  height: auto;
}

.introOne .introRight {
  width: 50%;
  height: auto;
}

.introOne .introRight .introRightTxt {
  padding-top: 28px;
  width: 460px;
  padding-left: 35px;
}

.introOne .introRight .introRightTxt h2 {
  margin-bottom: 26px;
  padding-top: 56px;
  background: url(../image/ico6.png) 0 0 no-repeat;
  line-height: 40px;
  font-size: 20px;
  color: #000;
}

.introOne .introRight .introRightTxt p {
  line-height: 34px;
  font-size: 16px;
  color: #666;
}

.introTwo {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.introTwo .introTwoLeft {
  width: 50%;
  height: auto;
  background: url(../image/back10.jpg) right 0 no-repeat;
}

.introTwo .introTwoLeft .introTwoLeftMain {
  padding-top: 86px;
  float: right;
  width: 500px;
}

.introTwo .introTwoLeft .introTwoLeftMain img {
  display: block;
  width: 100%;
  height: 418px;
}

.introTwo .introTwoLeft .introTwoLeftMain p {
  margin-bottom: 110px;
  background: url(../image/ico11.png) 50px 0 no-repeat;
  padding-top: 75px;
  line-height: 40px;
  padding-left: 50px;
  font-size: 20px;
  color: #fff;
}

.introTwo .introTwoRight {
  width: 50%;
  height: auto;
  background: url(../image/back9.jpg) left 0 no-repeat;
}

.introTwo .introTwoRight .introTwoRightMain {
  float: left;
  width: 500px;
  height: auto;
}

.introTwo .introTwoRight .introTwoRightMain p {
  padding-left: 36px;
  margin-top: 88px;
  line-height: 32px;
  font-size: 16px;
  color: #666666;
}

.introTwo .introTwoRight .introTwoRightMain img {
  display: block;
  width: 100%;
  height: 391px;
}


.honorsDiv .title i img {
  height: 112px;
}

.honorsDiv .title h2 {
  height: 112px;
  padding: 0;
  line-height: 122px;
}

.honoList {
  padding-top: 60px;
  width: 100%;
  height: auto;
  position: relative;
}

.honoLine {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 197px;
  background: #bfbfbf;
}

.honorsDiv ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.honorsDiv ul li {
  margin-bottom: 60px;
  width: 100%;
  height: auto;
  float: left;
}

.honorsDiv ul li .honoLeft {
  width: 200px;
  height: auto;
  float: left;
  text-align: right;
}

.honorsDiv ul li .honoLeft span {
  background: url(../image/ico24.png) right center no-repeat;
  height: 50px;
  padding-right: 60px;
  line-height: 50px;
  display: block;
  font-size: 44px;
  color: #333333;
}

.honorsDiv ul li .honoLeft em {
  height: 46px;
  padding-right: 60px;
  line-height: 46px;
  display: block;
  font-size: 32px;
  color: #333333;
}

.honorsDiv ul li .honoRight {
  position: relative;
  padding: 16px 0;
  margin-top: 8px;
  width: 73%;
  height: auto;
  float: right;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
}

.honorsDiv ul li .honoRight p {
  padding: 0 22px;
  overflow: hidden;
}

.honorsDiv ul li .honoRight p em {
  margin-right: 16px;
  float: left;
  margin-top: 7px;
  display: block;
  border-radius: 100%;
  width: 18px;
  line-height: 18px;
  background: #000;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 18px;
}

.honorsDiv ul li .honoRight p span {
  width: 95%;
  float: left;
  line-height: 32px;
  display: block;
  font-size: 16px;
  color: #666;
}

.honorsDiv ul li .honoRight i {
  display: block;
  position: absolute;
}

.honorsDiv ul li .honoRight i.ico1 {
  left: -10px;
  top: 0;
  width: 16px;
  height: 26px;
  background: url(../image/ico23.png) no-repeat;
}

.honorsDiv ul li .honoRight i.ico2 {
  top: -1px;
  left: -8px;
  width: 10px;
  height: 1px;
  background: #d6d6d6;
}

.honorsDiv ul li .honoMore {
  width: 73%;
  float: right;
}

.honorsDiv ul li .honoMore a {
  display: block;
  width: 136px;
  height: 40px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  font-size: 12px;
  color: #3b3b3b;
  text-align: center;
  line-height: 40px;
}

.honorsDiv ul li .honoMore a:hover {
  border: 1px solid #d5001f;
  background: #d5001f;
  color: #fff;
}


.lbs2BannTxtWrap .bannTxtBox1 {
  background: #fff url(../image/ico12.png) right top no-repeat;
}


.brandDiv .title {
  padding-bottom: 17px;
}

.brandDiv .title h2 {
  padding-top: 3px;
  height: 100px;
  line-height: 100px;
  padding-bottom: 2px;
}

.brandDiv ul {
  margin-top: 60px;
  width: 100%;
  height: auto;
}

.brandDiv ul li {
  width: 22%;
  height: auto;
  float: left;
  margin: 0 1.5%;
}

.brandDiv ul li a {
  border-radius: 12px;
  text-align: center;
  padding: 46px 12px 50px;
  height: 210px;
  overflow: hidden;
  display: block;
  border: 1px solid #d5d5d5;
}

.brandDiv ul li a span {
  margin: 0 auto;
  display: block;
  width: 56px;
  height: auto;
}

.brandDiv ul li a span img {
  display: block;
  width: 100%;
  height: 50px;
}

.brandDiv ul li a h2 {
  margin: 34px 0 36px;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  color: #3b3b3b;
}

.brandDiv ul li a p {
  line-height: 18px;
  font-size: 12px;
  color: #3b3b3b;
}

.brandDiv ul li:hover a {
  border: 1px solid #fff;
  box-shadow: 0 0 30px rgba(213, 0, 32, 0.3);
  transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -webkit-transform: translate(0, -8px);
  -o-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
}


.conditionsDiv_cont {
  width: 100%;
  background: #f8f8f8;
  margin-top: 100px;
}

.readingDiv_cont {
  width: 100%;
  background: #cf373d;
  margin-top: 100px;
}

.readingDiv_cont1 {
  width: 100%;
  background: #fff;
}

.readingDiv_cont .title h2 {
  padding-top: 22px;
  height: 33px;
  line-height: 33px;
  padding-bottom: 2px;
  font-size: 24px;
  color: #fff;
}

.readingDiv_cont .title h2 span {
  background: #fff;
}

.conditionsDiv .title {
  padding-bottom: 36px;
}

.conditionsDiv .title h2 {
  padding-top: 22px;
  height: 100px;
  line-height: 100px;
  padding-bottom: 2px;
}

.conditionsDiv .title i img {
  height: 160px;
}

.reading_highlight_content {
  width: 1030px;
  margin-left: 50%;
  transform: translateX(-50%);
}

.reading_highlight_card {
  display: inline-block;
  margin-left: 20px;
  width: 254px;
  height: 312px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 20px;
  margin-bottom: 88px;
  padding: 39px 32px;
  vertical-align: bottom;
  text-align: center;
}

.reading_highlight_card img {
  width: 112px;
  height: 112px;
  margin-left: 50%;
  transform: translateX(-56px);
}

.reading_highlight_card .highlight_title {
  font-size: 20px;
  font-weight: 600;
  color: #3f3a3a;
  line-height: 28px;
  text-align: center;
  margin-top: 32px;
}

.reading_highlight_card .highlight_content {
  font-size: 16px;
  color: #9f9b9a;
  line-height: 22px;
  margin-top: 16px;
}

.drama_training_title {
  position: relative;
  width: 1000px;
  height: 32px;
  font-size: 20px;
  font-weight: 500;
  color: #303030;
  line-height: 32px;
  background-size: 24px 24px;
  padding-left: 37px;
}

.drama_training_title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: no-repeat url(../image/icon-Tranning.png);
  background-size: 24px auto;
}

.drama_training_content {
  font-size: 18px;
  font-weight: 400;
  color: #787878;
  line-height: 32px;
  padding: 8px 0 24px 0;
}

.drama_training_img {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}

.drama_training_img > img {
  max-width: 480px;
  max-height: 261px;
  border-radius: 5px;
}

.readingDiv .title {
  padding-bottom: 36px;
  padding-top: 88px;
}

.readingDiv .title h2 {
  padding-top: 0;
  height: 30px;
  line-height: 30px;
  padding-bottom: 2px;
  font-size: 24px;
}

.readingDiv .title h2 span {
  top: 40px;
}

.readingDiv .title i img {
  height: auto;
}

.readingDiv .original_bd {
  width: 1000px;
  overflow: hidden;
}

.readingDiv .original_bd img {
  margin-left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.readingDiv .original_bd2 img {
  width: auto;
}

.readingDiv .original_bd p {
  line-height: 20px;
  font-size: 14px;
  margin: 8px auto;
}

.readingDiv .book_detail {
  width: 1000px;
  margin-top: 22px;
}

.readingDiv .book_detail .triangle {
  margin-left: 106px;
  margin-top: -28px;
  width: 28px;
  height: 28px;
  background: url(../image/triangle.png) center bottom no-repeat;
  background-size: 100% auto;
}

.readingDiv .book_detail img {
  width: 1000px;
  height: 596px;
  border: 1px solid #ff0146;
  border-radius: 20px;
}

.readingDiv .reading_drive {
  height: 400px;
}

.readingDiv .reading_drive2 {
  height: 800px;
}

.readingDiv .reading_partners {
  width: 900px;
  border-radius: 12px;
  padding: 50px;
}

.readingDiv .reading_partners img {
  width: 898px;
}


.supportDiv .title {
  padding-bottom: 50px;
}

.supportDiv .title i img {
  height: 178px;
}

.supportDiv .title h2 {
  height: 102px;
  line-height: 102px;
  padding: 24px 0 2px;
}

.supporBox {
  margin-top: 80px;
  width: 100%;
  height: auto;
  background: #3d5da1;
}

.supporLeft {
  overflow: hidden;
  text-align: right;
  width: 50%;
  height: auto;
}

.supporLeft img {
  display: block;
  height: 261px;
  width: 100%;
}

.supporRight {
  text-align: left;
  width: 50%;
  height: auto;
}

.supperMain {
  padding: 36px 0 38px;
  margin-left: 60px;
  float: left;
  width: 380px;
  color: #fdfdfd;
}

.supperMain h2 {
  margin-bottom: 34px;
  line-height: 40px;
  font-size: 24px;
}

.supperMain p {
  line-height: 28px;
  font-size: 16px;
}

.supporBox1 {
  width: 100%;
  height: auto;
  background: #d5001f;
}

.supporBox1 .supporLeft .supperMain {
  float: right;
  margin-left: 0;
  margin-right: 60px;
}

.supporBox1 .supporRight {
  background: #fff;
}

.supporBox1 .supporRight .supperMain {
  color: #3b3b3b;
}


.processDiv ul {
  margin-top: 60px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.processDiv ul li {
  margin-bottom: 44px;
  float: left;
  position: relative;
  width: 25%;
  height: auto;
}

.processDiv ul li a {
  color: #333;
  width: 148px;
  border-radius: 15px;
  padding: 25px 20px;
  display: block;
  margin: 0 auto;
  background: #f3f3f3 url(../image/ico12.png) right top no-repeat;
}

.processDiv ul li a h2 {
  margin-bottom: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  font-size: 28px;
}

.processDiv ul li a p {
  height: 60px;
  line-height: 30px;
  overflow: hidden;
  font-size: 18px;
}

.processDiv ul li i {
  display: block;
  position: absolute;
  right: -3px;
  top: 50%;
  margin-top: -7px;
  width: 8px;
  height: 15px;
}

.processDiv ul li i img {
  display: block;
  width: 8px;
  height: 15px;
}

.processDiv ul li.processLi4 i,
.processDiv ul li.processLi5 i {
  display: none;
}

.processDiv ul li.processLi5 i,
.processDiv ul li.processLi6 i,
.processDiv ul li.processLi7 i,
.processDiv ul li.processLi8 i {
  right: auto;
  left: -3px;
}

.processDiv ul li a:hover {
  background: #d5001f;
  color: #fff;
}


.distribution .disMap {
  margin-top: 60px;
}

.distribution .disMap img {
  display: block;
  width: 60.9%;
  height: auto;
  margin-left: 5%;
}


.firstleapDiv .title {
  padding-bottom: 36px;
}

.firstleapDiv .title i img {
  height: 158px;
}

.firstleapDiv .title h2 {
  padding-top: 24px;
  height: 96px;
  line-height: 96px;
  padding-bottom: 2px;
}


.joinDiv {
  margin-top: 100px;
  text-align: center;
  color: #f2f2f2;
  font-size: 16px;
  padding: 60px 0;
  background: url(../image/back4.jpg) center center no-repeat;
}

.joinDiv img {
  display: block;
  margin: 0 auto 8px;
}

.joinDiv h2 {
  height: 32px;
  line-height: 32px;
}

.joinDiv p {
  margin-bottom: 10px;
  height: 32px;
  line-height: 32px;
}



.withBox {
  margin-top: 54px;
  height: auto;
}

.withBox .withLeft {
  width: 48.7%;
  height: auto;
}

.withBox .withLeft img {
  display: block;
  width: 100%;
}

.withBox .withRight {
  padding-top: 82px;
  width: 45%;
  height: auto;
}

.withBox .withRight h2 {
  line-height: 34px;
  font-size: 20px;
  color: #000;
}

.withBox .withRight p {
  line-height: 24px;
  font-size: 14px;
  color: #3b3b3b;
}

.heightDiv {
  height: 42px;
}


.title p {
  margin-top: 50px;
  line-height: 30px;
  font-size: 24px;
  color: #000000;
  text-align: center;
}

.lessonList li a span {
  width: 86px;
}

.lessonList li a span img {
  height: 88px;
}


.exerciseDiv {
  padding-top: 33px;
  text-align: center;
  width: 100%;
  height: auto;
  background: url(../image/back4.jpg) center center no-repeat;
}

.exerciseDiv h2 {
  height: 110px;
  padding-bottom: 2px;
  line-height: 110px;
  font-size: 32px;
  color: #ffffff;
  position: relative;
}

.exerciseDiv h2 span {
  height: 2px;
  background: #828dac;
  width: 36px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -18px;
}

.exerciseDiv h3 {
  margin: 30px 0;
  line-height: 40px;
  font-size: 24px;
  color: #ffffff;
  position: relative;
}

.exerciseDiv p {
  line-height: 30px;
  font-size: 16px;
  color: #ffffff;
  position: relative;
}

.exerciseDiv img {
  width: 488px;
  height: 268px;
  display: block;
  margin: 54px auto 0;
}


.libraryDiv {
  margin-top: 20px;
}

.libraryDiv .title {
  padding-bottom: 50px;
}

.libraryDiv .title p {
  margin-top: 70px;
}

.libraryDiv .title i img {
  height: 172px;
}

.libraryDiv .title h2 {
  padding-top: 10px;
  height: 110px;
  line-height: 110px;
  padding-bottom: 2px;
}

.librayOne {
  margin-top: 20px;
  width: 100%;
  height: auto;
}

.librayOne .libraryLeft {
  margin-left: 4%;
  width: 34.2%;
  height: auto;
}

.librayOne .libraryLeft img {
  display: block;
  width: 100%;
  height: auto;
}

.librayOne .libraryRight {
  padding-top: 72px;
  width: 55.4%;
}

.librayOne .libraryRight p {
  margin-bottom: 54px;
  line-height: 30px;
  font-size: 20px;
  color: #666666;
}


.oxford {
  height: auto;
}

.oxford h2 {
  text-align: center;
  padding: 72px 0;
  line-height: 50px;
  font-size: 24px;
  color: #000;
}

.oxford ul {
  padding: 0 80px;
}

.oxford ul li {
  margin-bottom: 36px;
  width: 12.5%;
  height: auto;
  float: left;
}

.oxford ul li a {
  display: block;
  width: 75px;
  height: auto;
  margin: 0 auto;
}

.oxford ul li a img {
  display: block;
  width: 100%;
  height: 100px;
}

.oxford ul li a:hover {
  transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -webkit-transform: translate(0, -8px);
  -o-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
}


.magicDiv {
  margin-bottom: 170px;
  margin-top: 60px;
  background: #eeeeee;
}

.magicBox {
  padding-bottom: 237px;
  position: relative;
}

.magicBox .title {
  margin-bottom: 34px;
}

.magicBox .title i img {
  height: 172px;
}

.magicBox .title h2 {
  height: 172px;
  line-height: 172px;
  padding: 0;
}

.magicBox p {
  text-align: center;
  line-height: 42px;
  font-size: 20px;
  color: #666;
}

.magicBox img.magicImg {
  position: absolute;
  left: 1.15%;
  bottom: -168px;
  display: block;
  width: 97.7%;
  height: auto;
}


.synchronous {
  padding-top: 30px;
}

.synchronous h2 {
  line-height: 40px;
  font-size: 24px;
  color: #000000;
  text-align: center;
}

.synchronous p {
  line-height: 20px;
  font-size: 16px;
  color: #999999;
  text-align: center;
}

.synchronOne {
  width: 83%;
  height: auto;
  margin: 50px auto 0;
}

.synchronOne .synLeft {
  width: 47%;
  height: auto;
  position: relative;
}

.synchronOne .synLeft a {
  border-radius: 15px;
  display: block;
  height: 336px;
  overflow: hidden;
  padding: 44px 36px 50px;
  background: #e60021;
}

.synchronOne .synRight a {
  background: #374e8c;
}

.synchronOne .synLeft i {
  position: absolute;
  top: 0;
  right: 12px;
  display: block;
  width: 143px;
  height: auto;
}

.synchronOne .synLeft i img {
  display: block;
  width: 100%;
  height: 86px;
}

.synchronOne .synLeft h2 {
  margin-bottom: 26px;
  height: 58px;
  line-height: 58px;
  overflow: hidden;
  font-size: 32px;
  color: #fff;
}

.synchronOne .synLeft p {
  line-height: 36px;
  font-size: 18px;
  color: #fff;
}


.top_banner {
  width: 100%;
  min-width: 1200px;
  position: relative;
  margin-top: 90px;
}

.top_banner .mm1 {
  width: 100%;
}

.top_banner .contr {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.top_banner .contr .mm2 {
  margin: 15% auto 0;
}

.top_banner .contr .mm3 {
  margin: 3% auto 0;
}




.inter {
  width: 100%;
  min-width: 1200px;
  position: relative;
  overflow: hidden;
  margin-top: 80px;
}

.inter .ph {
  width: 50%;
  float: left;
  height: 279px;
}

.inter .ph1 {
  background: #e70022;
}

.inter .ph2 {
  background: #395ea9;
}

.inter .cont {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.inter .cont .i_left {
  width: 50%;
  float: left;
}

.inter .cont .i_left h2 {
  font-size: 30px;
  color: #fff;
  margin-top: 30px;
}

.inter .cont .i_left h1 {
  font-size: 32px;
  color: #fff;
  margin: 20px 0 6px 0;
  font-weight: bold;
}

.inter .cont .i_left p {
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  margin-right: 50px;
}

.inter .cont .i_right {
  width: 50%;
  float: right;
}

.inter .cont .i_right img {
  width: 100%;
}


.voidDiv {
  min-width: 1200px;
}

.voids p {
  margin: 30px auto;
  font-size: 14px;
  color: #333;
  line-height: 30px;
  max-width: 940px;
}

.voids p:first-child {
  text-indent: 28px;
}

.voids p i {
  font-weight: bold;
  text-indent: 0;
}

.voids p b {
  width: 28px;
  height: 2px;
  display: inline-block;
}

.voids .voids_cont {
  max-width: 940px;
  margin: auto;
  position: relative;
  padding-bottom: 40px;
}

.voids .voids_cont .bd {
  width: 940px;
  height: 560px;
  border-radius: 15px;
  overflow: hidden;
}

.voids .voids_cont .bd ul li {
  width: 940px;
  height: 560px;
}

.voids .voids_cont .hd {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -84px;
}

.voids .voids_cont .hd ul li {
  width: 40px;
  height: 7px;
  background: #999;
  margin: 0 8px;
  float: left;
}

.voids .voids_cont .hd ul li.on {
  background: #e60021;
}


.photoDiv {
  min-width: 1200px;
}

.photo_list {
  padding: 80px 0;
}

.photo_list ul li {
  float: left;
  width: 32%;
  margin: 0.5%;
}

.photo_list ul li .bb {
  width: 100%;
  transition: all 0.8s;
}

.photo_list ul li:hover .bb {
  opacity: 0.8;
}

.photo_list ul li .po {
  display: block;
  overflow: hidden;
}

.photo_list .curr {
  width: 65.2%;
}

.photo_list .tip {
  position: relative;
}

.photo_list .pager {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.photo_list .pager .pp {
  position: relative;
  padding: 8%;
  height: 84%;
}

.photo_list .pager .pp .tt2 {
  position: absolute;
  top: 20px;
  right: 30px;
}

.photo_list .pager .pp p {
  font-size: 16px;
  color: #fff;
  line-height: 30px;
}

.photo_list .pager .pp a {
  width: 98px;
  height: 34px;
  border: 1px solid #fff;
  display: block;
  text-align: center;
  line-height: 34px;
  color: #fff;
  font-size: 14px;
  margin-top: 30px;
  transition: all 0.5s;
}

.photo_list .pager .pp a:hover {
  box-shadow: inset 49px 0px 0px 1px #fff, inset -49px 0px 0px 1px #fff;
  opacity: 1;
  color: #333;
}

.photo_list .pager .pp1 h1 {
  font-size: 30px;
  color: #fff;
  margin: 30px 0;
}

.photo_list .pager .pp2 img {
  position: absolute;
  top: 20px;
  left: 20px;
}

.photo_list .pager .pp2 p {
  margin-top: 80px;
}

.photo_list .pager .pp3 p {
  margin-top: 90px;
}


.bookDiv {
  min-width: 1200px;
  margin-top: 90px;
}

.book .b_left {
  float: left;
  width: 47%;
  margin-right: 3%;
}

.book .b_left img {
  width: 100%;
  transition: all 0.8s;
}

.book .b_left a {
  display: block;
  overflow: hidden;
}

.book .b_left:hover img {
  transform: scale(1.1);
}

.book .b_left h1 {
  font-size: 20px;
  color: #333;
  margin: 35px 0 10px 0;
  transition: all 0.8s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.book .b_left:hover h1 {
  color: #e60021;
}

.book .b_left h2 {
  font-size: 14px;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  max-height: 80px;
}

.book .b_left p {
  font-size: 12px;
  color: #666;
  line-height: 26px;
  margin-top: 20px;
}

.book .b_right {
  float: right;
  width: 50%;
}

.book .b_right ul li {
  margin-bottom: 43px;
}

.book .b_right ul li img {
  transition: all 0.8s;
  float: left;
  margin-right: 15px;
  overflow: hidden;
}

.book .b_right ul li:hover img {
  transform: scale(1.1);
}

.book .b_right ul li h1 {
  font-size: 20px;
  color: #333;
  transition: all 0.8s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.book .b_right ul li:hover h1 {
  color: #e60021;
}

.book .b_right ul li h2 {
  font-size: 14px;
  color: #333;
  margin: 10px 0 20px 0;
}

.book .b_right ul li p {
  font-size: 12px;
  color: #666;
  line-height: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  max-height: 72px;
}


.hear_w {
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
  position: relative;
  margin-top: 90px;
}

.hear_w img {
  width: 100%;
}

.hear_w .p_up {
  position: absolute;
  bottom: 80px;
  left: 50%;
  margin-left: -500px;
}

.hear_w .p_up .up_cont {
  width: 340px;
  padding: 30px;
  background: #fff;
  border-radius: 10px;
}

.hear_w .p_up .up_cont h1 {
  font-size: 26px;
  color: #000;
  font-weight: bold;
}

.hear_w .p_up .up_cont p {
  font-size: 12px;
  color: #4b4b4b;
  line-height: 24px;
  margin: 15px 0;
}

.hear_w .p_up .up_cont p b {
  width: 50%;
  display: inline-block;
}

.hear_w .p_up .up_cont a {
  width: 200px;
  height: 50px;
  display: block;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  background: #e70022;
  border-radius: 5px;
  transition: all 0.5s;
}

.hear_w .p_up .up_cont a:hover {
  background: #bf0003;
}

.hear_w .p_up .up_cont2 a {
  width: 100%;
}


.voidDiv {
  min-width: 1200px;
  margin-top: 50px;
}

.void_w {
  max-width: 945px;
  height: 560px;
  margin: auto;
  border-radius: 10px;
  overflow: hidden;
  background: url(../image/background_2.jpg) no-repeat center;
  background-size: cover;
}

.void_w2 {
  margin: 60px auto 0;
}


.sty_cont {
  width: 100%;
  min-width: 1200px;
  padding: 50px 0;
  background: #d5001f;
  position: relative;
  margin: 65px 0;
}

.sty_cont .se_left {
  float: left;
  width: 50%;
  position: relative;
}

.sty_cont .se_left .ss {
  width: 100%;
  border-radius: 10px;
}

.sty_cont .se_left .ss2 {
  position: absolute;
  bottom: -50px;
  right: -80%;
}

.sty_cont .se_right {
  position: absolute;
  top: 50px;
  left: 53%;
}

.sty_cont .se_right .rr {
  margin: 25px 0 35px 0;
}

.sty_cont .se_right h1 {
  font-size: 32px;
  color: #fff;
}

.sty_cont .se_right b {
  font-size: 16px;
  color: #fff;
  display: block;
}

.sty_cont .se_right h2 {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  margin: 80px 0 35px 0;
}

.sty_cont .se_right p {
  font-size: 16px;
  color: #fff;
  line-height: 44px;
}


.ideaDiv {
  min-width: 1200px;
}

.idea h1 {
  font-size: 32px;
  color: #333;
  text-align: center;
}

.idea b {
  font-size: 16px;
  color: #000;
  display: block;
  text-align: center;
}

.idea h2 {
  font-size: 24px;
  color: #333;
  text-align: center;
  margin: 30px 0 25px 0;
}

.idea p {
  margin: auto;
  width: 756px;
  font-size: 16px;
  color: #666;
  line-height: 30px;
  text-align: center;
}

.idea img {
  margin: auto;
}

.idea .cont {
  margin-top: 30px;
}


.pathDiv {
  min-width: 1200px;
}

.path {
  padding-top: 65px;
  max-width: 990px;
  margin: auto;
}

.path h1 {
  font-size: 32px;
  color: #333;
  text-align: center;
}

.path b {
  font-size: 16px;
  color: #000;
  display: block;
  text-align: center;
}

.path .cont ul li {
  width: 280px;
  height: 150px;
  float: left;
  margin: 0 25px;
  margin-top: 45px;
  cursor: pointer;
}

.path .cont ul li a {
  display: block;
  width: 278px;
  height: 148px;
  border: 1px solid #ccc;
  border-radius: 10px;
  transition: all 0.8s;
}

.path .cont ul li:hover a {
  box-shadow: 0 0 30px rgba(213, 0, 32, 0.3);
  border-color: #fff;
  transform: translate(0, -8px);
}

.path .cont ul li .nn {
  width: 100%;
  height: 75px;
  position: relative;
}

.path .cont ul li .nn p {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 20px;
  color: #333;
}

.path .cont ul li h2 {
  font-size: 14px;
  color: #666;
  text-align: center;
  margin-top: 20px;
}

.path i {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #666;
  margin-top: 20px;
}

.path2 {
  padding-top: 100px;
}

.path2 h1 {
  font-weight: bold;
}

.path2 .cont p {
  font-size: 30px;
  color: #333;
  text-align: center;
  margin-top: 25px;
}

.path .cont ul li h2 {
  line-height: 20px;
}


.mover {
  width: 100%;
  min-width: 1200px;
  position: relative;
  margin-top: 80px;
}

.mover .tr1 {
  width: 50%;
  height: 350px;
  float: left;
  background: #d5001f;
}

.mover .tr2 {
  width: 50%;
  height: 350px;
  float: right;
  background: #3a5395;
}

.mover .mover_cont {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -500px;
}

.mover .mover_cont .mn_left {
  float: left;
}

.mover .mover_cont .mn_left img {
  width: 100%;
}

.mover .mover_cont .mn_right {
  height: 350px;
  float: right;
  position: relative;
}

.mover .mover_cont .mn_right img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.mover .mover_cont .mn_right p {
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  margin: 100px 0 0 50px;
}


.foreDiv {
  min-width: 1200px;
}

.fore {
  padding: 65px;
  background: #fafafa;
  margin: 60px auto 45px auto;
  border-radius: 10px;
}

.fore img {
  margin: auto;
}


.advant .adv_cont2 {
  margin-top: 50px;
}

.advant .adv_cont .v_left {
  width: 56%;
  border-radius: 15px;
}

.advant .adv_cont .v_left img {
  width: 100%;
}

.advant .adv_cont .v_right {
  width: 40%;
  height: 432.86px;
  background: #e70022;
  border-radius: 15px;
  position: relative;
}

.advant .adv_cont .v_right img {
  position: absolute;
  bottom: 0;
  left: 40px;
}

.advant .adv_cont .v_right h1 {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  margin: 75px 0 20px 50px;
}

.advant .adv_cont .v_right p {
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  margin-left: 50px;
}

.advant .adv_cont .v_left1 {
  float: left;
}

.advant .adv_cont .v_right1 {
  float: right;
}

.advant .adv_cont .v_left2 {
  float: right;
  height: 433px;
}

.advant .adv_cont .v_right2 {
  float: left;
  height: 433px;
  background: #3a5395;
}


.powDiv {
  min-width: 1200px;
  margin-top: 80px;
}

.power .p_cont {
  max-width: 940px;
  margin: 0 auto 80px auto;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.power .p_cont .pp {
  width: 100%;
  transition: all 0.8s;
}

.power .p_cont:hover .pp {
  transform: scale(1.1);
}

.power .p_cont .wer1 {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../image/background_1.png) no-repeat right top;
  width: 382px;
  height: 430px;
}

.power .p_cont .wer1 p {
  font-size: 20px;
  color: #fff;
  line-height: 40px;
  text-align: right;
  margin: 80px 60px 0 0;
}

.power .p_cont .wer2 {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../image/background_2.png) no-repeat right top;
  width: 382px;
  height: 430px;
}

.power .p_cont .wer2 p {
  font-size: 20px;
  color: #fff;
  line-height: 40px;
  text-align: left;
  margin: 160px 0 0 25px;
}


.news {
  width: 100%;
  min-width: 1200px;
  position: relative;
  overflow: hidden;
  z-index: -1;
}

.news .nn1 {
  height: 650px;
  width: 100%;
  background: url(../image/news_background_1.jpg) no-repeat center;
}

.news .nn2 {
  position: absolute;
  top: 210px;
  left: 50%;
  margin-left: -138px;
}

.news_cont {
  width: 1120px;
  padding: 50px 40px;
  margin: -200px auto 0;
  background: #fff;
  border-radius: 15px;
}

.news_cont h1 {
  font-size: 30px;
  color: #333;
  text-align: center;
  padding-bottom: 35px;
  border-bottom: 1px solid #e7e7e7;
}

.news_cont ul li {
  padding: 40px 25px;
  border-bottom: 1px dashed #e7e7e7;
  cursor: pointer;
}

.news_cont ul li img {
  transition: all 0.8s;
  float: left;
  overflow: hidden;
}

.news_cont ul li:hover img {
  transform: scale(1.1);
}

.news_cont ul li .nn {
  float: right;
  width: 790px;
}

.news_cont ul li h2 {
  font-size: 20px;
  color: #333;
  line-height: 40px;
  transition: all 0.8s;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.news_cont ul li:hover h2 {
  color: #e60021;
}

.news_cont ul li p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.news_cont ul li span {
  font-size: 12px;
  color: #ccc;
  margin-top: 20px;
  display: block;
}

.news_cont ul li span i {
  color: #999;
}

.news_cont ul li span b {
  margin-left: 12px;
}

.moret {
  text-align: center;
  width: auto;
  margin: 40px auto 0;
  display: inline-block;
}

.moret a,
.moret span {
  width: 35px;
  height: 35px;
  border: 1px solid #ccc;
  float: left;
  margin: 0 4px;
  line-height: 35px;
  font-size: 14px;
  color: #666;
  border-radius: 2px;
  display: inline-block;
}

.moret a.next,
.moret a.prev {
  width: 78px;
}

.moret .current {
  background: #e60021;
  border-color: #e60021;
  color: #fff;
}

.newDiv {
  min-width: 1200px;
}

.banDiv {
  min-width: 1200px;
}

.news_bann {
  width: 1120px;
  padding: 50px 40px;
  margin: 35px auto;
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
}

.news_bann .title {
  margin-top: 0;
}

.news_bann .title .tt h1 {
  font-size: 30px;
  color: #000;
  text-align: center;
  margin: 25px 0;
}

.news_bann .content {
  width: 1000px;
  background: #f5f5f5;
  margin: 90px auto 0;
  position: relative;
}

.news_bann .content img {
  float: left;
  margin-right: 50px;
}

.news_bann .content h1 {
  font-size: 40px;
  color: #333;
  margin: 35px 0 20px 0;
}

.news_bann .content p {
  margin-right: 50px;
  font-size: 14px;
  color: #666;
  line-height: 30px;
}

.news_bann .content .next {
  width: 23px;
  height: 39px;
  background: url(../image/icon_8.png) no-repeat center;
  position: absolute;
  top: 50%;
  left: -60px;
  margin-top: -19.5px;
  cursor: pointer;
}

.news_bann .content .prev {
  width: 23px;
  height: 39px;
  background: url(../image/icon_9.png) no-repeat center;
  position: absolute;
  top: 50%;
  right: -60px;
  margin-top: -19.5px;
  cursor: pointer;
}


.natDiv {
  min-width: 1200px;
}

.nation {
  padding: 20px 0 30px 0;
  margin-top: 110px;
}

.nation h1 {
  float: left;
  color: #333;
  font-size: 18px;
  line-height: 20px;
}

.nation i {
  float: left;
  color: #333;
  font-size: 18px;
  margin: 0 15px;
  line-height: 20px;
}

.nation h2 {
  float: left;
  color: #e60021;
  font-size: 18px;
  line-height: 20px;
}

.infor {
  min-width: 1200px;
}

.infor .in_left {
  width: 50%;
  height: 430px;
  float: left;
  overflow: hidden;
}

.infor .in_left img {
  width: 100%;
  float: right;
}

.infor .in_right {
  width: 50%;
  float: right;
}

.infor .in_right img {
  margin-left: 50px;
  margin-top: 45px;
}

.infor .in_right h1 {
  font-size: 40px;
  color: #000;
  margin: 45px 0 40px 50px;
}

.infor .in_right p {
  overflow: hidden;
  margin: 15px 0 15px 50px;
  line-height: 35px;
}

.infor .in_right p a {
  width: 35px;
  height: 35px;
  float: left;
}

.infor .in_right p img {
  margin: 0;
}


.abstr {
  margin-bottom: 120px;
  min-width: 1200px;
}

.abstr .tr_left {
  width: 50%;
  float: left;
}

.abstr .tr_left .bb {
  background: #e60021;
  height: 431px;
  padding-bottom: 200px;
}

.abstr .tr_left .ff {
  float: right;
  margin-top: -200px;
}

.abstr .tr_left .ty {
  width: 390px;
  margin-right: 40px;
  float: right;
}

.abstr .tr_left .ty h1 {
  margin: 60px 0 40px 0;
  font-size: 32px;
  color: #fff;
  overflow: hidden;
  height: 36px;
  line-height: 36px;
}

.abstr .tr_left .ty h1 img {
  float: left;
  margin-right: 25px;
}

.abstr .tr_left .ty p {
  font-size: 20px;
  color: #fff;
  line-height: 40px;
}

.abstr .tr_right {
  width: 50%;
  float: right;
}

.abstr .tr_right .rr {
  width: 100%;
  background: #3b5396;
}

.abstr .tr_right p {
  width: 450px;
  font-size: 20px;
  color: #666;
  margin: 40px 0 0 50px;
  line-height: 40px;
}


.commrtt {
  min-width: 1200px;
  margin: 80px auto 0;
}

.brill {
  width: 900px;
  margin: auto;
}

.brill .bri_banner {
  position: relative;
  margin-bottom: 60px;
}

.brill .bri_banner img {
  width: 100%;
}

.brill .bri_banner .next {
  width: 29px;
  height: 29px;
  background: url(../image/icon_13.png) no-repeat center;
  position: absolute;
  left: -50px;
  top: 50%;
  margin-top: 24.5px;
}

.brill .bri_banner .prev {
  width: 29px;
  height: 29px;
  background: url(../image/icon_14.png) no-repeat center;
  position: absolute;
  right: -50px;
  top: 50%;
  margin-top: 24.5px;
}

.brill .list_b ul li {
  overflow: hidden;
  margin: 40px 0;
  float: left;
  cursor: pointer;
}

.brill .list_b ul li img {
  transition: all 0.5s;
  border-radius: 5px;
  float: left;
  margin-right: 45px;
  z-index: 8;
  position: relative;
}

.brill .list_b ul li img:hover {
  transform: scale(1.1);
}

.brill .list_b ul li h1 {
  font-size: 24px;
  color: #161616;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.brill .list_b ul li p {
  font-size: 16px;
  color: #666;
  line-height: 26px;
  margin: 20px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.brill .list_b ul li i {
  font-size: 14px;
  color: #989898;
}


.mainDiv {
  min-width: 1200px;
  overflow: hidden;
}

.title_r h2 {
  position: relative;
  z-index: 1;
  width: 100%;
  letter-spacing: 2px;
  text-indent: 2px;
  height: 90px;
  line-height: 98px;
  font-size: 32px;
  color: #000;
  text-align: center;
}

.title_t h2 {
  position: relative;
  z-index: 1;
  width: 100%;
  letter-spacing: 2px;
  text-indent: 2px;
  height: 90px;
  line-height: 110px;
  font-size: 32px;
  color: #000;
  text-align: center;
}

.title_t i img {
  height: 90px;
}

.yue {
  font-size: 24px;
  color: #000;
  text-align: center;
  margin-top: 40px;
  min-width: 1200px;
}


.feature ul li {
  width: 480px;
  height: 420px;
  margin-right: 40px;
  float: left;
  margin-bottom: 58px;
}

.feature ul li:nth-child(2n) {
  margin-right: 0;
}

.feature ul li a {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  transition: all 0.8s;
}

.feature ul li a img {
  transform: translate(-2px, -2px);
}

.feature ul li a .text_box {
  padding: 0 30px 0 20px;
  position: relative;
}

.feature ul li a .text_box h1 {
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ff0146;
  line-height: 56px;
  text-align: left;
  margin-bottom: 0;
}
.feature ul li a .text_box h2 {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 28px;
}

.feature ul li a .text_box p {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #787878;
  line-height: 22px;
  margin: 17px 0 0;
}

.label_h1 {
  text-align: center;
  width: 80px;
  height: 30px;
  font-size: 20px;
  line-height: 30px;
  margin: -4px 0 15px -21px;
  background: #ff004e;
  color: #fff;
}

.feature ul li b {
  display: block;
  width: 100%;
  height: 110px;
}

.feature ul li:first-child b {
  background: url(../image/icon1r.png) no-repeat center;
}

.feature ul li:nth-child(2) b {
  background: url(../image/icon3r.png) no-repeat center;
}

.feature ul li:nth-child(3) b {
  background: url(../image/icon4r.png) no-repeat center;
}

.feature ul li:nth-child(4) b {
  background: url(../image/icon5r.png) no-repeat center;
}

.feature ul li h1 {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.feature ul li p {
  margin: 8px 35px 0 35px;
  font-size: 15px;
  line-height: 24px;
  color: #666;
}



.procedures_box {
  margin-top: 20px;
  width: 1000px;
  margin-left: 50%;
  transform: translateX(-50%);
}

.procedures_box .box_item {
  margin-bottom: 40px;
  position: relative;
}

.procedures_box .box_item img {
  width: 100%;
}

.procedures_box .box_item .item_text {
  position: absolute;
  width: 240px;
  height: 260px;
  top: 0;
  left: 700px;
  padding: 20px 30px;
}

.procedures_box .box_item .item_text h1 {
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ff0146;
  line-height: 56px;
  text-align: left;
  margin-bottom: 0;
}
.procedures_box .box_item .item_text h2 {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 28px;
}
.procedures_box .box_item .item_text h3 {
  margin: 0 0 26px -5px;
  font-size: 25px;
  font-family: FZLanTingHeiS-DB-GB;
  font-weight: 400;
  color: #ffffff;
  line-height: 25px;
}
.procedures_box .box_item .item_text p {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #787878;
  line-height: 22px;
  margin: 17px 0 0;
}
.procedures_box .box_item .item_text ul li {
  text-indent: -4px;
  list-style: outside;
  font-size: 17px;
  font-weight: 400;
  color: #ffffff;
  line-height: 29px;
}

.puzzle_procedures .box_item .item_text {
  width: 260px;
}
.puzzle_procedures .box_item .item_text h1 {
  color: #fff;
}
.puzzle_procedures .box_item .item_text h2 {
  color: #fff;
}
.puzzle_procedures .box_item .item_text p {
  color: #fff;
}

.procedures_box .box_item .item_text_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 30px;
}

.procedures_box .box_item .item_text2 {
  left: 0;
  margin-left: 55px;
}

.procedures_box .box_item .item_text3 {
  left: 0;
  margin-left: 0px;
}

.level_box {
  margin-top: 20px;
}

.level_box .level_item {
  display: inline-block;
  width: 36%;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}

.level_box .level_item_center {
  width: 27%;
}

.level_box .level_item h3 {
  color: #e50044;
  margin-bottom: 10px;
}
.level_box .level_item p {
  color: #717171;
}

.level_img {
  margin-top: 50px !important;
}

#feature2 ul li:first-child b {
  background: url(../image/vv2.png) no-repeat center;
}

#feature2 ul li:nth-child(2) b {
  background: url(../image/vv1.png) no-repeat center;
}

#feature2 ul li:nth-child(3) b {
  background: url(../image/vv4.png) no-repeat center;
}

#feature2 ul li:nth-child(4) b {
  background: url(../image/vv3.png) no-repeat center;
}

.material_list ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.material_list ul li {
  width: 22.375%;
  margin-left: 3%;
}

.material_list ul li:first-child {
  margin-left: 0;
}

.material_list ul li img {
  width: 100%;
  border-radius: 5px;
  transition: all 0.5s;
}

.material_list ul li img:hover {
  margin-top: -6px;
  box-shadow: 0 0 10px #999;
}

.material_list ul li p {
  font-size: 14px;
  text-align: center;
  margin-top: 15px;
  color: #666;
}

.material_photo {
  position: relative;
  margin-top: 60px;
}

.reading_material {
  margin-top: 0;
  margin-bottom: 60px;
  height: 482px;
  overflow: visible;
}

.reading_material a {
  border: 10px solid #000;
  border-radius: 26px;
}

.material_photo .bd ul li {
  width: 100%;
}

.material_photo .bd ul li img {
  width: 100%;
  border-radius: 5px;
}

.material_photo .next {
  width: 36px;
  height: 36px;
  background: url(../image/icon6r.png) no-repeat center;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: -56px;
  cursor: pointer;
  transition: all 0.5s;
}

.reading_material .next {
  background-image: url(../image/icon_pre.png);
}

.material_photo .prev {
  width: 36px;
  height: 36px;
  background: url(../image/icon7r.png) no-repeat center;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  right: -56px;
  cursor: pointer;
  transition: all 0.5s;
}

.reading_material .prev {
  background-image: url(../image/icon_next.png);
}

.material_photo .next:hover {
  margin-left: -5px;
}

.material_photo .prev:hover {
  margin-right: -5px;
}

.instructional {
  width: 850px;
  margin: 0 auto;
}

.instructional img {
  width: 850px;
}

.instructional .cont ul {
  margin-bottom: 15px;
}

.instructional .cont ul li {
  height: 70px;
  float: left;
  margin-left: 15px;
  width: 240px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  line-height: 20px;
  transition: all 0.5s;
}

.instructional .cont ul li:hover {
  box-shadow: 2px 2px 2px #666;
}

.instructional .cont ul li:first-child {
  margin-left: 0;
  width: 80px;
  background: #ee5d78;
}

.instructional .cont ul li:nth-child(2) {
  background: #5d8ffb;
}

.instructional .cont ul li:nth-child(3) {
  background: #77b765;
}

.instructional .cont ul li:nth-child(4) {
  background: #f5bf45;
}

.instructional .cont:first-child ul li {
  background: hsla(0, 100%, 100%, 0);
  color: #000;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}

.drive ul li {
  width: 30%;
  margin: 40px 0;
  margin-right: 5%;
  float: left;
}

.drive ul li:nth-child(3n) {
  margin-right: 0;
}

.drive ul li img {
  width: 100%;
  border-radius: 15px;
  transition: all 0.5s;
}

.drive ul li img:hover {
  box-shadow: 0 0 20px #ccc;
}

.video_drive {
  position: relative;
}

.video_drive .drivevideo {
  width: 300px !important;
  height: 200px !important;
  border-radius: 10px;
  overflow: hidden;
  background: url(../image/vedioBack.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
  padding: 0;
  font-size: 10px;
  vertical-align: middle;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.video_drive b {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  background: url(../image/vides_i.png) no-repeat center;
  background-size: 100% 100%;
}

.video_drive em {
  display: block;
  position: absolute;
  top: 0;
  left: 28px;
  background: url(../image/minb.png) no-repeat top center;
  background-size: 100% 100%;
  width: 36px;
  height: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
}

.drive ul li h1 {
  font-size: 20px;
  text-align: center;
  margin: 30px 0 15px 0;
}

.drive ul li p {
  font-size: 14px;
  margin: 0 20px;
  line-height: 24px;
  color: #555;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 72px;
}

#hear_w .p_up .up_cont {
  width: 338px;
}

.material_rt {
  position: relative;
}

.material_rt .bd ul li {
  width: 20%;
  float: left;
}

.material_rt .bd ul li img {
  width: 92%;
  margin: 0 4%;
  border-radius: 5px;
  box-shadow: 0 0 10px #999;
}

.material_rt .bd ul li p {
  font-size: 14px;
  text-align: center;
  margin-top: 15px;
}

.material_rt .next {
  width: 36px;
  height: 36px;
  background: url(../image/icon6r.png) no-repeat center;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: -56px;
  cursor: pointer;
  transition: all 0.5s;
}

.material_rt .prev {
  width: 36px;
  height: 36px;
  background: url(../image/icon7r.png) no-repeat center;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  right: -56px;
  cursor: pointer;
  transition: all 0.5s;
}

.material_rt .next:hover {
  margin-left: -5px;
}

.material_rt .prev:hover {
  margin-right: -5px;
}

.instructional2 {
}

.instructional2 .hd {
  overflow: hidden;
  margin-bottom: 60px;
}

.instructional2 .hd ul li {
  width: 18%;
  height: 100px;
  margin-left: 2.5%;
  float: left;
  padding-bottom: 9px;
  cursor: pointer;
}

.instructional2 .hd ul li i {
  display: block;
  background: #f3f3f3;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  color: #878787;
  text-align: center;
  line-height: 100px;
  font-size: 22px;
  font-weight: bold;
}

.instructional2 .hd ul li.on {
  background: url(../image/icon_33.png) no-repeat center bottom;
}

.instructional2 .hd ul li.on i {
  background: #d5001f;
  color: #fff;
}

.instructional2 .hd ul li:first-child {
  margin-left: 0;
}

.instructional2 .bd {
  padding: 50px 0;
  margin: 0 80px;
  background: url(../image/comma1.png) no-repeat left top,
    url(../image/comma2.png) no-repeat bottom right;
}

.instructional2 .bd p {
  margin: 10px 40px 10px 80px;
  line-height: 30px;
  font-size: 17px;
}

.video_text {
  width: 860px;
  margin: auto;
}

.video_text p {
  font-size: 16px;
  line-height: 32px;
  color: #999;
}

.video_text img {
  width: 100%;
  margin-top: 82px;
}

.video_text .puzzle_img {
  width: 501px;
  margin-left: 50%;
  transform: translateX(-50%);
}

.scale img {
  width: 955px;
  margin: auto;
}

.titleDiv {
  min-width: 1200px;
}

.titleDiv .title h2 {
  height: 113px;
  line-height: 142px;
}

.titleDiv .title i img {
  height: 110px;
}

.titleDiv2 .title h2 {
  height: 72px;
  line-height: 76px;
}

#hear_w .p_up .up_cont a {
  width: 100%;
}

.inter .inter_cont {
  position: relative;
}

.inter .inter_cont .mm {
  position: absolute;
  bottom: 0;
  left: -50px;
}

.photo_list .pager .pp .rr1 {
  position: absolute;
  bottom: 20px;
  right: 30px;
}

.title_three_s {
  max-width: 860px;
  margin: 60px auto 0;
}

.title_three_s p {
  text-indent: 30px;
  font-size: 16px;
  line-height: 34px;
  color: #666;
}


.bannerTxt .bannTxtBox span {
  font-size: 16px;
  color: #0672bd;
}

.bannerTxt .bannTxtBox span i {
  color: #f18d00;
}

.bannerTxt .bannTxtBox h2 {
  font-size: 30px;
  margin: 30px 0;
}

.bannerTxt .puzzleTxtBox h2 {
  margin: 20px 0;
}

.bannerTxt .bannTxtBox p {
  font-size: 14px;
  color: #666;
  padding: 0;
}

.bannerTxt .bannTxtBox p i {
  margin-right: 10px;
  color: #d5001f;
}

.bannerTxt .bannTxtBox img {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
}

.index_out {
  margin: 80px auto;
}

.index_out ul li {
  float: left;
  cursor: pointer;
}

.index_out ul li:nth-child(2n) {
  width: 12%;
}

.index_out ul li em {
  width: 1px;
  height: 230px;
  display: block;
  margin: auto;
  background: rgba(0, 0, 0, 0);
}

.index_out ul li .mm {
  width: 270px;
  height: 220px;
  position: relative;
  display: inline-block;
}

.index_out ul li .mm .mmvideo {
  border-radius: 10px;
  overflow: hidden;
  background: url(../image/vedioBack.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
  padding: 0;
  font-size: 10px;
  vertical-align: middle;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.index_out ul li .mm img {
  width: 270px;
  border-radius: 10px;
}

.index_out ul li .mm b {
  width: 48px;
  height: 48px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -24px;
  margin-left: -24px;
  background: url(../image/index_icon_r1.png) no-repeat center;
  transition: all 0.8s;
}

.index_out ul li .mm:hover b {
  background: url(../image/index_icon_r2.png) no-repeat center;
}

.index_out ul li .mt {
  position: relative;
  display: inline-block;
  margin-left: 32px;
  height: 230px;
  vertical-align: top;
  padding-top: 50px;
}

.index_out ul li p {
  font-size: 12px;
  color: #999;
  margin: 10px 0 10px 0;
}

.index_out ul li h1 {
  font-size: 24px;
  color: #333;
  margin-top: 12px;
}

.index_out ul li h2 {
  font-size: 16px;
  color: #333;
}

.index_out ul li a {
  width: 120px;
  height: 30px;
  display: block;
  font-size: 12px;
  color: #333;
  line-height: 30px;
  text-align: center;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  margin-top: 20px;
  transition: all 0.8s;
}

.index_out ul li a:hover {
  color: #fff;
  border: 1px solid #d5001f;
  background: #d5001f;
}

.patriarch {
  width: 100%;
  background: #f8f8f8;
  padding-bottom: 80px;
}

.patriarch ul li {
  margin-top: 80px;
}

.patriarch ul li img {
  border-radius: 10px;
}

.patriarch ul li:first-child img {
  float: left;
  margin-right: 60px;
}

.patriarch ul li:first-child .nn {
  margin-right: 25px;
  width: 510px;
  float: right;
}

.patriarch ul li:first-child .nn em {
  font-size: 50px;
  color: #d5001f;
}

.patriarch ul li:first-child .nn h1 {
  font-size: 30px;
  margin-top: 8px;
}

.patriarch ul li:first-child .nn h2 {
  font-size: 20px;
  color: #333;
}

.patriarch ul li:first-child .nn ul li {
  margin-top: 0px;
  list-style: disc;
  line-height: 30px;
  margin-left: 20px;
}

.patriarch ul li:first-child .nn ul li:first-child {
  margin-top: 20px;
}

.patriarch ul li:first-child .nn p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  margin-top: 25px;
}

.patriarch ul li:nth-child(2n) img {
  float: right;
  margin-left: 60px;
}

.patriarch ul li:nth-child(2n) .nn {
  margin-left: 25px;
}

.patriarch ul li:nth-child(2n) .nn em {
  font-size: 50px;
  color: #d5001f;
}

.patriarch ul li:nth-child(2n) .nn h1 {
  font-size: 30px;
  margin-top: 8px;
}

.patriarch ul li:nth-child(2n) .nn h2 {
  font-size: 20px;
  color: #333;
}

.patriarch ul li:nth-child(2n) .nn ul li {
  margin-top: 0px;
  list-style: disc;
  line-height: 30px;
  margin-left: 20px;
}

.patriarch ul li:nth-child(2n) .nn ul li:first-child {
  margin-top: 20px;
}

.patriarch ul li:nth-child(2n) .nn p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  margin-top: 25px;
}

.patriarch ul li:nth-child(3n) img {
  float: left;
  margin-right: 60px;
}

.patriarch ul li:nth-child(3n) .nn {
  margin-right: 25px;
  width: 510px;
  float: right;
}

.patriarch ul li:nth-child(3n) .nn em {
  font-size: 50px;
  color: #d5001f;
}

.patriarch ul li:nth-child(3n) .nn h1 {
  font-size: 30px;
  margin-top: 8px;
}

.patriarch ul li:nth-child(3n) .nn h2 {
  font-size: 20px;
  color: #333;
}

.patriarch ul li:nth-child(3n) .nn ul li {
  margin-top: 0px;
  list-style: disc;
  line-height: 30px;
  margin-left: 20px;
}

.patriarch ul li:nth-child(3n) .nn ul li:first-child {
  margin-top: 20px;
}

.patriarch ul li:nth-child(3n) .nn p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  margin-top: 25px;
}

.onLine img {
  width: 1000px;
  margin: 40px auto;
}

.patriarch .title h2 {
  height: 112px;
  line-height: 130px;
}

.patriarch .title i img {
  height: 136px;
}

.librayOne .libraryLeft b {
  font-size: 18px;
  text-align: center;
  display: block;
  margin-bottom: -13px;
}

.titleDiv3 .title h2 {
  height: 87px;
  line-height: 90px;
}

.titleDiv3 .title i img {
  height: 80px;
}


.video_pop3 {
  display: none;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 89;
}

.video_pop2 {
  display: none;
  width: 940px;
  height: 560px;
  border-radius: 15px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -470px;
  margin-top: -280px;
  overflow: hidden;
  z-index: 99;
}

.video_pop4 {
  width: 100%;
  height: 100%;
  position: relative;
}

.video_pop4 span {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  display: block;
  background: #fff url(../image/ico16m.png) no-repeat center;
  background-size: cover;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 100;
  cursor: pointer;
  transition: all 0.5s;
}

.video_pop4 span:hover {
  transform: rotate(90deg);
}

@media screen and (min-width: 1367px) and (max-width: 1441px) {
  .hear_w img {
    width: 120%;
    margin-left: -10%;
  }

  .lbs2Banner img {
    width: 120%;
    margin-left: -10%;
  }

  .bannerTxt .bannTxtBox {
    width: 260px;
  }

  .bannerTxt .bannTxtBox span {
    font-size: 14px;
  }

  .bannerTxt .bannTxtBox h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .bannerTxt .bannTxtBox p {
    line-height: 24px;
  }

  .titleDiv .title h2 {
    height: 90px;
    line-height: 110px;
  }

  .titleDiv .title i img {
    height: 90px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1366px) {
  .hear_w {
    margin-top: 70px;
  }
  .hear_w img {
    width: 130%;
    margin-left: -15%;
  }

  .headerWrap {
    height: 70px;
  }

  .logo a {
    height: 60px;
  }

  .nav ul li h2 a {
    padding-top: 14px;
  }

  .nav ul li .sub {
    top: 85px;
  }

  .bannerTxtWtap {
    transform: scale(0.8);
  }

  .banner .bd {
    margin-top: 70px;
  }

  .home_content .content_text {
    font-size: 18px;
  }

  
  .bannerTxt .bannTxtBox {
    width: 260px;
  }

  .bannerTxt .bannTxtBox span {
    font-size: 14px;
  }

  .bannerTxt .bannTxtBox h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .bannerTxt .bannTxtBox p {
    line-height: 24px;
  }

  #hear_w .p_up .up_cont {
    width: 260px;
  }

  .hear_w .p_up .up_cont h1 {
    font-size: 20px;
  }

  .hear_w .p_up .up_cont a {
    font-size: 18px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1279px) {
  .hear_w {
    margin-top: 70px;
  }
  .hear_w img {
    width: 130%;
    margin-left: -15%;
  }

  .headerWrap {
    height: 70px;
  }

  .logo a {
    height: 60px;
  }

  .nav ul li h2 a {
    padding-top: 14px;
  }

  .nav ul li .sub {
    top: 85px;
  }

  .bannerTxtWtap {
    transform: scale(0.8);
  }

  .banner .bd {
    margin-top: 70px;
  }

  .home_content .content_text {
    font-size: 18px;
  }

  .bannerTxt .bannTxtBox {
    width: 260px;
  }

  .bannerTxt .bannTxtBox span {
    font-size: 14px;
  }

  .bannerTxt .bannTxtBox h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .bannerTxt .bannTxtBox p {
    line-height: 24px;
  }

  #hear_w .p_up .up_cont {
    width: 260px;
  }

  .hear_w .p_up .up_cont h1 {
    font-size: 20px;
  }

  .hear_w .p_up .up_cont a {
    font-size: 18px;
  }
}

@media screen and (max-width: 1366px) {
  
  .nav ul li h2 a {
    font-size: 17px;
  }

  .nav ul li .sub a {
    font-size: 14px;
    height: 28px;
    line-height: 28px;
  }

  .honorsDiv ul li .honoLeft span {
    font-size: 40px;
  }

  .honorsDiv ul li .honoLeft em {
    font-size: 28px;
  }

  .footer ul li h2 {
    font-size: 22px;
  }

  .footer ul li .fooInfor h4 {
    font-size: 20px;
  }
}

@media screen and (min-width: 1681px) {
  
  .bodyDiv {
    background-size: 66%;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1680px) {
  
  .bodyDiv {
    background-size: 68%;
  }
}

@media screen and (min-width: 1367px) and (max-width: 1440px) {
  
  .bodyDiv {
    background-size: 71%;
  }
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {
  
  .bodyDiv {
    background-size: 74%;
  }

  
  .lbs2Banner img {
    width: 130%;
    margin-left: -15%;
  }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {
  
  .bodyDiv {
    background-size: 74%;
  }

  
  .lbs2Banner img {
    width: 130%;
    margin-left: -15%;
  }
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
  .w1200 {
    width: 1000px;
  }

  
  .bodyDiv {
    background-size: 78%;
  }

  .honorsDiv ul li .honoRight {
    width: 71%;
  }

  .honorsDiv ul li .honoRight p span {
    width: 94%;
  }

  
  .lbs2Banner img {
    width: 160%;
    margin-left: -30%;
  }

  .bannerTxtWtap {
    bottom: 88px;
  }

  
  .nav .block {
    width: 108px;
  }

  .nav ul li {
    width: 108px;
  }

  
  .footerDiv {
    margin-top: 60px;
  }

  .footer {
    padding-bottom: 10px;
    padding-top: 30px;
  }

  .footer ul {
    margin: 0 0 30px;
  }

  .footer .fooP {
    padding-top: 10px;
  }

  
  .overseas .overseasOne .overRight,
  .overseas .overseasOne .overLeft a img,
  .superherosOne img,
  .superherosOne .superLeft {
    height: 278px;
  }

  .culture .cultureLeft .cultureTop .cultureTopR img,
  .culture .cultureLeft .cultureTop .cultureTopL {
    height: 274px;
  }

  .culture .cultureLeft .cultureBom img {
    height: 398px;
  }

  .superherosTwo img,
  .campOne .campLeft img {
    height: 396px;
  }

  .culture .cultureRight .rightA1 img,
  .camp .campTop {
    height: 400px;
  }

  .culture .cultureRight .rightA2 img {
    height: 272px;
  }

  .latestDiv ul li {
    margin-bottom: 50px;
  }

  .latestDiv ul li .latesImg a img {
    height: 328px;
  }

  .latestDiv ul li .latesTxt p {
    margin-top: 50px;
  }

  .latestDiv ul li .latesTxt h5 {
    margin-top: 50px;
  }

  
  .brandDiv ul li {
    width: 23%;
    margin: 0 1%;
  }

  .processDiv ul li a {
    width: 136px;
  }

  .campus-left .bd {
    width: 780px;
  }

  .campus-left .bd ul li {
    width: 244px;
  }

  .campus-left .bd ul li img {
    height: 206px;
  }

  .campus-left .hd {
    height: 206px;
  }

  .joinDiv {
    margin-top: 60px;
    padding: 50px 0;
  }

  .joinDiv img {
    width: 35%;
  }

  
  .librayOne .libraryRight {
    padding-top: 50px;
  }

  .librayOne .libraryRight p {
    margin-bottom: 30px;
  }

  .oxford h2 {
    padding: 50px 0;
  }

  .oxford ul {
    padding: 0 60px;
  }

  .magicDiv {
    margin-top: 20px;
  }

  .magicBox {
    padding-bottom: 210px;
  }

  
  .learnTab .learn_menu ul li {
    width: 124px;
    margin-right: 5px;
  }

  .learnTab .learn_menu ul li .learnOne {
    padding-bottom: 40px;
  }

  .learnTab .learn_menu ul li h1 span,
  .learnTab .learn_menu ul li .learnOne h2,
  .learnTab .learn_menu ul li .learnOne h3,
  .learnTab .learn_menu ul li .learnOne p {
    padding: 0 15px;
  }

  .scienceBox ul li .scienceLeft .video-js {
    height: 312px !important;
    background-size: 100% 100%;
  }

  .scienceBox ul li .scienceLeft img {
    height: 312px;
  }

  .scienceBox ul li .scienceRight {
    padding-top: 50px;
  }

  .scienceBox ul li .scienceRight p {
    margin-bottom: 40px;
  }

  .link ul li {
    width: 190px;
    margin-right: 46px;
  }

  .link ul li a img {
    height: 94px;
  }

  
  .courseOneMain .courseOneLeft ul {
    width: 420px;
  }

  .courseOneMain .courseOneLeft ul li {
    margin-bottom: 30px;
  }

  
  .mapMain {
    margin-left: -450px;
  }

  
  .shortBann .bd img {
    width: 100%;
    margin: 0;
  }

  .shortBann .lbs2BannTxtWrap {
    bottom: 90px;
  }

  .shortCourseOne {
    margin: 60px auto;
  }

  .shortLeft img {
    height: 378px;
  }

  .shortCourseBox .shortRight,
  .shortCourseBox1 .shortRight {
    width: 58%;
    margin: 0 2%;
  }

  .shortLeft {
    margin: 0 2%;
    width: 32%;
  }

  
  .teacherBann img {
    width: 100%;
    margin: 0;
  }

  .teacherOne .teacherLeft img {
    height: 410px;
  }

  .teacherOne .teacherRight ul li a h2 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .teacherOne .teacherRight ul li a {
    padding: 12px 20px 15px;
  }

  .systemTab i {
    margin: 9px 32px;
  }

  .teachDynaDiv .teachDynaLeft img {
    height: 264px;
  }

  .teachDynaDiv .teachDynaRight ul li .teachImg a img {
    height: 124px;
  }

  .teachDynaDiv .teachDynaRight ul li .teachTxt p {
    margin-top: 8px;
    line-height: 22px;
  }
}

@media screen and (max-width: 800px) {
  .title h2 {
    font-size: 28px;
  }

  .w1200 {
    width: 760px;
  }

  
  .logo {
    width: 130px;
    padding-top: 24px;
  }

  .logo a img {
    height: 43px;
  }

  
  .nav .block {
    width: 90px;
  }

  .nav ul li {
    width: 90px;
  }

  .nav ul li .sub span {
    padding: 8px 15px;
  }

  .nav ul li h2 a {
    padding-top: 18px;
  }

  .nav ul li .sub {
    top: 72px;
  }

  
  .footer ul li {
    width: 160px;
    margin-right: 50px;
  }

  .footer ul li h2 {
    font-size: 20px;
    height: 60px;
    line-height: 60px;
  }

  .footer ul li .fooInfor h4 {
    height: 28px;
    line-height: 28px;
    font-size: 18px;
  }

  .footer ul li .fooInfor img {
    margin-bottom: 10px;
  }

  
  .bodyDiv {
    background-size: 80%;
  }

  .lbs2Banner img {
    width: 130%;
    margin-left: -15%;
  }

  .honorsDiv ul li {
    margin-bottom: 30px;
  }

  .honorsDiv ul li .honoRight p span {
    width: 93%;
  }

  .aboutDiv .aboutMain h2 {
    height: 50px;
    padding-bottom: 30px;
    line-height: 50px;
    font-size: 34px;
  }

  .aboutDiv .aboutMain h3 {
    margin-bottom: 30px;
    line-height: 30px;
  }

  .aboutDiv .aboutMain p {
    line-height: 28px;
    margin-bottom: 18px;
  }

  .aboutDiv .aboutMain p.aboutP {
    width: 410px;
  }

  .aboutDiv .aboutMain p.aboutP1 {
    width: 510px;
  }

  .introOne {
    margin-top: 50px;
  }

  .introOne .introLeft img {
    width: 150%;
  }

  .introOne .introRight .introRightTxt {
    padding-top: 15px;
    width: 90%;
    margin-left: 5%;
    padding-left: 0;
  }

  .introOne .introRight .introRightTxt h2 {
    padding-top: 30px;
    background-size: 18px auto;
    font-size: 16px;
    line-height: 28px;
  }

  .introOne .introRight .introRightTxt p {
    font-size: 14px;
    line-height: 24px;
  }

  .introTwo .introTwoRight {
    background-size: 165%;
  }

  .introTwo .introTwoRight .introTwoRightMain img {
    height: 254px;
  }

  .introTwo .introTwoLeft {
    background-size: 156%;
  }

  .introTwo .introTwoLeft .introTwoLeftMain {
    width: 90%;
    padding-top: 50px;
  }

  .introTwo .introTwoLeft .introTwoLeftMain p {
    line-height: 30px;
    font-size: 18px;
    margin-bottom: 64px;
    background: url(../image/ico11.png) 30px 0 no-repeat;
    padding-top: 50px;
    background-size: 28px auto;
    padding-left: 30px;
  }

  .introTwo .introTwoLeft .introTwoLeftMain img {
    height: 338px;
  }

  .introTwo .introTwoRight .introTwoRightMain {
    width: 90%;
  }

  .introTwo .introTwoRight .introTwoRightMain p {
    margin-top: 50px;
  }

  .honoLine {
    left: 157px;
  }

  .honorsDiv ul li .honoLeft {
    width: 160px;
  }

  .honorsDiv ul li .honoLeft span {
    padding-right: 40px;
  }

  .honorsDiv ul li .honoLeft em {
    padding-right: 40px;
  }

  
  .lbs2Banner img {
    width: 180%;
    margin-left: -40%;
  }

  .bannerTxtWtap {
    bottom: 88px;
  }

  .bannerTxt .bannTxtBox {
    padding: 20px 32px 30px;
  }

  .bannerTxt .bannTxtBox h2 {
    font-size: 26px;
  }

  
  .footerDiv {
    margin-top: 60px;
  }

  .footer {
    padding-bottom: 10px;
    padding-top: 30px;
  }

  .footer ul {
    margin: 0 0 30px;
  }

  .footer .fooP {
    padding-top: 10px;
  }

  
  .activities {
    padding-top: 80px;
  }

  .title {
    padding-top: 40px;
  }

  .title i {
    top: 40px;
  }

  .activities h3 {
    padding-top: 45px;
    font-size: 24px;
  }

  .activities ul {
    margin-top: 50px;
  }

  .activities ul li a {
    padding-top: 30px;
  }

  .activities ul li a span {
    width: 60px;
  }

  .activities ul li a span img {
    height: 61px;
  }

  .activities ul li a h2 {
    margin-top: 20px;
  }

  .activeMain {
    padding: 15px 20px 0;
  }

  .activeMain h3 {
    margin-top: 0;
  }

  .activeMain p {
    margin-top: 10px;
  }

  .activeMain h2 {
    font-size: 24px;
    height: 32px;
    line-height: 32px;
  }

  .activeMain h4 {
    margin-top: 10px;
  }

  .overseas .overseasOne .overRight,
  .overseas .overseasOne .overLeft a img,
  .superherosOne img,
  .superherosOne .superLeft {
    height: 234px;
  }

  .culture .cultureLeft .cultureTop .cultureTopR img,
  .culture .cultureLeft .cultureTop .cultureTopL {
    height: 232px;
  }

  .culture .cultureLeft .cultureBom img {
    height: 336px;
  }

  .superherosTwo img,
  .campOne .campLeft img {
    height: 335px;
  }

  .culture .cultureRight .rightA1 img,
  .camp .campTop {
    height: 332px;
  }

  .culture .cultureRight .rightA2 img {
    height: 236px;
  }

  .latestDiv ul li {
    margin-bottom: 50px;
  }

  .latestDiv ul li .latesImg a img {
    height: 278px;
  }

  .latestDiv ul li .latesTxt {
    padding: 0;
  }

  .latestDiv ul li .latesTxt h2 {
    height: 30px;
    line-height: 30px;
    font-size: 22px;
  }

  .latestDiv ul li .latesTxt h3 {
    margin-top: 0;
  }

  .latestDiv ul li .latesTxt p {
    font-size: 16px;
    margin-top: 15px;
  }

  .latestDiv ul li .latesTxt h5 {
    margin-top: 50px;
  }

  
  .brandDiv ul li {
    width: 23%;
    margin: 0 1%;
  }

  .brandDiv ul li a {
    padding: 30px 12px 40px;
    height: 190px;
  }

  .brandDiv ul li a h2 {
    margin: 20px 0;
  }

  .processDiv ul li {
    margin-bottom: 30px;
  }

  .processDiv ul li a {
    width: 100px;
  }

  .processDiv ul li a p {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
  }

  .partTwoList li a {
    padding: 30px 20px 20px;
  }

  .partTwoList li a h5 {
    font-size: 22px;
    line-height: 32px;
  }

  .partTwoList li a p {
    font-size: 16px;
    margin-top: 24px;
  }

  .campus-left {
    margin-top: 50px;
  }

  .campus-left .bd {
    width: 660px;
  }

  .campus-left .bd ul li {
    width: 210px;
    margin: 0 5px;
  }

  .campus-left .bd ul li img {
    height: 178px;
  }

  .campus-left .hd {
    height: 178px;
  }

  .joinDiv {
    margin-top: 50px;
    padding: 40px 0;
  }

  .joinDiv img {
    width: 30%;
  }

  .supporBox {
    margin-top: 50px;
  }

  .supperMain {
    margin-left: 40px;
    width: 340px;
    padding-top: 20px;
  }

  .supperMain h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
  }

  .supperMain p {
    font-size: 14px;
    line-height: 20px;
  }

  .supporLeft img {
    height: 200px;
  }

  .supporBox1 .supporLeft .supperMain {
    margin-right: 40px;
  }

  
  .lbs2BannTxtWrap .bannTxtBox h2 {
    font-size: 20px;
    font-weight: 500;
  }

  .withBox {
    margin-top: 50px;
  }

  .withBox .withRight {
    width: 49%;
    padding-top: 30px;
  }

  .withBox .withRight h2 {
    font-size: 18px;
    line-height: 30px;
  }

  .rangeBox p {
    margin: 30px 0;
  }

  .lessonList li a span {
    width: 70px;
  }

  .lessonList li a span img {
    height: 78px;
  }

  .exerciseDiv h2 {
    font-size: 24px;
    height: 90px;
    line-height: 90px;
  }

  .exerciseDiv h3 {
    font-size: 18px;
    margin: 20px 0;
  }

  .librayOne {
    margin-top: 0;
  }

  .librayOne .libraryRight {
    padding-top: 40px;
    width: 58%;
  }

  .librayOne .libraryRight p {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 28px;
  }

  .oxford h2 {
    padding: 30px 0;
  }

  .oxford ul {
    padding: 0;
  }

  .magicDiv {
    margin-top: 20px;
  }

  .magicBox {
    padding-bottom: 152px;
  }

  .magicBox .title {
    margin-bottom: 30px;
  }

  .magicBox p {
    font-size: 18px;
    line-height: 30px;
  }

  .synchronOne .synLeft h2 {
    margin-bottom: 20px;
  }

  .synchronOne .synLeft a {
    padding: 24px 25px 30px;
    height: 280px;
  }

  .synchronOne .synLeft p {
    font-size: 16px;
    line-height: 26px;
  }

  
  .partOne ul li {
    width: 47%;
    margin: 0 1.5%;
  }

  .partOne ul li h2,
  .partOne ul li h3 {
    line-height: 30px;
    padding: 0;
    font-size: 22px;
  }

  .partOne ul li p {
    margin-top: 20px;
  }

  .partOne ul li img {
    margin: 30px auto 0;
  }

  .partOne ul li h4 {
    margin-top: 30px;
    font-size: 16px;
  }

  .partOne ul li h4 i {
    margin: 0 15px;
  }

  .partTwoList {
    margin-top: 20px;
  }

  .partTwoList li a span {
    width: 70px;
  }

  .partTwoList li a span img {
    height: 66px;
  }

  .partTwo .partTwoTxt {
    margin-top: 20px;
    width: 590px;
  }

  .partTwo {
    padding-bottom: 50px;
  }

  .learnTab .learn_box {
    width: 680px;
  }

  .learnTab .learn_box .learnBox .learnImg img {
    height: 266px;
  }

  .learnTab .learn_box .learnBox .learnTxt {
    padding-top: 40px;
  }

  .learnTab .learn_box .learnBox .learnTxt h1 {
    margin-bottom: 30px;
    font-size: 40px;
    height: 50px;
    line-height: 50px;
  }

  .learnTab .learn_box .learnBox .learnTxt h2 {
    font-size: 28px;
  }

  .learnTab .learn_box .learnBox .learnTxt p {
    font-size: 18px;
    line-height: 28px;
  }

  .learnTab .learn_menu {
    margin-top: 30px;
  }

  .learnTab .learn_menu ul li {
    width: 108px;
    margin-right: 0;
  }

  .learnTab .learn_menu ul li h1 {
    margin-bottom: 15px;
  }

  .learnTab .learn_menu ul li h2 {
    font-size: 18px;
    height: 30px;
    line-height: 30px;
  }

  .learnTab .learn_menu ul li .learnOne {
    padding-bottom: 40px;
  }

  .learnTab .learn_menu ul li h1 span,
  .learnTab .learn_menu ul li .learnOne h2,
  .learnTab .learn_menu ul li .learnOne h3,
  .learnTab .learn_menu ul li .learnOne p {
    padding: 0 10px;
  }

  .learnTab .learn_menu ul li .learnOne .learnTwo {
    height: 150px;
    top: 15px;
  }

  .learnTab .learn_menu .learnLine {
    top: 37px;
  }

  .partFour .partTitle {
    padding: 30px 0;
  }

  .partFour .partFourBox .leapMain {
    padding-bottom: 30px;
  }

  .partFour .partFourBox .leapMain h2 {
    font-size: 22px;
  }

  .partFour .partFourBox .leapMain {
    width: 360px;
  }

  .partFour .partFourBox .leapMain ul {
    margin-top: 30px;
  }

  .partFour .partFourBox .leapMain ul li {
    margin-left: 20px;
    width: 160px;
  }

  .partFour .partFourBox .leapBoxTwo .leapMain ul li {
    margin-left: 8px;
    margin-right: 12px;
  }

  .partFive .partFourBox .leapBoxTwo .leapMain {
    margin-right: 24px;
  }

  .partFive .partFourBox .leapMain ul li {
    margin-right: 0;
  }

  .scienceTop {
    margin-left: 0;
    width: auto;
    background: url(../image/ico11.png) 15px center no-repeat;
    background-size: 32px auto;
  }

  .scienceTop p {
    margin-right: 323px;
    margin-right: 10px;
  }

  .partSeven {
    background-size: 140%;
  }

  .scienceBox {
    margin-top: 50px;
  }

  .scienceBox ul li {
    margin-bottom: 30px;
  }

  .scienceBox ul li .scienceLeft .video-js {
    height: 264px !important;
    background-size: 100% 100%;
  }

  .scienceBox ul li .scienceLeft img {
    height: 264px;
  }

  .scienceBox ul li .scienceRight {
    padding-top: 30px;
  }

  .scienceBox ul li .scienceRight h2 {
    font-size: 22px;
    line-height: 30px;
  }

  .scienceBox ul li .scienceRight h4 {
    font-size: 18px;
    line-height: 28px;
  }

  .scienceBox ul li .scienceRight h5 {
    font-size: 14px;
    line-height: 30px;
  }

  .scienceBox ul li .scienceRight p {
    margin-bottom: 40px;
  }

  .scienceBox ul li .scienceRight h3 {
    font-size: 18px;
  }

  .scienceBox ul li .scienceRight h3 i {
    top: -4px;
    margin: 0 8px;
  }

  .basisList ul {
    margin: 50px 0 30px;
  }

  .basisList ul li {
    width: 23%;
    margin: 0 1%;
  }

  .basisList ul li a {
    font-size: 18px;
  }

  .link ul {
    margin-top: 50px;
  }

  .link ul li {
    width: 171px;
    margin-right: 25px;
  }

  .link ul li a img {
    height: 84px;
  }

  .partNight {
    padding-bottom: 40px;
  }

  .partNight .teachBox {
    background-size: 65%;
    padding-top: 178px;
  }

  
  .courseOneMain .courseOneLeft ul {
    padding-top: 30px;
    width: 330px;
  }

  .courseOneMain .courseOneLeft ul li p {
    font-size: 14px;
    line-height: 24px;
  }

  .courseOneMain .courseOneLeft ul li {
    margin-bottom: 25px;
  }

  .courseOne .courseOneDiv img,
  .courseOneMain .courseOneRight img {
    width: 130%;
  }

  .courseOne .courseOneBox .oneBoxTxt {
    width: 330px;
    margin-left: 50px;
  }

  .courseOne .courseOneBox .oneBoxTxt h2 {
    font-size: 26px;
    padding-top: 75px;
    background: url(../image/ico11.png) 0 30px no-repeat;
    background-size: 28px auto;
  }

  .courseOne .courseOneBox .oneBoxTxt p {
    font-size: 14px;
    margin-top: 10px;
    line-height: 24px;
  }

  .themeList ul li {
    width: 22%;
    margin: 12px 1.5%;
  }

  .themeList ul li a {
    padding: 20px 20px 15px;
  }

  
  .nationalOne {
    padding-top: 130px;
  }

  .mapMain {
    margin-left: -380px;
  }

  .mapDiv {
    height: 600px;
  }

  .nationalOne .nationAddress {
    margin-top: 50px;
  }

  .nationalOne .nationAddress a {
    width: 11.5%;
  }

  
  .shortBann .bd img {
    width: 130%;
    margin-left: -15%;
  }

  .shortBann .lbs2BannTxtWrap {
    bottom: 90px;
  }

  .shortCourseOne {
    margin: 60px auto;
  }

  .shortLeft img {
    height: 292px;
  }

  .shortRight {
    width: 56%;
  }

  .shortRight h2 {
    font-size: 24px;
    margin-bottom: 8px;
  }

  .shortRight h3 {
    font-size: 20px;
    line-height: 28px;
  }

  .shortRight h4 {
    margin-top: 10px;
  }

  .shortRight p {
    font-size: 14px;
    line-height: 24px;
  }

  .shortCourseBox .shortRight,
  .shortCourseBox1 .shortRight {
    width: 58%;
    margin: 0 2%;
  }

  .shortLeft {
    margin: 0 2%;
    width: 32%;
  }

  .reviewBox ul li a {
    padding: 30px 15px;
  }

  .shortCourseTwo {
    background: url(../image/back6.jpg) center 90px no-repeat;
    background-size: 190%;
  }

  .shortCourseBox {
    margin-bottom: 50px;
  }

  .shortCourseBox .shortRight h4 {
    margin: 30px 0 20px;
  }

  .shortCourseBox .shortRight p {
    margin-bottom: 10px;
  }

  .shortCourseThree {
    padding-bottom: 50px;
    background: url(../image/back7.jpg) center 100px no-repeat;
  }

  .shortCourseThree .shortCourseBox .shortRight h4 {
    margin-top: 50px;
  }

  .Characteristics {
    margin-top: 0;
  }

  .Characteristics ul {
    margin-top: 50px;
  }

  .Characteristics ul li span {
    width: 70px;
  }

  .Characteristics ul li h2 {
    font-size: 22px;
    line-height: 32px;
    padding-top: 15px;
  }

  .Characteristics ul li span img {
    height: 68px;
  }

  
  .teacherOne {
    padding-top: 50px;
  }

  .teacherOne .teacherLeft h2 {
    font-size: 28px;
  }

  .teacherBann img {
    width: 100%;
    margin: 0;
  }

  .teacherOne .teacherLeft img {
    height: 346px;
  }

  .teacherOne .teacherRight ul li a h2 {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .teacherOne .teacherRight ul li a {
    padding: 12px 20px 15px;
  }

  .systemTab i {
    margin: 0 32px;
  }

  .teachDynaDiv .teachDynaLeft img {
    height: 240px;
  }

  .teachDynaDiv .teachDynaLeft p {
    height: 48px;
    overflow: hidden;
    margin-top: 10px;
  }

  .teachDynaDiv .teachDynaRight ul li .teachTxt a {
    font-size: 18px;
  }

  .teachDynaDiv .teachDynaRight ul li .teachImg a img {
    height: 110px;
  }

  .teachDynaDiv .teachDynaRight ul li .teachTxt p {
    height: 44px;
    overflow: hidden;
    margin-top: 8px;
    line-height: 22px;
  }

  .guardDiv {
    margin-top: 50px;
  }

  .guardDiv ul li img {
    width: 110px;
    height: 66px;
  }

  .guardDiv ul li h2 {
    height: 66px;
    line-height: 66px;
  }

  .guardDiv .guardTitle h2 {
    font-size: 28px;
  }

  .systemWrap {
    margin-top: 100px;
  }

  .systemTab span {
    font-size: 22px;
    height: 36px;
    line-height: 36px;
  }

  .systemTab i {
    margin: 8px 30px;
    height: 20px;
  }

  .teachDynaDiv {
    margin-top: 50px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1680px) {
  .bannerTxt .bannTxtBox h2,
  .title h2,
  .learnTab .learn_box .learnBox .learnTxt h2,
  .activeMain h2,
  .lbs2BannTxtWrap .bannTxtBox h2,
  .exerciseDiv h2,
  .synchronOne .synLeft h2,
  .courseOne .courseOneBox .oneBoxTxt h2,
  .shortRight h2,
  .teacherOne .teacherLeft h2,
  .guardDiv .guardTitle h2 {
    font-size: 28px;
  }

  .learnTab .learn_box .learnBox .learnTxt p,
  .activities h3,
  .latestDiv ul li .latesTxt h2,
  .honorsDiv ul li .honoLeft em,
  .teacherTwo .teachMainWrap .teachMain h2 {
    font-size: 26px;
  }

  .systemTab span {
    font-size: 22px;
  }

  .partOne ul li h2,
  .partOne ul li h3,
  .learnTab .learn_menu ul li h2,
  .partFour .partFourBox .leapMain h2,
  .partTwoList li a h5,
  .Characteristics ul li h2 {
    font-size: 24px;
  }

  .learnTab .learn_box .learnBox .learnTxt h1 {
    font-size: 46px;
  }

  .learnTab .learn_menu ul li .learnOne {
    padding-bottom: 36px;
  }

  .scienceBox ul li .scienceRight h2,
  .footer ul li h2,
  .footer ul li .fooInfor h4,
  .supperMain h2,
  .title p,
  .exerciseDiv h3,
  .synchronous h2 {
    font-size: 22px;
  }

  .scienceBox ul li .scienceRight h3,
  .scienceBox ul li .scienceRight h4 {
    font-size: 20px;
  }

  .latestDiv ul li .latesTxt h5 a,
  .latestDiv ul li .latesTxt p,
  .partTwoList li a p {
    font-size: 16px;
  }

  .aboutDiv .aboutMain h2,
  .honorsDiv ul li .honoLeft span {
    font-size: 36px;
  }

  .systemTab i {
    margin: 0 42px;
  }
}

@media screen and (min-width: 800px) and (max-width: 1280px) {
  .bannerTxt .bannTxtBox h2,
  .title h2,
  .learnTab .learn_box .learnBox .learnTxt h2,
  .activeMain h2,
  .lbs2BannTxtWrap .bannTxtBox h2,
  .exerciseDiv h2,
  .synchronOne .synLeft h2,
  .courseOne .courseOneBox .oneBoxTxt h2,
  .shortRight h2,
  .teacherOne .teacherLeft h2,
  .guardDiv .guardTitle h2 {
    font-size: 24px;
  }

  .learnTab .learn_box .learnBox .learnTxt p,
  .activities h3,
  .latestDiv ul li .latesTxt h2,
  .honorsDiv ul li .honoLeft em,
  .teacherTwo .teachMainWrap .teachMain h2 {
    font-size: 22px;
  }

  .systemTab span {
    font-size: 19px;
  }

  .partOne ul li h2,
  .partOne ul li h3,
  .learnTab .learn_menu ul li h2,
  .partFour .partFourBox .leapMain h2,
  .partTwoList li a h5,
  .shortRight h3,
  .Characteristics ul li h2,
  .teacherOne .teacherRight ul li a h2 {
    font-size: 20px;
  }

  .learnTab .learn_box .learnBox .learnTxt h1 {
    font-size: 38px;
  }

  .learnTab .learn_menu ul li .learnOne {
    padding-bottom: 24px;
  }

  .scienceBox ul li .scienceRight h2,
  .footer ul li h2,
  .footer ul li .fooInfor h4,
  .supperMain h2,
  .title p,
  .exerciseDiv h3,
  .synchronous h2,
  .teachDynaDiv .teachDynaLeft a,
  .teachDynaDiv .teachDynaRight ul li .teachTxt a {
    font-size: 18px;
  }

  .scienceBox ul li .scienceRight h3,
  .scienceBox ul li .scienceRight h4,
  .bannerTxt p,
  .librayOne .libraryRight p,
  .magicBox p,
  .synchronOne .synLeft p,
  .themeList ul li a h2 {
    font-size: 16px;
  }

  .latestDiv ul li .latesTxt h5 a,
  .latestDiv ul li .latesTxt p,
  .partTwoList li a p,
  .processDiv ul li a p,
  .exerciseDiv p,
  .nationalOne .nationAddress a {
    font-size: 16px;
  }

  .supperMain p,
  .courseOne .courseOneBox .oneBoxTxt p {
    font-size: 14px;
  }

  .aboutDiv .aboutMain h2,
  .honorsDiv ul li .honoLeft span {
    font-size: 32px;
  }

  .Characteristics ul li span {
    width: 76px;
  }

  .Characteristics ul li span img {
    height: auto;
  }

  .systemTab i {
    margin: 0 52px;
  }
}


.floating {
  width: 150px;
  padding: 10px;
  padding: 10px;
  background: #fff;
  position: fixed;
  right: 3%;
  top: 50%;
  margin-top: -98px;
  border-radius: 5px;
  box-shadow: 0 0 10px #ccc;
  z-index: 85;
}

.floating img {
  width: 100%;
}

.floating p {
  font-size: 12px;
  text-align: center;
  color: #333;
  margin: 8px 12px 0 12px;
}

.nationDiv {
  position: relative;
}

.nationDiv .cont {
  position: absolute;
  top: 55px;
  left: 10px;
}

.nationDiv ul li {
  margin-top: 60px;
}

.nationDiv ul li:first-child {
  margin-top: 0;
}

.nationDiv ul li h2 {
  font-size: 22px;
  color: #000038;
  font-weight: bold;
}

.nationDiv ul li h2 em {
  font-size: 50px;
  margin-right: 10px;
}

.nationDiv ul li h2 .lefttext {
  padding-left: 10px;
}

.nationDiv ul li p {
  font-size: 20px;
}

.distribution .disMap {
  position: relative;
}

.distribution .disMap .cont {
  position: absolute;
  top: 55px;
  right: 80px;
}

.distribution .disMap .cont ul li {
  margin-top: 62px;
}

.distribution .disMap .cont ul li:first-child {
  margin-top: 0;
}

.distribution .disMap .cont ul li h2 {
  font-size: 24px;
  color: #3b3b3b;
  font-weight: bold;
}

.distribution .disMap .cont ul li p {
  font-size: 18px;
  color: #3b3b3b;
  margin-top: 4px;
}

.newsCon {
  padding-top: 30px;
}

.newsCon .title {
  width: 100%;
  font-size: 14px;
  margin: 16px auto;
}

.newsCon .title a {
  display: inline-block;
  color: #666;
  line-height: 18px;
}

.newsCon .title a.marr,
.newsCon .title a:hover {
  color: #0280bb;
}

.newsCon .title b {
  display: inline-block;
  height: 12px;
  width: 1px;
  border-left: 1px solid #ccc;
  margin: 0 10px;
}

.newsWen {
  background: #fff;
  margin-bottom: 60px;
  border-radius: 3px;
  border: 1px solid #eee;
  padding: 45px;
  min-height: 530px;
}

.newsWen h2 {
  font-size: 28px;
  color: #555;
  text-align: center;
}

.newsWen h3 {
  font-size: 14px;
  border-bottom: 1px solid #eee;
  text-align: center;
  padding: 20px 0;
  color: #888;
  margin-bottom: 30px;
}

.newsWen img {
  display: block;
  margin: 8px auto;
}

.newsWen p {
  font-size: 14px;
  text-indent: 1em;
  line-height: 26px;
  
  color: #666;
  text-indent: 28px;
}

.layerForm ul li .formBox {
  position: relative;
}

.layerForm ul li .formBox .test {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  line-height: 32px;
  color: #ff004e;
  font-size: 12px;
  background: hsla(0, 0%, 100%, 0);
}

.layerForm ul li .formBxin {
  width: 355px;
  margin: 0 auto;
}

.layerForm ul li .formBxin .min {
  float: left;
  margin-left: 30px;
}

.layerForm ul li .formBxin .min label {
  border: none;
  display: block;
  width: 20px;
  height: 15px;
  background: url(../image/lastM1.png) no-repeat center;
  background-size: 11px auto;
  cursor: pointer;
}

.layerForm ul li .formBxin .min input[name="minr"] {
  display: none;
}

.layerForm ul li .formBxin .min input[name="minr"]:checked + label {
  background: url(../image/lastM4.png) no-repeat center;
  background-size: 11px auto;
}

.layerForm ul li .formBxin .min input[name="mine"] {
  display: none;
}

.layerForm ul li .formBxin .min input[name="mine"]:checked + label {
  background: url(../image/lastM4.png) no-repeat center;
  background-size: 11px auto;
}

.layerForm ul li .formBxin em {
  float: left;
  font-size: 12px;
  color: #5a5656;
  line-height: 15px;
  margin-left: 10px;
}

.layerForm ul li .formBxin a {
  float: left;
  font-size: 12px;
  color: #567beb;
  line-height: 15px;
}

.testUp {
  display: none;
  width: 356px;
  background: #fff;
  border-radius: 10px;
  position: absolute;
  left: 50%;
  margin-left: -178px;
  top: -80px;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.34);
  z-index: 100;
}

.testUp .cont {
  padding: 22px;
  width: 311px;
}

.testUp .cont .list em {
  float: left;
  width: 200px;
}

.testUp .cont .list i {
  float: right;
  width: 100px;
}

.testUp .cont .list:first-child {
  margin-bottom: 20px;
}

.testUp .cont .list:first-child em {
  height: 50px;
  overflow: hidden;
}

.testUp .cont .list:first-child em img {
  width: 100%;
}

.testUp .cont .list:first-child i {
  height: 50px;
}

.testUp .cont .list:first-child i img {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  margin-top: 15px;
}

.testUp .cont .list:last-child em input {
  display: block;
  width: 178px;
  padding: 0 10px;
  height: 44px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  font-size: 14px;
}

.testUp .cont .list:last-child em input::placeholder {
  color: #cfcfcf;
}

.testUp .cont .list:last-child i input {
  display: block;
  width: 100%;
  height: 46px;
  background: #8f94a3;
  font-size: 14px;
  color: #fff;
  border-radius: 5px;
}

.mentDiv {
  display: none;
  height: 600px;
  width: 600px;
  padding-bottom: 12px;
  position: fixed;
  left: 50%;
  top: 50% !important;
  margin-top: -300px;
  margin-left: -300px;
  z-index: 112;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}

.mentDiv .tit {
  height: 50px;
  background: #e8e8e8;
}

.mentDiv .tit h1 {
  float: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  margin-left: 32px;
}

.mentDiv .tit em {
  cursor: pointer;
  float: right;
  width: 22px;
  height: 22px;
  background: url(../image/lastM2.png) no-repeat center;
  background-size: 100% 100%;
  margin-right: 10px;
  margin-top: 14px;
  transition: all 0.5s;
}

.mentDiv .tit em:hover {
  transform: rotate(180deg);
}

.mentDiv .content {
  height: 525px;
  overflow-y: auto;
  margin: 15px 20px 50px 35px;
  padding-right: 15px;
}

.mentDiv .content h1,
.mentDiv .content h2,
.mentDiv .content p {
  font-size: 14px;
  color: #000;
  line-height: 30px;
}

.mentDiv .content h1,
.mentDiv .content h2 {
  font-weight: bold;
}

.mentDiv .content::-webkit-scrollbar {
  width: 10px;
  height: 100%;
  background: #ccc;
  border-radius: 5px;
}

.mentDiv .content::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 5px;
}

.secretDiv {
  display: none;
  height: 600px;
  width: 600px;
  padding-bottom: 12px;
  position: fixed;
  left: 50%;
  top: 50% !important;
  margin-top: -300px;
  margin-left: -300px;
  z-index: 112;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}

.secretDiv .tit {
  height: 50px;
  background: #e8e8e8;
}

.secretDiv .tit h1 {
  float: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  margin-left: 32px;
}

.secretDiv .tit em {
  cursor: pointer;
  float: right;
  width: 22px;
  height: 22px;
  background: url(../image/lastM2.png) no-repeat center;
  background-size: 100% 100%;
  margin-right: 10px;
  margin-top: 14px;
  transition: all 0.5s;
}

.secretDiv .tit em:hover {
  transform: rotate(180deg);
}

.secretDiv .content {
  height: 525px;
  overflow-y: auto;
  margin: 15px 20px 50px 35px;
  padding-right: 15px;
}

.secretDiv .content h1,
.secretDiv .content h2,
.secretDiv .content p {
  font-size: 14px;
  color: #000;
  line-height: 30px;
}

.secretDiv .content h1,
.secretDiv .content h2 {
  font-weight: bold;
}

.secretDiv .content::-webkit-scrollbar {
  width: 10px;
  height: 100%;
  background: #ccc;
  border-radius: 5px;
}

.secretDiv .content::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 5px;
}

.footSer {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 14px;
  margin-top: 10px;
}

.footSer a {
  float: left;
  color: #fff;
}

.footSer i {
  float: left;
  margin: 0 5px;
  color: #fff;
}


.copyrightDiv {
  padding-top: 90px;
  margin-bottom: 30px;
}

.copyrightDiv h1 {
  font-size: 16px;
  color: #666;
  padding: 20px 0 15px 0;
}

.copyrightDiv .cont {
  padding: 25px;
  border: 1px solid #eee;
  min-height: 350px;
}

.copyrightDiv .cont h2 {
  font-size: 24px;
  color: #333;
  text-align: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
}

.copyrightDiv .cont p {
  font-size: 16px;
  color: #666;
  padding: 0 20px;
  line-height: 30px;
  text-indent: 32px;
}

.copyrightDiv .photo {
  line-height: 50px;
  padding-left: 50px;
  font-size: 16px;
  background: url(../image/icon_10er.png) no-repeat left 20px center;
  background-size: 20px auto;
  margin-top: 30px;
}

.bierDiv {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../image/close1.png) no-repeat center;
  cursor: pointer;
  margin-left: 50px;
  margin-top: 24px;
}

.outTop {
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 3px;
  position: fixed;
  bottom: 0.5rem;
  right: 0.5rem;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.3) url(../image/iconRQ.png) no-repeat center;
  background-size: 60% auto;
}

.outTop:hover {
  background: rgba(0, 0, 0, 0.6) url(../image/iconRQ.png) no-repeat center;
  background-size: 60% auto;
}

.publicity_head {
  background: #d5011f;
  width: 100%;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 24px;
  color: #fff;
}

.publicity_content {
  padding-top: 20px;
  width: 1230px;
  margin-left: 50%;
  transform: translateX(-50%);
}

.publicity_item {
  display: inline-block;
  width: 160px;
  margin: 20px;
  text-align: center;
  color: #333;
}

.publicity_item img {
  width: 160px;
  height: 242px;
  margin-bottom: 10px;
}

.highlights_list {
  list-style: none;
  display: flex;
  align-content: space-between;
}

.highlights_list > li > div {
  position: relative;
}

.highlights_list > li main {
  position: absolute;
  padding: 0px 30px;
  top: 310px;
}

.highlights_list > li h2 {
  font-size: 21px;
  font-weight: 400;
  color: #ffffff;
  line-height: 27px;
}

.highlights_list > li p {
  width: 290px;
  margin-top: 19px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 25px;
}

.highlights_list > li:nth-child(1) > div {
  width: 347px;
  height: 457px;
  background: url(../image/highlights_list_1.png);
}

.highlights_list > li:nth-child(2) > div {
  width: 347px;
  height: 457px;
  background: url(../image/highlights_list_2.png);
}

.highlights_list > li:nth-child(3) > div {
  width: 347px;
  height: 457px;
  background: url(../image/highlights_list_3.png);
}

.video_text .circular_diagram {
  max-width: 396px;
  max-height: 396px;
  margin-top: -10px;
}

.video_text > div {
  display: flex;
  justify-content: center;
  margin-bottom: 51px;
}

.scale .aesthetic_img {
  width: 815px;
}

.drama_video_bgimg {
  background: none;
}

div .drama_video_bgimg{
  background: none;
}