@charset "UTF-8";
html {
  -webkit-font-smoothing: antialiased;
  height: 100%;
}

blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0;
}

header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer {
  display: block;
  margin: 0;
  padding: 0;
}

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

table, th, td {
  border: 1px solid black;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, var {
  font-style: normal;
  font-weight: 400;
}

dl, ol, ul {
  list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  outline: none;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

textarea {
  resize: none;
  outline: none;
  font-family: Arial,Microsoft YaHei;
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

button, input {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  -webkit-appearance: none;
}

button {
  -webkit-appearance: none;
}

.clear {
  clear: both;
}

.red {
  color: #ed0016;
}

body {
  font-size: 14px;
  overflow-x: hidden;
  max-width: 1920px;
}

body * {
  box-sizing: border-box;
  line-height: 1;
  font-family: Arial, Microsoft YaHei;
}

header {
  width: 100%;
  height: 1.4rem;
  background: transparent;
}

header .hen {
  width: 100%;
  background: #fff;
}

header .logo {
  display: inline-block;
  vertical-align: middle;
  width: 1.54rem;
  height: 0.57rem;
}

header .logo img, header .logo a {
  width: 100%;
  height: 100%;
  display: block;
}

header .operation {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 25;
  line-height: 0.9rem;
  font-size: 0;
}

header .operation .colony {
  width: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  line-height: 0.9rem;
  text-align: center;
  position: relative;
}

header .operation .colony .icon {
  display: inline-block;
  vertical-align: middle;
  color: #333333;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.16rem);
}

header .operation .colony .icon span {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 6px;
}

header .operation .colony .icon span img {
  width: 100%;
  height: 100%;
  display: block;
}

header .operation .colony .icon-ul {
  position: fixed;
  position: absolute;
  width: 1.2rem;
  top: 0.9rem;
  z-index: 30;
  background: rgba(0, 0, 0, 0.8);
  padding: 0.05rem 0;
  display: none;
}

header .operation .colony .icon-ul li {
  width: 100%;
  margin: 0.05rem 0;
}

header .operation .colony .icon-ul li a {
  width: 100%;
  display: block;
  color: #f4f4f4;
  line-height: 1.8;
  font-size: calc(12px - 0.12rem + 0.14rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

header .operation .colony .icon-ul li:hover a {
  background: #01a3e9;
  color: #fff;
}

header .operation .ss {
  width: 0.6rem;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 0.9rem;
  position: relative;
}

header .operation .ss .icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.21rem;
  height: 0.21rem;
}

header .operation .ss .icon img {
  width: 100%;
  height: 100%;
  display: block;
}

header .operation .ss .icon-search {
  position: absolute;
  width: 1.8rem;
  top: 100%;
  z-index: 30;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  padding: 0.05rem 0.05rem;
  display: none;
  transform: translateX(50%);
}

header .operation .ss .icon-search input {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  border: none;
  color: #333;
  padding: 0 0.1rem;
  line-height: 2;
  height: 2em;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

header .operation .ss .icon-ss {
  display: none;
}

header .operation .ss:after {
  position: absolute;
  z-index: 25;
  content: ' ';
  left: 100%;
  height: 0.9rem;
  top: 0;
  width: 19.2rem;
  background: #fff;
}

header nav {
  width: calc(100% - 1.8rem - 1.6rem);
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  text-align: right;
}

header nav .navem {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

header nav .navem .nav-a {
  padding: 0 0.25rem;
  display: block;
  color: #333333;
  line-height: 0.9rem;
  font-size: calc(12px - 0.12rem + 0.16rem);
  position: relative;
  z-index: 21;
}

header nav .navem .sub_menu {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 19.2rem;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  transition: all .2s;
  z-index: 19;
  font-size: 0;
  text-align: left;
}

header nav .navem .sub_menu li {
  display: inline-block;
  vertical-align: middle;
}

header nav .navem .sub_menu li a {
  padding: 0 0.2rem;
  line-height: 0.5rem;
  color: #c2c2c2;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

header nav .navem .sub_menu li:hover a {
  color: #01a3e9;
}

header nav .navem .bkg {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  z-index: 20;
  transition: all ease 0.3s;
  background: #01a3e9;
}

header nav .navem .bkg:after {
  position: absolute;
  bottom: 0;
  left: 100%;
  content: ' ';
  width: 19.2rem;
  height: 0.9rem;
  background: #fff;
  z-index: 20;
}

header nav .navem.selected .nav-a {
  color: #fff;
}

header nav .navem.selected .bkg {
  height: 0.9rem;
}

header nav .navem.selected .sub_menu {
  bottom: -0.5rem;
}

header nav .navem.on .nav-a {
  color: #fff;
}

header nav .navem.on .bkg {
  height: 0.9rem;
}

header .menu {
  display: inline-block;
  vertical-align: middle;
  width: 0.34rem;
  height: 0.32rem;
  cursor: pointer;
  margin-left: 0.1rem;
  display: none;
}

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

header .black {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 40;
  cursor: pointer;
}

@media (max-width: 768px) {
  header {
    height: auto;
  }
  header .hen {
    padding: 0.15rem 0;
  }
  header nav {
    width: 4rem;
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    background-color: #fff;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: auto;
    z-index: 1000;
    transform: translate(100%, 0);
    transition: transform .3s;
  }
  header nav .navem {
    width: 100%;
    text-align: left;
  }
  header nav .navem .nav-a {
    line-height: 0.8rem;
  }
  header nav .navem .sub_menu {
    position: relative;
    transition: all 0s;
    display: none;
    background: #fff;
  }
  header nav .navem .sub_menu li {
    width: 100%;
  }
  header nav .navem .sub_menu li a {
    width: 100%;
    padding-left: 0.3rem;
    color: #999;
    display: block;
  }
  header nav .navem .bkg {
    display: none;
  }
  header nav .navem.selected .nav-a {
    color: #01a3e9;
  }
  header nav .navem.selected .sub_menu {
    bottom: 0rem;
  }
  header nav .navem.on .nav-a {
    color: #01a3e9;
  }
  header .operation {
    text-align: right;
    width: calc(100% - 1.6rem - 0.45rem);
  }
  header .operation .ss:after {
    display: none;
  }
  header .operation .ss .icon-search {
    display: none;
  }
  header .operation .ss .icon-ss {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block;
    background: rgba(0, 0, 0, 0.5);
    z-index: 40;
    display: none;
  }
  header .operation .ss .icon-ss .input {
    position: absolute;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 4rem;
    font-size: 0;
  }
  header .operation .ss .icon-ss .input input[type=text] {
    display: inline-block;
    vertical-align: middle;
    width: 2.6rem;
    background: #fff;
    border: none;
    color: #333;
    padding: 0 0.1rem;
    line-height: 2.5;
    height: 2.5em;
    font-size: calc(12px - 0.12rem + 0.14rem);
  }
  header .operation .ss .icon-ss .input .submit {
    display: inline-block;
    vertical-align: middle;
    width: 1.4rem;
    line-height: 2.5;
    height: 2.5em;
    font-size: calc(12px - 0.12rem + 0.14rem);
    background: #01a3e9;
    color: #fff;
    text-align: center;
    border: none;
  }
  header .menu {
    display: inline-block;
  }
  header.menu-state nav {
    transform: translate(0, 0);
  }
  header.menu-state .black {
    display: block;
  }
}

.banner {
  width: 100%;
  margin-top: -0.5rem;
}

.banner .swiper-slide {
  width: 100%;
}

.banner .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
}

.nbanner {
  margin-top: -0.5rem;
  width: 100%;
}

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

.w1200 {
  width: 12rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
}

.follow {
  width: 100%;
  background: #fff;
  padding: 0.4rem 0;
}

.follow .fl {
  width: calc((100% - 4px - 0.8rem) / 2);
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.follow .fl .img {
  width: 2.8rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

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

.follow .fl .img .play {
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  cursor: pointer;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.follow .fl .lon {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 2.8rem - 0.3rem);
  margin-left: 0.3rem;
}

.follow .fl .lon .lt {
  color: #333333;
  line-height: 1.3;
  font-size: calc(12px - 0.12rem + 0.2rem);
}

.follow .fl .lon .lx {
  color: #999;
  line-height: 1.8;
  font-size: calc(12px - 0.12rem + 0.16rem);
  height: 3.6em;
  margin: 0.15rem 0;
}

.follow .fl .lon .lx .lx2 {
  color: #999;
  line-height: 1.8;
  font-size: calc(12px - 0.12rem + 0.16rem);
}

.follow .fl .lon .morx {
  width: 100%;
  font-size: 0;
}

.follow .fl .lon .morx span {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.16rem);
}

.follow .fl .lon .morx span i {
  width: 0.22rem;
  height: 0.22rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.1rem;
}

.follow .fl .lon .morx span i img {
  width: 100%;
  height: 100%;
  display: block;
}

.follow .line {
  width: 4px;
  height: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  background-color: #01a3e9;
  opacity: 0.16;
  margin: 0 0.4rem;
}

.follow .fr {
  width: calc((100% - 4px - 0.8rem) / 2);
  display: inline-block;
  vertical-align: top;
}

.follow .fr .frtop {
  width: 100%;
  font-size: 0;
  border-bottom: solid 3px #eaeaea;
}

.follow .fr .frtop .ul {
  width: calc(100% - 1rem);
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  position: relative;
  padding-bottom: 0.1rem;
}

.follow .fr .frtop .ul .li {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  color: #333;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
  font-size: calc(12px - 0.12rem + 0.2rem);
}

.follow .fr .frtop .ul .xian {
  position: absolute;
  left: 0;
  bottom: -1.5px;
  height: 1px;
  background: #01a3e9;
  width: 25%;
  transition: all ease 0.3s;
}

.follow .fr .frtop .more {
  width: 1rem;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.follow .fr .frtop .more a {
  width: 100%;
  color: #cccccc;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.16rem);
}

.follow .fr .fcon {
  width: 100%;
}

.follow .fr .fcon .fcome {
  width: 100%;
  display: none;
  padding-top: 0.1rem;
}

.follow .fr .fcon .fcome .fli {
  width: 100%;
  font-size: 0;
}

.follow .fr .fcon .fcome .fli .name {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 6em);
  color: #666;
  line-height: 2.5;
  font-size: calc(12px - 0.12rem + 0.16rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0.15rem;
  position: relative;
}

.follow .fr .fcon .fcome .fli .name:after {
  content: ' ';
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 50%;
  left: 0rem;
  top: 50%;
  background: #666;
  transform: translateY(-50%);
  position: absolute;
}

.follow .fr .fcon .fcome .fli .time {
  width: 6em;
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 2.5;
  text-align: center;
  font-size: calc(12px - 0.12rem + 0.16rem);
}

.follow .fr .fcon .fcome .fli.on .name {
  color: #01a3e9;
}

.follow .fr .fcon .fcome .fli.on .name:after {
  background: #01a3e9;
}

.follow .fr .fcon .fcome .fli.on .time {
  color: #01a3e9;
}

.follow .fr .fcon .fcome .fli:hover .name {
  color: #01a3e9;
}

.follow .fr .fcon .fcome .fli:hover .name:after {
  background: #01a3e9;
}

.follow .fr .fcon .fcome .fli:hover .time {
  color: #01a3e9;
}

.follow .fr .fcon .fcome.on {
  display: block;
}

@media (max-width: 768px) {
  .banner {
    margin-top: 0;
  }
  .nbanner {
    margin-top: 0;
  }
  .follow .fl {
    width: 100%;
    margin-bottom: 0.35rem;
  }
  .follow .fl .lon .lt {
    font-size: 16px;
  }
  .follow .fl .lon .lx {
    height: auto;
    font-size: 12px;
  }
  .follow .line {
    display: none;
  }
  .follow .fr {
    width: 100%;
  }
  .follow .fr .frtop .ul .li {
    font-size: 14px;
    line-height: 2;
  }
}

.introduce {
  width: 100%;
  background: #e0e2e4;
}

.introduce .intron {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 1.6rem;
}

.introduce .intron .intem {
  width: calc((280 / 1200) * 100%);
  height: 1.6rem;
  background-position: center;
  background-size: cover;
  display: inline-block;
  position: absolute;
  z-index: 5;
  transition: all ease 0.3s;
}

.introduce .intron .intem a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 0;
}

.introduce .intron .intem a .cml {
  width: 0.7rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0.18rem 0.15rem 0.18rem 0.18rem;
}

.introduce .intron .intem a .cml .img {
  width: 0.66rem;
  height: 0.66rem;
  margin-bottom: 0.08rem;
}

.introduce .intron .intem a .cml .img img {
  width: 100%;
  height: 100%;
  display: block;
}

.introduce .intron .intem a .cml .cid {
  text-align: center;
  color: #fff;
  line-height: 2;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.introduce .intron .intem a .codc {
  width: calc(100% - 0.85rem - 0.18rem);
  height: 1.6rem;
  display: inline-block;
  vertical-align: middle;
}

.introduce .intron .intem a .codc .img {
  width: 100%;
  height: 100%;
  margin: 0 auto 0;
}

.introduce .intron .intem a .codc .img img {
  width: 100%;
  height: 100%;
  display: block;
}

.introduce .intron .intem a .codc .cid {
  text-align: center;
  color: #fff;
  line-height: 2;
  font-size: calc(12px - 0.12rem + 0.14rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.introduce .intron .intem a .imgx {
  width: 100%;
  height: 100%;
  display: block;
}

.introduce .intron .intem a .imgx img {
  width: 100%;
  height: 100%;
  display: block;
}

.introduce .intron .intem .en {
  width: 100%;
  color: #fff;
  line-height: 1.3;
  font-size: calc(12px - 0.12rem + 0.2rem);
  max-width: 1.3rem;
  margin-bottom: 0.08rem;
}

.introduce .intron .intem .cn {
  width: 100%;
  color: #fff;
  line-height: 1.3;
  font-size: calc(12px - 0.12rem + 0.18rem);
}

.introduce .intron .in1, .introduce .intron .in2, .introduce .intron .in3 {
  padding: 0.18rem;
}

.introduce .intron.state_0 .in1 {
  left: 0;
}

.introduce .intron.state_0 .in2 {
  left: calc((280 / 1200) * 100%);
}

.introduce .intron.state_0 .in3 {
  left: calc((440 / 1200) * 100%);
}

.introduce .intron.state_0 .in4 {
  left: calc((600 / 1200) * 100%);
  background: #448aca;
}

.introduce .intron.state_0 .in5 {
  left: calc((700 / 1200) * 100%);
  background: #4679be;
}

.introduce .intron.state_0 .in6 {
  left: calc((800 / 1200) * 100%);
  background: #01a3e9;
}

.introduce .intron.state_0 .in7 {
  left: calc((900 / 1200) * 100%);
  background: #0371ba;
}

.introduce .intron.state_0 .in8 {
  left: calc((1000 / 1200) * 100%);
  background: #4b99cb;
}

.introduce .intron.state_0 .in9 {
  left: calc((1100 / 1200) * 100%);
  background: #6fb9d3;
}

.introduce .intron.state_1 .in1 {
  left: 0;
}

.introduce .intron.state_1 .in2 {
  left: calc((160 / 1200) * 100%);
}

.introduce .intron.state_1 .in3 {
  left: calc((440 / 1200) * 100%);
}

.introduce .intron.state_1 .in4 {
  left: calc((600 / 1200) * 100%);
  background: #448aca;
}

.introduce .intron.state_1 .in5 {
  left: calc((700 / 1200) * 100%);
  background: #4679be;
}

.introduce .intron.state_1 .in6 {
  left: calc((800 / 1200) * 100%);
  background: #01a3e9;
}

.introduce .intron.state_1 .in7 {
  left: calc((900 / 1200) * 100%);
  background: #0371ba;
}

.introduce .intron.state_1 .in8 {
  left: calc((1000 / 1200) * 100%);
  background: #4b99cb;
}

.introduce .intron.state_1 .in9 {
  left: calc((1100 / 1200) * 100%);
  background: #6fb9d3;
}

.introduce .intron.state_2 .in1 {
  left: 0;
}

.introduce .intron.state_2 .in2 {
  left: calc((140 / 1200) * 100%);
}

.introduce .intron.state_2 .in3 {
  left: calc((320 / 1200) * 100%);
}

.introduce .intron.state_2 .in4 {
  left: calc((600 / 1200) * 100%);
  background: #448aca;
}

.introduce .intron.state_2 .in5 {
  left: calc((700 / 1200) * 100%);
  background: #4679be;
}

.introduce .intron.state_2 .in6 {
  left: calc((800 / 1200) * 100%);
  background: #01a3e9;
}

.introduce .intron.state_2 .in7 {
  left: calc((900 / 1200) * 100%);
  background: #0371ba;
}

.introduce .intron.state_2 .in8 {
  left: calc((1000 / 1200) * 100%);
  background: #4b99cb;
}

.introduce .intron.state_2 .in9 {
  left: calc((1100 / 1200) * 100%);
  background: #6fb9d3;
}

.introduce .intron.state_3 .in1 {
  left: 0;
}

.introduce .intron.state_3 .in2 {
  left: calc((100 / 1200) * 100%);
}

.introduce .intron.state_3 .in3 {
  left: calc((200 / 1200) * 100%);
}

.introduce .intron.state_3 .in4 {
  left: calc((300 / 1200) * 100%);
  width: calc((400 / 1200) * 100%);
}

.introduce .intron.state_3 .in5 {
  left: calc((700 / 1200) * 100%);
}

.introduce .intron.state_3 .in6 {
  left: calc((800 / 1200) * 100%);
}

.introduce .intron.state_3 .in7 {
  left: calc((900 / 1200) * 100%);
}

.introduce .intron.state_3 .in8 {
  left: calc((1000 / 1200) * 100%);
}

.introduce .intron.state_3 .in9 {
  left: calc((1100 / 1200) * 100%);
}

.introduce .intron.state_4 .in1 {
  left: 0;
}

.introduce .intron.state_4 .in2 {
  left: calc((100 / 1200) * 100%);
}

.introduce .intron.state_4 .in3 {
  left: calc((200 / 1200) * 100%);
}

.introduce .intron.state_4 .in4 {
  left: calc((300 / 1200) * 100%);
}

.introduce .intron.state_4 .in5 {
  left: calc((400 / 1200) * 100%);
  width: calc((400 / 1200) * 100%);
}

.introduce .intron.state_4 .in6 {
  left: calc((800 / 1200) * 100%);
}

.introduce .intron.state_4 .in7 {
  left: calc((900 / 1200) * 100%);
}

.introduce .intron.state_4 .in8 {
  left: calc((1000 / 1200) * 100%);
}

.introduce .intron.state_4 .in9 {
  left: calc((1100 / 1200) * 100%);
}

.introduce .intron.state_5 .in1 {
  left: 0;
}

.introduce .intron.state_5 .in2 {
  left: calc((100 / 1200) * 100%);
}

.introduce .intron.state_5 .in3 {
  left: calc((200 / 1200) * 100%);
}

.introduce .intron.state_5 .in4 {
  left: calc((300 / 1200) * 100%);
}

.introduce .intron.state_5 .in5 {
  left: calc((400 / 1200) * 100%);
}

.introduce .intron.state_5 .in6 {
  left: calc((500 / 1200) * 100%);
  width: calc((400 / 1200) * 100%);
}

.introduce .intron.state_5 .in7 {
  left: calc((900 / 1200) * 100%);
}

.introduce .intron.state_5 .in8 {
  left: calc((1000 / 1200) * 100%);
}

.introduce .intron.state_5 .in9 {
  left: calc((1100 / 1200) * 100%);
}

.introduce .intron.state_6 .in1 {
  left: 0;
}

.introduce .intron.state_6 .in2 {
  left: calc((100 / 1200) * 100%);
}

.introduce .intron.state_6 .in3 {
  left: calc((200 / 1200) * 100%);
}

.introduce .intron.state_6 .in4 {
  left: calc((300 / 1200) * 100%);
}

.introduce .intron.state_6 .in5 {
  left: calc((400 / 1200) * 100%);
}

.introduce .intron.state_6 .in6 {
  left: calc((500 / 1200) * 100%);
}

.introduce .intron.state_6 .in7 {
  left: calc((600 / 1200) * 100%);
  width: calc((400 / 1200) * 100%);
}

.introduce .intron.state_6 .in8 {
  left: calc((1000 / 1200) * 100%);
}

.introduce .intron.state_6 .in9 {
  left: calc((1100 / 1200) * 100%);
}

.introduce .intron.state_7 .in1 {
  left: 0;
}

.introduce .intron.state_7 .in2 {
  left: calc((100 / 1200) * 100%);
}

.introduce .intron.state_7 .in3 {
  left: calc((200 / 1200) * 100%);
}

.introduce .intron.state_7 .in4 {
  left: calc((300 / 1200) * 100%);
}

.introduce .intron.state_7 .in5 {
  left: calc((400 / 1200) * 100%);
}

.introduce .intron.state_7 .in6 {
  left: calc((500 / 1200) * 100%);
}

.introduce .intron.state_7 .in7 {
  left: calc((600 / 1200) * 100%);
}

.introduce .intron.state_7 .in8 {
  left: calc((700 / 1200) * 100%);
  width: calc((400 / 1200) * 100%);
}

.introduce .intron.state_7 .in9 {
  left: calc((1100 / 1200) * 100%);
}

.introduce .intron.state_8 .in1 {
  left: 0;
}

.introduce .intron.state_8 .in2 {
  left: calc((100 / 1200) * 100%);
}

.introduce .intron.state_8 .in3 {
  left: calc((200 / 1200) * 100%);
}

.introduce .intron.state_8 .in4 {
  left: calc((300 / 1200) * 100%);
}

.introduce .intron.state_8 .in5 {
  left: calc((400 / 1200) * 100%);
}

.introduce .intron.state_8 .in6 {
  left: calc((500 / 1200) * 100%);
}

.introduce .intron.state_8 .in7 {
  left: calc((600 / 1200) * 100%);
}

.introduce .intron.state_8 .in8 {
  left: calc((700 / 1200) * 100%);
}

.introduce .intron.state_8 .in9 {
  left: calc((800 / 1200) * 100%);
  width: calc((400 / 1200) * 100%);
}

@media (max-width: 768px) {
  .introduce {
    background: #fff;
  }
  .introduce .intron {
    height: auto;
  }
  .introduce .intron .intem {
    width: 100%;
    height: auto;
    position: relative;
  }
  .introduce .intron .intem a .cml {
    width: 1.2rem;
  }
  .introduce .intron .intem a .cml .img {
    margin: 0 auto 0.08rem;
  }
  .introduce .intron .intem a .codc {
    width: calc(100% - 1.35rem - 0.18rem);
    height: auto;
  }
  .introduce .intron .in1, .introduce .intron .in2, .introduce .intron .in3 {
    padding: 0.45rem 0.18rem;
  }
  .introduce .intron.state_0 .in1 {
    left: auto;
  }
  .introduce .intron.state_0 .in2 {
    left: auto;
  }
  .introduce .intron.state_0 .in3 {
    left: auto;
  }
  .introduce .intron.state_0 .in4 {
    left: auto;
  }
  .introduce .intron.state_0 .in5 {
    left: auto;
  }
  .introduce .intron.state_0 .in6 {
    left: auto;
  }
  .introduce .intron.state_0 .in7 {
    left: auto;
  }
  .introduce .intron.state_0 .in8 {
    left: auto;
  }
  .introduce .intron.state_0 .in9 {
    left: auto;
  }
}

.recruits {
  width: 100%;
  padding: 0.5rem 0;
}

.recruits .Suplist {
  width: 100%;
}

.recruits .Suplist .top {
  width: 100%;
  font-size: 0;
  line-height: 0.6rem;
  border-bottom: solid 2px #ccc;
}

.recruits .Suplist .top span {
  width: 20%;
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-size: calc(12px - 0.12rem + 0.16rem);
}

.recruits .Suplist .top .name {
  width: calc((480 / 1200) * 100%);
  padding-left: 0.2rem;
}

.recruits .Suplist .top .icon {
  width: calc((180 / 1200) * 100%);
  text-align: center;
}

.recruits .Suplist .con-item {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #f9f9f9;
}

.recruits .Suplist .con-item .title {
  width: 100%;
  line-height: 0.6rem;
  position: relative;
  font-size: 0;
  cursor: pointer;
}

.recruits .Suplist .con-item .title span {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  color: #666;
  font-size: calc(12px - 0.12rem + 0.16rem);
  line-height: 0.6rem;
}

.recruits .Suplist .con-item .title .name {
  width: calc((480 / 1200) * 100%);
  padding-left: 0.2rem;
}

.recruits .Suplist .con-item .title .icon {
  width: calc((180 / 1200) * 100%);
  text-align: center;
}

.recruits .Suplist .con-item .title .icon i {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.1rem;
  width: 0.1rem;
}

.recruits .Suplist .con-item .title .icon i img {
  width: 100%;
  height: 100%;
  display: block;
}

.recruits .Suplist .con-item .title .icon i img:first-child {
  display: block;
}

.recruits .Suplist .con-item .title .icon i img:last-child {
  display: none;
}

.recruits .Suplist .con-item .contents {
  display: none;
  width: 100%;
  padding: 0.2rem 0;
  height: auto;
  background: #fff;
}

.recruits .Suplist .con-item .contents .column {
  width: 100%;
  height: auto;
  font-size: 0;
}

.recruits .Suplist .con-item .contents .column .column-item {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  height: auto;
  margin-bottom: 0.15rem;
  margin-right: 4%;
}

.recruits .Suplist .con-item .contents .column .column-item .column-name {
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: calc(12px - 0.12rem + 0.16rem);
  color: #01a3e9;
  text-align: left;
  display: block;
}

.recruits .Suplist .con-item .contents .column .column-item .column-list {
  width: 100%;
  padding: 0rem 0 0.15rem;
}

.recruits .Suplist .con-item .contents .column .column-item .column-list ul {
  width: 100%;
}

.recruits .Suplist .con-item .contents .column .column-item .column-list ul li {
  width: 100%;
  line-height: 2;
  font-size: calc(12px - 0.12rem + 0.14rem);
  color: #666;
  margin: 0.1rem 0;
}

.recruits .Suplist .con-item .contents .column .column-item .email {
  margin-top: 0.15rem;
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: calc(12px - 0.12rem + 0.14rem);
  color: #333;
}

.recruits .Suplist .con-item .contents .column .column-item:nth-child(2n) {
  margin-right: 0;
}

.recruits .Suplist .con-item .contents .column .column-item.w100 {
  width: 100%;
  margin-right: 0;
}

.recruits .Suplist .con-item .contents .column .btn {
  width: 100%;
  display: inline-block;
  font-size: 0;
  height: 0.6rem;
  text-align: left;
}

.recruits .Suplist .con-item .contents .column .btn a {
  display: inline-block;
  width: auto;
  padding: 0 0.45rem;
  text-align: center;
  color: #fff;
  line-height: 2.5;
  border-radius: 6px;
  font-size: calc(12px - 0.12rem + 0.16rem);
  background: #01a3e9;
  transition: all ease 0.3s;
}

.recruits .Suplist .con-item .contents .column .btn a:hover {
  transform: scale(1.1);
}

.recruits .Suplist .con-item:nth-child(2n) .title {
  background: #fff;
}

.recruits .Suplist .con-item.show .title {
  cursor: pointer;
  background: #01a3e9;
}

.recruits .Suplist .con-item.show .title span {
  color: #fff;
}

.recruits .Suplist .con-item.show .title .name {
  color: #fff;
}

.recruits .Suplist .con-item.show .title .icon:last-child i {
  transform: rotate(180deg);
}

.recruits .Suplist .con-item.show .title .icon:last-child i img:first-child {
  display: none;
}

.recruits .Suplist .con-item.show .title .icon:last-child i img:last-child {
  display: block;
}

.recruits .Suplist .con-item:hover .title {
  cursor: pointer;
  background: #01a3e9;
}

.recruits .Suplist .con-item:hover .title span {
  color: #fff;
}

.recruits .Suplist .con-item:hover .title .name {
  color: #fff;
}

.recruits .Suplist .con-item:hover .title .icon:last-child i img:first-child {
  display: none;
}

.recruits .Suplist .con-item:hover .title .icon:last-child i img:last-child {
  display: block;
}

@media (max-width: 768px) {
  .recruits {
    padding: 0.2rem 0;
  }
  .recruits .Suplist .top .icon {
    padding: 0 0.15rem;
    text-align: center;
  }
  .recruits .Suplist .con-item .contents .column {
    padding: 0;
  }
  .recruits .Suplist .con-item .contents .column .column-item {
    width: 100%;
  }
}

.tabnav {
  width: 100%;
  background: #fff;
  border-bottom: solid 2px #ccc;
}

.tabnav .mnav {
  width: 8rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.tabnav .mnav .swiper-slide {
  width: 1.6rem;
}

.tabnav .mnav .swiper-slide a {
  width: 100%;
  height: 100%;
  display: block;
  line-height: 0.7rem;
  color: #333;
  text-align: center;
  font-size: calc(12px - 0.12rem + 0.18rem);
  position: relative;
}

.tabnav .mnav .swiper-slide a span {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: block;
  height: 2px;
  background: #01a3e9;
  display: none;
}

.tabnav .mnav .swiper-slide.on a {
  color: #01a3e9;
}

.tabnav .mnav .swiper-slide.on a span {
  display: block;
}

.tabnav .mnav .swiper-wrapper {
  width: 100%;
  width: calc(100% - 0.6rem);
}

.tabnav .mnav .tan {
  position: absolute;
  top: 51%;
  transform: translateY(-50%);
  width: 0.3rem;
  height: 100%;
  z-index: 10;
  cursor: pointer;
  display: none;
  background: #fff;
}

.tabnav .mnav .tan img {
  width: 100%;
  height: 0.3rem;
  display: block;
  position: absolute;
  z-index: 5;
  top: 0.2rem;
}

.tabnav .mnav .tan img:first-child {
  display: block;
}

.tabnav .mnav .tan img:last-child {
  display: none;
}

.tabnav .mnav .tl {
  left: 0;
}

.tabnav .mnav .tr {
  right: 0;
}

.tabnav .mnav .tr img {
  transform: rotate(180deg);
}

.tabnav .mnav .tan:hover {
  background: #3597e2;
}

.tabnav .mnav .tan:hover img:first-child {
  display: none;
}

.tabnav .mnav .tan:hover img:last-child {
  display: block;
}

.tabnav .mnav.w100 .swiper-container {
  width: calc(100% - 0.6rem);
  margin: 0 auto;
  width: 100%;
}

.tabnav .mnav.w100 .swiper-slide:last-child {
  margin-right: 0.3rem;
}

.tabnav .mnav.w100 .swiper-slide:first-child {
  margin-left: 0.3rem;
}

.tabnav .mnav.w100 .tan {
  display: block;
}

.tabnav .tnav {
  width: calc(100% - 8rem);
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}

.tabnav .tnav .home {
  display: inline-block;
  vertical-align: middle;
  width: 0.18rem;
  height: 0.18rem;
  margin-right: 0.2rem;
}

.tabnav .tnav .home img {
  width: 100%;
  height: 100%;
  display: block;
}

.tabnav .tnav .tnem {
  display: inline-block;
  vertical-align: middle;
}

.tabnav .tnav .tnem a {
  display: block;
  color: #333;
  font-size: calc(12px - 0.12rem + 0.16rem);
  line-height: 0.7rem;
}

.tabnav .tnav .tnem a span {
  color: #333;
  font-size: calc(12px - 0.12rem + 0.16rem);
  line-height: 0.7rem;
  margin: 0 0.1rem;
}

.tabnav .tnav .tnem:last-child a {
  color: #333;
}

.tabnav .tnav .tnem:last-child a span {
  display: none;
}

@media (max-width: 1000px) {
  .tabnav .mnav {
    width: 100%;
  }
  .tabnav .mnav .swiper-slide {
    width: 2rem;
  }
  .tabnav .tnav {
    width: 100%;
    text-align: left;
  }
}

.leader {
  width: 100%;
  padding: 0.5rem 0;
}

.leader .lel {
  width: 4.05rem;
  display: inline-block;
  vertical-align: top;
}

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

.leader .ler {
  width: calc(100% - 4.65rem);
  display: inline-block;
  vertical-align: top;
  margin-left: 0.6rem;
}

.leader .ler .lit {
  color: #333;
  line-height: 1.3;
  font-weight: bold;
  font-size: calc(12px - 0.12rem + 0.36rem);
}

.leader .ler .lip {
  margin: 0.1rem 0;
  color: #333;
  line-height: 1.3;
  font-size: calc(12px - 0.12rem + 0.24rem);
}

.leader .ler .les {
  width: 100%;
  font-size: 0;
}

.leader .ler .les .img {
  width: 1.27rem;
  display: inline-block;
  vertical-align: middle;
}

.leader .ler .les .img img {
  width: 100%;
  display: inline-block;
  height: 100%;
}

.leader .ler .les .line {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  background: #eaeaea;
  height: 0.4rem;
  margin: 0 0.2rem;
}

.leader .ler .les .tip {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1.27rem - 2px - 0.4rem);
}

.leader .ler .les .tip .t1 {
  color: #333;
  line-height: 1.3;
  margin-bottom: 0.05rem;
  font-size: calc(12px - 0.12rem + 0.18rem);
}

.leader .ler .les .tip .t2 {
  color: #666;
  line-height: 1.3;
  font-size: calc(12px - 0.12rem + 0.18rem);
}

.leader .ler .lecon {
  width: 100%;
  margin-top: 0.35rem;
  height: 2.8rem;
  color: #666;
  line-height: 1.7;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.leader .ler .lecon p {
  color: #666;
  line-height: 1.7;
  font-size: calc(12px - 0.12rem + 0.14rem);
  margin-bottom: 0.15rem;
}

@media (max-width: 768px) {
  .leader .lel {
    width: 100%;
  }
  .leader .ler {
    width: 100%;
    margin-left: 0;
    margin-top: 0.3rem;
  }
  .leader .ler .lecon {
    height: auto;
  }
}

.Newlist {
  width: 100%;
  padding: 0.5rem 0;
}

.Newlist .nel {
  width: calc(100% - 3.7rem - 0.5rem);
  display: inline-block;
  vertical-align: top;
}

.Newlist .nel .newn {
  width: 100%;
  font-size: 0;
}

.Newlist .nel .newn .neimg {
  width: 3.36rem;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

.Newlist .nel .newn .neimg img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all ease 0.3s;
}

.Newlist .nel .newn .nern {
  width: calc(100% - 3.36rem - 0.5rem);
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.3rem;
}

.Newlist .nel .newn .nern .nit {
  width: 100%;
  color: #333;
  line-height: 1.3;
  margin-bottom: 0.1rem;
  font-size: calc(12px - 0.12rem + 0.2rem);
}

.Newlist .nel .newn .nern .time {
  color: #999;
  line-height: 1.5;
  margin: 0.05rem 0;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.Newlist .nel .newn .nern .time span {
  width: 0.15rem;
  height: 0.15rem;
  display: inline-block;
  vertical-align: middle;
}

.Newlist .nel .newn .nern .nx {
  color: #666;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.16rem);
  height: 3em;
  margin: 0.1rem 0 0.15rem;
}

.Newlist .nel .newn .nern .nx .nx2 {
  color: #666;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.16rem);
}

.Newlist .nel .newn .nern .more span {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.25rem;
  color: #fff;
  line-height: 2.5;
  font-size: calc(12px - 0.12rem + 0.16rem);
  background: #01a3e9;
}

.Newlist .nel .newn:hover .nern .nit {
  color: #01a3e9;
}

.Newlist .nel .newn:hover .neimg img {
  transform: scale(1.1);
}

.Newlist .nel .newlis {
  margin-top: 0.3rem;
  width: 100%;
  margin-bottom: 0.3rem;
}

.Newlist .nel .newlis .netem {
  width: 100%;
  padding: 0.3rem 0;
  border-bottom: solid 1px #eaeaea;
  font-size: 0;
}

.Newlist .nel .newlis .netem .net {
  display: inline-block;
  vertical-align: middle;
  width: 1.2rem;
  padding: 0.15rem;
  text-align: center;
  background: #f9f9f9;
}

.Newlist .nel .newlis .netem .net .date {
  color: #666;
  font-size: calc(12px - 0.12rem + 0.45rem);
  line-height: 1.2;
}

.Newlist .nel .newlis .netem .net .moon {
  color: #666;
  font-size: calc(12px - 0.12rem + 0.16rem);
  line-height: 1.5;
}

.Newlist .nel .newlis .netem .ners {
  width: calc(100% - 1.66rem);
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.45rem;
}

.Newlist .nel .newlis .netem .ners .nis {
  color: #333;
  font-size: calc(12px - 0.12rem + 0.2rem);
  line-height: 1.3;
  margin-bottom: 0.15rem;
}

.Newlist .nel .newlis .netem .ners .nix {
  color: #666;
  font-size: calc(12px - 0.12rem + 0.16rem);
  line-height: 1.8;
  height: 3.6em;
}

.Newlist .nel .newlis .netem .ners .nix .nix2 {
  color: #666;
  font-size: calc(12px - 0.12rem + 0.16rem);
  line-height: 1.8;
}

.Newlist .nel .newlis .netem:hover .net {
  background: #01a3e9;
}

.Newlist .nel .newlis .netem:hover .net .date, .Newlist .nel .newlis .netem:hover .net .moon {
  color: #fff;
}

.Newlist .nel .newlis .netem:hover .ners .nis {
  color: #01a3e9;
}

.Newlist .nel .newlis .netem:first-child {
  border-top: solid 1px #eaeaea;
}

.Newlist .ner {
  margin-left: 0.5rem;
  display: inline-block;
  vertical-align: top;
  width: 3.68rem;
}

.Newlist .ner a {
  width: 100%;
}

.Newlist .ner a img {
  width: 100%;
  height: 100%;
  display: block;
}

@media (max-width: 768px) {
  .Newlist .nel {
    width: 100%;
  }
  .Newlist .ner {
    display: none;
  }
}

@media (max-width: 410px) {
  .Newlist .nel {
    width: 100%;
  }
  .Newlist .nel .newn .neimg {
    width: 100%;
  }
  .Newlist .nel .newn .nern {
    margin-left: 0;
    width: 100%;
    margin-top: 0.25rem;
  }
}

.new-detail {
  width: 100%;
  padding: 0.5rem 0;
}

.new-detail .ndl {
  width: calc(100% - 3.68rem - 0.5rem);
  display: inline-block;
  vertical-align: top;
}

.new-detail .ndl .ndt {
  color: #222;
  line-height: 1.3;
  font-size: calc(12px - 0.12rem + 0.24rem);
  margin-bottom: 0.1rem;
}

.new-detail .ndl .sharx {
  width: 100%;
  font-size: 0;
}

.new-detail .ndl .sharx .time {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.3;
  margin-right: 0.25rem;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.new-detail .ndl .sharx .time span {
  width: 0.15rem;
  height: 0.15rem;
  display: inline-block;
  vertical-align: middle;
}

.new-detail .ndl .sharx .sicon {
  display: inline-block;
  vertical-align: middle;
}

.new-detail .ndl .sharx .sicon span {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.3;
  margin-right: 0.1rem;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.new-detail .ndl .sharx .sicon a {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin: 0 0.05rem;
}

.new-detail .ndl .sharx .sicon a img {
  width: 100%;
  height: 100%;
  display: block;
}

.new-detail .ndl .sharx .sicon a img:first-child {
  display: block;
}

.new-detail .ndl .sharx .sicon a img:last-child {
  display: none;
}

.new-detail .ndl .sharx .sicon a:hover img:first-child {
  display: none;
}

.new-detail .ndl .sharx .sicon a:hover img:last-child {
  display: block;
}

.new-detail .ndl .line {
  margin: 0.3rem 0;
  width: 100%;
  border-bottom: dashed 1px #ccc;
}

.new-detail .ndl .ndcon {
  width: 100%;
  line-height: 2;
  color: #666;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.new-detail .ndl .ndcon p {
  line-height: 2;
  color: #666;
  font-size: calc(12px - 0.12rem + 0.14rem);
  margin-bottom: 0.2rem;
}

.new-detail .ndl .ndbot {
  width: 100%;
  font-size: 0;
}

.new-detail .ndl .ndbot .nbl {
  width: calc(100% - 2rem);
  padding-right: 0.1rem;
  display: inline-block;
  vertical-align: middle;
}

.new-detail .ndl .ndbot .nbl .nbtn {
  width: 100%;
  font-size: 0;
  margin: 0.05rem 0;
}

.new-detail .ndl .ndbot .nbl .nbtn span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.8;
  color: #666;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.new-detail .ndl .ndbot .nbl .nbtn a {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.8;
  color: #666;
  margin-left: 0.1rem;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.new-detail .ndl .ndbot .nbl .nbtn a:hover {
  color: #01a3e9;
}

.new-detail .ndl .ndbot .nbr {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 2rem;
  padding-right: 0.3rem;
}

.new-detail .ndl .ndbot .nbr a {
  display: inline-block;
  vertical-align: middle;
  width: 1.6rem;
  text-align: center;
  color: #fff;
  line-height: 2.5;
  font-size: calc(12px - 0.12rem + 0.14rem);
  background: #01a3e9;
}

.new-detail .ndl .ndbot .nbr a span {
  width: 0.2rem;
  height: 0.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.05rem;
}

.new-detail .ndl .ndbot .nbr a span img {
  width: 100%;
  height: 100%;
  display: block;
}

.new-detail .ndr {
  display: inline-block;
  vertical-align: top;
  width: 3.68rem;
  margin-left: 0.5rem;
}

.new-detail .ndr .ndrtop {
  width: 100%;
  font-size: 0;
}

.new-detail .ndr .ndrtop .tn {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  color: #222;
  line-height: 1.3;
  font-size: calc(12px - 0.12rem + 0.24rem);
}

.new-detail .ndr .ndrtop .tm {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  text-align: right;
}

.new-detail .ndr .ndrtop .tm a {
  display: inline-block;
  vertical-align: middle;
  color: #222;
  line-height: 1.3;
  font-size: calc(12px - 0.12rem + 0.16rem);
}

.new-detail .ndr .ndrtop .tm i {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 16px;
  margin-left: 0.05rem;
  position: relative;
  top: -2px;
}

.new-detail .ndr .ndrtop .tm i img {
  width: 100%;
  height: 100%;
  display: block;
}

.new-detail .ndr .img {
  width: 100%;
  margin: 0.2rem 0;
}

.new-detail .ndr .img img {
  width: 100%;
  height: 100%;
  display: block;
}

.new-detail .ndr .tip {
  width: 100%;
  color: #222;
  line-height: 1.6;
  font-size: calc(12px - 0.12rem + 0.16rem);
  border-bottom: solid 1px #ccc;
  padding-bottom: 0.08rem;
}

.new-detail .ndr .adrlist {
  width: 100%;
}

.new-detail .ndr .adrlist .adrli {
  width: 100%;
  position: relative;
  margin: 0.08rem 0;
}

.new-detail .ndr .adrlist .adrli a {
  width: 100%;
  padding-left: 0.15rem;
  color: #666;
  line-height: 1.6;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.new-detail .ndr .adrlist .adrli:after {
  position: absolute;
  content: ' ';
  left: 0;
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 50%;
  background: #666;
  top: 50%;
  transform: translateY(-50%);
}

.new-detail .ndr .adrlist .adrli:hover a {
  color: #01a3e9;
}

.new-detail .ndr .adrlist .adrli:hover:after {
  background: #01a3e9;
}

@media (max-width: 768px) {
  .new-detail .ndl {
    width: 100%;
  }
  .new-detail .ndl .ndbot {
    width: 100%;
  }
  .new-detail .ndl .ndbot .nbl {
    width: 100%;
  }
  .new-detail .ndl .ndbot .nbr {
    width: 100%;
    text-align: right;
    margin-top: 0.2rem;
  }
  .new-detail .ndr {
    display: none;
  }
}

.business {
  width: 100%;
  padding: 0.5rem 0;
}

.business .buswiper {
  width: 100%;
  position: relative;
}

.business .buswiper .swiper-slide a {
  width: 100%;
  height: 100%;
  display: block;
}

.business .buswiper .swiper-slide .img {
  width: 100%;
  overflow: hidden;
}

.business .buswiper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all ease 0.3s;
}

.business .buswiper .swiper-slide .son {
  width: 100%;
  padding: 0.35rem 0.3rem;
  background: #f6f6f6;
}

.business .buswiper .swiper-slide .son .s1 {
  color: #333;
  line-height: 1.6;
  font-size: calc(12px - 0.12rem + 0.18rem);
  margin-bottom: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.business .buswiper .swiper-slide .son .s2 {
  color: #666;
  line-height: 1.6;
  font-size: calc(12px - 0.12rem + 0.14rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.business .buswiper .swiper-slide:hover .img img {
  transform: scale(1.1);
}

.business .buswiper .swiper-slide:hover .son {
  background: #01a3e9;
}

.business .buswiper .swiper-slide:hover .son .s1, .business .buswiper .swiper-slide:hover .son .s2 {
  color: #fff;
}

.business .buswiper .btd {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.6rem;
  z-index: 10;
  cursor: pointer;
}

.business .buswiper .btd img {
  width: 100%;
  height: 100%;
  display: block;
}

.business .buswiper .btd img:first-child {
  display: block;
}

.business .buswiper .btd img:last-child {
  display: none;
}

.business .buswiper .btd:hover img:first-child {
  display: none;
}

.business .buswiper .btd:hover img:last-child {
  display: block;
}

.business .buswiper .bl {
  left: -0.6rem;
}

.business .buswiper .br {
  right: -0.6rem;
}

@media (max-width: 1300px) {
  .business .buswiper .bl {
    left: 0rem;
  }
  .business .buswiper .br {
    right: 0rem;
  }
}

.moular {
  width: 100%;
  padding: 0.5rem 0;
}

.moular .moutie {
  width: 100%;
  text-align: center;
}

.moular .moutie .mit {
  font-weight: bold;
  color: #333;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.36rem);
  margin-bottom: 0.1rem;
}

.moular .moutie .mix {
  color: #333;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.24rem);
  margin-bottom: 0.4rem;
}

.culture {
  width: 100%;
}

.culture .Cultural-effect {
  width: 100%;
  font-size: 0;
}

.culture .Cultural-effect .cul {
  width: 2.6rem;
  display: inline-block;
  vertical-align: top;
}

.culture .Cultural-effect .cul .culswiper {
  width: 100%;
}

.culture .Cultural-effect .cul .swiper-slide {
  width: 100%;
  height: 0.8rem;
  padding: 0 0.2rem;
  font-size: 0;
  background: #01a3e9;
  padding: 0.2rem 0.2rem;
  cursor: pointer;
}

.culture .Cultural-effect .cul .swiper-slide .num {
  width: 0.5rem;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  color: #a4d4f4;
  text-align: center;
  font-size: calc(12px - 0.12rem + 0.42rem);
}

.culture .Cultural-effect .cul .swiper-slide .names {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.65rem);
  margin-left: 0.15rem;
}

.culture .Cultural-effect .cul .swiper-slide .names .cn {
  color: #fff;
  line-height: 1.3;
  font-size: calc(12px - 0.12rem + 0.18rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.culture .Cultural-effect .cul .swiper-slide .names .en {
  color: #fff;
  line-height: 1.7;
  font-size: calc(12px - 0.12rem + 0.14rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.culture .Cultural-effect .cul .swiper-slide.on {
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

.culture .Cultural-effect .cul .swiper-slide.on .num {
  color: #01a3e9;
}

.culture .Cultural-effect .cul .swiper-slide.on .names .cn {
  color: #333;
}

.culture .Cultural-effect .cul .swiper-slide.on .names .en {
  color: #999;
}

.culture .Cultural-effect .cur {
  width: calc(100% - 2.6rem);
  display: inline-block;
  vertical-align: top;
  height: 4.8rem;
}

.culture .Cultural-effect .cur .curtem {
  width: 100%;
  height: 100%;
  display: block;
  background-position: center;
  background-size: cover;
  padding-top: 0.6rem;
  padding-left: calc((100 / 940) * 100%);
  padding-right: 0.2rem;
  display: none;
}

.culture .Cultural-effect .cur .curtem img {
  width: 100%;
  height: 100%;
  display: block;
}

.culture .Cultural-effect .cur .curtem .cit {
  width: 100%;
  color: #01a3e9;
  line-height: 1.5;
  font-weight: bold;
  font-size: calc(12px - 0.12rem + 0.18rem);
  margin-bottom: 0.15rem;
}

.culture .Cultural-effect .cur .curtem .cul {
  width: 100%;
}

.culture .Cultural-effect .cur .curtem .cul .cli {
  color: #333;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.16rem);
  margin: 0.05rem 0;
}

.culture .Cultural-effect .cur .curtem.on {
  display: block;
}

.culture .Culturals {
  width: 100%;
  font-size: 0;
  background: #01a3e9;
}

.culture .Culturals .cusl {
  width: 2.6rem;
  display: inline-block;
  vertical-align: top;
  height: 4.8rem;
  overflow: hidden;
}

.culture .Culturals .cusl .custop {
  width: 100%;
  padding: 0.25rem 0.5rem;
  height: 1.25rem;
}

.culture .Culturals .cusl .custop .c1 {
  color: #fff;
  line-height: 1.5;
  font-weight: bold;
  font-size: calc(12px - 0.12rem + 0.3rem);
}

.culture .Culturals .cusl .custop .c2 {
  color: #fff;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.2rem);
}

.culture .Culturals .cusl .custlis {
  width: 100%;
  height: calc(4.8rem - 1.25rem);
}

.culture .Culturals .cusl .custlis .swiper-container {
  height: 100%;
}

.culture .Culturals .cusl .custlis .custm {
  width: 100%;
  padding: 0 0.5rem;
  position: relative;
  color: #fff;
  line-height: 3;
  font-size: calc(12px - 0.12rem + 0.18rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  height: 3em;
}

.culture .Culturals .cusl .custlis .custm span {
  display: inline-block;
  vertical-align: middle;
  width: 0.04rem;
  height: 0.04rem;
  background: #fff;
  font-size: calc(12px - 0.12rem + 0.18rem);
  position: relative;
  margin-right: 0.1rem;
}

.culture .Culturals .cusl .custlis .custm.on {
  background: #fff;
  color: #01a3e9;
}

.culture .Culturals .cusl .custlis .custm.on span {
  background: #01a3e9;
}

.culture .Culturals .cusr {
  width: calc(100% - 2.6rem);
  display: inline-block;
  vertical-align: top;
  height: 4.8rem;
}

.culture .Culturals .cusr .curtem {
  width: 100%;
  height: 100%;
  display: block;
  background-position: center;
  background-size: cover;
  padding-top: 0.6rem;
  padding-left: calc((100 / 940) * 100%);
  padding-right: 0.2rem;
  display: none;
}

.culture .Culturals .cusr .curtem img {
  width: 100%;
  height: 100%;
  display: block;
}

.culture .Culturals .cusr .curtem .cit {
  width: 100%;
  color: #01a3e9;
  line-height: 1.5;
  font-weight: bold;
  font-size: calc(12px - 0.12rem + 0.18rem);
  margin-bottom: 0.15rem;
}

.culture .Culturals .cusr .curtem .cul {
  width: 100%;
}

.culture .Culturals .cusr .curtem .cul .cli {
  color: #333;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.16rem);
  margin: 0.05rem 0;
}

.culture .Culturals .cusr .curtem.on {
  display: block;
}

@media (max-width: 768px) {
  .culture .Cultural-effect .cul {
    width: 100%;
  }
  .culture .Cultural-effect .cul .swiper-slide {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
  }
  .culture .Cultural-effect .cur {
    width: 100%;
  }
  .culture .Culturals .cusl {
    width: 100%;
    height: auto;
  }
  .culture .Culturals .cusl .custop {
    height: auto;
  }
  .culture .Culturals .cusl .custlis {
    height: auto;
  }
  .culture .Culturals .cusl .custlis .swiper-container {
    height: auto;
  }
  .culture .Culturals .cusl .custlis .custm {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
  }
  .culture .Culturals .cusr {
    width: 100%;
  }
}

.history {
  width: 100%;
  padding: 0.5rem 0 0;
}

.history .yearly {
  width: 100%;
  background-position: top center;
  background-repeat: repeat-x;
}

.history .yearly .yearswiper {
  width: 100%;
}

.history .yearly .yearswiper .swiper-slide {
  cursor: pointer;
}

.history .yearly .yearswiper .swiper-slide .line {
  width: 0.41rem;
  margin: 0 auto 0.2rem;
}

.history .yearly .yearswiper .swiper-slide .line img {
  width: 100%;
  height: 100%;
  display: block;
}

.history .yearly .yearswiper .swiper-slide .line img:first-child {
  display: block;
}

.history .yearly .yearswiper .swiper-slide .line img:last-child {
  display: none;
}

.history .yearly .yearswiper .swiper-slide .year {
  height: 0.4rem;
  text-align: center;
  color: #666;
  transition: all ease 0.3s;
  font-size: calc(12px - 0.12rem + 0.24rem);
}

.history .yearly .yearswiper .swiper-slide.on .line img:first-child {
  display: none;
}

.history .yearly .yearswiper .swiper-slide.on .line img:last-child {
  display: block;
}

.history .yearly .yearswiper .swiper-slide.on .year {
  color: #01a3e9;
  font-size: calc(12px - 0.12rem + 0.3rem);
}

.history .yearx {
  width: 100%;
  background-position: top center;
  background-size: cover;
  background-repeat: repeat-x;
  padding: 0.5rem 0;
}

.history .yearx .yearcon {
  width: 100%;
  max-width: 6rem;
  margin: 0 auto;
  position: relative;
}

.history .yearx .yearcon .swiper-slide {
  width: 100%;
  font-size: 0;
}

.history .yearx .yearcon .swiper-slide .iml {
  display: inline-block;
  vertical-align: middle;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  overflow: hidden;
}

.history .yearx .yearcon .swiper-slide .iml img {
  width: 100%;
  height: 100%;
  display: block;
}

.history .yearx .yearcon .swiper-slide .imr {
  width: calc(100% - 1.6rem - 0.6rem);
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.6rem;
}

.history .yearx .yearcon .swiper-slide .imr .iear {
  font-weight: bold;
  color: #01a3e9;
  line-height: 1.3;
  font-size: calc(12px - 0.12rem + 0.42rem);
}

.history .yearx .yearcon .swiper-slide .imr .ix {
  color: #333;
  line-height: 1.8;
  font-size: calc(12px - 0.12rem + 0.18rem);
  height: 3.6em;
}

.history .yearx .yearcon .swiper-slide .imr .ix .ix2 {
  color: #333;
  line-height: 2;
  font-size: calc(12px - 0.12rem + 0.18rem);
}

.history .yearx .yearcon .yln {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.27rem;
  height: 0.27rem;
  z-index: 5;
  cursor: pointer;
}

.history .yearx .yearcon .yln img {
  width: 100%;
  height: 100%;
  display: block;
}

.history .yearx .yearcon .yln img:first-child {
  display: block;
}

.history .yearx .yearcon .yln img:last-child {
  display: none;
}

.history .yearx .yearcon .yln:hover img:first-child {
  display: none;
}

.history .yearx .yearcon .yln:hover img:last-child {
  display: block;
}

.history .yearx .yearcon .yl {
  left: -0.5rem;
}

.history .yearx .yearcon .yr {
  right: -0.5rem;
}

@media (max-width: 768px) {
  .history .yearx .yearcon {
    width: 90%;
    max-width: 100%;
  }
  .history .yearx .yearcon .yl {
    left: -0.27rem;
  }
  .history .yearx .yearcon .yr {
    right: -0.27rem;
  }
}

.honnr {
  width: 100%;
}

.honnr .honlis {
  width: 100%;
  font-size: 0;
}

.honnr .honlis .honme {
  display: inline-block;
  vertical-align: middle;
  width: 2.76rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  margin-right: calc((100% - 2.76rem * 4) / 3);
  margin-bottom: 0.4rem;
}

.honnr .honlis .honme a {
  width: 100%;
  display: block;
}

.honnr .honlis .honme .img {
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}

.honnr .honlis .honme .img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all ease 0.3s;
}

.honnr .honlis .honme .hit {
  width: 100%;
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
  padding: 0 0.3rem;
  color: #333;
  line-height: 2;
  height: 4em;
  text-align: center;
  overflow: hidden;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.honnr .honlis .honme:hover .img img {
  transform: scale(1.1);
}

.honnr .honlis .honme:nth-child(4n) {
  margin-right: 0;
}

@media (max-width: 768px) {
  .honnr .honlis .honme {
    width: 48%;
    margin-right: 4%;
  }
  .honnr .honlis .honme:nth-child(2n) {
    margin-right: 0;
  }
}

.xhonnr {
  width: 100%;
  padding: 0.4rem 0;
}

.xhonnr .xhl {
  width: calc((420 / 1200) * 100%);
  display: inline-block;
  vertical-align: top;
}

.xhonnr .xhl .xt1 {
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  font-size: calc(12px - 0.12rem + 0.36rem);
}

.xhonnr .xhl .xt2 {
  margin: 0.1rem 0;
  color: #333;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.24rem);
}

.xhonnr .xhl .xhllis {
  width: 100%;
  height: 3rem;
  padding-right: 0.2rem;
}

.xhonnr .xhl .xhllis .xli {
  width: 100%;
  color: #333;
  line-height: 2;
  font-size: calc(12px - 0.12rem + 0.16rem);
  position: relative;
  padding-left: 0.15rem;
  cursor: pointer;
  margin-bottom: 0.1rem;
}

.xhonnr .xhl .xhllis .xli span {
  font-size: calc(12px - 0.12rem + 0.16rem);
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background: #666;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1em;
  transform: translateY(-50%);
}

.xhonnr .xhl .xhllis .xli.on {
  color: #01a3e9;
}

.xhonnr .xhl .xhllis .xli.on span {
  background: #01a3e9;
}

.xhonnr .xhl .xhllis .xli:hover {
  color: #01a3e9;
}

.xhonnr .xhl .xhllis .xli:hover span {
  background: #01a3e9;
}

.xhonnr .xhr {
  width: calc((780 / 1200) * 100%);
  display: inline-block;
  vertical-align: top;
  background: #f9f9f9;
  position: relative;
}

.xhonnr .xhr .xhremiper {
  width: 100%;
  position: relative;
}

.xhonnr .xhr .xhremiper .swiper-container {
  padding: 0.6rem 0.2rem;
}

.xhonnr .xhr .xhremiper .swiper-slide {
  transition: all ease 0.3s;
  padding-bottom: 0.2rem;
  cursor: pointer;
}

.xhonnr .xhr .xhremiper .swiper-slide .img {
  width: 100%;
  overflow: hidden;
}

.xhonnr .xhr .xhremiper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  display: block;
}

.xhonnr .xhr .xhremiper .swiper-slide .hit {
  text-align: center;
  color: #333;
  line-height: 2;
  font-size: calc(12px - 0.12rem + 0.14rem);
  padding: 0 0.4rem;
  opacity: 0;
  transition: all ease 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.xhonnr .xhr .xhremiper .swiper-slide-active {
  background-color: #ffffff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

.xhonnr .xhr .xhremiper .swiper-slide-active .hit {
  opacity: 1;
}

.xhonnr .xhr .xtn {
  width: 0.5rem;
  height: 0.5rem;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.xhonnr .xhr .xtn img {
  width: 100%;
  height: 100%;
  display: block;
}

.xhonnr .xhr .xtn img:first-child {
  display: block;
}

.xhonnr .xhr .xtn img:last-child {
  display: none;
}

.xhonnr .xhr .xtn:hover img:first-child {
  display: none;
}

.xhonnr .xhr .xtn:hover img:last-child {
  display: block;
}

.xhonnr .xhr .hl {
  left: -0.25rem;
}

.xhonnr .xhr .hr {
  right: -0.25rem;
}

@media (max-width: 768px) {
  .xhonnr .xhl {
    width: 100%;
    margin-bottom: 0.2rem;
  }
  .xhonnr .xhr {
    width: 100%;
  }
  .xhonnr .xhr .xhremiper .hl {
    left: 0rem;
  }
  .xhonnr .xhr .xhremiper .hr {
    right: 0rem;
  }
}

.introductioon {
  width: 100%;
  padding: 0.5rem 0;
}

.introductioon .inl {
  width: 6.8rem;
  display: inline-block;
  vertical-align: top;
}

.introductioon .inl .int {
  color: #333;
  line-height: 1.3;
  font-size: calc(12px - 0.12rem + 0.4rem);
}

.introductioon .inl .inp {
  color: #333;
  line-height: 1.3;
  font-size: calc(12px - 0.12rem + 0.18rem);
  margin: 0.2rem 0 0.35rem;
}

.introductioon .inl .inx {
  color: #333;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.24rem);
  margin-bottom: 0.3rem;
}

.introductioon .inl .incon {
  width: 100%;
  height: 3.6rem;
  color: #666;
  line-height: 2;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.introductioon .inl .incon p {
  color: #666;
  line-height: 2;
  font-size: calc(12px - 0.12rem + 0.14rem);
  margin-bottom: 0.2rem;
}

.introductioon .inr {
  display: inline-block;
  vertical-align: top;
  width: 4.5rem;
  margin-left: 0.7rem;
  position: relative;
}

.introductioon .inr .img {
  width: 100%;
}

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

.introductioon .inr .tip {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
  padding: 0.6rem 0.5rem;
  text-align: center;
  background: #fff;
}

.introductioon .inr .tip .tiem {
  width: 100%;
}

.introductioon .inr .tip .tiem .t1 {
  color: #01a3e9;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.4rem);
}

.introductioon .inr .tip .tiem .t2 {
  color: #333;
  line-height: 2;
  font-size: calc(12px - 0.12rem + 0.16rem);
}

.introductioon .inr .tip .tiem + .tiem {
  margin-top: 0.3rem;
}

@media (max-width: 768px) {
  .introductioon .inl {
    width: 100%;
    margin-top: 0.3rem;
  }
  .introductioon .inl .incon {
    height: auto;
  }
  .introductioon .inr {
    width: 100%;
    margin-left: 0;
  }
  .introductioon .inr:last-child {
    display: none;
  }
}

.Tutor {
  width: 100%;
  padding: 0.5rem 0;
}

.Tutor .tul {
  width: 4.68rem;
  display: inline-block;
  vertical-align: middle;
}

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

.Tutor .tur {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 4.69rem);
  padding: 0 0.6rem;
}

.Tutor .tur .tip {
  color: #333;
  line-height: 1.3;
  font-size: calc(12px - 0.12rem + 0.4rem);
}

.Tutor .tur .tnp {
  color: #333;
  line-height: 1.3;
  font-size: calc(12px - 0.12rem + 0.18rem);
  margin: 0.2rem 0 0.35rem;
}

.Tutor .tur .tnx {
  color: #333;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.24rem);
  margin-bottom: 0.3rem;
}

.Tutor .tur .tncon {
  width: 100%;
  height: 2rem;
  color: #666;
  line-height: 2;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.Tutor .tur .tncon p {
  color: #666;
  line-height: 2;
  font-size: calc(12px - 0.12rem + 0.14rem);
  margin-bottom: 0.2rem;
}

.Tutor .tur .line {
  width: 100%;
  height: 1px;
  background: #dcdcdc;
  margin: 0.35rem 0;
}

.Tutor .tur .tot {
  width: 100%;
  font-size: 0;
}

.Tutor .tur .tot .tol {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1.1rem);
}

.Tutor .tur .tot .tol .txsipwer {
  width: 100%;
}

.Tutor .tur .tot .tol .txsipwer .swiper-container {
  height: 1.5em;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  font-size: calc(12px - 0.12rem + 0.24rem);
}

.Tutor .tur .tot .tol .txsipwer .swiper-slide a {
  width: 100%;
  display: block;
  height: 1.5em;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  font-size: calc(12px - 0.12rem + 0.24rem);
}

.Tutor .tur .tot .tol .tix {
  color: #333;
  line-height: 2.5;
  font-size: calc(12px - 0.12rem + 0.14rem);
  margin: 0.15rem 0 0.2rem;
}

.Tutor .tur .tot .tol .tns {
  width: 100%;
  font-size: 0;
}

.Tutor .tur .tot .tol .tns a {
  display: inline-block;
  vertical-align: middle;
  background: #01a3e9;
  color: #fff;
  line-height: 2.5;
  padding: 0 0.3rem;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.Tutor .tur .tot .tor {
  display: inline-block;
  vertical-align: middle;
  width: 1.1rem;
  text-align: center;
}

.Tutor .tur .tot .tor .img {
  width: 1rem;
  height: 1rem;
  display: inline-block;
}

.Tutor .tur .tot .tor .img img {
  width: 100%;
  height: 100%;
  display: block;
}

.Tutor .tur .tot .tor .txt {
  width: 100%;
  color: #333;
  line-height: 2;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

@media (max-width: 768px) {
  .Tutor .tul {
    width: 100%;
  }
  .Tutor .tur {
    width: 100%;
    padding: 0.3rem;
  }
  .Tutor .tur .tncon {
    height: auto;
  }
  .Tutor .tur .tot .tol {
    width: 100%;
  }
  .Tutor .tur .tot .tor {
    width: 100%;
    text-align: right;
  }
  .Tutor .tur .tot .tor .txt {
    text-align: right;
  }
}

.contact {
  width: 100%;
  padding: 0.5rem 0;
}

.contact .col {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 8rem);
  border: solid 1px #ccc;
  border-right: none;
}

.contact .col .palcelis {
  width: 100%;
  height: 5.4rem;
}

.contact .col .palcelis .place {
  width: 100%;
  padding: 0.35rem 0.3rem;
  border-bottom: solid 1px #ccc;
  cursor: pointer;
}

.contact .col .palcelis .place .pit {
  color: #333;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.18rem);
}

.contact .col .palcelis .place .pli {
  margin: 0.05rem 0;
  color: #999;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.contact .col .palcelis .place.on .pit {
  color: #01a3e9;
  font-size: calc(12px - 0.12rem + 0.24rem);
  line-height: 1.3;
}

.contact .col .palcelis .place:last-child {
  border: none;
}

.contact .cor {
  width: 8rem;
  display: inline-block;
  vertical-align: top;
  height: 5.4rem;
}

.contact .cor .corem {
  width: 100%;
  display: none;
}

.contact .cor .corem .map {
  width: 100%;
}

.contact .cor .corem .map img {
  width: 100%;
  height: 100%;
  display: block;
}

.contact .cor .corem.on {
  display: block;
}

@media (max-width: 768px) {
  .contact .col {
    width: 100%;
    border: solid 1px #ccc;
    border-right: solid 1px #ccc;
  }
  .contact .col .palcelis {
    height: auto;
  }
  .contact .col:first-child {
    display: none;
  }
  .contact .cor {
    width: 100%;
    height: auto;
  }
}

.pages {
  width: 100%;
  padding: 0.2rem 0 0.2rem;
  font-size: 0;
  text-align: center;
}

.pages .page {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.4rem;
  margin: 0 0.05rem 0.1rem;
}

.pages .page a {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  line-height: 0.4rem;
  font-size: calc(12px - 0.12rem + 0.14rem);
  color: #333;
  background: #fff;
  border: solid 1px #dddddd;
}

.pages .page.long {
  width: auto;
}

.pages .page.long a {
  padding: 0 0.15rem;
}

.pages .page.on a {
  background: #3597e2;
  color: #fff;
  border: solid 1px #3597e2;
}

.pages .page:hover a {
  background: #3597e2;
  color: #fff;
  border: solid 1px #3597e2;
}

footer {
  width: 100%;
  background: #f9f9f9;
  padding: 0.15rem 0;
}

footer .share {
  width: 30%;
  display: inline-block;
  vertical-align: middle;
}

footer .share .name {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
  margin: 0 0.05rem;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

footer .share a {
  display: inline-block;
  vertical-align: middle;
  width: 0.32rem;
  height: 0.32rem;
  margin: 0 0.05rem;
  border-radius: 50%;
  background: #fff;
  position: relative;
}

footer .share a img {
  width: 100%;
  height: 100%;
  display: block;
}

footer .share a .coxe {
  position: absolute;
  z-index: 20;
  width: 1.4rem;
  height: 1.4rem;
  top: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}

footer .share a .coxe img {
  width: 100%;
  height: 100%;
  display: block;
}

footer .share a.qode:hover .coxe {
  display: block;
}

footer .copyright {
  width: 40%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #666;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

footer .link {
  width: 30%;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  text-align: right;
}

footer .link a {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

footer .link a span {
  color: #666;
  line-height: 1.5;
  margin: 0 0.05rem;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

footer .link a:last-child span {
  display: none;
}

@media (max-width: 768px) {
  .w1200 {
    width: 94%;
  }
  footer .share {
    width: 100%;
    margin: 0.1rem 0;
  }
  footer .share a {
    width: 0.4rem;
    height: 0.4rem;
  }
  footer .copyright {
    width: 100%;
  }
  footer .copyright:nth-child(2) {
    display: none;
  }
  footer .link {
    width: 100%;
    text-align: left;
    margin: 0.1rem 0;
  }
}

@media (min-width: 1300px) {
  html {
    font-size: 100px;
  }
}

@media (max-width: 1300px) and (min-width: 768px) {
  html {
    font-size: calc(100vw /1300 * 100);
  }
}

@media (max-width: 768px) {
  html {
    font-size: calc(768px /1300 * 100);
  }
}

/* 动画特效 */
.teaser {
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s;
}

.teaser.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.lefter {
  opacity: 0;
  transform: translate3d(-35%, 35%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
}

.lefter.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.righter {
  opacity: 0;
  transform: translate3d(35%, 35%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
}

.righter.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.downer {
  opacity: 0;
  transform: translate3d(0, -35%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
}

.downer.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.lter {
  opacity: 0;
  transform: translate3d(-35%, 0, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
}

.lter.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.rter {
  opacity: 0;
  transform: translate3d(35%, 0, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
}

.rter.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.delay2 {
  transition-delay: 0.2s;
}

.delay4 {
  transition-delay: 0.4s;
}

.delay6 {
  transition-delay: 0.6s;
}

.delay8 {
  transition-delay: 0.8s;
}

.delay10 {
  transition-delay: 1s;
}

/*视频容器样式*/
.v-a {
  position: fixed;
  left: 0;
  top: 120%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10000000;
  transition: top .5s ease-in-out;
}

.v-a.show {
  top: 0;
}

.v-a.show .v-e {
  visibility: visible;
}

.v-a.show .v-f {
  display: block;
}

.v-b {
  width: 8rem;
  height: 6rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.v-c {
  display: block;
  width: 40px;
  height: 40px;
  background-color: #be0000;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.v-d {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 21px;
  text-align: center;
  line-height: 40px;
  color: #fff;
}

.v-e {
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0px;
  bottom: 0px;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.v-f {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 800px;
  transform: translate(-50%, -50%);
}

@media (max-width: 768px) {
  .v-b {
    width: 90%;
    height: 4rem;
  }
}

.contact .col .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.contact .col .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(255, 255, 255, 0.75);
}

.contact .col .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #dcdcdc;
}

.leader .ler .lecon .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(255, 255, 255, 0.75);
}

.leader .ler .lecon .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #dcdcdc;
}

.inl .incon .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(255, 255, 255, 0.75);
}

.inl .incon .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #dcdcdc;
}

.Tutor .tur .tncon .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(255, 255, 255, 0.75);
}

.Tutor .tur .tncon .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #dcdcdc;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(255, 255, 255, 0.75);
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #dcdcdc;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #dcdcdc;
}