/*reset*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@charset "utf-8";

/*css comment*/
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  outline: none;
  list-style: none;
  text-decoration: none;
  blr: expression(this.onFocus=this.blur());
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body,
html {
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
  overflow-x: hidden;
  font-family: arial, "微软雅黑", Microsoft YaHei;
  font-size: 14px;
  line-height: 1.72;
  text-align: justify;
}

img {
  border: none;
  display: inline-block;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  _width: auto;
}

button,
input,
textarea,
select {
  border: none;
  background: none;
  font-size: 14px;
  vertical-align: middle;
  color: #333;
  font-family: arial, "微软雅黑", Microsoft YaHei;
}

select {
  border: inherit;
  background: inherit;
}

a {
  text-decoration: none;
  blr: expression(this.onFocus=this.blur());
  outline: none;
  color: #333;
}

a:hover,
a:active,
a:focus {
  text-decoration: none;
}

em,
i {
  font-style: normal;
}

a:focus,
input,
select {
  outline: none;
}

.clearfix {
  *zoom: 1;
}

.clearfix:after {
  content: "\200B";
  display: block;
  clear: both;
  height: 0;
}

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

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
  opacity: 0.90;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
label {
  font-weight: normal;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
  font-family: arial, "微软雅黑", Microsoft YaHei;
}

p,
ul,
ol {
  margin: 0;
}

header,
main,
footer,
section {
  display: block;
}


/*browserupgrade*/
.browserupgrade {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 60px;
  font-size: 15px;
  line-height: 60px;
  z-index: 5000;
  background-color: #666;
  color: #fff;
  text-align: center
}

.browserupgrade a {
  color: #eee;
  text-decoration: underline;
  font-size: 18px;
}

.browserupgrade a:hover {
  color: #eee
}

/*owl-theme*/
.owl-carousel .owl-nav a {
  display: inline-block;
  vertical-align: middle;
}

.owl-carousel .owl-nav a span {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}

.owl-carousel .owl-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  border-radius: 50%;
}

.owl-carousel .owl-dots .owl-dot.active {
  background: #157475;
  border-color: #157475;
}

.inner,
.slide .owl-dots {
  width: 1400px;
  margin: 0 auto;
}

/*===================header========================*/
header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1003;
  width: 100%;
  padding: 0 2%;
  background: rgba(0,0,0,0.5);
  box-sizing: border-box;
}

.header_warp {
  max-width: 1700px;
  margin: 0 auto;
}

.logo {
  float: left;
  position: relative;
}

.logo img {
  display: block;
}

.nav_wrap {
  float: right;
  position: relative;
  top: 36px;
}

.nav {
  float: right;
  margin: 0 -15px;
  padding: 5px;
  border-radius: 20px;
}

.nav li.li_item0 {
  float: left;
}

.nav li.li_item0 a.a_item0 {
  display: block;
  position: relative;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  border-radius: 15px;
  line-height: 30px;
  padding: 0 15px;
}

.nav li.li_item0 a.a_item0:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 100%;
  height: 13px;
  background: url(../images/ico_01.png) center 13px no-repeat;
}

.down_menu {
  width: 100%;
  position: absolute;
  top: 95%;
  left: 0;
  color: #fff;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.down_menu_block {
  /*width:100%; */
  /*max-width: 980px; float: right;*/
  background: #157475;
  border-radius: 5px;
  padding: 3%;
}

/*tel_400*/
.tel_400 {
  overflow: hidden;
  line-height: 44px;
  margin-top: 10px;
}

.tel_400 img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.tel_phone {
  float: right;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  padding-left: 20px;
  position: relative;
}

.tel_phone:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 15px;
  margin-top: -7px;
  background: rgba(255, 255, 255, .20);
}

.tel_phone img {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}

/*nav_class*/
/*.nav_class{ float: left;  width:65%;padding-right:2%;border-right:1px solid rgba(255,255,255,.50); position: relative; margin-right: 4%;}*/
.nav_class a.a_item1 {
  display: block;
  color: #fff;
  opacity: 0.80;
  position: relative;
  padding-left: 18px;
  margin-bottom: 10px;
  float: left;
  width: 29%;
  line-height: 24px;
}

.nav_class a.a_item1:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: url(../images/ico_03.png) no-repeat;
  opacity: 0.60;
}

.nav_class a.a_item1:after {
  content: "";
  position: absolute;
  bottom: -100%;
  left: 50%;
  width: 10px;
  height: 10px;
  background: url(../images/ico_nav01.png) center -10px no-repeat;
  margin-bottom: 4px;
  margin-left: -23px;
}

.nav_class a.a_item1:hover,
.nav_class a.a_item1:hover:before {
  opacity: 1;
}

.third_level {
  width: 100%;
  clear: both;
  border-top: 1px solid rgba(255, 255, 255, .40);
  padding: 15px 0;
  display: none;
}

.third_level a {
  display: block;
  position: relative;
  float: left;
  font-size: 13px;
  line-height: 24px;
  color: #a1f9ff;
  padding-left: 18px;
  margin-right: 3%;
}

.third_level a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 1px;
  background: #fff;
}

.third_level a:hover {
  color: #fff;
}

.third_level a:hover:before {
  width: 12px;
}

.nav_class a.has_third.active {
  opacity: 1;
}

.nav_class a.has_third.active:after {
  background-position: center bottom;
}

.nav li.li_item0.nav_li02 .down_menu .nav_class a.a_item1,
.nav li.li_item0.nav_li09 .down_menu .nav_class a.a_item1 {
  width: 33.33%;
}

.nav li.li_item0.nav_li04 .down_menu .nav_class a.a_item1 {
  width: 22.5%;
}

.nav li.li_item0.nav_li04 .down_menu .nav_class a.a_item1:nth-child(4) {
  width: 32.5%;
}

.nav li.li_item0:hover .down_menu {
  top: 100%;
  height: auto;
  opacity: 1;
}

.nav li.li_item0:hover a.a_item0,
.nav li.li_item0.on a.a_item0 {
  background: #157475;
}

.nav li.li_item0:hover a.a_item0:before {
  background-position: center top;
}

/*menu_ico*/
.menu_ico {
  cursor: pointer;
  display: none;
  width: 30px;
  height: 24px;
  position: absolute;
  top: 15px;
  right: 15px;
}

.menu_ico i {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 0;
}

.menu_ico i:nth-of-type(2) {
  top: 10px;
}

.menu_ico i:nth-of-type(3) {
  top: 20px;
}

.menu_active i {
  background-color: #fff;
}

.menu_active i:nth-of-type(2) {
  opacity: 0;
}

.menu_active i:nth-of-type(1),
.menu_active i:nth-of-type(3) {
  top: 10px;
}

.menu_active i:nth-of-type(1) {
  transform: rotate(-45deg);
}

.menu_active i:nth-of-type(3) {
  transform: rotate(45deg);
}

/*============================footer=======================*/
footer {
  position: relative;
  padding-top: 110px;
}

.waveWrapper {
  overflow: hidden;
  height: 110px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.waveWrapperInner {
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 100%;
  bottom: -1px;
  /* background-image: linear-gradient(to top, #86377b 20%, #27273c 80%);*/
}

.bgTop {
  z-index: 10;
  opacity: 0.20;
}

.bgMiddle {
  z-index: 15;
  opacity: 1;
}

.wave {
  position: absolute;
  left: 0;
  width: 200%;
  height: 100%;
  background-repeat: repeat no-repeat;
  background-position: 0 bottom;
  transform-origin: center bottom;
}

.waveTop {
  background-size: 100% 87px;
}

.waveAnimation .waveTop {
  -webkit-animation: move_wave 4s infinite linear alternate;
  animation: move_wave 4s infinite linear alternate;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.waveMiddle {
  background-size: 100% 107px;
}

.waveAnimation .waveMiddle {
  -webkit-animation: move_wave 8s infinite linear alternate;
  animation: move_wave 8s infinite linear alternate;
}

@keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1)
  }

  50% {
    transform: translateX(-20%) translateZ(0) scaleY(0.50)
  }

  100% {
    transform: translateX(-40%) translateZ(0) scaleY(1)
  }
}

.footer_top {
  background: url(../images/footer_01.jpg) center top no-repeat;
  background-size: cover;
  padding-bottom: 3%;
  color: #fff;
}

/*footer_l*/
.footer_l {
  width: 24%;
  float: left;
}

.footer_logo {
  display: block;
  margin-bottom: 15px;
}

/*shared*/
.shared {
  margin: -7px;
}

.shared li {
  float: left;
}

.shared li a {
  display: block;
  padding: 7px;
}

.shared li a img {
  display: block;
  transition: transform 12s cubic-bezier(.23, 1, .32, 1);
  transform: scale(1);
  opacity: .60;
}

.shared li:hover a img {
  opacity: 1;
  transform: scale(1.1);
}

/*bdshare-button-style*/
.bd_weixin_popup {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.footer_l .bdshare-button-style1-16 {}

.footer_l .bdshare-button-style1-16 a {
  float: none;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  line-height: 30px;
  position: relative;
  padding: 0;
  margin: 0 10px 0 0;
  background-position: center center;
  opacity: .80;
}

.footer_l .bdshare-button-style1-16 a:hover {
  opacity: 1;
}

.footer_l .bdshare-button-style1-16 a.bds_sqq {
  background-image: url(../images/shared_ico01.png);
}

.footer_l .bdshare-button-style1-16 a.bds_weixin {
  background-image: url(../images/shared_ico02.png);
}

.footer_l .bdshare-button-style1-16 a.bds_tsina {
  background-image: url(../images/shared_ico03.png);
}

/*hot_line*/
.hot_line {
  margin-top: 25px;
}

.hot_line span {
  display: block;
  position: relative;
  margin-top: 10px;
  border: 1px solid rgba(255, 255, 255, .50);
  line-height: 48px;
  max-width: 310px;
  padding-left: 85px;
  padding-right: 10px;
}

.hot_line span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, .50);
  background: url(../images/ico_08.png) center center no-repeat;
  background-size: 24px;
}

/*footer_m*/
.footer_m {
  position: relative;
  width: 44%;
  float: left;
  text-align: center;
  padding-top: 60px;
  padding-left: 2%;
  padding-right: 2%;
  margin: 0 3%;
}

.footer_m:before,
.footer_m:after {
  content: "";
  position: absolute;
  top: 30%;
  left: 0;
  width: 1px;
  height: 60%;
  background: rgba(255, 255, 255, .30);
}

.footer_m:after {
  left: auto;
  right: 0;
}

.erweima_block {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 0 5px;
}

.erweima_img {
  display: inline-block;
  padding: 2px;
  border: 1px solid rgba(255, 255, 255, .50);
}

.erweima_img img {
  display: block;
}

.erweima_txt {
  position: relative;
  padding-bottom: 10px;
  margin-top: 10px;
}

.erweima_txt:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 22px;
  height: 1px;
  background: #fff;
  margin-left: -11px;
}

/*footer_r*/
.footer_r {
  overflow: hidden;
  padding-top: 18px;
}

.ask_box {
  float: right;
  width: 100%;
  max-width: 400px;
  position: relative;
}

.footer_item {
  margin-bottom: 20px;
  text-align: left;
}

.ask_form {
  margin: -5px;
}

.form_line {
  width: 100%;
  clear: both;
  padding: 5px;
}

.line_dif {
  width: 100%;
  float: left;
  clear: none;
}

.form_txt {
  display: block;
  width: 100%;
  height: 45px;
  line-height: 25px;
  padding: 10px 0 10px 20px;
  background: rgba(255, 255, 255, .20);
  color: rgba(255, 255, 255, .80);
  transition: all 0.5s ease-in-out;
}

.form_yu {
  resize: none;
  height: 85px;
}

.form_txt:focus,
.form_txt:hover {
  background: rgba(255, 255, 255, .10);
  color: #fff;
}

.ask_submit {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
}

.ask_submit:hover {
  text-decoration: underline;
}

.footer_bot {
  line-height: 24px;
  padding: 1% 0;
  background: #00562f;
  color: rgba(255, 255, 255, .50);
  text-align: center;
}

.footer_bot a {
  color: rgba(255, 255, 255, .50);
}

.footer_bot a:hover {
  color: #fff;
  text-decoration: underline;
}

.form_txt::-webkit-input-placeholder {
  color: rgba(255, 255, 255, .80);
}

.form_txt::-moz-placeholder {
  color: rgba(255, 255, 255, .80);
}

.form_txt:-moz-placeholder {
  color: rgba(255, 255, 255, .80);
}

.form_txt:-ms-input-placeholder {
  color: rgba(255, 255, 255, .80);
}

.form_txt:focus::-webkit-input-placeholder {
  color: #fff;
}

.form_txt:focus::-moz-placeholder {
  color: #fff;
}

.form_txt:focus:-moz-placeholder {
  color: #fff;
}

.form_txt:focus:-ms-input-placeholder {
  color: #fff;
}

/*==============tan_warp*/
.tan_warp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4000;
  display: none;
}

.tan_warp .table {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.tan_bg {
  background: rgba(0, 0, 0, .80);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.tan_closed {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 60px;
  line-height: 60px;
  text-align: center;
  background: rgba(255, 255, 255, .60);
  font-size: 40px;
  color: #fff;
}

.tan_closed:hover {
  background-color: #c70019;
}

.tan_box {
  display: inline-block;
  position: relative;
  z-index: 2;
}

/*notice_warp*/
#notice_warp {
  text-align: center;
  color: #fff;
  font-size: 16px;
}

#notice_warp img {
  display: block;
  margin: 0 auto 20px;
}

/*===================main========================*/
main {}

/*==============
focus_warp*/
.focus_warp {
  width: 100%;
  /* height: 870px;*/
  overflow: hidden;
  position: relative;
  min-height: 500px;
}

.slide {
  display: block;
}

.slide,
.slide .owl-stage-outer,
.slide .owl-stage,
.slide .owl-item,
.slide li,
.slide_item img.slide_img0 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.slide .owl-item .slide_item img.slide_img0 {
  display: block;
}

.slide_item {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.slide .owl-nav {}

.slide .owl-nav a {
  width: 35px;
  height: 65px;
  position: absolute;
  top: 50%;
  left: 6%;
  margin-top: -32px;
  background: url(../images/arrow_01.png) left top no-repeat;
  opacity: .10;
}

.slide .owl-nav a span {
  font-size: 0;
}

.slide .owl-nav a.owl-prev:hover {
  opacity: 1;
  background-position: right top;
}

.slide .owl-nav a.owl-next {
  left: auto;
  right: 6%;
  background-position: right bottom;
}

.slide .owl-nav a.owl-next:hover {
  opacity: 1;
  background-position: left bottom;
}

.slide-counter {
  color: #157475;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 3%;
}

.slide-counter i {
  color: #fff;
  margin: 0 5px;
}

.slide-counter em {
  color: #fff;
}

.slide .owl-dots {
  text-align: right;
  left: 50%;
  margin-left: -700px;
}

.slide-counter,
.slide .owl-dots {
  margin-bottom: 45px;
}

/*slide_01*/
.slide_text {
  position: absolute;
  top: 50%;
  margin-top: -12%;
  left: 0;
  z-index: 1;
  width: 100%;
}

.slide01_text img {
  width: 52%;
  max-width: 726px;
  position: relative;
  top: 50px;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.ie9 .slide01_text img {
  top: 0;
  opacity: 1;
}

.slide .owl-item.active li.slide_item .slide01_text img {
  animation: 2s .2s move01 both;
}

.move01 {
  animation: move01 1s forwards alternate;
  -moz-animation: move01 1s forwards alternate;
  -webkit-animation: move01 1s forwards alternate;
  -o-animation: move01 1s forwards alternate;
}

@keyframes move01 {
  0% {
    top: 50px;
    opacity: 0;
  }

  100% {
    top: 0;
    opacity: 1;
  }
}

@-moz-keyframes move01 {
  0% {
    top: 50px;
    opacity: 0;
  }

  100% {
    top: 0;
    opacity: 1;
  }
}

@-webkit-keyframes move01 {
  0% {
    top: 50px;
    opacity: 0;
  }

  100% {
    top: 0;
    opacity: 1;
  }
}

@-o-keyframes move01 {
  0% {
    top: 50px;
    opacity: 0;
  }

  100% {
    top: 0;
    opacity: 1;
  }
}

@media only screen and (max-width: 1599px) {

  .inner,
  .slide .owl-dots {
    width: 1200px;
  }

  /*header*/
  .nav li.li_item0 a.a_item0 {
    padding: 0 8px;
  }

  /*focus*/
  /*.focus_warp{ height: 670px;}*/
  .slide .owl-dots {
    margin-left: -600px;
  }

  .slide .owl-nav a.owl-prev {
    left: 2%;
  }

  .slide .owl-nav a.owl-next {
    right: 2%;
  }
}

@media only screen and (max-width: 1279px) {

  .inner,
  .slide .owl-dots {
    width: 100%;
    max-width: 1054px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }

  .slide .owl-dots {
    left: auto;
    margin-left: 0;
    right: 0;
  }

  /*header*/
  header {
    position: fixed;
    background: #000;
    height: 55px;
  }

  .logo {
    top: 10px;
  }

  .logo img {
    height: 35px;
    width: auto;
  }

  .menu_ico {
    display: block;
  }

  .tel_phone {
    display: block;
    float: none;
    padding-left: 0;
    margin-bottom: 30px;
  }

  .tel_phone:before {
    display: none;
  }

  .nav_wrap {
    background: #157475;
    width: 100%;
    height: 100%;
    height: -webkit-calc(100% - 55px);
    height: calc(100% - 55px);
    position: fixed;
    top: 55px;
    left: 0;
    padding: 30px 15px;
    overflow-y: auto;
    display: none;
  }

  .shared {
    float: none;
    padding: 0;
    margin: 20px -7px;
  }

  .shared:before {
    display: none;
  }

  .nav {
    float: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
  }

  .nav li.li_item0 {
    float: none;
    padding-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;
  }

  .nav li.li_item0 a.a_item0,
  .nav li.li_item0:hover a.a_item0,
  .nav li.li_item0.nav_cur a.a_item0 {
    padding: 10px;
    text-align: left;
    font-size: 16px;
  }

  .nav li.li_item0 a.a_item0:before {
    display: none;
  }

  @-webkit-keyframes returnToNormal {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  @keyframes returnToNormal {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  .down_menu,
  .nav li.li_item0:hover .down_menu {
    position: relative;
    width: 100%;
    left: auto;
    margin: 0;
  }

  .down_menu_block {
    max-width: none;
    float: none;
    padding: 10px;
  }

  .down_menu .tel_400 {
    display: none;
  }

  .nav_class {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
    border: none;
  }

  .nav li.li_item0:nth-child(n) .down_menu .nav_class a.a_item1 {
    width: 50%;
    margin-bottom: 5px;
    font-size: 14px;
  }

  .third_level a {
    width: 50%;
    margin: 0;
  }

  /*footer*/
  .erweima_block {
    width: 112px;
  }

  .erweima_txt {
    margin-top: 0;
  }

  .line_dif {
    width: 100%;
  }

  .form_txt {
    height: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .form_yu {
    height: 85px;
  }

  /*focus*/
  main {
    padding-top: 55px;
  }

  .focus_warp {
    min-height: 200px;
  }
}

@media only screen and (max-width: 991px) {
  footer {
    padding-top: 40px;
  }

  .waveWrapper,
  .footer_top {
    display: none;
  }

  .footer_l,
  .footer_m,
  .footer_r {
    width: 100%;
    float: none;
    text-align: center;
    padding: 0;
    margin: 0;
  }

  .footer_logo {
    width: 210px;
    margin-left: auto;
    margin-right: auto;
  }

  .hot_line {
    margin-top: 0;
  }

  .hot_line span {
    line-height: 38px;
    display: inline-block;
  }

  .footer_m {
    padding: 30px 0;
  }

  .footer_m:before,
  .footer_m:after {
    display: none;
  }

  .erweima_block {
    width: 92px;
  }

  .ask_box {
    float: none;
    margin: 0 auto;
  }

  .focus_warp {
    min-height: 0;
  }
}



/*================================================首页================================================*/
.index_sec {}

/*bgImg*/
.bgImg {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all .5s ease-in-out;
}
.bgImg img {
  display: none;
}

/*table*/
.table {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
}

.cell {
  display: table-cell;
  vertical-align: middle;
}

/*more01*/
.more01 {
  overflow: hidden;
  display: inline-block;
  width: 172px;
  height: 45px;
  line-height: 41px;
  border-radius: 23px;
  text-align: center;
  background-color: #eb960f;
  border: 2px solid #eb960f;
  color: #fff;
}

.more01 span {
  display: inline-block;
  padding-right: 30px;
  position: relative;
}

.more01 span:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 100%;
  background: url(../images/ico_05.png) right center no-repeat;
}

.more01:hover {
  background: #fff;
  color: #157475;
}

.more01:hover span:before {
  background-position: left center;
}

/*more02*/
.more02 {
  display: block;
  width: 132px;
  line-height: 34px;
  border: 1px solid rgba(255, 255, 255, .50);
  text-align: center;
  color: #fff;
}

.more02 span {
  display: inline-block;
  padding-right: 15px;
  position: relative;
}

.more02 span:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 0;
  width: 11px;
  height: 11px;
  background: url(../images/ico_06.png) right top no-repeat;
  background-size: 22px;
}

.more02:hover span:before {
  background-position: left top;
}

/*more03*/
.more03 {
  display: block;
  width: 104px;
  line-height: 30px;
  border: 1px solid #fff;
  border-radius: 5px;
  text-align: center;
}

.more03 span {
  display: inline-block;
  padding-right: 15px;
  position: relative;
}

.more03 span:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  background: url(../images/ico_06.png) right top no-repeat;
  background-size: 16px;
}

.more03:hover span:before {
  background-position: left top;
}

/*==================sec_about*/
.sec_about {}

/*major_load*/
.major_load {
  width: 50%;
  max-width: 700px;
  margin-top: -45px;
}

.major_load li {
  width: 50%;
  height: 160px;
  overflow: hidden;
  float: left;
  position: relative;
  text-align: center;
  background: #000;
}

.major_load li a {
  display: block;
  width: 100%;
  height: 100%;
  background: #177576;
  color: #fff;
}

.major_load li .bgImg {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .25;
}

.load_tit {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding-right: 25px;
  background: url(../images/ico_04.png) right center no-repeat;
  background-size: 12px;
}

.load_tit img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.major_load li:hover a {
  opacity: .96;
}

/*sec_top*/
.sec_top {
  /* height:80px; */
  position: relative;
  margin-bottom: 30px;
}

.sec_top .more01 {
  float: right;
  margin-top: 1.5%;
}

.title01 {
  float: left;
}

.title01 a {
  display: block;
  color: #000;
}

.title01 a em {
  display: block;
  position: relative;
}

.title01 a em:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -40px;
  width: 24px;
  height: 1px;
  background: #b2b2b2;
}

.title01_style2 a {
  color: #fff;
}

.title01_style2 a em:before {
  background-color: #fff;
}

/*about_warp*/
.about_warp {
  color: #333;
  /* height: 636px; */
  position: relative
}

.about_info {
  width: 39%;
  float: left;
  padding-top: 50px;
}

.about_item {
  margin-bottom: 10px;
}

.about_des {
  line-height: 24px;
  max-height: 168px;
  overflow: hidden;
  margin-bottom: 8%;
}

.about_img {
  overflow: hidden;
  height: 398px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .about_img {
    height: 225px;
  }
}
.about_img_01 {
  width: 82%;
  max-width: 700px;
  height: 100%;
  float: right;
  overflow: hidden;
}

.about_img_02 {
  display: block;
  z-index: 2;
  position: absolute;
  left: 0;
  bottom: -15%;
  opacity: 0;
  width: 75%;
  max-width: 700px;
}

/*==================sec_news*/
.sec_news {
  overflow: hidden;
  background-image: linear-gradient(#118249, #10704f);
  background-size: cover;
  color: #fff;
  padding: 4% 0 3%;
}

#news_scr {
  border-top: 1px solid rgba(255, 255, 255, .30);
  border-bottom: 1px solid rgba(255, 255, 255, .30);
  position: relative;
  top: 10%;
  opacity: 0;
}

#news_scr .owl-item .item {
  position: relative;
  padding: 10%;
}

