body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img, cite {
  margin: 0;
  padding: 0;
  color: #333;
  border: none;
}

body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, li, fieldset, legend, button, input, textarea, th, td {
  font: 14px/30px "\82F9\679C\4E3D\4E2D\9ED1", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
}

html, body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  position: relative;
  background: #fff;
  overflow-x: hidden;
}

article, iframe {
  display: block;
  border: 0;
}

b, strong, i, em, cite {
  font-weight: normal;
  font-style: normal;
}

html, body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
  /* width: 100%; */
  display: block;
  border: none;
}

body {
  background: #fff;
}

article, iframe {
  display: block;
  border: 0;
}

ul, li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
}

input::focus-inner {
  outline: 0;
  padding: 0;
  border: 0;
}

input[type="button"], input[type="submit"], input[type="reset"], button {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: 0;
}

:focus {
  outline: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

a, area {
  blr: expression(this.onFocus=this.blur())
}

a {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #f45d44;
}

.login, .reg, .quit {
  float: right;
  cursor: pointer;
  margin-right: 10px;
  line-height: 58px;
  color: #fff;
}

.login:hover, .reg:hover, .quit:hover {
  color: #e92930 !important;
}

.clear {
  clear: both;
  height: 0px;
  width: 100%;
  font-size: 1px;
  line-height: 0px;
  visibility: hidden;
  overflow: hidden;
}

.clearfix:after {
  content: " ";
  display: block;
  visibility: hidden;
  height: 0;
  font-size: 0;
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.hide, .mobshow {
  display: none;
}

.show {
  display: block;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.tac {
  text-align: center;
}

::selection {
  background: #D03333;
  color: white;
  text-shadow: none;
}

::-webkit-scrollbar-track-piece {
  width: 8px;
  background-color: #f2f2f2
}

::-webkit-scrollbar {
  width: 8px;
  height: 6px
}

::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: rgba(0, 0, 0, .3);
}

::-webkit-scrollbar-thumb:hover {
  background: #707070;
}

.colf5 {
  background-color: #fff;
}

.colf55 {
  background-color: #f5f5f5;
}

.Width {
  width: 1600px;
  margin: 0 auto;
  position: relative;
}

.mt40 {
  margin-top: 40px !important;
}

.cover, .cover02, .cover03 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  z-index: 3;
}

.mainBanner .prev, .mainBanner .next, .inx-teacher .teaSlide .teaprev, .inx-teacher .teaSlide .teanext, .mainNav .h2 i, .mainNav .h2 a:hover i, .header .tel i, .mainSearch .msbtn, .mainSearch .hotwords .edit, .mainSearch .hotwords .esc, .mainSearch .hotwords .select, .inx-cityNav input, .inx-hots .hotstit .setHots i, .inx-hots .hotlist .reHots i, .inx-live .livetit .reLives i, .inx-live .livecon li i, .inx-calendar .select cite, .inx-course .select cite, .inx-teacher .teaSlide .h6 i, .rightBar i, .rightBarbg i, .bottomBar .closebtn, .bottomBar .searcKc .select cite, .inx-calendar .cal .schedule-hd span, .footer .footleft i, .footer .footright i {
  background: url(../images/icon.png) no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
}

.header .topbg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 58px;
  z-index: 9;
  background: #1e1e1e;
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.header .top {
  position: absolute;
  left: 5%;
  top: 0;
  height: 58px;
  z-index: 10;
}

.header .logo {
  display: inline;
  float: left;
  height: 40px;
  width: 170px;
  padding: 9px 0;
  z-index: 3;
  background: url(../images/logo.png) no-repeat center;
}

.header .logo a {
  display: block;
  height: 40px;
  width: 160px;
  text-indent: -9999em;
  overflow: hidden;
}

/* ----主导航 */
.mainNav {
  display: inline;
  float: left;
  height: 58px;
  margin-left: 10px;
}

.mainNav>li {
  position: relative;
  display: inline;
  float: left;
  width: auto;
  height: 58px;
}

.mainNav .h2 {
  height: 58px;
  color: #fff;
  line-height: 58px;
  text-align: right;
}

.mainNav .h2 a {
  display: block;
  width: auto;
  float: left;
  height: 58px;
  padding-left: 25px;
  color: #fff;
  transition: background 0.3s;
}

.mainNav .h2 a:hover,
.mainNav .on .h2 a {
  background: #1e1e1e;
  color: #e92930;
  text-decoration: none;
}

.mainNav .h2 i {
  display: block;
  float: right;
  width: 25px;
  height: 25px;
  margin-top: 16px;
  background-position: -100px 0;
  transition: transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  -o-transition: -o-transform 0.5s;
}

.mainNav .on .h2 a i {
  background-position: -125px 0;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}

.mainNav .h2 a:hover i,
.mainNav .on .h2 a:hover i {
  background-position: -125px 0;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

/* ------主导航下拉 */
.mainNav .navconbg {
  display: none;
  position: absolute;
  left: 0;
  top: 58px;
  z-index: 9;
  background: #fff;
  filter: alpha(opacity=95);
  opacity: 0.95;
  box-shadow: 0 0 7px rgba(58, 58, 58, 0.2);
  -ms-box-shadow: 0 0 7px rgba(58, 58, 58, 0.2);
  -moz-box-shadow: 0 0 7px rgba(58, 58, 58, 0.2);
  -webkit-box-shadow: 0 0 7px rgba(58, 58, 58, 0.2);
  -o-box-shadow: 0 0 7px rgba(58, 58, 58, 0.2);
}

.mainNav .navcon {
  display: none;
  position: absolute;
  left: 0;
  top: 58px;
  z-index: 10;
  overflow: hidden;
}

.mainNav .navconbg01,
.mainNav .navcon01 {
  width: 725px;
  height: 373px;
}

.mainNav .navconbg02,
.mainNav .navcon02 {
  width: 554px;
  height: 311px;
}

.mainNav .navconbg03,
.mainNav .navcon03 {
  width: 114px;
  height: 252px;
}

.mainNav .navconbg04,
.mainNav .navcon04 {
  width: 114px;
  height: 126px;
}

.mainNav .navconbg05,
.mainNav .navcon05 {
  width: 114px;
  height: 340px;
}

.mainNav .navconbg06,
.mainNav .navcon06,
.mainNav .navconbg07,
.mainNav .navcon07 {
  width: 217px;
  height: 187px;
}

.mainNav .navconbg08,
.mainNav .navcon08 {
  width: 217px;
  height: 250px;
}

.mainNav .navcon01 .h6,
.mainNav .navcon02 .h6 {
  padding-top: 25px;
  margin-bottom: 10px;
  line-height: 20px;
  color: #000;
}

.mainNav .navcon01 .h6 {
  padding-left: 25px;
}

.mainNav .navcon01 .h6 a,
.mainNav .navcon02 .h6 a {
  color: #000;
}

.mainNav .navcon01 .h6 a:hover,
.mainNav .navcon02 .h6 a:hover {
  color: #e92930;
}

.mainNav .navcon01 p {
  padding-left: 25px;
  font-family: Arial;
}

.mainNav .navcon01 p a,
.mainNav .navcon02 p a {
  display: block;
  float: left;
  height: 28px;
  margin-bottom: 5px;
  color: #888;
  font: 14px/28px "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif;
  text-align: center;
}

.mainNav .navcon01 p a {
  width: 74px;
}

.mainNav .navcon01 p a:hover,
.mainNav .navcon02 p a:hover {
  background: #e92930;
  border-radius: 3px;
  color: #fff;
  text-decoration: none;
}

.mainNav .navcon01 p span {
  display: block;
  float: left;
  width: 46px;
  height: 28px;
  margin-bottom: 5px;
  color: #cbcbcb;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}

.mainNav .navcon01 em {
  display: block;
  width: 100%;
  height: 1px;
  margin: 15px 0 0 0;
  border-top: 1px solid #eaeaea;
  font-size: 0px;
}

.mainNav .navcon02 .kc {
  display: inline;
  float: left;
  width: 184px;
  height: 103px;
}

.mainNav .navcon02 .br {
  border-right: 1px solid #eaeaea;
}

.mainNav .navcon02 .bb {
  border-bottom: 1px solid #eaeaea;
}

.mainNav .navcon02 .h6 {
  text-align: center;
}

.mainNav .navcon02 p {
  padding-left: 25px;
}

.mainNav .navcon02 p a {
  width: 67px;
}

.mainNav .navcon03 a,
.mainNav .navcon04 a,
.mainNav .navcon05 a {
  display: block;
  width: 100%;
  height: 42px;
  color: #000;
  font-size: 14px;
  line-height: 42px;
  text-align: left;
  text-indent: 25px;
}

.mainNav .navcon03 a:hover,
.mainNav .navcon04 a:hover,
.mainNav .navcon05 a:hover {
  background: #e92930;
  color: #fff;
  text-decoration: none;
}

.mainNav .navcon .ewmbox {
  width: 192px;
  height: 100px;
  padding: 30px 0 0 25px;
  margin-bottom: 13px;
  border-bottom: 1px solid #eaeaea;
}

.mainNav .navcon08 .ewmbox {
  margin-bottom: 0;
  border-bottom: none;
  height: 84px;
}

.mainNav .navcon .ewmbox img {
  display: block;
  float: left;
  width: 75px;
  height: 75px;
}

.mainNav .navcon .ewmbox span {
  display: block;
  float: left;
  width: 74px;
  height: 28px;
  margin: 5px 0 10px 15px;
  color: #000;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}

.mainNav .navcon .ewmbox a {
  display: block;
  float: left;
  width: 74px;
  height: 28px;
  margin-left: 15px;
  background: #e92930;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}

.mainNav .navcon .ewmbox a:hover {
  text-decoration: none;
}

.mainNav .navcon06 p,
.mainNav .navcon07 p {
  height: 28px;
  padding-left: 10px;
  overflow: hidden;
  line-height: 28px;
}

.mainNav .navcon06 p a,
.mainNav .navcon07 p a {
  display: inline-block;
  height: 28px;
  padding: 0 7px;
  color: #000;
  font-size: 14px;
  line-height: 28px;
}

.mainNav .navcon07 p a:hover,
.mainNav .navcon06 p a:hover {
  background: #e92930;
  border-radius: 3px;
  color: #fff;
  text-decoration: none;
}

.mainNav .navcon07 .ewmbox span {
  width: 98px;
  height: 38px;
  margin: 2px 0 3px 15px;
  line-height: 19px;
  text-align: left;
}

.mainNav .navcon08 .ewmbox span {
  width: 98px;
}

/* ----主导航end */


.header .login {
  display: inline;
  float: right;
  color: #fff;
  line-height: 58px;
  padding: 0;
}
.quit {
  display: none;
  margin-right: 10px;
}

.quit.active {
  display: block;
}
.header .login a {
  color: #fff;
  transition: color 0.3s;
}

.header .login a:hover {
  color: #e92930;
  text-decoration: none;
}

.header .tel {
  display: inline;
  float: right;
  margin-right: 20px;
  color: #e92930;
  font-size: 18px;
  font-weight: bold;
  line-height: 58px;
}

.header .tel a {
  color: #e92930;
}

.header .tel a:hover {
  color: #e92930;
  text-decoration: none;
}

.header .tel i {
  display: block;
  float: left;
  width: 26px;
  height: 26px;
  margin: 16px 10px 0 0;
  background-position: -175px 0;
}

/* 底部 */
.footer {
  width: 100%;
  padding: 35px 0 55px;
  background: #f5f5f5;
}

.footer .h4 {
  height: 40px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
}

.footer .h4 a:hover {
  text-decoration: none;
}

.footer .footleft {
  display: inline;
  float: left;
  width: 182px;
  padding: 5px 35px 5px 0;
  margin-right: 70px;
  border-right: 1px solid #dcdcdc;
}

.footer .col03 {
  width: 243px;
}

.footer .col04 {
  padding-right: 0;
  margin-right: 0;
  border: none;
}

.footer .footleft dt {
  width: 147px;
}

.footer .col03 dt {
  width: 203px;
}

.footer .footleft dt i {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
}

.footer .footleft dt i.icon01 {
  background-position: 0 -170px;
}

.footer .footleft dt i.icon02 {
  background-position: -50px -170px;
}

.footer .footleft dt i.icon03 {
  background-position: -100px -170px;
}

.footer .footleft dt i.icon04 {
  background-position: -150px -170px;
}

.footer .footleft dt:hover i.icon01 {
  background-position: 0 -420px;
}

.footer .footleft dt:hover i.icon02 {
  background-position: -50px -420px;
}

.footer .footleft dt:hover i.icon03 {
  background-position: -100px -420px;
}

.footer .footleft dt:hover i.icon04 {
  background-position: -150px -420px;
}

.footer .footleft dt span {
  display: block;
  width: 100%;
  margin: 5px 0 15px;
  font-weight: bold;
  text-align: center;
}

.footer .footleft dt:hover span a {
  color: #e92930;
  text-decoration: none;
}

.footer .footleft dd {
  color: #888;
  font-size: 14px;
  line-height: 30px;
}

.footer .footleft dd a {
  display: block;
  float: left;
  margin-right: 35px;
  color: #888;
  transition: color 0.3s;
}

.footer .footleft dd a:hover {
  color: #e92930;
}

.footer .footright {
  display: inline;
  float: right;
  width: 315px;
  padding-top: 10px;
}

.footer .footright .h5 {
  height: 46px;
  font-size: 16px;
  line-height: 26px;
}

.footer .footright i {
  display: block;
  float: left;
  width: 46px;
  height: 46px;
  margin-right: 15px;
  background: #d7d7d7 url(../images/icon.png) no-repeat;
  border-radius: 3px;
}

.footer .footright i.icon05 {
  background-position: 0 -120px;
}

.footer .footright i.icon06 {
  background-position: -50px -120px;
}

.footer .footright .h5:hover i.icon05 {
  background: #e92930 url(../images/icon.png) no-repeat 0 -120px;
}

.footer .footright .h5:hover i.icon06 {
  background: #e92930 url(../images/icon.png) no-repeat -50px -120px;
}

.footer .footright .row01 a {
  display: block;
  height: 30px;
  font-size: 30px;
  line-height: 30px;
}

.footer .footright .row01 a:hover {
  text-decoration: none;
}

.footer .footright .row01 span {
  display: block;
  height: 16px;
  color: #888;
  font-size: 14px;
  line-height: 16px;
}

.footer .footright .row02 {
  margin: 25px 0 15px;
}

.footer .footright .row02 span {
  display: block;
  float: left;
  height: 46px;
  font-size: 20px;
  line-height: 46px;
  color: #333;
}

.footer .footright .row02 a {
  display: block;
  float: left;
  width: 76px;
  height: 28px;
  margin: 8px 0 0 20px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}

.footer .footright .row02 a:hover {
  border-color: #e92930;
  color: #e92930;
  text-decoration: none;
}

.footer .footright p {
  color: #888;
  line-height: 20px;
}

.footer .footNav {
  padding: 30px 0;
  margin-top: 30px;
  border-top: 1px solid #dcdcdc;
}

.footer .footNav p {
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  color: #000 !important;
}

.footer .footNav p:first-child {
  color: #888;
  font-family: Arial;
}

.footer .footNav p a {
  display: inline-block;
  padding: 0 5px;
  color: #000 !important;
}

/* 底部end */
/* 默认适配屏幕最小1710px */
@media screen and (min-width: 1310px) and (max-width: 1709px) {
  .Width {
    width: 1200px;
    margin: 0 auto;
    position: relative;
  }

  .mainNav .h2 a {
    padding-left: 10px;
  }

  .footer .footleft {
    padding: 5px 5px 5px 0;
    margin-right: 15px;
  }
}

@media screen and (max-width: 1309px) {
  html {
    font-size: 20px;
  }

  body {
    font: 0.7rem/1.2rem "\82F9\679C\4E3D\4E2D\9ED1", "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
  }

  body {
    width: 18.75rem;
    margin: 0 auto;
    overflow-x: hidden;
  }

  :root body {
    filter: none;
  }

  html, body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  ::-webkit-scrollbar-track-piece {
    width: 1px;
    background-color: #f2f2f2
  }

  ::-webkit-scrollbar {
    width: 1px;
    height: 1px
  }

  ::-webkit-scrollbar-thumb {
    height: 1px;
    background-color: rgba(0, 0, 0, .3);
  }

  .Width {
    width: 17.75rem;
    margin: 0 auto;
    position: relative;
  }

  .topbg, .header .mainNav, .header .login, .header .tel, .footer {
    display: none;
  }

  .mobshow {
    display: block;
  }

  .onlypc {
    display: none;
  }

  .footer-m {
    padding: .5rem 0 3.8rem 0;
    background-color: #333;
    text-align: center;
  }

  .footer-m p, .footer-m a {
    font-size: .6rem;
    line-height: 1rem;
    color: #fff;
  }

  .mt40 {
    margin-top: 1.2rem !important;
  }
  .lnzwk_box{
    margin: 0 auto;
  }
  .header .logo{
    display: none;
  }
  .header .top{
    display: none;
  }
}