#news_scr .owl-item .item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#news_scr .owl-item .item:after {
  content: "";
  position: absolute;
  top: 15%;
  left: 1px;
  width: 1px;
  height: 70%;
  background: rgba(255, 255, 255, .30);
}

#news_scr .owl-item:first-child .item:after {
  display: none;
}

.news_block {
  position: relative;
  max-width: 304px;
  margin: 0 auto;
}

.news_date {
  margin-bottom: 20px;
}

.news_date em {
  vertical-align: baseline;
  margin-right: 8px;
}

.news_tit {
  margin-bottom: 15px;
}

.news_tit a {
  display: block;
  overflow: hidden;
  color: #fff;
  line-height: 28px;
  max-height: 56px;
}

.news_des {
  line-height: 22px;
  max-height: 44px;
  overflow: hidden;
  opacity: .80;
  margin-bottom: 40px;
}

#news_scr .owl-item:hover .item:before {
  background: rgba(255, 255, 255, .10);
}

#news_scr .owl-nav a {
  position: absolute;
  top: 50%;
  left: -45px;
  width: 25px;
  height: 50px;
  margin-top: -25px;
  background: url(../images/arrow_02.png) left center no-repeat;
  opacity: .50;
}

#news_scr .owl-nav a:hover,
#news_scr .owl-nav a.disabled {
  opacity: 1;
}

#news_scr .owl-nav a.owl-next {
  left: auto;
  right: -45px;
  background-position: right center;
}

#news_scr .owl-nav a span {
  font-size: 0;
}

/*==================sec_business*/
.sec_business {
  overflow: hidden;
  position: relative;
  color: #fff;
}

.sec_business:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 32.65%;
  background-image: linear-gradient(#0f6f4f, #106754);
  background-size: cover;
}

.business_list {
  /* background: #000;*/
  overflow: hidden;
  box-shadow: 0 0 50px 10px rgba(0, 0, 0, .11);
  margin-bottom: 50px;
}

.business_list li {
  float: left;
  width: 33.33%;
  height: 266px;
}

.business_info {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.business_list li .bgImg {
  position: absolute;
  top: 0;
  left: 0;
}

.business_list li .table {
  padding: 0 10%;
}

.business_list li a {
  color: #fff;
}

.business_item {
  position: relative;
  z-index: 2;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.business_item img {
  display: block;
  margin-bottom: 15px;
  width: 45px;
}

.business_item em {
  display: block;
  text-transform: none;
  text-align: left;
}

.business_list li.align_center,
.business_list li.align_center .business_item em {
  text-align: center;
}

.business_list li.align_center .business_item img,
.business_list li.align_center .more03 {
  margin-left: auto;
  margin-right: auto;
}

.business_list li.color_black a {
  color: #333;
}

.business_list li.color_black .business_item em {
  opacity: .50;
}

.business_list li.color_black .more03 {
  border-color: #b2b2b2;
}

.business_list li.color_black .more03 span:before {
  background-position: right bottom;
}

.business_list li.color_black .more03:hover span:before {
  background-position: left bottom;
}

.business_list li.business_02 {
  height: 532px;
}

.business_list li.business_02 .business_item {
  margin-bottom: 40px;
}

.business_list li.business_04 {
  margin-left: -100%;
  /*margin-top:266px;*/
}

.business_list li.business_06,
.business_list li.business_07 {
  height: 290px;
}

.business_list li.business_06 .business_info {
  overflow: visible;
}

.business_list li.business_06 .bgImg {
  transition: transform 6s cubic-bezier(.23, 1, .32, 1);
  transform: scale(1);
}

.business_list li.business_06:hover .bgImg {
  transform: scale(1);
}

.business_06_img {
  position: absolute;
  bottom: 10px;
  right: -10%;
  z-index: 1;
  width: 50%;
  max-width: 230px;
}

.business_list li.business_07 {
  width: 66.66%;
}

.business_list li.business_07 .business_img {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: relative;
  float: right;
}

.business_list li.business_07 .business_info {
  width: 50%;
  float: left;
}

.adv {
  overflow: hidden;
  position: relative;
}

.adv_line {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  height: 50%;
  background: #fff;
}

.adv_line02 {
  top: 50%;
}

.adv img {
  display: block;
}

.adv .txt {
  position: absolute;
  z-index: 2;
  top: 60px;
  left: 80px;
}

.adv p {
  font-size: 32px;
  margin-bottom: 50px;
}


/*==================sec_honor*/
.sec_honor {
  padding: 4% 0 50px;
  background: url(../images/honor_01.jpg) center bottom no-repeat;
}

.honor_show {}

.honor_scr {
  padding: 40px 0;
}

.honor_scr li {
  width: 250px;
  height: 340px;
  margin-right: 37px;
  float: left;
  text-align: center;
  position: relative;
}

.honor_scr li:before {
  content: "";
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/honor_02.png) center top no-repeat;
  background-size: contain;
  opacity: 0;
  transform: scale(0);
}

.honor_scr li a {
  display: block;
  height: 100%;
  position: relative;
  color: #fff;
}

.focus_img {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0 auto;
  transition: all 0.5s ease-in-out;
}

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

.honor_txt {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s ease-in-out;
  width: 100%;
  opacity: 0;
  transform: translate(0, 100%);
}

.honor_txt span {
  display: block;
  line-height: 22px;
  padding: 0 12%;
  overflow: hidden;
  /* white-space: nowrap; text-overflow: ellipsis;*/
}

.honor_scr li:hover:before {
  opacity: 1;
  transform: scale(1);
}

.honor_scr li a:hover .focus_img {
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .15);
  width: 88%;
  transform: translate(0, -30px);
}

.honor_scr li a:hover .honor_txt {
  opacity: 1;
  transform: translate(0, 0);
}

.honor_show .mCSB_scrollTools .mCSB_draggerContainer {
  left: 24%;
  width: 52%;
}

.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  margin: 7px auto;
  height: 2px;
  background-color: #fff;
}

.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 45px;
  height: 14px;
  margin: 2px 0;
  background: url(../images/honor_03.png) no-repeat;
}

.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft,
.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  left: 0;
  top: -215px;
  width: 22px;
  overflow: hidden;
  height: 0;
  background: url(../images/arrow_03.png) left bottom no-repeat;
  background-size: 44px;
}

.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  left: auto;
  right: 0;
  background-position: right top;
}

.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft:hover {
  background-position: right bottom;
}

.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight:hover {
  background-position: left top;
}

/*==================sec_course*/
.sec_course {
  padding: 4% 0 160px;
  margin-bottom: -80px;
  background: #f4f4f4;
}

.course_box {
  position: relative;
  margin-bottom: 30px;
}

.sec_course .sec_top {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  text-align: right;
}

.sec_course .title01,
.title01_des {
  padding-right: 40px;
}

.sec_course .title01 {
  float: none;
}

.sec_course .title01 a em:before {
  left: auto;
  right: -40px;
}

.title01_des {
  text-align: right;
  margin-top: 10px;
}

#course_scr {}

#course_scr .owl-item .item {
  margin: -15px -23px;
}

.course_block {
  width: 50%;
  float: left;
  height: 282px;
  padding: 15px 23px;
}

.course_block dl {
  position: relative;
  overflow: hidden;
  background: #fff;
  color: #333;
  text-transform: uppercase;
  transition: all 0.5s ease-in-out;
}

.course_block dl:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  opacity: 0;
  background: #01b4ec;
}

.course_block dl dt {
  position: relative;
  float: left;
  width: 50.3%;
  height: 252px;
  overflow: hidden;
}

.course_block dl dt a {
  display: block;
  height: 100%;
}

.course_block dl dd {
  position: relative;
  overflow: hidden;
  padding: 30px 30px 0;
}

.course_item {
  margin-bottom: 10px;
}

.course_item a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.course_base {
  margin: 0 -10px 15px;
}

.course_base span {
  display: inline-block;
  padding: 0 10px;
}

.course_base span.course_num {
  float: right;
}

.course_base span.course_num a {
  color: #01b4ec;
}

.course_line {
  opacity: .20;
}

.course_des {
  opacity: .80;
  line-height: 24px;
  max-height: 72px;
  overflow: hidden;
  margin-bottom: 20px;
}

.course_more {
  display: block;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, .10);
  padding-top: 15px;
}

.course_more:before {
  content: "";
  position: absolute;
  top: 15px;
  right: 0;
  width: 14px;
  height: 14px;
  background: url(../images/ico_07.png) right center no-repeat;
}

.course_block dl:hover {
  color: #fff;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .20);
}

.course_block dl:hover:before {
  width: 100%;
  opacity: 1;
}

.course_block dl:hover .course_item a {
  color: #fff;
}

.course_block dl:hover .course_more {
  border-top-color: rgba(255, 255, 255, .30);
  color: #fff;
}

.course_block dl:hover .course_more:before {
  background-position: left center;
}

.course_block dl:hover .course_base span.course_num a {
  color: #fff;
}

#course_scr .owl-nav {
  position: absolute;
  top: 160px;
  right: 40px;
  width: 220px;
  height: 46px;
  background: #fff;
}

#course_scr .owl-nav,
#course_scr .owl-nav a {
  border-radius: 23px;
}

#course_scr .owl-nav a {
  display: block;
  float: left;
  width: 50%;
  height: 100%;
  background: #01b4ec url(../images/arrow_04a.png) center center no-repeat;
}

#course_scr .owl-nav a span {
  font-size: 0;
}

#course_scr .owl-nav a.owl-next {
  background-color: #fff;
  background-image: url(../images/arrow_04b.png);
}

#course_scr .owl-nav a:hover {
  opacity: .80;
}

/*================================================关于我们================================================*/
/*==============profile*/
.about_sec {
  background-color: #fff;
  position: relative;
}

.profile {
  overflow: hidden;
  height: 100vh;
}

.profile .bgImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-attachment: fixed;
  opacity: 0;
}

.profile .bgImg.on {
  opacity: 1;
}

.profile_warp {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .60);
  color: #fff;
  padding-top: 15%;
}

.profile_warp .inner {
  position: relative;
  height: 100%;
}

.about_tit {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 50px;
  text-align: left;
  color: #fff;
}

.about_tit:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 32px;
  height: 1px;
  background: #fff;
}

.about_tit em {
  display: block;
}

.about_tit.color_black {
  color: #333;
}

.about_tit.color_black:before {
  background: #157475;
}

.about_tit.align_center {
  text-align: center;
}

.about_tit.align_center:before {
  left: 50%;
  margin-left: -16px;
}

.profile .about_tit {
  border-bottom: 1px solid #fff;
  padding-bottom: 4.5%;
}

.profile .about_tit:before {
  display: none;
}

.data {}

.data li {
  width: 25%;
  line-height: 1.6;
  float: left;
  position: relative;
  text-align: center;
}

.data li:before {
  content: "";
  position: absolute;
  top: 29%;
  left: 0;
  height: 42%;
  width: 1px;
  background: #fff;
}

.data li:first-child {
  width: 18%;
}

.data li:last-child {
  width: 32%;
}

.data li:first-child:before {
  display: none;
}

.data li img {
  display: block;
  margin: 0 auto;
  width: 25%;
  max-width: 65px;
}

.data_num {
  display: block;
  font-weight: bold;
  line-height: 0.9;
  margin: 15px 0;
}

/*==============sub_nav*/
.sub_nav {
  width: 100%;
  top: -100px;
  left: 0;
  z-index: 1003;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  transition: all 0.5s ease-in-out;
}

.nav_list {
  position: relative;
}

.nav_list li {
  float: left;
}

.nav_list li a {
  display: block;
  position: relative;
  padding: 0 30px;
  line-height: 97px;
}

.nav_list li a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background: #cacaca;
  width: 1px;
  height: 18px;
  margin-top: -9px;
}

.nav_list li a:after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 9px;
  background: url(../images/ico_21.png) center -9px no-repeat;
}

.nav_list li:first-child a:before {
  display: none;
}

.nav_list li:hover a,
.nav_list li.active a {
  background: #157475;
  color: #fff;
}

.nav_list li.has_class.active {
  padding-bottom: 78px;
}

.nav_list li.has_class:hover a:after,
.nav_list li.has_class.active a:after {
  background-position: center bottom;
}

.nav_list li .nav_subclass {
  position: absolute;
  top: 97px;
  left: 0;
  z-index: 1;
  width: 100%;
  display: none;
}

/*.nav_list li:last-child .nav_subclass{ text-align:right;}*/
.nav_list li .nav_subclass:before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 200%;
  height: 1px;
  background: #e5e5e5;
}

.nav_list li .nav_subclass:after {
  content: "";
  position: absolute;
  top: 1px;
  left: -50%;
  width: 200%;
  height: 100%;
  background: #fff;
}

.nav_list li .nav_subclass a {
  position: relative;
  z-index: 2;
  float: none;
  display: inline-block;
  padding: 0;
  margin-right: 4%;
  line-height: 78px;
}

.nav_list li .nav_subclass a:before,
.nav_list li .nav_subclass a:after {
  display: none;
}

.nav_list li:hover .nav_subclass {
  z-index: 2;
}

.nav_list li:hover .nav_subclass,
.nav_list li.active .nav_subclass {
  display: block;
}

.nav_list li:hover .nav_subclass a,
.nav_list li.active .nav_subclass a {
  background: none;
  color: #666666;
}

.nav_list li .nav_subclass a em {
  display: inline-block;
  padding: 0 10px;
}

.nav_list li .nav_subclass a em:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: #157475;
}

.nav_list li .nav_subclass a:hover,
.nav_list li .nav_subclass a.class_cur {
  color: #157475;
}

.nav_list li .nav_subclass a.class_cur em:before {
  width: 100%;
}

.sub_nav.on {
  position: fixed;
  top: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .10);
  box-shadow: 0 0 10px -2px rgba(0, 0, 0, .10);
}

.sub_nav.on .nav_list li a {
  line-height: 77px;
}

.sub_nav.on .nav_list li .nav_subclass {
  top: 77px;
}

.sub_nav.on .nav_list li.has_class.active {
  padding-bottom: 58px;
}

.sub_nav.on .nav_list li .nav_subclass a {
  line-height: 58px;
}

.sub_nav_dif {
  background: #f8f8f8;
}

.sub_nav_dif .nav_list li .nav_subclass:after {
  background: #f8f8f8;
}

/*scroll_i*/
.scroll_i {
  cursor: pointer;
  background: url(../images/scroll_i.png) left center no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 8%;
  right: 0;
  width: 20px;
  height: 35px;
  z-index: 1;
}

.wheel {
  position: absolute;
  top: 6px;
  left: 8px;
  width: 3px;
  height: 10px;
  display: block;
  background: #fff;
  -webkit-animation: mouse-wheel 1.2s ease infinite;
  -moz-animation: mouse-wheel 1.2s ease infinite;
}

@-webkit-keyframes mouse-wheel {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-moz-keyframes mouse-wheel {
  0% {
    top: 1px;
  }

  50% {
    top: 2px;
  }

  100% {
    top: 3px;
  }
}

/*==============intro*/
.intro {
  background: #f8f8f8;
  color: #333;
  position: relative;
}

.intro_warp {}

.intro_info {
  width: 51.5%;
  max-width: 690px;
  padding-top: 80px;
}

.intro_img {
  width: 50%;
  max-width: 940px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.intro_img .about_img_01 {
  width: 84%;
  max-width: 790px;
}

/*==============patent*/
.patent {
  padding: 4% 0;
  background: url(../images/patent_02.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
}

.patent .bgImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-attachment: fixed;
  opacity: .20;
}

.patent .about_tit {
  margin-bottom: 10px;
}

.patent .about_tit:before {
  background-color: #fff;
}

.patent .honor_scr li .honor_txt {
  bottom: 10px;
}

/*==============culture*/
.culture {
  padding: 4% 0;
}

.culture .about_tit {
  padding-bottom: 0;
}

.culture .about_tit:before {
  display: none;
}

.culture_list {
  margin-bottom: 3%;
}

.culture_list li {
  width: 50%;
  height: 190px;
  padding: 0 3% 0 6%;
  float: left;
  overflow: hidden;
  border-left: 1px solid rgba(0, 0, 0, .10);
  box-sizing: border-box;
}

.culture_list li:first-child {
  border: none;
  padding: 0 6% 0 3%;
}

.culture_ico {
  display: block;
  float: left;
  width: 28%;
  max-width: 156px;
  margin-right: 5%;
}

.culture_info {
  overflow: hidden;
  line-height: 1.5;
  color: #666;
}

.culture_item {
  color: #333;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.culture_item:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 32px;
  height: 1px;
  background: #157475;
}

.culture_img {
  overflow: hidden;
}

.culture_img img {
  display: block;
}

/*==============banner_warp*/
.banner_warp {
  height: 650px;
  position: relative;
  color: #fff;
}

.banner_warp:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .20);
}

.banner_warp .bgImg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.banner_warp .inner {
  height: 100%;
  position: relative;
  z-index: 2;
}

.banner_tit {
  display: inline-block;
  position: absolute;
  bottom: 12%;
  z-index: 2;
  padding-bottom: 50px;
}

.banner_tit i {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: #fff;
  transition: all 1s ease-in-out;
  opacity: 0;
}

.banner_tit em {
  display: block;
}

/*==============history*/
.history {
  padding-top: 4%;
  color: #333;
}

.history_tree {}

.history_block {
  width: 50%;
  position: relative;
}

.history_block:after {
  content: "";
  position: absolute;
  top: 0;
  right: -4px;
  width: 16px;
  height: 40px;
  background: url(../images/history_01.jpg) center top no-repeat;
}

.history_block dt {
  line-height: 1;
  color: #157475;
  padding: 20% 10% 0 0;
  position: relative;
}

.history_block dt:before {
  content: "";
  position: absolute;
  top: 0;
  right: 1px;
  width: 4px;
  height: 100%;
  background: url(../images/ico_09.jpg) center top repeat-y;
}

.history_block dd {
  position: relative;
  z-index: 2;
  background: url(../images/history_02.jpg) right top no-repeat;
  padding: 50px 10% 0 10px;
}

.history_block:first-child dt {
  padding-top: 20px;
}

.history_list {}

.history_list li {
  padding-left: 20px;
  background: url(../images/ico_10.png) left 7px no-repeat;
  margin-bottom: 20px;
}

.history_block_dif {
  float: right;
  margin-top: -20%;
}

.history_block_dif dt:before {
  right: auto;
  left: -6px;
}

.history_block_dif:after {
  right: auto;
  left: -12px;
}

.history_block_dif dt {
  padding-right: 0;
  padding-left: 10%;
}

.history_block_dif dd {
  margin-left: -7px;
  padding-right: 0;
  padding-left: 10%;
  background-image: url(../images/history_02b.jpg);
  background-position: left top;
}

/*==============partner*/
.common_bg {
  padding: 80px 0 160px;
  margin-bottom: -80px;
  background: #f5f5f5;
}

.partner {}

.partner_list {
  position: relative;
  z-index: 1;
  margin: -10px -10px 50px;
}

.partner_list li {
  width: 20%;
  float: left;
  padding: 10px;
}

.partner_list li a {
  display: block;
  border: 1px solid #eeeeee;
  background: #fff;
}

.partner_list li a img {
  display: block;
  transition: all .5s ease-in-out;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
  transform: rotateX(0deg) rotateY(0deg);
}

.partner_list li a:hover img {
  -webkit-transform: rotateY(30deg);
  -moz-transform: rotateY(30deg);
  transform: rotateY(30deg);
}

.partner_list li a:hover {
  box-shadow: 0 0 20px -2px rgba(0, 0, 0, .10);
}

/*page*/
.page {
  text-align: center;
  position: relative;
  z-index: 1;
}

.page a {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  line-height: 34px;
  color: #666;
  border: 1px solid rgba(43, 195, 207, .0);
  text-align: center;
}

.page a:hover {
  color: #157475;
}

.page a.active,
.page a.page_btn:hover {
  background: #157475;
  border: 1px solid rgba(43, 195, 207, 1);
  color: #fff;
}

.page a.page_btn {
  width: 70px;
  font-size: 12px;
  border-color: #a7a7a7;
  background: #fff;
  margin: 0 30px;
}

/*==============alliance*/
.alliance {}

/*alliance_base*/
.alliance_base {
  padding-bottom: 3.5%;
  margin-bottom: 3.5%;
  border-bottom: 1px solid #dcdcdc;
}

.alliance_l {
  width: 47.5%;
  max-width: 665px;
  float: left;
  position: relative;
}

.alliance_pic {
  overflow: hidden;
  float: left;
  width: 89%;
  max-width: 590px;
}

.alliance_pic img {
  display: block;
}

.alliance_notice {
  position: absolute;
  bottom: -14%;
  right: 0;
  width: 200px;
  padding-bottom: 20px;
  background: #fff;
  text-align: center;
  line-height: 20px;
}

.alliance_notice img {
  display: block;
}

.alliance_info {
  overflow: hidden;
  color: #333;
  padding: 3% 0 0 4%;
}

.alliance_txt {
  width: 100%;
  max-width: 650px;
  float: right;
  line-height: 1.8;
}

/*alliance_scr*/
#alliance_scr {}

#alliance_scr .item a {
  overflow: hidden;
  display: block;
}

#alliance_scr .item a .caption {
  padding: 20px;
  background: #fff;
  transition: all 0.5s ease-in-out;
}

#alliance_scr .item a .caption p {
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}

.alliance_img {
  overflow: hidden;
}

.alliance_img img {
  display: block;
  width: 100%;
}

#alliance_scr .owl-nav a {
  width: 32px;
  height: 62px;
  position: absolute;
  top: 50%;
  margin-top: -82px;
  left: -82px;
  background: url(../images/arrow_05.png) left center no-repeat;
  opacity: .20;
}

#alliance_scr .owl-nav a span {
  font-size: 0;
}

#alliance_scr .owl-nav a.owl-next {
  left: auto;
  right: -82px;
  background-position: right center;
}

#alliance_scr .owl-nav a.disabled {
  opacity: .60;
}

#alliance_scr .owl-dots {
  position: relative;
  margin-top: 3%;
}

#alliance_scr .owl-dots .owl-dot {
  position: relative;
  width: 35px;
  border-radius: 0;
  border: none;
}

#alliance_scr .owl-dots .owl-dot:before,
#alliance_scr .owl-dots .owl-dot:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  width: 100%;
  height: 2px;
  background: #c4c4c4;
}

#alliance_scr .owl-dots .owl-dot:after {
  width: 0;
  background: #24b9d8;
}

#alliance_scr .owl-dots .owl-dot.active {
  border: none;
  background: none;
}

#alliance_scr .owl-dots .owl-dot.active:after {
  width: 100%;
}

#alliance_scr .item a:hover .caption {
  background: #157475;
  color: #fff;
}

/*education*/
.education_base {}

.education_base .alliance_l {
  width: 42.5%;
  max-width: 590px;
}

.education_base .alliance_l .alliance_pic {
  width: 100%;
}

.education_base .alliance_info .alliance_txt {
  max-width: 710px;
}

/*==============contact*/
.contact {}

.contact_top {
  text-align: center;
  background: url(../images/contact_02.png) center bottom no-repeat;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

.contact_list {
  margin: -10px -8px;
  text-align: center;
}

.contact_list li.li_item {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  padding: 10px 8px;
  text-align: left;
}

.contact_block {
  background: #fff;
  color: #333;
  transition: all 0.5s ease-in-out;
  height: 240px;
  padding: 45px 6.5% 0 13%;
}

.contact_item {
  margin-bottom: 25px;
}

.contact_ico {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.contact_ico img {
  display: block;
  transition: all 0.5s ease-in-out;
  position: absolute;
  top: -100%;
  left: 0;
}

.contact_txt {}

.contact_txt li {
  margin-bottom: 10px;
}

.contact_list li.li_notice {
  width: 33%;
}

.contact_list li.li_notice .contact_block {
  padding-left: 8.5%;
}

.notice_code {
  display: block;
  float: left;
  border: 1px solid #e5e5e5;
  width: 45%;
  max-width: 170px;
}

.notice_info {
  overflow: hidden;
  font-size: 14px;
  line-height: 2;
  padding: 6% 0 0 6%;
}

.notice_item {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.notice_item:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 2px;
  background: #157475;
}

.contact_block:hover {
  background: #157475;
  color: #fff;
}

.contact_block:hover .contact_ico img {
  top: 0;
}

.contact_list li.li_notice .contact_block:hover .notice_item:before {
  background: #fff;
}

/*================================================新闻中心================================================*/
/*==============news*/
.news {}

.news_list {
  max-width: 1200px;
  margin: -20px auto 30px;
}

.news_list li {
  position: relative;
  height: 268px;
  overflow: hidden;
  margin-top: 20px;
}

.news_img {
  width: 357px;
  overflow: hidden;
  float: left;
}

.news_img img {
  display: block;
}

.news_con {
  position: absolute;
  top: 14px;
  left: 347px;
  z-index: 2;
  height: 240px;
  background: #fff;
  padding: 40px 3% 0 5%;
  transition: all 0.5s ease-in-out;
  box-sizing: border-box;
  width: 70%;
}

.news_con:before {
  content: "";
  position: absolute;
  top: 40px;
  left: -12px;
  width: 12px;
  height: 16px;
  background: url(../images/ico_16.png) left center no-repeat;
}

.news_time {
  display: block;
  float: left;
  font-size: 12px;
  width: 90px;
  padding: 10px 0;
}

.news_time b {
  display: block;
  line-height: 1.1;
  color: #333;
  transition: all 0.5s ease-in-out;
}

.n_c_r {
  overflow: hidden;
  border-left: 1px solid #ececec;
  padding: 10px 10px 0 5%;
}

.news_item {
  margin-bottom: 10px;
}

.news_item a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.news_overview {
  line-height: 26px;
  max-height: 52px;
  overflow: hidden;
}

.news_more02 {
  display: block;
  clear: both;
  position: relative;
  width: 100%;
  margin-top: 40px;
  padding-top: 10px;
  border-top: 1px solid #e5e5e5;
  text-transform: uppercase;
}

.news_more02:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 100%;
  background: url(../images/ico_15.png) right center no-repeat;
}

.news_list li:hover .news_con {
  background: #157475;
  color: #fff;
}

.news_list li:hover .news_con:before {
  background-position: right center;
}

.news_list li:hover .news_more02,
.news_list li:hover .news_item a,
.news_list li:hover .news_time b {
  color: #fff;
}

.news_list li:hover .news_more02:before {
  background-position: left center;
}

.news .page,
.edu_pro .page {
  padding: 20px 0;
  background: #fff;
}

/*==============article*/
.article {
  padding: 80px 0;
}

.article_box {
  max-width: 1200px;
  margin: 0 auto;
}

.article_top {
  padding-bottom: 3%;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 3%;
}

.article_tit {
  color: #333;
  margin-bottom: 10px;
}

.article_func {
  float: right;
  margin-left: 4%;
}

.article_shared,
.back_list {
  display: inline-block;
  vertical-align: middle;
}

.article_shared {
  padding-right: 15px;
  border-right: 1px solid #cccccc;
}

.back_list {
  line-height: 30px;
  position: relative;
  padding: 0 30px 0 15px;
  color: #8d8d8d;
}

.back_list:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: url(../images/ico_12.png) left center no-repeat;
  background-size: 44px;
}

.back_list:hover {
  color: #157475;
}

.back_list:hover:before {
  background-position: right center;
}

/*article_handle*/
.article_handle {
  margin-top: 5%;
  padding: 3.5% 8%;
  background: #f8f8f8;
  line-height: 28px;
}

.article_btn,
.back_list02 {
  display: block;
  float: left;
  width: 40%;
}

.article_next {
  float: right;
  text-align: right;
}

.article_btn em {
  display: block;
  width: 30px;
  height: 100%;
  font-size: 0;
  position: relative;
}

.article_btn em:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  margin-top: -6px;
}

.article_btn em:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background: #e5e5e5;
}

.article_prev em {
  float: left;
  margin-right: 15px;
}

.article_prev em:before {
  background: url(../images/article_arrow01.png) left center no-repeat;
}

.article_prev:hover em:before {
  background-position: right center;
}

.article_btn span {
  display: block;
  overflow: hidden;
}

.article_next em {
  float: right;
  margin-left: 18px;
}

.article_next em:before {
  left: auto;
  right: 0;
  background: url(../images/article_arrow02.png) right center no-repeat;
}

.article_next em:after {
  right: auto;
  left: 0;
}

.article_next:hover em:before {
  background-position: left center;
}

.back_list02 {
  width: 20%;
  text-align: center;
  font-size: 0;
  position: relative;
}

.back_list02:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  background: url(../images/article_ico01a.png) no-repeat;
}

.back_list02:hover:before {
  background-image: url(../images/article_ico01b.png);
}

.article_handle a.article_btn:hover {
  color: #157475;
}

.article_handle a.article_btn:hover em:after {
  background-color: #157475;
}

/*================================================产品课程================================================*/
/*==============idea*/
.idea {}

.idea_block {
  color: #333;
  margin-bottom: 50px;
}

.idea_block:last-child {
  margin-bottom: 0;
}

.idea_block dt {
  width: 50%;
  float: right;
  text-align: center;
}

.idea_block dd {
  width: 50%;
  float: left;
  line-height: 2;
}

.idea_txt {
  max-width: 635px;
}

.idea_block_dif {}

.idea_block_dif dt {
  float: left;
  text-align: left;
}

.idea_block_dif .idea_txt {
  float: right;
}

/*==============curriculum*/
.curriculum {
  padding: 0;
}

.edu_sec {
  position: relative;
  padding: 80px 0;
  color: #333;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*system*/
.system {}

.system_tit {
  width: 50%;
  max-width: 680px;
  padding-bottom: 0;
  margin-bottom: 0;
}

.system_tit:before {
  display: none;
}

.system_base {
  color: #333;
}

.system_base dt {
  width: 50%;
  float: right;
  text-align: center;
}

.system_base dd {
  width: 50%;
  float: left;
}

.system_preschool .system_base {
  padding-bottom: 2%;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 4%;
}

.system_preschool .system_base dd {
  margin-top: 3%;
  padding-top: 3%;
  border-top: 1px solid #d6d6d6;
}

.system_txt {
  max-width: 690px;
}

.system_list {}

.system_list li.li_item {
  float: left;
  padding-left: 3%;
}

.system_ico {
  display: block;
  float: left;
  width: 146px;
  height: 146px;
  padding-top: 25px;
  margin-right: 6%;
  border-radius: 6px;
  color: #fff;
  text-align: center;
  background: #26bed7;
}

.system_ico img {
  display: block;
  margin: 0 auto 15px;
}

.system_info {
  overflow: hidden;
}

.system_info li {
  line-height: 2;
}

.system_list li.li_item01 {
  width: 28%;
  padding-left: 0;
}

.system_idea {
  color: #333;
}

.system_list li.li_item02 {
  width: 34%;
}

.system_list li.li_item02 .system_ico {
  background: #157475;
}

.system_target {
  max-width: 240px;
}

.system_target li {
  width: 50%;
  float: left;
}

.system_target li a {
  display: block;
  padding-left: 14px;
  position: relative;
  color: #666;
}

.system_target li a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background: #8a83d3;
}

.system_list li.li_item03 {
  width: 38%;
}

.system_list li.li_item03 .system_ico {
  background: #52c98a;
}

.system_way {}

.system_way li a {
  display: block;
  padding-left: 14px;
  position: relative;
  color: #666;
}

.system_way li a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background: #cd7f9f;
}

/*accord*/
.accord {
  background-image: url(../images/curriculum_01.jpg);
  color: #fff;
}

.accord_tit {
  margin-bottom: 20px;
}

.accord_l {
  width: 47.5%;
  padding-right: 3%;
  float: left;
  line-height: 1.85;
}

.accord_txt {
  max-width: 548px;
}

.accord_r {
  overflow: hidden;
  padding: 0 40px;
}

/*accord_scr*/
#accord_scr .owl-nav a {
  position: absolute;
  top: 50%;
  left: -40px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background: url(../images/arrow_06.png) left top no-repeat;
  opacity: .20;
}

#accord_scr .owl-nav a span {
  font-size: 0;
}

#accord_scr .owl-nav a.owl-prev.disabled {
  opacity: 1;
  background-position: right top;
}

#accord_scr .owl-nav a.owl-next {
  left: auto;
  right: -40px;
  background-position: right bottom;
}

#accord_scr .owl-nav a.owl-next.disabled {
  opacity: 1;
  background-position: left bottom;
}

#accord_scr .item a {
  display: block;
  overflow: hidden;
  background: #000;
}

#accord_scr .item img {
  display: block;
  width: 100%;
}

#accord_scr .item:hover a img {
  opacity: .98;
}

/*system_school*/
.system_school {
  background-color: #fff;
}

.ability {
  max-width: 420px;
  margin: 30px -5px -5px;
}

.ability li {
  width: 50%;
  float: left;
  padding: 5px;
}

.ability li img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}

.training {
  margin-top: 45px;
}

.training_tit {
  color: #06b7e6;
  margin-bottom: 15px;
}

/*accord_school*/
.accord_school {
  padding-bottom: 160px;
}

.accord_school .accord_l {
  width: 36%;
  float: right;
  padding: 6% 0 0 4%;
}

.accord_school .accord_r {
  padding: 0;
}

/*support*/
.support {}

.support .about_tit {
  margin-bottom: 20px;
}

.support_block {
  line-height: 1.85;
  margin-bottom: 3%;
}

.support_block:last-child {
  margin-bottom: 0;
}

.support_block dt,
.support_block dd {
  width: 47.5%;
}

.support_block dt {
  float: right;
}

.support_block dd {
  float: left;
}

.support_block_dif dt {
  float: left;
}

.support_block_dif dd {
  float: right;
}

/*shifu*/
.shifu {
  background-color: #fff;
  padding-bottom: 160px;
}

.shifu_xg {}

.shifu_xg li {
  float: left;
  text-align: center;
  line-height: 1;
  margin-right: 6%;
}

.shifu_xg li img {
  display: block;
  margin: 0 auto;
}

/*support_show*/
.support_show {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #e5e5e5;
}

#support_scr .owl-nav a {
  position: absolute;
  top: 50%;
  left: -40px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background: url(../images/arrow_06b.png) left top no-repeat;
}

#support_scr .owl-nav a span {
  font-size: 0;
}

#support_scr .owl-nav a.owl-prev.disabled {
  background-position: right top;
}

#support_scr .owl-nav a.owl-next {
  left: auto;
  right: -40px;
  background-position: right bottom;
}

#support_scr .owl-nav a.owl-next.disabled {
  background-position: left bottom;
}

#support_scr .item a {
  display: block;
  overflow: hidden;
  background: #000;
}

#support_scr .item img {
  display: block;
  width: 100%;
}

#support_scr .item:hover a img {
  opacity: .98;
}

/*edu_pro*/
.edu_pro {}

.pro_sort {
  margin: -15px;
  overflow: hidden;
}

.pro_sort li {
  width: 25%;
  float: left;
  padding: 15px;
  color: #fff;
  text-align: center;
}

.pro_block {
  overflow: hidden;
  position: relative;
}

.pro_block img.img_item0,
.pro_cover {
  border-radius: 10px;
}

.pro_block img.img_item0 {
  display: block;
  width: 100%;
}

.pro_tit {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(43, 195, 207, .90);
  padding: 22px 0;
  border-radius: 0 0 10px 10px;
  transition: all 1s ease-in-out;
}

.pro_cover {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url(../images/pro_01.png) center top no-repeat;
  background-size: cover;
  color: #fff;
  opacity: 0;
}

img.pro_ico,
.pro_tit_cn,
.pro_tit_en {
  position: relative;
  opacity: 0;
}

img.pro_ico {
  display: block;
  margin: 0 auto 20px;
  width: 30%;
  max-width: 60px;
  transition: all 0.5s ease-in-out;
  top: -30px;
}

.pro_tit_cn {
  transition: all 1s ease-in-out;
  top: 30px;
}

.pro_tit_en {
  transition: all 1.5s ease-in-out;
  position: relative;
  padding-bottom: 10px;
  top: 60px;
}

.pro_tit_en:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 18px;
  height: 1px;
  background: #fff;
  margin-left: -9px;
}

.pro_block:hover .pro_tit {
  bottom: -100%;
  opacity: 0;
}

.pro_block:hover .pro_cover {
  opacity: 1;
}

.pro_block:hover .pro_cover img.pro_ico,
.pro_block:hover .pro_cover .pro_tit_cn,
.pro_block:hover .pro_cover .pro_tit_en {
  opacity: 1;
  top: 0;
}

/*pro_category*/
.pro_category {
  margin: -7px;
}

.pro_category li {
  width: 25%;
  float: left;
  padding: 7px;
  text-align: center;
  box-sizing: border-box
}

.pro_category li a {
  display: block;
  overflow: hidden;
  position: relative;
  color: #fff;
}

.pro_category li a img {
  display: block;
  width: 100%;
  border-radius: 10px;
}

.category_tit {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(19, 111, 111, 0.9);
  padding: 15px 10px;
  border-radius: 0 0 10px 10px;
  transition: all 1s ease-in-out;
  box-sizing: border-box
}

.category_tit span {
  display: inline-block;
  position: relative;
  padding: 0px 29px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 77%;
}

.category_tit span:before,
.category_tit span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 1px;
  background: #fff;
  opacity: .70;
}

.category_tit span:after {
  left: auto;
  right: 0;
}

.pro_category li a:hover {
  box-shadow: 0 5px 20px -2px rgba(0, 0, 0, .20);
  -webkit-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
}

/*pro_detail*/
.pro_detail {
  padding: 80px 0;
}

.pro_detail .about_tit {
  border-bottom: 1px solid #e5e5e5;
}

.detail_box {
  margin-bottom: 40px;
}

.detail_tit {
  margin-bottom: 20px;
}

.detail_tit i {
  color: #157475;
  font-style: italic;
}

.detail_list {
  margin: -5px;
  overflow: hidden;
  text-align: center;
}

.detail_list li {
  width: 20%;
  float: left;
  padding: 5px;
}

.detail_block,
.detail_block img,
.detail_block .market_cover,
.detail_more {
  border-radius: 10px;
}

.detail_block {
  background: #f4f4f4;
  overflow: hidden;
  position: relative;
}

.detail_block img {
  display: block;
  width: 100%;
}

.detail_block .market_cover {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(43, 195, 207, .80);
}

.detail_more {
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #b9ebef;
  background: #fff;
  color: #157475;
}

.detail_more i {
  display: block;
  margin: 0 auto 15px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 3px solid #aae7ec;
  position: relative;
  transition: all 0.5s ease-in-out;
}

.detail_more i:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 22px;
  margin: -11px 0 0 -11px;
  background: url(../images/ico_more02.png) center bottom no-repeat;
}

.detail_block:hover .detail_more {
  border-color: #157475;
  background-color: #157475;
  color: #fff;
}

.detail_block:hover .detail_more i {
  border-color: #fff;
}

.detail_block:hover .detail_more i:before {
  background-position: center top;
}

/*pro_album*/
.pro_album {
  border-radius: 8px;
  overflow: hidden;
}

.pro_album img {
  display: block;
  border-radius: 8px;
}

.pro_big {
  margin-bottom: 15px;
}

.pro_big .owl-nav a {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -65px;
  width: 36px;
  height: 130px;
  background: rgba(0, 0, 0, .05);
}

.pro_big .owl-nav a span {
  font-size: 0;
}

.pro_big .owl-nav a:before {
  content: "";
  width: 12px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -6px;
  background: url(../images/arrow_12.png) left top no-repeat;
}

.pro_big .owl-nav a:hover {
  background: rgba(0, 0, 0, .10);
}

.pro_big .owl-nav a.owl-prev.disabled:before {
  background-position: right top;
}

.pro_big .owl-nav a.owl-next {
  left: auto;
  right: 20px;
}

.pro_big .owl-nav a.owl-next:before {
  background-position: right bottom;
}

.pro_big .owl-nav a.owl-next.disabled:before {
  background-position: left bottom;
}

.pro_thumbs {
  padding: 0 60px;
  overflow: hidden;
}

.pro_thumbs .item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 3px solid transparent;
}

.pro_thumbs .current .item:before {
  border-color: #157475;
}

.pro_thumbs .owl-nav a {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 100%;
  background: #fff;
  border-radius: 8px;
}

.pro_thumbs .owl-nav a span {
  font-size: 0;
}

.pro_thumbs .owl-nav a:before {
  content: "";
  width: 12px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -6px;
  background: url(../images/arrow_12b.png) left top no-repeat;
}

.pro_thumbs .owl-nav a.disabled {
  background-color: #157475;
}

.pro_thumbs .owl-nav a.owl-prev.disabled:before {
  background-position: right top;
}

.pro_thumbs .owl-nav a.owl-next {
  left: auto;
  right: 0;
}

.pro_thumbs .owl-nav a.owl-next:before {
  background-position: right bottom;
}

.pro_thumbs .owl-nav a.owl-next.disabled:before {
  background-position: left bottom;
}

/*================================================各地分校================================================*/
/*local_map*/
.local {
  padding: 130px 0 80px;
}

.local_map {
  border: 8px solid #e8f7fd;
  position: relative;
}

.map_China {
  width: 76%;
  float: left;
  padding: 0 3% 3%;
  border-right: 8px solid #e8f7fd;
}

.map_China img {
  display: block;
  margin: -8% auto 0;
}

.map_other {
  position: absolute;
  top: 0;
  right: 0;
  width: 24%;
  height: 100%;
  text-align: center;
}

.map_other li {
  height: 50%;
  padding: 6%;
  position: relative;
}

.map_other li:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 34%;
  width: 32%;
  height: 1px;
  background: #a5e1f7;
}

.map_other li:last-child:before {
  display: none;
}

/*campus*/
.campus {
  padding-top: 80px;
}

.campus_top {}

.campus_top .about_tit {
  overflow: hidden;
}

/*campus_form*/
.campus_form {
  float: right;
}

.campus_all {
  display: block;
  float: left;
  padding: 0 30px;
  line-height: 50px;
  text-align: center;
  background: #1fb5e8;
  color: #fff;
}

/*sel_box*/
.sel_box {
  display: block;
  float: left;
  margin-left: 10px;
  background: #1fb5e8;
  min-width: 170px;
}

.dropdown {
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 50px;
  line-height: 50px;
}

.dropdown:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 100%;
  background: url(../images/ico_17.png) left center no-repeat;
}

.dropdown:hover,
.dropdown.sel_focus {}

.dropdown.sel_focus:before {
  background-image: url(../images/ico_17b.png);
}

.dropdown .old {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}

.dropdown .selected {
  display: block;
  width: 100%;
  padding-left: 30px;
  color: #fff;
}

.dropdown.disabled .selected {
  color: #000;
}

.carat {
  display: none;
}

.dropdown div {
  position: absolute;
  height: 0;
  left: 0;
  right: 0;
  top: 100%;
  background: #1fb5e8;
  color: #fff;
  border-top: 1px solid #e8f7fd;
  overflow: hidden;
  opacity: 0;
}

.dropdown.open div {
  opacity: 1;
  z-index: 200;
}

.dropdown ul {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.dropdown.scrollable.open ul {
  overflow-y: auto;
}

.dropdown li {
  font-size: 14px;
  padding: 0 10px;
  text-align: center;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
}

.dropdown li.sel_focus {
  position: relative;
  z-index: 3;
}

.dropdown li.active {
  background: #e8f7fd;
  color: #333;
}

/*sel_area*/
.sel_area {
  background: #e8f7fd;
}

.sel_area .selected {
  color: #333;
}

.sel_area div {
  background: #e8f7fd;
  color: #333;
  border-color: #1fb5e8;
}

.sel_area li.active {
  background: #1fb5e8;
  color: #fff;
}

.sel_area .dropdown:before {
  background-image: url(../images/ico_18.png);
}

.sel_area .dropdown.sel_focus:before {
  background-image: url(../images/ico_18b.png);
}

/*campus_list*/
.campus_list {
  margin: -8px -8px 40px;
}

.campus_list li.li_item {
  width: 33.33%;
  float: left;
  padding: 8px;
}

.campus_list li.li_item a {
  display: block;
  padding: 8% 7%;
  height: 240px;
  background: #f8f8f8;
  overflow: hidden;
  position: relative;
}

.campus_list li.li_item a:before {
  content: "";
  position: absolute;
  top: -10%;
  left: -10%;
  opacity: 0;
  width: 120%;
  height: 120%;
  background: url(../images/campus_01.jpg) center center no-repeat;
  background-size: cover;
}

.campus_item {
  position: relative;
  line-height: 28px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.campus_item:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, .10)
}

.campus_des {
  position: relative;
}

.campus_des li {
  margin-bottom: 5px;
}

.ico {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin: 2px 10px 0 0;
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: all 0.5s ease-in-out;
}

.ico.ico_user {
  background-image: url(../images/campus_ico01.png);
}

.ico.ico_tel {
  background-image: url(../images/campus_ico02.png);
}

.ico.ico_local {
  background-image: url(../images/campus_ico03.png);
}

.campus_txt {
  overflow: hidden;
}

.campus_list li.li_item:hover a {
  color: #fff;
}

.campus_list li.li_item:hover a:before {
  top: 0;
  left: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
}

.campus_list li.li_item:hover .campus_item:before {
  background: rgba(255, 255, 255, .20)
}

.campus_list li.li_item:hover .campus_des li .ico {
  background-position: left top;
}

.load_more {
  display: block;
  text-align: center;
  color: #1fb5e8;
}

.load_more img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

/*================================================招贤纳士================================================*/
.talent {}

/*view*/
.view {
  background: #fff;
}

.view .inner {
  padding-top: 80px;
  padding-bottom: 50px;
}

.view .inner {
  border-bottom: 1px solid #e5e5e5;
}

.view_img {
  width: 45%;
  float: left;
  max-width: 627px;
  margin-right: 5%;
}

.view_info {
  overflow: hidden;
  padding-top: 2.5%;
}

.view_list {
  max-width: 540px;
}

.view_list li {
  width: 50%;
  float: left;
  background: url(../images/ico_10.png) left center no-repeat;
  padding-left: 20px;
  margin-top: 24px;
}

/*strategy*/
.strategy {}

.strategy_top {
  background: #fff;
  padding-top: 50px;
}

.strategy_con {
  padding: 60px 0 0;
  background: url(../images/ico_11.png) center top no-repeat;
}

.strategy_list {
  margin-top: -15px;
  margin-bottom: -15px;
  position: relative;
}

.strategy_list:before {
  content: "";
  position: absolute;
  top: 17%;
  left: 50%;
  width: 1px;
  height: 50%;
  background: rgba(0, 0, 0, .10);
}

.strategy_list li {
  width: 50%;
  height: 200px;
  overflow: hidden;
  float: left;
  padding-top: 15px;
  padding-bottom: 15px;
}

.strategy_list li:nth-child(odd) {
  padding-right: 5%;
  padding-left: 2%;
}

.strategy_list li:nth-child(even) {
  padding-right: 2%;
  padding-left: 5%;
}

.strategy_block {
  max-width: 540px;
}

.strategy_ico {
  display: block;
  width: 65px;
  float: left;
  margin-right: 6%;
}

.strategy_info {
  overflow: hidden;
}

.strategy_item {
  margin-bottom: 15px;
}

/*join*/
.join {
  margin-top: 30px;
}

.join_box {
  background: #fff;
  color: #333;
  overflow: hidden;
  margin-bottom: 4%;
}

.join_sort {
  background: url(../images/join_01.jpg) no-repeat;
  background-size: cover;
  color: #fff;
}

.join_sort span,
.join_tit span {
  display: block;
  float: left;
  text-align: center;
  line-height: 28px;
  width: 14%;
  padding: 21px 10px;
  transition: all 0.5s ease-in-out;
}

span.join_post {
  text-align: left;
  width: 30%;
  padding-left: 4%;
}

.join_tit {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-bottom: 1px solid #eaeaea;
}

.join_tit:before,
.join_tit:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 30px;
  height: 100%;
  background: #fff;
}

.join_more {
  font-size: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/ico_13.png) center center no-repeat;
}

.post_info {
  margin: 0 30px;
  background: #f5f5f5;
  padding: 40px;
  color: #7d7d7d;
  line-height: 1.75;
  display: none;
}

.post_info:last-child {
  margin-bottom: 30px;
}

.post_caption {
  color: #333;
  margin-bottom: 20px;
}

.post_bot {
  line-height: 50px;
  margin-top: 5%;
}

a.post_hide {
  display: block;
  float: right;
  color: #9f9f9f;
  position: relative;
  padding-right: 30px;
}

a.post_hide:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
  background: url(../images/ico_19.png) center top no-repeat;
}

a.post_hide:hover {
  color: #0098d9;
}

a.post_hide:hover:before {
  background-position: center bottom;
}

a.post_apply {
  display: block;
  float: left;
  text-align: center;
  width: 50%;
  max-width: 180px;
  background: url(../images/join_02.png) no-repeat;
  border: 1px solid rgba(0, 0, 0, .10);
  background-size: cover;
  color: #fff;
}

a.post_apply em {
  display: inline-block;
  padding-left: 35px;
  position: relative;
}

a.post_apply em:before {
  content: "";
  width: 23px;
  height: 23px;
  background: url(../images/ico_14.png) right center no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
}

a.post_apply:hover {
  background: #fff;
  border-color: #0098d9;
  color: #0098d9;
}

a.post_apply:hover em:before {
  background-position: left center;
}

.join_tit.active {
  border-bottom-color: #fff;
}

.join_tit.active .join_more {
  background-image: url(../images/ico_13b.png);
}

/*================================================品牌授权================================================*/
/*brand_focus*/
.brand_sec {
  padding: 80px 0;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.brand_focus {
  overflow: hidden;
}

.brand_focus:before {
  display: none;
}

.brand_focus_img01 {
  display: block;
  position: absolute;
  bottom: 22%;
  left: 15px;
  z-index: 1;
  width: 60%;
  max-width: 835px;
  height: 42%;
  max-height: 385px;
  width: auto;
}

/*market*/
.market {
  background-attachment: fixed;
}

.brand_tit {
  text-align: center;
  font-weight: bold;
  margin-bottom: 4%;
  color: #1fb5ea;
  padding-bottom: 30px;
  background: url(../images/brand_02.png) center bottom no-repeat;
}

.brand_tit em {
  font-style: italic;
}

.market_txt {
  text-align: center;
  line-height: 1.5;
  margin: -5px -25px;
}

.market_txt li {
  display: inline-block;
  padding-left: 30px;
  background: url(../images/brand_02_a.png) left center no-repeat;
  margin: 5px 25px;
  color: #545e65;
}

.market_txt li span {
  color: #1fb5ea;
}

#market_scr {
  max-width: 1200px;
  margin: 4% auto 0;
  padding: 0 8.5%;
}

#market_scr .item {
  position: relative;
}

#market_scr .item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 4px solid #fff;
}

#market_scr .item img {
  display: block;
  width: 100%;
}

.market_cover {
  display: block;
  position: absolute;
  z-index: 2;
  top: 4px;
  left: 4px;
  width: -webkit-calc(100% - 8px);
  width: calc(100% - 8px);
  height: -webkit-calc(100% - 8px);
  height: calc(100% - 8px);
  text-align: center;
  color: #fff;
  background: rgba(31, 181, 234, .80);
  opacity: 0;
  -webkit-transform: scale(1.20, 1.20);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 500ms;
  -moz-transform: scale(1.20, 1.20);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 500ms;
  transform: scale(1.20, 1.20);
  transition-timing-function: ease-out;
  transition-duration: 500ms;
}

.market_cover span {
  display: block;
  padding-top: 40px;
  background: url(../images/ico_sou01.png) center top no-repeat;
}

#market_scr .item:hover:before {
  border-color: #ddd;
}

#market_scr .item:hover .market_cover,
.r_p_list li .r_p_block:hover .market_cover,
.detail_list li .detail_block:hover .market_cover,
.added_list li .added_img:hover .market_cover {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 500ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 500ms;
  transform: scale(1, 1);
  transition-timing-function: ease-out;
  transition-duration: 500ms;
}

#market_scr .owl-nav a {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
  width: 30px;
  height: 50px;
  background: url(../images/arrow_07.png) left top no-repeat;
}

#market_scr .owl-nav a span {
  font-size: 0;
}

#market_scr .owl-nav a.owl-prev.disabled {
  opacity: 1;
  background-position: right top;
}

#market_scr .owl-nav a.owl-next {
  left: auto;
  right: 0;
  background-position: right bottom;
}

#market_scr .owl-nav a.owl-next.disabled {
  opacity: 1;
  background-position: left bottom;
}

/*experience*/
.experience {
  background-attachment: fixed;
  color: #fff;
}

.experience .brand_tit {
  color: #fff;
  background-image: url(../images/brand_02b.png);
}

.experience_list {
  text-align: center;
  color: #ffcf89;
  margin: 0 auto;
  line-height: 1.3;
  max-width: 1120px;
}

.experience_list li {
  width: 25%;
  float: left;
  position: relative;
}

.experience_list li:before {
  content: "";
  position: absolute;
  top: 35%;
  left: 0;
  width: 1px;
  height: 14%;
  background: rgba(255, 255, 255, .50);
}

.experience_list li:first-child:before {
  display: none;
}

.experience_list li img {
  display: block;
  margin: 0 auto 15px;
  width: 60%;
  max-width: 163px;
}

.experience_overview {
  margin: 30px auto;
  text-align: center;
  line-height: 1.7;
  max-width: 1160px;
}

/*brand_scr*/
.brand_scr {}

.brand_pic {
  overflow: hidden;
  background: #fff;
}

.brand_pic img {
  display: block;
  transition: all .5s ease-in-out;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
  transform: rotateX(0deg) rotateY(0deg);
}

.brand_scr .item:hover .brand_pic img {
  -webkit-transform: rotateY(30deg);
  -moz-transform: rotateY(30deg);
  transform: rotateY(30deg);
}

.brand_caption {
  padding: 20px 8%;
  background: #f5f5f5;
  color: #333;
}

.brand_caption p {
  line-height: 30px;
  height: 60px;
  overflow: hidden;
}

.brand_scr .owl-nav a {
  position: absolute;
  top: 50%;
  left: -60px;
  margin-top: -76px;
  width: 40px;
  height: 96px;
  border-radius: 20px;
  background: rgba(255, 255, 255, .20);
}

#care_scr .owl-nav a {
  background: rgba(0, 0, 0, .20);
}

.brand_scr .owl-nav a span {
  font-size: 0;
  width: 15px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -8px;
  background: url(../images/arrow_08.png) left top no-repeat;
}

.brand_scr .owl-nav a.disabled,
#care_scr .owl-nav a.disabled {
  opacity: 1;
  background: #157475;
}

.brand_scr .owl-nav a.owl-next {
  left: auto;
  right: -60px;
}

.brand_scr .owl-nav a.owl-next span {
  background-position: right top;
}

.brand_scr .owl-dots {
  position: relative;
  margin-top: 30px;
}

.brand_scr .owl-dots .owl-dot {
  position: relative;
  width: 24px;
  border-radius: 0;
  border: none;
}

.brand_scr .owl-dots .owl-dot:before,
.brand_scr .owl-dots .owl-dot:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -2px;
  width: 100%;
  height: 3px;
  background: #fff;
}

#care_scr .owl-dots .owl-dot:before {
  background: #cccccc;
}

.brand_scr .owl-dots .owl-dot:after {
  width: 0;
  background: #157475;
}

.brand_scr .owl-dots .owl-dot.active {
  border: none;
  background: none;
  width: 44px;
}

.brand_scr .owl-dots .owl-dot.active:after {
  width: 100%;
}

/*care*/
.care {}

#care_scr {}

#care_scr .item:hover .brand_pic img,
#megagame_scr .item:hover .brand_pic img {
  -webkit-transform: scale(1.20, 1.20);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 500ms;
  -moz-transform: scale(1.20, 1.20);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 500ms;
  transform: scale(1.20, 1.20);
  transition-timing-function: ease-out;
  transition-duration: 500ms;
}

/*function*/
.function_img {
  overflow: hidden;
}

.function_img img {
  display: block;
}

/*campus_map*/
.campus_map {}

.campus_map .brand_tit {
  margin-bottom: 6%;
}

/*advance*/
.advance {
  background-attachment: fixed;
  color: #fff;
}

.advance .brand_tit {
  color: #fff;
  background-image: url(../images/brand_02b.png);
  background-position: center bottom;
}

.advance_list {
  overflow: hidden;
  padding: 10px 0;
  position: relative;
  background: url(../images/advance_02c.gif) center top repeat-y;
  line-height: 1.55;
}

.advance_list:before,
.advance_list:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 22px;
  background: url(../images/advance_02.png) center center no-repeat;
}

.advance_list:after {
  top: auto;
  bottom: 0;
  background-image: url(../images/advance_02b.png);
}

.advance_list li {
  margin-bottom: 30px;
}

.advance_box {
  position: relative;
  width: 50%;
}

.advance_box:before,
.advance_box:after {
  content: "";
  position: absolute;
  top: 90px;
  right: -12px;
  width: 24px;
  height: 24px;
  background: url(../images/advance_03a.png) no-repeat;
}

.advance_box:after {
  background-image: url(../images/advance_03b.png);
  opacity: 0;
}

.advance_block {
  display: block;
  float: left;
  position: relative;
  width: 92.85%;
  padding: 7%;
  min-height: 280px;
  background: rgba(255, 255, 255, .10);
  color: #fff;
}

.advance_block:before {
  content: "";
  position: absolute;
  top: 80px;
  right: -20px;
  width: 20px;
  height: 43px;
  background: url(../images/advance_03c.png) -20px center no-repeat;
}

.advance_item {
  margin-bottom: 15px;
}

.advance_list li.li_dif {}

.advance_list li.li_dif .advance_box {
  float: right;
  margin-top: -12%;
}

.advance_list li.li_dif .advance_box:before,
.advance_list li.li_dif .advance_box:after {
  right: auto;
  left: -12px;
}

.advance_list li.li_dif .advance_block {
  float: right;
}

.advance_list li.li_dif .advance_block:before {
  right: auto;
  left: -20px;
  background-image: url(../images/advance_03d.png);
  background-position: 20px center;
}

.advance_list li:hover .advance_box:after {
  opacity: 1;
}

.advance_list li:hover .advance_block {
  background: rgba(31, 181, 234, .50);
}

.advance_list li:hover .advance_block:before {
  background-position: left center;
}

/*course_advance*/
.course_advance {
  background-size: contain;
  background-position: center bottom;
}

.c_a_block {}

.c_a_block dt {
  width: 50%;
  float: left;
  max-width: 700px;
}

.c_a_img {
  margin: 0 auto;
  width: 92%;
  position: relative;
}

.img_box {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.c_a_deco {
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 100%;
  height: 100%;
  border: 1px solid #1fb5ea;
}

.c_a_block dd {
  overflow: hidden;
  padding-left: 6%;
  background: url(../images/advance_img02.png) right bottom no-repeat;
  background-size: 39%;
}

.c_a_block dd .brand_tit {
  text-align: left;
  background-position: left bottom;
}

.c_a_txt {
  line-height: 1.1;
}

.c_a_txt li {
  padding-top: 5.5%;
}

.c_a_txt li b {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-style: italic;
  padding-right: 40px;
  margin-right: 20px;
  position: relative;
  color: #20b6e7;
}

.c_a_txt li b:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
  width: 20px;
  height: 4px;
  background: #20b6e7;
}

/*backing*/
.backing {
  color: #fff;
  background-attachment: fixed;
}

.backing .brand_tit {
  color: #fff;
  background-image: url(../images/brand_02b.png);
}

.backing_list {
  text-align: center;
  margin: -10px;
  line-height: 1.2;
}

.backing_list li {
  width: 16.66%;
  float: left;
  padding: 10px;
  margin-bottom: 3.5%;
}

.backing_list li img {
  display: block;
  margin: 0 auto 15px;
  width: 70px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.backing_list li span {
  display: inline-block;
  position: relative;
  padding-bottom: 15px;
}

.backing_list li span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -9px;
  height: 2px;
  width: 18px;
  background: #fff;
  opacity: .50;
}

.backing_list li:hover img {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.backing_list li:hover span:before {
  left: 0;
  width: 100%;
}

/*backing_show*/
.backing_show {
  background-color: #f8f8f8;
}

.b_s_list {}

.b_s_list li {
  width: 20%;
  float: left;
  overflow: hidden;
  text-align: center;
  position: relative;
  border-left: 1px solid rgba(255, 255, 255, .50);
}

.b_s_list li a,
.b_s_list li img {
  display: block;
  color: #fff;
}

.b_s_caption {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  line-height: 52px;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: rgba(31, 181, 234, .90);
}

.b_s_list li.li_dif {
  width: 25%;
}

/*teach*/
.teach {}

.teach_box {}

.teach_box dt {
  width: 50%;
  float: right;
  text-align: right;
  padding-left: 4%;
}

.teach_box dd {
  overflow: hidden;
}

.teach_item {
  color: #333;
  margin-bottom: 30px;
}

.teach_list {}

.teach_list li {
  overflow: hidden;
  line-height: 30px;
  margin-bottom: 15px;
}

.teach_list li em {
  display: block;
  float: left;
  color: #20b6e7;
  font-weight: bold;
  font-style: italic;
  margin-right: 15px;
}

.teach_des {
  overflow: hidden;
}

/*megagame*/
.megagame {
  background-color: #f8f8f8;
}

.megagame_foreword {
  text-align: center;
  margin-bottom: 30px;
}

#megagame_scr {}

.megagame_txt {
  height: 100px;
  background: #fff;
  padding: 20px 12% 0;
  transition: all 0.5s ease-in-out;
}

.megagame_item,
.megagame_txt p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.megagame_item {
  color: #333;
  margin-bottom: 6px;
  transition: all 0.5s ease-in-out;
}

#megagame_scr .item:hover .megagame_txt {
  background: #20b6e7;
  color: #fff;
}

#megagame_scr .item:hover .megagame_txt .megagame_item {
  color: #fff;
}

#megagame_scr .owl-nav a {
  background: rgba(0, 0, 0, .15);
  border-radius: 0;
  margin-top: -96px;
}

#megagame_scr .owl-nav a.disabled {
  opacity: 1;
  background: #20b6e7;
}

#megagame_scr .owl-dots {
  display: none;
}

.megagame_more {
  display: block;
  margin: 4% auto 0;
  width: 390px;
  line-height: 70px;
  text-align: center;
  background: #20b6e7;
  color: #fff;
}

.megagame_more span {
  display: inline-block;
  padding-right: 50px;
  background: url(../images/ico_20.png) right center no-repeat;
}

.megagame_more:hover {
  background-color: #05a5d9;
}

/*show_album*/
.show_album {}

.album_list {
  text-align: center;
  margin: -10px -8px;
}

.album_list li {
  display: inline-block;
  width: 24.6%;
  padding: 10px 8px;
}

.album_list li a {
  display: block;
  overflow: hidden;
}

.album_list li a img {
  display: block;
}

/*intention*/
.intention {
  padding: 0;
  background: url(../images/news_01.jpg) center top no-repeat;
  background-size: cover;
  position: relative;
  color: #fff;
}

.intention .bgImg {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
}

.intention_box {
  width: 50%;
  height: 660px;
  padding: 4% 4% 4% 0;
}

.intention_tit {
  margin-bottom: 30px;
}

.intention_form {
  max-width: 584px;
}

.intention_form .form_txt {
  height: 47px;
  line-height: 27px;
}

.intention_form .form_yu {
  height: 115px;
}

.form_btn {
  display: block;
  cursor: pointer;
  width: 100%;
  height: 60px;
  color: #fff;
  background: #157475;
}

.btn_reset {
  color: #20b7e5;
  background: #fff;
}

/*contact_ways*/
.contact_ways {}

.ways_list {
  margin: -10px -20px;
}

.ways_list li.li_item {
  width: 50%;
  float: left;
  padding: 10px 20px;
  line-height: 36px;
}

.ways_block {
  overflow: hidden;
  position: relative;
  height: 305px;
  padding: 7%;
  border-radius: 10px;
  background: #f8f8f8;
  color: #333;
  transition: all 0.5s ease-in-out;
}

.ways_block:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(../images/ways_01.jpg) center center no-repeat;
  background-size: cover;
  border-radius: 10px;
  opacity: 0;
}

.ways_item {
  position: relative;
  margin-bottom: 20px;
}

.ways_block .ico {
  margin-top: 8px;
}

.ico.ico_user02 {
  background-image: url(../images/ways_ico01.png);
}

.ico.ico_email02 {
  background-image: url(../images/ways_ico02.png);
}

.ico.ico_local02 {
  background-image: url(../images/ways_ico03.png);
}

.ways_list li.li_item:hover .ways_block {
  color: #fff;
}

.ways_list li.li_item:hover .ways_block:before {
  opacity: 1;
}

.ways_list li.li_item:hover .ico {
  background-position: left top;
}

/*================================================主营业务================================================*/
/*==========校内业务*/
/*tech*/
.tech {
  padding: 0;
  background-color: #f5f5f5;
  line-height: 1.85;
}

.tech .bgImg {
  width: 50.52%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.tech_box {
  width: 50%;
  padding: 4% 4% 4% 0;
  height: 500px;
}

.tech_block {
  max-width: 590px;
}

/*policy*/
.policy {
  overflow: hidden;
  padding-bottom: 0;
  text-align: center;
}

.policy .about_tit {
  margin-bottom: 24px;
}

.policy_dec01 {
  position: absolute;
  top: 0;
  left: 29%;
  z-index: 1;
  display: block;
  margin: 0 auto;
  width: 42%;
}

.policy_box {
  width: 50%;
  max-width: 484px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

img.policy_kuang {
  display: block;
  width: 100%;
}

.policy_show {
  overflow: hidden;
  position: absolute;
  top: 12%;
  left: 10%;
  width: 80.7%;
  height: 88%;
}

.policy_show img {
  display: block;
  width: 100%;
}

.policy_cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: url(../images/policy_05.png) center top no-repeat;
  background-size: cover;
  text-align: center;
  color: #fff;
}

.policy_cover p {
  position: absolute;
  bottom: 15%;
  left: 0;
  width: 100%;
}

.policy_cover p span {
  display: inline-block;
  line-height: 48px;
  padding: 0 30px;
  border: 1px solid #fff;
  border-radius: 25px;
}

.policy_box:hover .policy_cover {
  opacity: 1;
}

.policy_detail {
  background: #fff;
  text-align: center;
  padding: 5%;
}

.policy_detail .about_tit {
  padding-bottom: 0;
  text-align: center;
}

.policy_detail .about_tit:before {
  display: none;
}

.policy_detail img {
  display: block;
  margin: 0 auto;
  border: 1px solid #e5e5e5;
}

/*case*/
.case {
  padding-bottom: 160px;
  margin-bottom: -80px;
  background-color: #f5f5f5;
}

.case_pic {
  overflow: hidden;
}

.case_pic img {
  display: block;
  width: 100%;
}

.case_txt {
  padding: 6%;
}

.case_item {
  margin-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.case_des {
  line-height: 26px;
  max-height: 52px;
  overflow: hidden;
  opacity: .80;
}

/*theme_common*/
.theme_common .owl-nav a {
  position: absolute;
  top: 50%;
  left: -70px;
  margin-top: -60px;
  width: 30px;
  height: 60px;
  background: url(../images/arrow_10.png) left center no-repeat;
  opacity: .20;
}

.theme_common .owl-nav a span {
  font-size: 0;
}

.theme_common .owl-nav a.disabled {
  opacity: .50;
}

.theme_common .owl-nav a.owl-next {
  left: auto;
  right: -70px;
  background-position: right center;
}

.theme_common .owl-dots {
  position: relative;
  margin-top: 30px;
}

.theme_common .owl-dots .owl-dot {
  position: relative;
  width: 35px;
  border-radius: 0;
  border: none;
}

.theme_common .owl-dots .owl-dot:before,
.theme_common .owl-dots .owl-dot:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -2px;
  width: 100%;
  height: 2px;
  background: #c4c4c4;
}

.theme_common .owl-dots .owl-dot:after {
  width: 0;
  background: #157475;
}

.theme_common .owl-dots .owl-dot.active {
  border: none;
  background: none;
}

.theme_common .owl-dots .owl-dot.active:after {
  width: 100%;
}

.theme_common .item a {
  display: block;
  background: #fff;
}

.theme_common .item:hover a {
  background: #157475;
  color: #fff;
}

/*case_scr*/
#case_scr {
  margin: -10px;
}

#case_scr .owl-item {
  padding: 10px;
}

#case_scr .item a {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .10);
}

/*case_detail*/
.case_detail {
  background: #fff;
  padding: 10px;
}

.c_d_img {
  width: 53.4%;
  float: left;
}

/*c_d_scr*/
#c_d_scr {
  display: block;
}

#c_d_scr .owl-item .c_d_img img {
  width: 100%;
}

#c_d_scr .owl-nav {
  text-align: center;
  width: 124px;
  line-height: 64px;
  position: fixed;
  bottom: 0;
  right: 0;
  background: url(../images/jia_03.jpg) no-repeat;
  background-size: cover;
  color: #fff;
  font-size: 24px;
}

#c_d_scr .owl-nav a {
  display: inline-block;
}

#c_d_scr .owl-nav a.disabled {
  color: #000;
  opacity: .80;
}

#c_d_scr .owl-nav a span {
  padding: 0 20px;
  position: relative;
}

#c_d_scr .owl-nav a.owl-prev span:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
  width: 1px;
  height: 14px;
  background: #fff;
}

.c_d_info {
  overflow: hidden;
  padding: 4%;
  font-size: 12px;
  line-height: 1.8;
}

.c_d_tit {
  color: #333;
  margin-bottom: 15px;
}

/*room*/
.room {
  padding-bottom: 0;
  padding-top: 50px;
  background-color: #f5f5f5;
}

.room_base {}

.room_base dt {
  width: 50%;
  float: right;
  overflow: hidden;
}

.room_base dt img {
  display: block;
  float: right;
  width: 98.57%;
  border-radius: 10px;
}

.room_base dd {
  overflow: hidden;
  line-height: 1.85;
  padding: 2% 4% 2% 0;
}

.room_block {
  max-width: 630px;
}

.room_yiju {
  overflow: hidden;
  padding: 30px 0 0;
  position: relative;
  z-index: 2;
  margin-bottom: -115px;
}

.yi_tit {
  margin-bottom: 20px;
}

.yi_list {
  margin: -10px;
}

.yi_list li {
  width: 50%;
  float: left;
  padding: 10px;
  color: #daf9ff;
}

.yi_block {
  position: relative;
  height: 235px;
  background: #63ce95;
  border-radius: 10px;
  padding: 6%;
  transition: all 0.5s ease-in-out;
}

.yi_block .bgImg {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  opacity: .20;
}

.yi_item,
.yi_show {
  position: relative;
  z-index: 2;
}

.yi_item {
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, .30);
  margin-bottom: 15px;
}

.yi_show {
  margin: 0 -10px;
  line-height: 2;
}

.yi_show a {
  display: block;
  float: left;
  width: 50%;
  color: #daf9ff;
  padding: 0 10px;
}

.yi_show a span {
  display: block;
  padding-left: 20px;
  background: url(../images/policy_ico01.png) left center no-repeat;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.yi_show a:hover {
  color: #fff;
  text-decoration: underline;
}

.yi_list li .yi_block:hover {
  background: #41c07c;
}

.yi_list li.yi_abroad .yi_block {
  background: #00b3ed;
}

.yi_list li.yi_abroad .yi_block:hover {
  background: #09a4d6;
}

/*room_policy*/
.room_policy {
  padding-bottom: 80px;
}

.r_p_list {
  margin: -15px;
  position: relative;
}

.r_p_list:before {
  content: "";
  position: absolute;
  top: 4%;
  left: 46.5%;
  width: 1px;
  height: 80%;
  background: #ebebeb;
}

.r_p_list li {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 3%;
  width: 40%;
  max-width: 562px;
}

.r_p_box {
  width: 50%;
  float: left;
  padding: 15px;
}

.r_p_block {
  border: 14px solid #ebebeb;
}

.r_p_img {
  position: relative;
}

.r_p_img img {
  display: block;
}

.r_p_block .market_cover {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.r_p_list li.r_p_course {
  width: 33%;
  max-width: 458px;
}

.r_p_list li.r_p_course .r_p_box {
  width: 100%;
  float: none;
}

/*room_policy*/
.room_policy {
  padding-top: 210px;
}

/*base*/
.base {
  padding-bottom: 0;
  padding-top: 50px;
  background-color: #f5f5f5;
}

.base_l {
  width: 60%;
  float: left;
  padding-right: 4%;
  padding-bottom: 4%;
}

.base_block {
  max-width: 750px;
}

.base_aim {
  margin-top: 4%;
}

.aim_list {
  margin: -5px -10px;
}

.aim_list li {
  width: 33.33%;
  float: left;
  overflow: hidden;
  padding: 5px 10px;
}

.aim_list li em {
  display: block;
  float: left;
  text-align: center;
  color: #fff;
  width: 70px;
  line-height: 80px;
  background: url(../images/aim_01.png) no-repeat;
  background-size: contain;
  margin-right: 15px;
}

.aim_des {
  overflow: hidden;
  line-height: 24px;
  max-height: 48px;
  margin-top: 15px;
  max-width: 140px;
}

.base_r {
  overflow: hidden;
  margin-bottom: -80px;
  position: relative;
  z-index: 2;
}

.base_r img {
  display: block;
  margin: 0 auto;
  border-radius: 10px;
}

/*major_func*/
.major_func {
  background: #157475;
  color: #fff;
}

.func_list {
  margin: -10px -25px;
}

.func_list li {
  width: 25%;
  float: left;
  padding: 10px 25px;
}

.func_item {}

.func_list li img {
  display: block;
  border-radius: 5px;
  margin: 15px 0;
}

.func_des {
  letter-spacing: -0.005em;
}

/*model*/
.model {}

.model_list {
  margin: -10px -20px;
  overflow: hidden;
}

.model_list li {
  width: 50%;
  float: left;
  padding: 10px 20px;
}

.model_block {
  height: 260px;
  border: 1px solid rgba(0, 0, 0, .10);
  padding: 4% 7%;
  transition: all 0.5s ease-in-out;
}

.model_item {
  color: #157475;
  margin-bottom: 10px;
}

.model_item img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
}

.model_des {
  line-height: 2;
  padding-left: 80px;
  position: relative;
}

.model_des:before {
  content: "";
  position: absolute;
  top: 0;
  left: 26px;
  width: 1px;
  height: 115px;
  background: #157475;
  opacity: .50;
}

.model_list li:hover .model_block {
  box-shadow: 0 0 30px -3px rgba(0, 0, 0, .15);
}

/*added*/
.added {
  background-color: #f5f5f5;
}

.added_l {
  width: 50%;
  float: left;
  margin-right: 5%;
}

.added_r {
  overflow: hidden;
  padding-left: 5%;
  position: relative;
}

.added_r:before {
  content: "";
  position: absolute;
  top: 25%;
  left: 0;
  width: 1px;
  height: 50%;
  background: #000;
  opacity: 0.10;
}

.added_list {
  margin: -5px -8px;
  max-width: 544px;
  float: right;
}

.added_list li {
  width: 50%;
  float: left;
  padding: 5px 8px;
}

.added_list li .added_img {
  display: block;
  border: 10px solid #dcdcdc;
  position: relative;
  transition: all 0.5s ease-in-out;
}

.added_list li .added_img img {
  display: block;
  width: 100%;
}

.added_list li .added_img:hover {
  border-color: #157475;
}

.added_list li .added_img .market_cover {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*added_course*/
.added_course {
  color: #fff;
}

.course_service {
  overflow: hidden;
  margin: -20px;
}

.course_service li {
  width: 33.33%;
  float: left;
  padding: 20px;
}

.course_service li a {
  display: block;
  height: 435px;
  background: rgba(255, 255, 255, .90);
  border-radius: 5px;
  padding: 9%;
}

.c_s_item {
  font-weight: bold;
  color: #157475;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
}

.c_s_des {
  line-height: 24px;
  max-height: 288px;
  overflow: hidden;
}

.course_service li a:hover {
  background: #fff;
  box-shadow: 0 0 30px -3px rgba(0, 0, 0, .15);
}

/*results*/
.results {}

.results_class {
  width: 40%;
  float: left;
  margin: -10px;
  overflow: hidden;
  border-right: 1px solid rgba(0, 0, 0, .10);
}

.results_class li {
  width: 50%;
  float: left;
  overflow: hidden;
  padding: 10px;
}

.results_class li em {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  line-height: 40px;
  text-align: center;
  background: #157475;
  color: #fff;
  margin-right: 10px;
}

.results_r {
  overflow: hidden;
  padding-left: 4%;
  text-align: right;
}

/*cultural*/
.cultural {
  background-color: #f5f5f5;
}

.cultural_list {
  margin: -10px -7px;
  overflow: hidden;
}

.cultural_list li {
  width: 50%;
  float: left;
  padding: 10px 7px;
  color: #fff;
}

.cultural_block {
  height: 185px;
  border-radius: 5px;
  padding: 5%;
}

.cultural_list li.c_li01 .cultural_block {
  height: 390px;
  padding: 8%;
  background: #61cd93;
}

.cultural_list li.c_li02 .cultural_block {
  background: #30c8d5;
}

.cultural_list li.c_li03 .cultural_block {
  background: #f2ab50;
}

.cultural_item {
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, .30);
  margin-bottom: 20px;
}

/*activities*/
.activities {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid rgba(0, 0, 0, .10);
}

.activities_tit {
  margin-bottom: 20px;
}

/*added_scr*/
#activities_scr .owl-nav a,
.added_scr .owl-nav a {
  position: absolute;
  top: 50%;
  left: -40px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background: url(../images/arrow_06b.png) left top no-repeat;
}

#activities_scr .owl-nav a span,
.added_scr .owl-nav a span {
  font-size: 0;
}

#activities_scr .owl-nav a.owl-prev.disabled,
.added_scr .owl-nav a.owl-prev.disabled {
  background-position: right top;
}

#activities_scr .owl-nav a.owl-next,
.added_scr .owl-nav a.owl-next {
  left: auto;
  right: -40px;
  background-position: right bottom;
}

#activities_scr .owl-nav a.owl-next.disabled,
.added_scr .owl-nav a.owl-next.disabled {
  background-position: left bottom;
}

#activities_scr .item {
  overflow: hidden;
  position: relative;
}

#activities_scr .item img {
  display: block;
  width: 100%;
}

.activities_caption {
  position: absolute;
  bottom: -100%;
  opacity: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background: rgba(48, 200, 213, .90);
  color: #fff;
  padding: 5% 8%;
  transition: all 0.5s ease-in-out;
}

#activities_scr .item:hover .activities_caption {
  bottom: 0;
  opacity: 1;
}

/*added_other*/
.added_other {}

.other_show {
  margin: -3.5% 0;
}

.other_box {
  padding: 3.5% 0;
  border-bottom: 1px solid rgba(0, 0, 0, .10);
}

.other_box:last-child {
  border: none;
}

.other_l,
.other_r {
  width: 50%;
  float: left;
}

.other_l {
  padding-right: 6%;
}

.other_l .other_block {
  max-width: 570px;
}

.added_scr {}

.added_scr .item {
  overflow: hidden;
}

.added_scr .item img {
  display: block;
  width: 100%;
}

.other_dif {}

.other_dif .other_l {
  padding-right: 0;
  padding-left: 6%;
  float: right;
}

.other_dif .other_l .other_block {
  float: right;
}

.other_item {
  color: #30c8d5;
  margin-bottom: 10px;
}

/*added_contact*/
.added_contact {
  padding-bottom: 160px;
  margin-bottom: -80px;
  background-color: #f5f5f5;
}

.contact_zone {
  margin: -10px;
}

.contact_zone li.li_item {
  width: 25%;
  float: left;
  padding: 10px;
}

.zone_box {
  background: #fff;
  padding: 10px;
  border-radius: 5px;
}

.zone_box,
.zone_tit {
  transition: all 0.5s ease-in-out;
}

.zone_block {
  border: 1px solid rgba(0, 0, 0, .10);
  border-radius: 5px;
  height: 376px;
  padding: 10% 8%;
}

.zone_tit {
  color: #30c8d5;
  padding-bottom: 15px;
}

.zone_info {
  margin: -5px 0;
  overflow: hidden;
  padding: 25px 0;
  border-top: 1px dashed rgba(0, 0, 0, .10);
  border-bottom: 1px dashed rgba(0, 0, 0, .10);
}

.zone_info li {
  overflow: hidden;
  padding: 5px 0;
  line-height: 24px;
}

.zone_info li .ico {
  width: 22px;
  height: 22px;
}

.ico.ico_tel03 {
  background-image: url(../images/added_ico01.png);
}

.ico.ico_email03 {
  background-image: url(../images/added_ico02.png);
}

.zone_info li p {
  overflow: hidden;
}

.zone_info li p span {
  display: block;
}

.zone_city {
  padding-top: 20px;
}

.zone_box:hover {
  background-color: #30c8d5;
  color: #fff;
}

.zone_box:hover .zone_tit {
  color: #fff;
}

.zone_box:hover .zone_block,
.zone_box:hover .zone_info {
  border-color: rgba(255, 255, 255, .30);
}

.zone_box:hover .zone_info li .ico {
  background-position: left top;
}

/*==========青少年STEAM智能云测评系统*/
/*steam_intro*/
.steam_intro {
  padding-bottom: 0;
  text-align: center;
}

.steam_intro .about_tit {
  padding-bottom: 0;
  margin-bottom: 2%;
}

.steam_intro .about_tit:before {
  display: none;
}

.s_i_txt {
  max-width: 1050px;
  margin: 0 auto;
  line-height: 24px;
  height: 168px;
  overflow: hidden;
}

.s_i_point {
  font-size: 0;
  display: block;
  margin: 5% auto 0;
  width: 42px;
  height: 42px;
  background: url(../images/steam_01.png) center center no-repeat;
  background-size: cover;
  opacity: .20;
}

.s_i_point:hover {
  opacity: .50;
}

.s_i_graphic {
  background: #30c8d5;
  padding: 2.5% 0;
  margin-top: 4%;
}

/*student*/
.student {
  padding-bottom: 200px;
  background-image: url(../images/student_01.jpg);
  background-position: center bottom;
}

.student_block {
  width: 50%;
  float: left;
  color: #fff;
  transition: all 0.5s ease-in-out;
}

.student_block dt,
.student_block dd {
  width: 50%;
  float: right;
  position: relative;
  overflow: hidden;
  height: 275px;
}

.student_block dd {
  padding: 9% 7%;
}

.student_block dd h6 {
  margin-bottom: 5px;
}

.student_des {
  line-height: 24px;
  max-height: 144px;
  overflow: hidden;
}

.block_dif dt {
  float: left;
}

.student_block:nth-child(1) {
  background: #1fb9ef;
}

.student_block:nth-child(2) {
  background: #30c8d5;
}

.student_block:nth-child(3) {
  background: #f3b456;
}

.student_block:nth-child(4) {
  background: #61cd93;
}

.student_block:hover {
  opacity: .90;
}

/*client*/
.client {
  text-align: center;
  width: 60%;
  margin: 4% auto 0;
  max-width: 314px;
  line-height: 55px;
  border-radius: 28px;
  background: #e5e5e5;
}

.client li {
  width: 50%;
  float: left;
}

.client li a {
  display: block;
  border-radius: 28px;
}

.client li.active a {
  background: #157475;
  color: #fff;
}

.client li:hover a {
  opacity: .80;
}

/*tan_client*/
.tan_client {
  text-align: center;
}

.tan_client .tan_closed {
  width: 50px;
  line-height: 50px;
  font-size: 30px;
  background: none;
}

.tan_client .tan_closed:hover {
  background-color: #fff;
  color: #157475;
}

.tan_client .tan_box {
  width: 100%;
  max-width: 767px;
  background: #f6f6f6;
  text-align: left;
}

.client_item {
  background: #157475;
  color: #fff;
  line-height: 50px;
  padding: 0 30px;
  margin-bottom: 5%;
}

.client_block {
  overflow: hidden;
  text-align: center;
  height: 530px;
  padding: 0 30px;
}

.tan_client .mCSB_scrollTools {
  width: 5px;
}

.tan_client .mCSB_scrollTools a+.mCSB_draggerContainer {
  margin: 0;
}

.tan_client .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 5px;
  background: none;
}

.tan_client .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 5px;
  background: #e0e0e0;
}

.tan_client .mCS-dark-2.mCSB_scrollTools .mCSB_dragge.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.tan_client .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #ccc;
}

/*tearcher*/
.tearcher {
  padding-top: 30px;
  background: #0fbfff;
  color: #fff;
}

.tearcher_list {
  max-width: 1306px;
  margin: -10px auto;
}

.tearcher_list li {
  width: 33.33%;
  float: left;
  padding: 10px 25px;
}

.tearcher_list li a {
  display: block;
  overflow: hidden;
  position: relative;
  color: #fff;
}

.tearcher_list li a img {
  display: block;
  width: 100%;
}

.tearcher_info {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 0 10% 10%;
  line-height: 1.85;
}

/*tearcher_client*/
.tearcher_client {
  background: #fff;
}

.tearcher_client li.active a {
  background: #f3b456;
}

/*supervisor*/
.supervisor {}

.supervisor_img {
  width: 40.35%;
  float: left;
  text-align: right;
  margin-right: 3.5%;
}

.supervisor_r {
  width: 56.15%;
  float: right;
  position: relative;
  padding: 0 45px 25px 0;
  background: url(../images/supervisor_02.png) right bottom no-repeat;
}

.supervisor_info {
  background: #fff;
  color: #333;
  padding: 2% 8%;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
}

.supervisor_info li {
  overflow: hidden;
}

.supervisor_ico,
.supervisor_txt {
  padding: 25px 0;
}

.supervisor_ico {
  display: block;
  float: left;
  width: 45px;
  margin-right: 20px;
}

.supervisor_txt {
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}

.supervisor_txt h6 {
  margin-bottom: 6px;
}

.supervisor_info li:last-child .supervisor_txt {
  border: none;
}

/*==========师资培训*/
/*platform*/
.platform_sec01 {
  text-align: center;
  line-height: 2;
}

.platform01_forewords {
  max-width: 865px;
  margin: 0 auto;
  margin-top: 2%;
}

.platform_list {
  margin: 3% -20px -20px;
}

.platform_list li {
  width: 33.33%;
  float: left;
  padding: 20px;
}

.platform_list li a {
  display: block;
  border: 1px solid #e3e3e3;
  height: 112px;
}

.platform_list li a:hover {
  border-color: #ccc;
}

.platform_sec02 {
  text-align: center;
  background-color: #f8f8f8;
}

.platform02_forewords {
  max-width: 1100px;
  margin: 0 auto;
  margin-bottom: 3%;
}

/*platform_scr*/
.business_scr .owl-dots {
  position: relative;
  margin-top: 30px;
}

.business_scr .owl-dots .owl-dot {
  border: none;
  background: #dfdfdf;
}

.business_scr .owl-dots .owl-dot.active {
  background-color: #7c7c7c;
}

/*platform_sec03*/
.platform_sec03 {
  padding: 7% 0 160px;
  margin-bottom: -80px;
}

.apply {
  max-width: 1320px;
  margin: 0 auto;
  background: rgba(255, 255, 255, .70);
  color: #000;
  padding: 4%;
  line-height: 2;
}

.apply_img {
  width: 140px;
  float: right;
  margin-left: 6%;
}

.apply_info {
  overflow: hidden;
}

/*==========零售业务*/
/*retail_intro*/
.retail_intro {}

.r_i_img {
  width: 50%;
  float: right;
  text-align: right;
  padding-left: 4%;
}

.r_i_l {
  overflow: hidden;
}

.r_i_txt {
  max-width: 690px;
}

.r_i_txt h6 {
  line-height: 2;
  margin-bottom: 20px;
}

/*retail_pro*/
.retail_pro {
  background-color: #f3f3f3;
}

#retail_scr {}

#retail_scr .item {
  text-align: center;
}

.retail_img {
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, .10);
  margin-bottom: 20px;
}

.retail_img img {
  display: block;
}

/*retail_cooper*/
.retail_cooper {}

.cooper_brand {
  margin: -10px;
}

.cooper_brand li {
  width: 14.285%;
  float: left;
  padding: 10px;
}

.cooper_brand li a {
  display: block;
  border: 1px solid #dcdcdc;
  height: 106px;
}

.cooper_brand li a:hover {
  border-color: #ccc;
  box-shadow: 0 0 30px -2px rgba(0, 0, 0, .15);
}

.cooper_brand li a .bgImg {
  display: block;
  transition: all .5s ease-in-out;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
  transform: rotateX(0deg) rotateY(0deg);
}

.cooper_brand li a:hover .bgImg {
  -webkit-transform: rotateY(30deg);
  -moz-transform: rotateY(30deg);
  transform: rotateY(30deg);
}

/*==========赛事活动*/
/*event_rec*/
.event_rec {
  padding-bottom: 0;
}

.e_r_block {}

.e_r_tit {
  text-align: center;
  background: #157475;
  color: #fff;
  line-height: 1.53;
  padding: 2.3%;
}

/*holiday*/
.holiday {}

.holiday_block {
  text-align: center;
}

/*bright*/
.bright {
  background-attachment: fixed;
  color: #fff;
}

.bright_list {
  margin: -10px;
}

.bright_list li {
  width: 25%;
  float: left;
  text-align: center;
  padding: 10px;
}

.bright_ico {
  display: block;
  margin: 0 auto 30px;
  position: relative;
  width: 113px;
  height: 113px;
  border-radius: 50%;
}

.bright_ico img {
  display: block;
  width: 65px;
  height: 65px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin: -33px 0 0 -33px;
  transition: all 0.5s ease-in-out;
}

.bright_ico:before,
.bright_ico:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #fff;
}

.bright_ico:after {
  top: -10%;
  left: -10%;
  width: 120%;
  height: 120%;
  opacity: 0;
  background: #157475;
  border: none;
}

.bright_list li:hover .bright_ico:before {
  border-color: #157475;
}

.bright_list li:hover .bright_ico:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.bright_list li:hover .bright_ico img {
  top: 48%;
}

/*event_news*/
.event_news {}

.news_show {
  overflow: hidden;
  margin: -20px;
}

.news_show li {
  width: 33.33%;
  float: left;
  padding: 20px;
}

.news_show li a {
  display: block;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  height: 220px;
  padding: 6% 8% 0;
}

.n_s_time {
  display: block;
  float: left;
  font-size: 12px;
  width: 70px;
}

.n_s_time b {
  display: block;
  line-height: 1;
  color: #157475;
}

.n_s_info {
  overflow: hidden;
  padding-left: 5%;
  border-left: 1px solid #ececec;
}

.n_s_tit {
  line-height: 27px;
  max-height: 54px;
  overflow: hidden;
  margin-bottom: 10px;
}

.n_s_des {
  opacity: .80;
  line-height: 24px;
  max-height: 48px;
  overflow: hidden;
}

.n_s_more {
  display: block;
  clear: both;
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #dcdcdc;
  text-transform: uppercase;
  opacity: .70;
}

.news_show li a:hover {
  background-color: #fff;
  box-shadow: 0 5px 40px -2px rgba(0, 0, 0, .10);
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

/*camp*/
.camp {
  background-color: #157475;
  color: #fff;
}

.camp_list {
  overflow: hidden;
  margin: -30px;
}

.camp_list li {
  width: 50%;
  float: left;
  padding: 30px;
}

.camp_list li a {
  display: block;
  overflow: hidden;
  position: relative;
}

.camp_list li a img {
  display: block;
  width: 100%;
}

.camp_caption {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background: rgba(0, 0, 0, .40);
  padding: 2.2% 4%;
  color: #fff;
}

/*wonderful*/
.wonderful {
  background-color: #f5f5f5;
}

.wonderful_txt {
  height: 120px;
  padding: 8% 10%;
}

.wonderful_item {
  margin-bottom: 5px;
}

.wonderful_item,
.wonderful_des {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*sign*/
.sign {
  background-attachment: fixed;
  background-position: center bottom;
  color: #fff;
}

.sign_link {
  display: block;
  margin: -20px auto 0;
  position: relative;
  text-align: center;
  border: 1px solid #fff;
  color: #fff;
  width: 60%;
  max-width: 160px;
  line-height: 62px;
  border-radius: 32px;
}

.sign_link em {
  display: block;
  position: relative;
  z-index: 1;
}

.sign_link:before {
  content: "";
  position: absolute;
  top: -10%;
  left: -10%;
  width: 120%;
  height: 120%;
  border-radius: 32px;
  background: #fff;
  opacity: 0;
}

.sign_link:hover {
  color: #157475;
}

.sign_link:hover:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .80;
}

/*contact_us*/
.contact_us {}

.contact_us .inner {
  position: relative;
}

.c_u_list {
  margin: -10px;
}

.c_u_list li {
  width: 33.33%;
  float: left;
  text-align: center;
  padding: 10px;
}

.c_u_block {
  display: table;
  width: 100%;
  background: #fff;
  transition: all 0.5s ease-in-out;
  height: 270px;
}

.c_u_ico {
  display: block;
  margin: 0 auto 20px;
  position: relative;
  background: url(../images/event_07.png) center center no-repeat;
  background-size: contain;
  width: 102px;
  height: 102px;
}

.c_u_ico img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  width: 40px;
  height: 40px;
  transition: all 0.5s ease-in-out;
}

.c_u_block h6 {
  margin-bottom: 5px;
}

.c_u_txt {
  color: #157475;
}

.c_u_block:hover {
  box-shadow: 0 5px 30px -3px rgba(0, 0, 0, .15);
}

.c_u_block:hover .c_u_ico img {
  -webkit-transform: translate3d(0, 3px, 0);
  transform: translate3d(0, 3px, 0);
}

img.contact_dec01 {
  display: block;
  position: absolute;
  top: 7%;
  right: -7%;
  width: 8%;
  max-width: 100px;
}

img.contact_dec02 {
  display: block;
  position: absolute;
  bottom: -33%;
  left: -12%;
  z-index: 2;
  width: 16%;
  max-width: 212px;
}

/*event_partner*/
.event_partner {}

.e_p_list {
  margin: -15px;
  overflow: hidden;
}

.e_p_list li {
  width: 25%;
  float: left;
  padding: 15px;
}

.e_p_list li a {
  display: table;
  text-align: center;
  position: relative;
  width: 100%;
  height: 120px;
  background: #f5f5f5;
}

.e_p_list li a h6 {
  transition: all 0.5s ease-in-out;
}

.e_p_list li a .bgImg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #f5f5f5;
  background-size: contain;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(1.1);
  transition: all 0.5s ease-in-out;
}

.e_p_list li a:hover .bgImg {
  opacity: 1;
  transform: scale(1);
}

.e_p_list li a:hover h6 {
  opacity: 0;
}

/*writing_banner*/
#writing_banner {
  height: 680px;
}

#writing_banner .owl-stage-outer,
#writing_banner .owl-stage,
#writing_banner .owl-item,
#writing_banner .item,
#writing_banner .item a {
  display: block;
  height: 100%;
}

#writing_banner .item a .bgImg {
  position: absolute;
  top: 0;
  left: 0;
}

#writing_banner .item .inner {
  height: 100%;
  position: relative;
}

.banner_txt {
  display: block;
  position: absolute;
  top: 15%;
  left: 15%;
  opacity: 0;
}

.banner01_txt {
  width: 40%;
  max-width: 520px;
}

.banner02_txt {
  width: 30%;
  max-width: 395px;
}

#writing_banner .owl-item.active .item .banner_txt {
  animation: 1s .2s move02 both;
}

.my_move02 {
  animation: move02 1s forwards alternate;
  -moz-animation: move02 1s forwards alternate;
  -webkit-animation: move02 1s forwards alternate;
  -o-animation: move02 1s forwards alternate;
}

@keyframes move02 {
  0% {
    left: 15%;
    opacity: 0;
  }

  100% {
    left: 5%;
    opacity: 1;
  }
}

@-moz-keyframes move02 {
  0% {
    left: 15%;
    opacity: 0;
  }

  100% {
    left: 5%;
    opacity: 1;
  }
}

@-webkit-keyframes move02 {
  0% {
    left: 15%;
    opacity: 0;
  }

  100% {
    left: 5%;
    opacity: 1;
  }
}

@-o-keyframes move02 {
  0% {
    left: 15%;
    opacity: 0;
  }

  100% {
    left: 5%;
    opacity: 1;
  }
}

#writing_banner .owl-nav a {
  position: absolute;
  top: 40%;
  left: 10%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background: url(../images/arrow_11.png) left center no-repeat;
}

#writing_banner .owl-nav a span {
  font-size: 0;
}

#writing_banner.owl-nav a.disabled {
  opacity: .70;
}

#writing_banner .owl-nav a.owl-next {
  left: auto;
  right: 10%;
  background-position: right center;
}

/*writing_intro*/
.writing_intro {}

.w_i_l {
  width: 48%;
  float: left;
}

.w_i_img {
  overflow: hidden;
  float: left;
  width: 85%;
}

.w_i_video {
  float: right;
  position: relative;
  z-index: 2;
  border: 15px solid #fff;
  width: 50%;
  max-width: 332px;
  margin-top: -32%;
}

.w_i_video img {
  display: block;
}

.w_i_cover {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
}

.w_i_cover img {
  margin: 0 auto 15px;
  width: 30%;
  max-width: 75px;
}

.w_i_r {
  width: 50%;
  float: right;
  max-width: 670px;
  padding-top: 5%;
}

.writing_handle {
  margin: 6% -15px 0;
}

.writing_link {
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px;
  padding: 0 30px;
  line-height: 62px;
  border-radius: 32px;
  border: 1px solid #2abbd8;
  color: #2abbd8;
}

.writing_link:hover {
  background-color: #2abbd8;
  color: #fff;
}

/*video_warp*/
#video_warp {
  text-align: center;
}

#video_warp .tan_box {
  width: 100%;
  max-width: 1175px;
  padding: 10px;
  background: #157475;
}

.video_area {
  height: 555px;
  background: #000;
}

#video_warp .tan_closed {
  right: -60px;
  background: #157475;
}

#video_warp .tan_closed:hover {
  background: #157475;
  opacity: .90;
}

/*plan_detail*/
.plan_detail {
  background: #fff;
  color: #333;
  padding: 5%;
}

.plan_box {}

.plan_tit {
  text-align: center;
  margin-bottom: 15px;
}

.plan_item {
  text-align: center;
  color: #2abbd8;
  margin-bottom: 30px;
}

table.table_plan {
  border-right: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  line-height: 1.5;
  text-align: center;
  font-size: 24px;
}

table.table_plan thead tr th {
  font-weight: normal;
  background: #2abbd8;
  border-left: 1px solid #d2d2d2;
  color: #fff;
  padding: 2% 0;
}

.align_left {
  text-align: left;
}

table.table_plan tbody tr td {
  padding: 4%;
  border-left: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
}

table.table_plan tbody tr:nth-child(even) td {
  background: #f5f5f5;
}

.plan_text {}

.plan_text li {
  overflow: hidden;
  margin-bottom: 3%;
}

.plan_slot {
  display: block;
  float: left;
  margin-right: 5px;
}

.plan_des {
  overflow: hidden;
}

.plan_show {
  overflow: hidden;
  margin: -10px;
}

.plan_show li {
  width: 50%;
  float: left;
  padding: 10px;
}

.plan_show li img {
  display: block;
}

.plan_more {
  text-align: center;
  margin-top: 3%;
}

/*latest_info*/
.latest_info {
  background-color: #f5f5f5;
}

.latest_info .news_show li a {
  background-color: #fff;
}

/*process*/
.process {
  background-position: center bottom;
  background-size: auto;
  max-height: 530px;
}

#process_scr {
  text-align: center;
}

#process_scr .owl-item:before {
  content: "";
  position: absolute;
  top: 45px;
  right: -56px;
  width: 113px;
  height: 56px;
  background: url(../images/process_01.png) center center repeat;
  background-size: cover;
}

#process_scr .item b {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0 auto 15px;
  border-radius: 50%;
  width: 62px;
  line-height: 58px;
  background: #fff;
  border: 2px solid #2abbd8;
  color: #2abbd8;
}

#process_scr .owl-item:nth-child(even) .item b {
  background: #2abbd8;
  color: #fff;
  margin-top: 77px;
}

#process_scr .owl-item:nth-child(even):before {
  background-image: url(../images/process_01b.png);
}

#process_scr .owl-item:last-child:before {
  display: none;
}

#process_scr .item p {
  display: inline-block;
  transition: all 0.5s ease-in-out;
  position: relative;
}

#process_scr .item p:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 1px;
  background: #2abbd8;
}

#process_scr .owl-item:hover p {
  color: #2abbd8;
}

#process_scr .owl-item:hover p:before {
  left: 0;
  width: 100%;
}

/*wonderful_past*/
.wonderful_past {
  background-position: center top;
  background-size: auto;
  background-color: #f5f5f5;
  max-height: 734px;
}

/*expert*/
.expert {
  background-position: center top;
  background-size: auto;
}

.expert_box {
  text-align: center;
  max-height: 560px;
  overflow: hidden;
}

.expert_item {
  margin-bottom: 10px;
}

.expert_handle {
  text-align: center;
  margin: 3% -15px 0;
}

.expert_box,
.expert_item {
  line-height: 36px;
}

/*a_intro*/
.a_intro {}

.a_i_l {
  width: 50%;
  float: left;
  padding-right: 4%;
}

.a_i_img {
  max-width: 635px;
  overflow: hidden;
}

.a_i_r {
  overflow: hidden;
}

.a_i_r .about_tit {
  margin-bottom: 30px;
}

.a_i_compare {
  line-height: 1.5;
  margin-top: 30px;
}

.a_i_compare li span {
  color: #157475;
}

.a_i_others {
  width: 100%;
  clear: both;
  margin: -15px;
  padding-top: 5%;
}

.a_i_others li {
  float: left;
  padding: 15px;
  text-align: center;
}

.others_yu {
  height: 245px;
  background: #f5f5f5;
  padding: 50px 15px 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.a_i_others li:nth-child(1) {
  width: 24%;
}

.a_i_others li:nth-child(2) {
  width: 50%;
}

.a_i_others li:nth-child(3) {
  width: 26%;
}

.others_caption {
  color: #157475;
  margin-bottom: 20px;
}

.others_caption img {
  display: block;
  margin: 0 auto 15px;
}

.others_txt a {
  display: inline-block;
  line-height: 2;
  padding: 0 15px;
}

.a_i_others li:hover .others_yu {
  box-shadow: 0 5px 30px -2px rgba(0, 0, 0, .15);
}

/*a_detailed*/
.a_detailed {
  background-color: #f5f5f5;
}

.detailed_box {
  position: relative;
  /* height: 900px; */
  background: url(../images/jia_02.png) center top no-repeat;
}

/*.detailed_box:before{ content:""; position:absolute; top:0; left:-10%; width:110%; height:100%; background: url(../images/jia_02.png) no-repeat;}*/
.detailed_yu {
  padding: 140px 40px 180px 80px;
}

.detailed_con {
  position: relative;
  z-index: 1;
  height: 590px;
  overflow: hidden;
  line-height: 28px;
}

.detailed_item {
  color: #157475;
  margin-bottom: 30px;
}

.organ {}

.organ li {
  float: left;
  margin-right: 6%;
}

.detailed_caption {
  color: #157475;
}

.detailed_caption b {
  display: block;
  font-weight: normal;
  font-family: Impact;
}

.detailed_line {
  height: 60px;
  position: relative;
}

.detailed_line:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #dcdcdc;
}

.detailed_con .mCSB_inside>.mCSB_container {
  margin-right: 30px;
}

.detailed_con .mCSB_scrollTools {
  width: 8px;
}

.detailed_con .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
}

.detailed_con .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
  background: #157475;
}

/*a_rules*/
.a_rules {}

.rules_list {}

.rules_list li {
  width: 33.33%;
  float: left;
  height: 196px;
  text-align: center;
  color: #fff;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.rules_list li:nth-child(1),
.rules_list li:nth-child(2) {
  width: 50%;
}

.rules_list li:nth-child(1) {
  background-color: #39b277;
}

.rules_list li:nth-child(2) {
  background-color: #1eb4ea;
}

.rules_list li:nth-child(3) {
  background-color: #2172c4;
}

.rules_list li:nth-child(4) {
  background-color: #f2ab50;
}

.rules_list li:nth-child(5) {
  background-color: #157475;
}

.rules_num {
  display: block;
  font-family: Impact;
}

.rules_list li:hover {
  opacity: .90;
}


/*================================================名师团队================================================*/
.team {
  padding: 80px 0;
}

.team_list {
  overflow: hidden;
  margin: 0 -50px;
}

.team_list li {
  width: 50%;
  float: left;
  padding: 0 50px 40px;
}

.team_list li a {
  display: block;
  position: relative;
}

.team_photo {
  width: 206px;
  height: 206px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  margin-top: -103px;
}

.team_photo img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.team_photo:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: -webkit-calc(100% - 16px);
  width: calc(100% - 16px);
  height: -webkit-calc(100% - 16px);
  height: calc(100% - 16px);
  border: 1px solid #fff;
  opacity: .30;
}

.team_info {
  position: relative;
  overflow: hidden;
  width: 87.25%;
  height: 330px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  margin-left: 80px;
  padding: 5% 5% 0 160px;
  transition: all 0.5s ease-in-out;
}

.team_info .bgImg {
  position: absolute;
  top: -15%;
  left: -15%;
  width: 130%;
  height: 130%;
  opacity: 0;
}

.team_item {
  position: relative;
  z-index: 1;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #cccccc;
}

.team_item span {
  color: #20b6e7;
  margin-left: 14px;
}

.team_des {
  line-height: 24px;
  max-height: 168px;
  overflow: hidden;
}

.team_des .mCSB_scrollTools {
  width: 3px;
}

.team_des .mCSB_scrollTools a+.mCSB_draggerContainer {
  margin: 0;
}

.team_des .mCSB_inside>.mCSB_container {
  margin-right: 20px;
}

.team_des .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 1px;
  background: #e5e5e5;
}

.team_des .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 3px;
  background: #20b6e7;
}

.team_des .mCS-dark-2.mCSB_scrollTools .mCSB_dragge.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.team_des .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
}

.team_list li a:hover .team_info {
  background: #20b6e7;
  color: #fff;
}

.team_list li a:hover .team_info .bgImg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .10;
}

.team_list li a:hover .team_des .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #fff;
}

.team_list li a:hover .team_item span {
  color: #fff;
}

/*================================================下载中心================================================*/
.down_load {}

.load_list {
  margin: -10px -10px 20px;
  overflow: hidden;
}

.load_list li {
  width: 25%;
  float: left;
  padding: 10px;
}

.load_list li a {
  display: block;
  background: #fff;
}

.load_img {
  overflow: hidden;
}

.load_img img {
  display: block;
  width: 100%;
}

.load_info {
  height: 78px;
  padding: 20px 0 0 8%;
}

.load_ico {
  display: block;
  float: right;
  position: relative;
  font-size: 0;
  width: 68px;
  height: 44px;
  border-left: 1px solid rgba(0, 0, 0, .10);
  margin-left: 8%;
}

.load_ico:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  width: 24px;
  height: 24px;
  background: url(../images/ico_load.png) center bottom no-repeat;
}

.load_des {
  overflow: hidden;
  line-height: 22px;
  height: 44px;
}

.load_list li a:hover {
  background-color: #157475;
  box-shadow: 0 5px 20px -2px rgba(0, 0, 0, .30);
  color: #fff;
}

.load_list li a:hover .load_ico:before {
  background-position: center top;
}

.down_load .page {
  padding: 20px 0;
  background: #fff;
}

/*font*/
.f72 {
  font-size: 72px;
}

.f60 {
  font-size: 60px;
}

.f48 {
  font-size: 48px;
}

.f46 {
  font-size: 46px;
}

.f42 {
  font-size: 42px;
}

.f40 {
  font-size: 40px;
}

.f36 {
  font-size: 36px;
}

.f34 {
  font-size: 34px;
}

.f32 {
  font-size: 32px;
}

.f30 {
  font-size: 30px;
}

.f28 {
  font-size: 28px;
}

.f26 {
  font-size: 26px;
}

.f24 {
  font-size: 24px;
}

.f22 {
  font-size: 22px;
}

.f20 {
  font-size: 20px;
}

.f18 {
  font-size: 18px;
}

.f16 {
  font-size: 16px;
}

@media only screen and (max-width: 1599px) {

  /*font*/
  .f72 {
    font-size: 62px;
  }

  .f60 {
    font-size: 50px;
  }

  .f48 {
    font-size: 42px;
  }

  .f46 {
    font-size: 40px;
  }

  .f42 {
    font-size: 36px;
  }

  .f40 {
    font-size: 34px;
  }

  .f36 {
    font-size: 30px;
  }

  .f34 {
    font-size: 28px;
  }

  .f32 {
    font-size: 26px;
  }

  .f30 {
    font-size: 24px;
  }

  .f28 {
    font-size: 22px;
  }

  .f26 {
    font-size: 20px;
  }

  .f24 {
    font-size: 18px;
  }

  .f22 {
    font-size: 16px;
  }

  .f20 {
    font-size: 16px;
  }

  .f18 {
    font-size: 16px;
  }

  .f16 {
    font-size: 14px;
  }

  /*banner*/
  .banner_warp {
    height: 500px;
  }

  /*about_tit*/
  .about_tit {
    margin-bottom: 40px;
  }

  /*alliance*/
  #alliance_scr .owl-nav a {
    width: 22px;
    height: 52px;
    margin-top: -62px;
    left: -42px;
  }

  #alliance_scr .owl-nav a.owl-next {
    right: -42px;
  }

  /*theme_common*/
  .theme_common .owl-nav a {
    width: 20px;
    height: 40px;
    margin-top: -40px;
    left: -40px;
  }

  .theme_common .owl-nav a.owl-next {
    right: -40px;
  }

  /*base*/
  .aim_list li em {
    width: 50px;
    line-height: 60px;
    margin-right: 10px;
  }

  .aim_des {
    margin-top: 5px;
  }

  /*team*/
  .team_list {
    margin: 0 -30px;
  }

  .team_list li {
    padding: 0 30px 30px;
  }

  .honor_scr li {
    width: 220px;
    height: 305px;
    margin-right: 25px;
  }
}

.brand_focus {
  height: 100vh;
}

@media only screen and (max-width: 1279px) {

  /*font*/
  .f72 {
    font-size: 52px;
  }

  .f60 {
    font-size: 40px;
  }

  .f48 {
    font-size: 36px;
  }

  .f46 {
    font-size: 34px;
  }

  .f42 {
    font-size: 30px;
  }

  .f40 {
    font-size: 28px;
  }

  .f36 {
    font-size: 24px;
  }

  .f34 {
    font-size: 22px;
  }

  .f32 {
    font-size: 22px;
  }

  .f30 {
    font-size: 20px;
  }

  .f28 {
    font-size: 18px;
  }

  .f26 {
    font-size: 18px;
  }

  .f24 {
    font-size: 18px;
  }

  .f22 {
    font-size: 16px;
  }

  .f20 {
    font-size: 16px;
  }

  .f18 {
    font-size: 14px;
  }

  .f16 {
    font-size: 14px;
  }

  /*title01*/
  .title01 a em:before {
    display: none;
  }

  /*about_tit*/
  .about_tit {
    margin-bottom: 30px;
  }

  /*slide*/
  .slide .owl-nav {
    display: none;
  }

  .slide-counter,
  .slide .owl-dots {
    margin-bottom: 20px;
  }

  .scroll_i {
    right: 15px;
  }

  /*80px-- 40px*/
  .edu_sec,
  .pro_detail,
  .brand_sec,
  .team {
    padding: 40px 0;
  }

  .campus {
    padding-top: 40px;
  }

  .common_bg {
    padding: 40px 0 80px;
  }

  .sec_course {
    padding-bottom: 80px;
  }

  /*major_load*/
  .major_load {
    width: 100%;
    max-width: 600px;
    margin: 20px 0;
  }

  .major_load li {
    height: 120px;
  }

  /*sec_about*/
  .about_warp {
    height: 476px;
  }

  .about_info {
    padding-top: 50px;
  }

  /*sec_business*/
  .business_list li,
  .business_list li.business_06,
  .business_list li.business_07 {
    height: 186px;
  }

  .business_list li.business_02 {
    height: 372px;
  }

  .business_list li.business_04 {
    margin-top: 186px;
  }

  .business_item img {
    width: 35px;
  }

  .more01 {
    width: 122px;
    line-height: 38px;
    height: 40px;
    border-width: 1px;
  }

  /*sec_honor*/
  .honor_scr li {
    width: 193px;
    height: 268px;
    margin-right: 15px;
  }

  /*sec_course*/
  .sec_course .sec_top {
    position: inherit;
    position: initial;
    text-align: left;
  }

  .sec_course .title01,
  .title01_des {
    padding-right: 0;
  }

  .title01_des {
    text-align: left;
  }

  #course_scr .owl-nav {
    position: inherit;
    position: initial;
    margin: 20px auto 0;
  }

  #course_scr .owl-item .item {
    margin: -10px;
  }

  .course_block {
    width: 100%;
    float: none;
    height: auto;
    padding: 10px;
  }

  #course_scr .owl-item .item .course_block:nth-child(2) {
    display: none;
  }

  .course_block dl dt {
    width: 280px;
    height: 208px;
  }

  .course_block dl dd {
    padding: 15px 15px 0;
  }

  /*sub_nav*/
  .nav_list li a {
    padding: 0 8px;
  }

  .nav_list li a,
  .sub_nav.on .nav_list li a {
    line-height: 67px;
  }

  .nav_list li .nav_subclass,
  .sub_nav.on .nav_list li .nav_subclass {
    top: 67px;
  }

  .nav_list li.has_class.active,
  .sub_nav.on .nav_list li.has_class.active {
    padding-bottom: 48px;
  }

  .nav_list li .nav_subclass a,
  .sub_nav.on .nav_list li .nav_subclass a {
    line-height: 48px;
    margin-right: 0;
  }

  /*==========about*/
  .banner_warp {
    height: 350px;
  }

  .banner_tit {
    padding-bottom: 20px;
  }

  .intro_info {
    padding-top: 50px;
  }

  .profile {
    height: auto;
  }

  .profile_warp {
    padding: 0;
  }

  .profile_warp .inner {
    padding-top: 8%;
    padding-bottom: 8%;
  }

  .culture_list li {
    padding: 0 3%;
  }

  .partner_list {
    margin-top: -5px;
    margin-left: -5px;
    margin-right: -5px;
  }

  .partner_list li {
    padding: 5px;
  }

  /*contact*/
  .contact_list li.li_item:nth-child(n) .contact_block {
    padding: 30px;
  }

  /*04 主营业务*/
  .aim_list li em {
    width: 40px;
    line-height: 50px;
  }

  .aim_des {
    margin-top: 0;
    line-height: 20px;
    max-height: 40px;
  }

  .func_list,
  .model_list,
  .course_service,
  .tearcher_list,
  .platform_list,
  .news_show,
  .camp_list,
  .e_p_list,
  .pro_sort,
  .ways_list {
    margin: -10px;
  }

  .func_list li,
  .model_list li,
  .course_service li,
  .tearcher_list li,
  .platform_list li,
  .news_show li,
  .camp_list li,
  .e_p_list li,
  .pro_sort li,
  .ways_list li.li_item {
    padding: 10px;
  }

  .platform_list {
    margin-top: 3%;
  }

  .platform_list li a,
  .cooper_brand li a {
    height: auto;
  }

  .platform_list li a .bgImg img,
  .cooper_brand li a .bgImg img {
    display: block;
  }

  .news_show li {
    width: 50%;
  }

  .sign_link {
    line-height: 42px;
    border-radius: 22px;
  }

  .category_tit {
    padding: 10px;
  }

  .category_tit span {
    width: auto;
  }

  .category_tit span:before,
  .category_tit span:after {
    display: none;
  }

  .detail_more i {
    width: 48px;
    height: 48px;
    border-width: 2px;
  }

  .detail_more i:before {
    width: 18px;
    height: 18px;
    margin: -9px 0 0 -9px;
    background-size: 18px;
  }

  .system_list {
    margin: -10px;
  }

  .system_list li.li_item01,
  .system_list li.li_item02,
  .system_list li.li_item03 {
    width: 100%;
    padding: 10px;
  }

  .system_ico {
    margin-right: 15px;
  }

  /*07*/
  .brand_focus {
    height: auto;
  }

  .brand_focus .bgImg,
  .brand_focus .inner {
    position: inherit;
    position: initial;
  }

  .brand_focus .bgImg img {
    display: block;
  }

  .megagame_more {
    width: 220px;
    line-height: 50px;
  }

  .backing_list li img {
    width: 50px;
  }

  .b_s_caption {
    position: inherit;
    position: initial;
    line-height: 40px;
  }

  .load_ico {
    width: 44px;
  }
}

@media only screen and (max-width: 991px) {

  /*font*/
  .f72 {
    font-size: 42px;
  }

  .f60 {
    font-size: 34px;
  }

  .f48 {
    font-size: 30px;
  }

  .f46 {
    font-size: 28px;
  }

  .f42 {
    font-size: 24px;
  }

  .f40 {
    font-size: 22px;
  }

  .f36 {
    font-size: 18px;
  }

  .f34 {
    font-size: 18px;
  }

  .f32 {
    font-size: 18px;
  }

  .f30 {
    font-size: 16px;
  }

  .f28 {
    font-size: 16px;
  }

  .f26 {
    font-size: 14px;
  }

  .f24 {
    font-size: 14px;
  }

  .f22 {
    font-size: 14px;
  }

  .f20 {
    font-size: 14px;
  }

  .f18 {
    font-size: 14px;
  }

  .f16 {
    font-size: 12px;
  }

  body,
  html {
    font-size: 12px;
  }


  /*alliance*/
  .alliance_l {
    width: 100%;
  }

  .alliance_info {
    clear: both;
    padding-left: 0;
  }

  .alliance_txt {
    max-width: none;
    float: none;
  }

  .alliance_notice {
    width: 40%;
    max-width: 200px;
  }

  /*education*/
  .education_base .alliance_l {
    width: 100%;
  }

  #alliance_scr .item a .caption {
    padding: 10px;
  }

  /*contact*/
  .contact_list li.li_item:nth-child(n) {
    display: block;
    width: 100%;
  }

  .contact_list li.li_item:nth-child(n) .contact_block {
    padding: 20px;
    height: auto;
    overflow: hidden;
  }

  .notice_code {
    max-width: 110px;
  }

  .notice_info {
    padding: 0 0 0 20px;
  }

  /*04 主营业务*/
  .tech .bgImg {
    width: 100%;
    position: inherit;
  }

  .tech .bgImg img {
    display: block;
  }

  .tech_box {
    float: none;
    width: 100%;
    height: auto;
    padding: 5% 0;
  }

  .tech_block {
    max-width: none;
  }

  .room_base dt {
    width: 100%;
    float: none;
  }

  .room_base dd {
    padding-right: 0;
  }

  .room_block {
    max-width: none;
  }

  .yi_show a {
    width: 100%;
    float: none;
  }

  .r_p_box {
    padding: 5px;
  }

  .r_p_block {
    border-width: 5px;
  }

  .base {
    padding-bottom: 50px;
  }

  .base_l {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 3%;
  }

  .aim_list li {
    width: 50%;
  }

  .base_r {
    margin: 0;
  }

  .func_list li {
    width: 50%;
  }

  .model_list li {
    width: 100%;
  }

  .model_block {
    height: auto;
    padding: 4%;
  }

  .model_des:before {
    height: 100%;
  }

  .added_l {
    width: 100%;
    float: none;
    margin: 0 0 4%;
  }

  .added_r {
    padding-left: 0;
  }

  .added_list {
    float: none;
  }

  .added_list li a {
    border-width: 5px;
  }

  .course_service li {
    width: 100%;
    float: none;
  }

  .course_service li a {
    height: auto;
    padding: 20px;
  }

  .results_class {
    width: 100%;
    float: none;
    border: none;
  }

  .results_class li em {
    width: 30px;
    line-height: 30px;
  }

  .results_r {
    text-align: center;
    padding-left: 0;
  }

  .other_l,
  .other_r,
  .other_dif .other_l,
  .other_dif .other_r {
    width: 100%;
    padding: 0;
  }

  .other_l {
    margin-bottom: 4%;
  }

  .other_l .other_block {
    max-width: none;
  }

  .contact_zone li.li_item {
    width: 100%;
  }

  .zone_block {
    height: auto;
    padding: 20px;
  }

  .student_block {
    width: 100%;
  }

  .supervisor_img {
    width: 100%;
    float: none;
    text-align: center;
    margin-right: 0;
  }

  .supervisor_r {
    width: 100%;
    float: none;
    padding-right: 25px;
  }

  .supervisor_info {
    padding: 20px;
  }

  .supervisor_ico,
  .supervisor_txt {
    padding: 15px 0;
  }

  .r_i_img {
    width: 100%;
    float: none;
    padding-left: 0;
    text-align: center;
  }

  .r_i_txt {
    max-width: none;
  }

  .bright_ico {
    width: 73px;
    height: 73px;
    margin-bottom: 10px;
  }

  .bright_ico img {
    width: 43px;
    height: 43px;
    margin: -22px 0 0 -22px;
  }

  .c_u_block {
    height: 170px;
  }

  .c_u_ico {
    width: 62px;
    height: 62px;
    margin-bottom: 10px;
  }

  .c_u_ico img {
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
  }

  .system_base dt,
  .system_base dd {
    width: 100%;
    float: none;
  }

  .system_txt {
    max-width: none;
  }

  .accord_l,
  .accord_school .accord_l {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 30px;
  }

  .accord_txt {
    max-width: none;
  }

  .campus_list li.li_item {
    width: 50%;
  }

  .func_list,
  .model_list,
  .course_service,
  .tearcher_list,
  .platform_list,
  .news_show,
  .camp_list,
  .e_p_list,
  .cooper_brand,
  .c_u_list,
  .pro_sort,
  .ways_list,
  .load_list {
    margin: -5px;
  }

  .func_list li,
  .model_list li,
  .course_service li,
  .tearcher_list li,
  .platform_list li,
  .news_show li,
  .camp_list li,
  .e_p_list li,
  .cooper_brand li,
  .c_u_list li,
  .pro_sort li,
  .ways_list li.li_item,
  .load_list li {
    padding: 5px;
  }

  .e_p_list li a {
    height: 90px;
  }

  .c_a_block dt {
    width: 100%;
    float: none;
    margin-bottom: 40px;
  }

  .c_a_txt li {
    padding-top: 10px;
  }

  .teach_box dt {
    width: 100%;
    text-align: center;
    float: none;
    margin-bottom: 20px;
  }

  /*intention*/
  .intention .bgImg {
    position: inherit;
    position: initial;
    width: 100%;
  }

  .intention .bgImg img {
    display: block;
  }

  .intention_box {
    width: 100%;
    height: auto;
    padding: 4% 0;
  }

  .intention_form {
    margin: 0 auto;
  }

  /*team_list*/
  .team_list li {
    width: 100%;
  }

  .team_photo {
    width: 106px;
    height: 106px;
    margin-top: -53px;
  }

  .team_info {
    width: auto;
    height: 170px;
    margin-left: 10px;
    padding: 20px 20px 0 110px;
  }

  .team_des {
    line-height: 20px;
    max-height: 80px;
  }

  /*talent*/
  .view_img {
    width: 100%;
    float: none;
    margin: 0 auto;
  }

  .view_list {
    overflow: hidden;
    margin-top: -10px;
  }

  .view_list li {
    margin-top: 10px;
  }

  .strategy_list {
    margin: -10px 0;
  }

  .strategy_list:before {
    display: none;
  }

  .strategy_list li:nth-child(n) {
    width: 100%;
    float: none;
    height: auto;
    padding: 10px 0;
  }

  .strategy_block {
    max-width: none;
  }

  .strategy_ico {
    margin-right: 15px;
  }

  .join_sort span,
  .join_tit span {
    line-height: 24px;
    padding: 10px;
  }

  .join_tit:before,
  .join_tit:after {
    width: 5px;
  }

  .post_info {
    margin: 0 5px;
    padding: 20px;
  }

  .load_list {
    margin-bottom: 20px;
  }

  .a_i_l {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 20px;
  }

  .a_i_img {
    max-width: none;
  }

  .a_i_others li {
    padding: 10px;
  }

  .a_i_others {
    margin: 0 -15px;
  }

  .a_i_others li:nth-child(n) {
    width: 100%;
  }

  .others_yu {
    height: auto;
    padding: 30px 15px;
  }

  .others_caption img {
    width: 40px;
  }

  .rules_list li:nth-child(n) {
    width: 100%;
  }

  .detailed_box {
    background: none;
  }

  .detailed_yu {
    padding: 15px;
    background: #fff;
  }

}

@media only screen and (max-width:767px) {

  /*page*/
  .page a {
    width: 28px;
    line-height: 26px;
  }

  .page a.page_btn {
    width: 60px;
    margin: 0 10px;
  }

  /*sec_about*/
  .about_warp {
    height: auto;
  }

  .about_info {
    width: 100%;
    float: none;
    padding: 30px 0;
  }

  .about_img_01 {
    width: 100%;
  }

  .about_img_01 .bgImg img {
    display: block;
  }

  /*sec_business*/
  .business_item em {
    font-size: 12px;
  }

  .business_list li:nth-child(n) {
    height: 156px;
    margin: 0;
    width: 50%;
  }

  .business_list li:nth-child(n) .business_item {
    margin-bottom: 10px;
  }

  .business_list li:nth-child(n) .business_item img {
    margin-bottom: 5px;
  }

  .business_list li.business_07 {
    width: 100%;
  }

  /*sec_honor*/
  .honor_scr {
    padding-bottom: 0;
  }

  .honor_scr li {
    width: 174px;
    height: 240px;
    margin-right: 5px;
  }

  /*sec_course*/
  .course_block dl dt {
    width: 160px;
    height: 120px;
  }

  .course_item {
    margin-bottom: 5px;
  }

  .course_base {
    margin: 0 -5px 10px;
  }

  .course_base span {
    padding: 0 5px;
  }

  .course_des {
    line-height: 20px;
    max-height: 40px;
    margin: 0;
  }

  .course_more {
    display: none;
  }

  /*=========about*/
  /*.sub_nav{ display:none;}*/
  .banner_warp {
    height: 200px;
  }

  /*data*/
  .data {
    margin-top: -20px;
  }

  .data li:nth-child(n) {
    width: 50%;
    margin-top: 20px;
  }

  .data li:nth-child(3):before {
    display: none;
  }

  .data_num {
    margin: 10px 0;
  }

  /*culture*/
  .culture_list {
    margin: -10px 0;
  }

  .culture_list li:nth-child(n) {
    width: 100%;
    height: auto;
    padding: 10px 0;
    border: none;
  }

  .culture_ico {
    max-width: 94px;
  }

  /*history*/
  .history_block,
  .history_block_dif {
    width: 100%;
    float: none;
    margin-top: 0;
  }

  .history_block dt,
  .history_block_dif dt {
    padding: 5% 5% 0 5%;
  }

  /*partner*/
  .partner_list li {
    width: 33.33%;
  }

  /*news*/
  .news_list li {
    height: auto;
  }

  .news_img {
    width: 157px;
  }

  .news_con {
    left: 147px;
    top: 10px;
    height: 97px;
    padding: 5px 10px 0 10px;
    width: 46%;
  }

  .news_time {
    float: none;
    width: auto;
    padding: 0;
  }

  .news_time b {
    display: inline-block;
    vertical-align: baseline;
    margin-right: 5px;
    font-size: 14px;
  }

  .n_c_r {
    border: none;
    padding: 5px 0 0;
  }

  .news_item {
    margin-bottom: 5px;
  }

  .news_overview {
    line-height: 18px;
    max-height: 36px;
  }

  .article_func {
    float: none;
    margin-left: 0;
  }

  /*about*/
  .intro {
    height: auto;
    overflow: hidden;
  }

  .intro_info {
    width: 100%;
    float: none;
    max-width: none;
    padding: 30px 0;
  }

  .intro_img {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    float: right;
  }

  .intro_img .about_img_01 {
    position: inherit;
    position: initial;
  }


  /*04 - 07*/
  .yi_list li {
    width: 100%;
  }

  .apply_img {
    float: none;
    margin: 0 auto;
  }

  .e_p_list li {
    width: 50%;
  }

  .bright_list li {
    width: 50%;
    height: 185px;
  }

  .news_show li {
    width: 100%;
  }

  .news_show li a {
    padding: 15px;
    height: auto;
  }

  .news_show li a .n_s_time {
    width: auto;
    padding-right: 10px;
  }

  .idea_block dt,
  .idea_block dd {
    width: 100%;
    float: none;
    line-height: 1.7;
  }

  .idea_txt {
    max-width: none;
  }

  .pro_sort li {
    width: 50%;
  }

  .pro_category li {
    width: 50%;
  }

  .detail_list li {
    width: 50%;
  }

  .system_ico {
    width: 96px;
    height: 96px;
    padding-top: 15px;
  }

  .system_ico img {
    width: 40px;
    height: 40px;
    margin-bottom: 5px;
  }

  .support_block dt,
  .support_block dd {
    width: 100%;
    float: none;
  }

  .support_block dt {
    margin-bottom: 20px;
  }

  /*campus_form*/
  .local {
    padding: 60px 0 40px;
  }

  .campus_form {
    float: none;
  }

  .campus_all {
    line-height: 40px;
    padding: 0 15px;
  }

  .campus_list li.li_item {
    width: 100%;
  }

  .campus_list li.li_item a {
    height: auto;
    padding: 20px;
  }

  .dropdown {
    height: 40px;
    line-height: 40px;
  }

  .dropdown .selected {
    padding-left: 15px;
  }

  .dropdown:before {
    width: 35px;
  }

  .sel_box {
    min-width: 108px;
  }

  .campus_top .about_tit {
    clear: both;
    padding-top: 20px;
  }

  /*advance_list*/
  .advance_list {
    overflow: visible;
    padding: 30px 0 30px 30px;
    background-position: 10px top;
  }

  .advance_list:before,
  .advance_list:after {
    left: 0;
    margin-left: 0;
  }

  .advance_box,
  .advance_list li.li_dif .advance_box {
    width: 100%;
    float: none;
    margin: 0;
  }

  .advance_block,
  .advance_list li.li_dif .advance_block {
    width: 100%;
    float: none;
    min-height: 0px;
    padding: 15px;
  }

  .advance_box:before,
  .advance_list li.li_dif .advance_box:before,
  .advance_box:after,
  .advance_list li.li_dif .advance_box:after {
    right: auto;
    left: -31px;
    top: 50%;
    margin-top: -12px;
  }

  /*backing_list*/
  .backing_list li {
    width: 25%;
  }

  .b_s_list {
    text-align: center;
  }

  .b_s_list li {
    display: inline-block;
    float: none;
    width: 32.33%;
  }

  .b_s_list li.li_dif {
    float: left;
    width: 50%;
  }

  /*ways_list*/
  .ways_list li.li_item {
    width: 100%;
    float: none;
    line-height: 30px;
  }

  .ways_block {
    height: auto;
    padding: 20px;
  }

  .ways_block .ico {
    margin-top: 5px;
  }

  /*load_list*/
  .load_list li {
    width: 50%;
  }

  .adv {
    display: none;
  }


}

.form ul li {
  margin-bottom: 15px;
}

.form ul li input {
  width: 100%;
  height: 40px;
  border: 1px solid #fff;
  color: #fff;
  padding-left: 1em;
}

.form ul li input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #fff;
}

.form ul li input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
}

.form ul li input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #fff;
}

.form button {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 172px;
  height: 40px;
  line-height: 38px;
  border-radius: 23px;
  text-align: center;
  background-color: #eb960f;
  border: 2px solid #eb960f;
  color: #fff;
  cursor: pointer;
}

.form button:hover {
  background: #fff;
  color: #157475;
}

.form button:hover::before {
  background-position: left center;
}


.form button::before {
  content: "";
  position: absolute;
  top: 0;
  right: 30px;
  width: 18px;
  height: 100%;
  background: url(../images/ico_05.png) right center no-repeat;
}

/*function*/
.function,
.intention {
  padding: 0;
}

.talent {
  padding-top: 0;
}


/*css控制单行显示*/
aa {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}




a,
*:before,
*:after,
input[type="submit"],
input[type="reset"],
input[type="button"],
sup,
.slide .owl-nav a span,
header,
.menu_ico i,
.logo,
.nav_wrap,
.shared li a img,
.down_menu {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/*图片由小变大*/
.major_load li .bgImg,
.course_block dl dt .bgImg,
.news_img img,
#accord_scr .item img,
.b_s_list li img,
.album_list li a img,
.theme_common .item .case_pic img,
.added_scr .item img,
.student_block .bgImg,
.tearcher_list li a img,
.camp_list li a img,
.load_img img,
.alliance_img img,
#support_scr .item img,
.business_list li .bgImg {
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 600ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 600ms;
  transform: scale(1, 1);
  transition-timing-function: ease-out;
  transition-duration: 600ms;
  width: 100%;
  /*position: relative;*/
}

.major_load li:hover .bgImg,
.course_block dl:hover dt .bgImg,
.news_list li:hover .news_img img,
#accord_scr .item:hover img,
.b_s_list li:hover img,
.album_list li a:hover img,
.theme_common .item:hover .case_pic img,
.added_scr .item:hover img,
.student_block:hover .bgImg,
.tearcher_list li a:hover img,
.camp_list li a:hover img,
.load_list li a:hover .load_img img,
#alliance_scr .item a:hover .alliance_img img,
#support_scr .item:hover img,
.business_list li:hover .bgImg {
  -webkit-transform: scale(1.10, 1.10);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 600ms;
  -moz-transform: scale(1.10, 1.10);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 600ms;
  transform: scale(1.10, 1.10);
  transition-timing-function: ease-out;
  transition-duration: 600ms;
}

/*图片横向*/
.aa {
  display: block;
  max-width: none;
  width: -webkit-calc(100% + 10px);
  width: calc(100% + 10px);
  -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
  transition: opacity 0.60s, transform 0.60s;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

.aa {
  opacity: 1.0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*图片纵向*/

.retail_img img {
  display: block;
  /* max-width: none;*/
  height: -webkit-calc(100% + 10px);
  height: calc(100% + 10px);
  -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
  transition: opacity 0.60s, transform 0.60s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#retail_scr .item:hover .retail_img img {
  opacity: 1.0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}








@media only screen and (max-width: 1279px) {
  .category_tit span {
    padding: 0;
    width: 100%
  }
}

.sec_pro {
  padding: 30px 0;
}

.sec_pro .inner .pro-scroll .owl-item .pic {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
}

.sec_pro .inner .pro-scroll .owl-item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sec_pro .inner .pro-scroll .owl-item .tit {
  display: block;
  background-color: #00562f;
  font-size: 16px;
  color: #fff;
  line-height: 3;
  text-align: center;
}

.sec_pro .inner .pro-scroll .owl-dots {
  display: none;
}

.sec_pro .inner .pro-scroll .owl-nav a {
  position: absolute;
  top: 50%;
  left: -100px;
  width: 91px;
  height: 91px;
  margin-top: -45.5px;
  background: url(../images/arrow_02.png) left center no-repeat;
}

.sec_pro .inner .pro-scroll .owl-nav a.owl-prev {
  background: url(../images/prev.png) center center no-repeat;
}

.sec_pro .inner .pro-scroll .owl-nav a.owl-next {
  left: auto;
  right: -100px;
  background: url(../images/next.png) center center no-repeat;
}

.sec_pro .inner .pro-scroll .owl-nav a span {
  font-size: 0;
}