*,
:after,
:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0 !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
}

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

body {
  color: #3d4c63;
  background: #fff;
  font: 14px/1.5 SimHei, "微软雅黑";
  outline: 0;
}

* {
  list-style: none;
}

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

img {
  max-width: 100%;
  border: none;
}

em,
i {
  font-style: normal;
}

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

input,
select,
textarea {
  font-size: 12px;
  color: #444;
  font-family: SourceHanSansCN-Regular, sans-serif;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

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

button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
}

input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus {
  background: #fff;
  border: 1px solid #bbb;
}

.false:focus {
  border: 2px solid #ff1531;
  background: #fff;
}

::-webkit-input-placeholder {
  color: #999;
}

::-moz-placeholder {
  color: #999;
}

:-ms-input-placeholder {
  color: #999;
}

::-ms-clear,
::-ms-reveal {
  display: none;
}

.fix {
  *zoom: 1;
}

.fix:after,
.fix:before {
  display: block;
  content: "";
  height: 0;
  clear: both;
}

.c {
  clear: both;
}

.col-l,
.l {
  float: left;
}

.col-r,
.r {
  float: right;
}

.ani {
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.unselect {
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.wp {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.wp2 {
  width: 100%;
  max-width: 1340px;
  margin: 0 auto;
}

.wp3 {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.wp4 {
  width: 100%;
  max-width: 918px;
  margin: 0 auto;
}

.hd-wp {
  width: 100%;
  padding: 0 64px;
  margin: 0 auto;
}

.h50 {
  height: 50px;
  clear: both;
  overflow: hidden;
}

.h100 {
  height: 100px;
  clear: both;
  overflow: hidden;
}
@font-face {
  font-family: SourceHanSansCN-Bold;
  src: url(../fonts/SourceHanSansCN-Bold.otf);
}

@font-face {
  font-family: SourceHanSansCN-Light;
  src: url(../fonts/SourceHanSansCN-Light.otf);
}

@font-face {
  font-family: SourceHanSansCN-Medium;
  src: url(../fonts/SourceHanSansCN-Medium.otf);
}

@font-face {
  font-family: SourceHanSansCN-Regular;
  src: url(../fonts/SourceHanSansCN-Regular.otf);
}
body {
  background: #fff;
}

.header {
  padding-top: 35px;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.header.small {
  background: linear-gradient(-45deg, #328fdc, #3bbbbe);
  padding: 10px 0;
}

.header.small .hd-wp .logo {
  height: 50px;
}

.header.small .hd-wp .hd-r .hd-tools .hd-search .input {
  height: 50px;
}

.header .hd-wp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header .hd-wp .logo {
  display: block;
  height: 62px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.header .hd-wp .logo img {
  display: block;
  height: 100%;
}

.header .hd-wp .hd-r {
  display: flex;
  align-items: center;
}

.sub-menu {
  position: relative;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.22);
  min-width: 175px;
}

.sub-menu li a {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  height: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px !important;
  padding: 0 18px;
  color: #707070 !important;
  margin-right: 0px !important;
}

.header .hd-wp .hd-r .sub-menu:after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 5px;
  top: -5px;
  background: linear-gradient(-90deg, #328fdc, #3bbbbe);
}

.sub-menu li a:hover {
  background-color: #eee;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  color: #008dcf !important;
}

.header .hd-wp .hd-r .nav {
  display: flex;
  align-items: center;
  list-style: none;
}

.site-hamburger-animation {
  z-index: 99;
  list-style: none;
}

.site-hamburger-animation a {
  color: #fff !important;
  margin-right: 50px;
}

.nav li {
  position: relative;
  list-style: none;
}

.nav li a {
  font-family: SourceHanSansCN-Medium;
  font-size: 16px;
  color: #fff;
}

.header .hd-wp .hd-r .nav .nav-item {
  margin-right: 50px;
  position: relative;
}

.header .hd-wp .hd-r .nav .nav-item .nav-link {
  color: #fff;
  font-size: 16px;
}

.header .hd-wp .hd-r .nav .sub-wrap {
  display: none;
  position: absolute;
  top: 100%;
  padding-top: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.header .hd-wp .hd-r .nav .sub {
  position: relative;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.22);
  min-width: 175px;
}

.header .hd-wp .hd-r .nav .sub .sub-item {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  height: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px;
  padding: 0 18px;
  color: #707070;
}

.header .hd-wp .hd-r .nav .sub .sub-item:hover {
  background-color: #eee;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  color: #008dcf;
}

.header .hd-wp .hd-r .nav .sub:after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 5px;
  top: -5px;
  background: linear-gradient(-90deg, #328fdc, #3bbbbe);
}

.header .hd-wp .hd-r .hd-tools {
  display: flex;
  align-items: center;
}

.header .hd-wp .hd-r .hd-tools .hd-search {
  position: relative;
  display: block;
  width: 35px;
  height: 35px;
}

.header .hd-wp .hd-r .hd-tools .hd-search .submit {
  display: block;
  border: none;
  width: 35px;
  height: 35px;
  position: relative;
  z-index: 2;
  background-color: transparent;
  background-image: url(../image/icon-so.svg);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
}

.header .hd-wp .hd-r .hd-tools .hd-search .input {
  position: absolute;
  right: -20px;
  width: 352px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  height: 60px;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  font-size: 14px;
  padding-left: 20px;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.header .hd-wp .hd-r .hd-tools .hd-search.show .input {
  opacity: 1;
  pointer-events: auto;
}

.header .hd-wp .hd-r .hd-tools .hd-search.show .submit {
  background-image: url(../image/icon-so-b.svg);
}

.header .hd-wp .hd-r .hd-tools .hd-lang {
  margin-right: 55px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.header .hd-wp .hd-r .hd-tools .hd-lang span {
  font-size: 16px;
  min-width: 33px;
  color: #fff;
}

.header .hd-wp .hd-r .hd-tools .hd-lang #lang_sel_list .wpml-ls-link {
  font-family: SourceHanSansCN-Medium;
  position: relative;
  padding-left: 35px;
}

.header .hd-wp .hd-r .hd-tools .hd-lang #lang_sel_list .wpml-ls-link::before {
  font-family: SourceHanSansCN-Medium;
  content: '';
  position: absolute;
  left: 0;
  top: -5px;
  cursor: pointer;
  width: 35px;
  height: 35px;
  background-image: url(../image/icon-lang.svg);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.inner-ban {
  padding-top: 132px;
  position: relative;
}

.inner-ban .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.inner-ban .bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.crumb {
  position: relative;
  z-index: 2;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding: 50px 0 120px;
}

.crumb .wp2 {
  display: flex;
  align-items: center;
  padding-left: 70px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
}

.crumb a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: rgba(255, 255, 255, 0.6);
}

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

.crumb span {
  font-weight: 700;
}

.current-item {
  color: #fff !important;
}

.crumb em {
  padding: 0 5px;
}

.inner-layout {
  position: relative;
  z-index: 10;
  background-color: #fff;
  top: -70px;
  padding: 70px 0 130px;
}

.inner-layout .wp {
  display: flex;
}

.inner-layout .inner-layout-left {
  flex: 1;
}
.inner-layout .inner-layout-left iframe{
  max-width:100%;
}
.inner-layout .inner-layout-left .email-link {
  font-size: 0;
  line-height: 22px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inner-layout .inner-layout-left .email-link i {
  display: inline-block;
  vertical-align: middle;
  background: url(../image/icon-email.svg) no-repeat center center / contain;
  width: 20px;
  height: 16px;
  opacity: 0.8;
  margin-right: 10px;
}

.inner-layout .inner-layout-left .email-link span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  border-bottom: 1px solid #000;
}

.inner-layout .inner-layout-left .email-link:hover {
  opacity: 0.8;
}

.inner-layout .inner-layout-left .download-box {
  padding-top: 40px;
  margin-top: 50px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.inner-layout .inner-layout-left .download-box a {
  display: inline-block;
  font-weight: 700;
  font-size: 17px;
  color: #000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inner-layout .inner-layout-left .download-box .item+.item {
  margin-top: 25px;
}

.inner-layout .inner-layout-right {
  flex: 0 0 315px;
  padding-left: 50px;
  border-left: 1px solid #f5f5f5;
  margin-left: 60px;
  padding-top: 5px;
}

.inner-layout .inner-title {
  position: relative;
  font-size: 26px;
  font-weight: 400;
  color: #000;
  margin-bottom: 35px;
}

.inner-layout .side-list .side-list-tit {
  margin-bottom: 30px;
  font-size: 20px;
  color: #000;
}

.inner-layout .side-list .side-list-item .pic {
  margin-bottom: 20px;
  overflow: hidden;
}

.inner-layout .side-list .side-list-item .pic img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.inner-layout .side-list .side-list-item .pic:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.inner-layout .side-list .side-list-item .name {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 16px;
  color: #303030;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inner-layout .side-list .side-list-item:hover .name {
  color: #008dcf;
}

.entry-content {
  font-size: 17px;
  color: #303030;
  line-height: 35px;
}

.entry-content h2 {
  font-size: 20px;
}

.entry-content h2,
.entry-content h3 {
  color: #000;
  margin-top: 25px;
}

.entry-content p {
  /* margin-top: 25px; */
  line-height: 33px;
}

.entry-content ol {
  padding-left: 1em;
}

.entry-content em {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
}

.entry-content hr {
  border: none;
  height: 1px;
  background-color: #ebebeb;
  margin-top: 25px;
}

.entry-content h4 {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  margin-top: 25px;
}

.entry-content h4+p {
  margin-top: 0;
}

.entry-content ul {
  margin-top: 25px;
}

.entry-content ul li {
  padding-left: 20px;
  position: relative;
}

.entry-content ul li:after {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #303030;
  opacity: 0.1;
  position: absolute;
  left: 0;
  top: 12px;
}

.entry-content .g-more {
  font-size: 17px;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  color: #000;
}

.entry-content img {
  display: block;
  margin-top: 40px;
}

.entry-content .row-table {
  width: 100%;
  line-height: 32px;
  margin-top: 25px;
}

.entry-content .row-table td {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 30px;
}

.entry-content .row-table tr td:first-child {
  border-left: none;
  padding-left: 0;
}

.entry-content .row-table h3 {
  margin: 0;
}

.entry-content .color {
  color: #008dcf;
}

.footer {
  background: linear-gradient(90deg, #3bbbbc, #3290da);
  padding-top: 10px;
}

.footer .fd-top {
  position: relative;
  padding: 80px 0 75px;
}

.footer .fd-top .fd-top-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.footer .fd-top .fd-top-bg img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.footer .fd-top .fd-top-bg:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  z-index: 2;
  opacity: 0.8;
}

.footer .fd-top .wp {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.footer .fd-top .wp .fd-top-left {
  flex: 0 0 500px;
}

.footer .fd-top .wp .fd-top-left .fd-logo {
  display: flex;
  height: 66px;
  margin-bottom: 30px;
}

.footer .fd-top .wp .fd-top-left .fd-logo img {
  display: block;
  height: 100%;
}

.footer .fd-top .wp .fd-top-left .fd-desc {
  font-size: 16px;
  line-height: 2;
  color: #fffefe;
  opacity: 0.6;
}

.footer .fd-top .wp .fd-top-left .fd-link {
  display: flex;
  align-items: center;
  margin: 25px 0 40px;
}

.footer .fd-top .wp .fd-top-left .fd-link a {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #fff;
}

.footer .fd-top .wp .fd-top-left .fd-link a:hover {
  color: #fff;
}

.footer .fd-top .wp .fd-top-left .fd-link .icon {
  display: block;
  width: 22px;
  height: 22px;
  margin-left: 10px;
}

.footer .fd-top .wp .fd-top-left .fd-link .icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.footer .fd-top .wp .fd-top-left .fd-qr {
  display: flex;
  align-items: center;
}

.footer .fd-top .wp .fd-top-left .fd-qr img {
  display: block;
  width: 125px;
  height: 125px;
  margin-right: 24px;
}

.footer .fd-top .wp .fd-top-left .fd-qr span {
  color: #fffefe;
  font-size: 16px;
}

.footer .fd-top .wp .fd-top-right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.footer .fd-top .wp .fd-top-right dl+dl {
  margin-left: 100px;
}

.footer .fd-top .wp .fd-top-right dl dt {
  font-size: 18px;
  opacity: 0.8;
  color: #fffefe;
  margin-bottom: 35px;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
}

.footer .fd-top .wp .fd-top-right dl dd .tit {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.footer .fd-top .wp .fd-top-right dl dd .tit img {
  display: block;
  max-width: 17px;
  max-height: 17px;
  margin-right: 8px;
}

.footer .fd-top .wp .fd-top-right dl dd .tit span {
  font-size: 14px;
  color: #fffefe;
}

.footer .fd-top .wp .fd-top-right dl dd a,
.footer .fd-top .wp .fd-top-right dl dd p {
  color: rgba(255, 254, 254, 0.6);
  font-size: 14px;
  line-height: 24px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.footer .fd-top .wp .fd-top-right dl dd a:hover {
  color: #fffefe;
}

.footer .fd-top .wp .fd-top-right dl dd+dd {
  margin-top: 18px;
}

.footer .fd-top .wp .fd-top-right .fd-nav dd+dd {
  margin-top: 20px;
}

.footer .fd-top .wp .fd-top-right .fd-nav a {
  color: rgba(255, 254, 254, 0.76);
}

.footer .fd-top .wp .fd-top-right .fd-nav a:hover {
  color: #fffefe;
}

dl.fd-nav {
  margin-left: 100px;
}

.fd-nav li+li {
  margin-top: 20px;
}

.fd-top-left .fd-link a {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #fff;
}

.search-field {
  display: none;
  position: absolute;
  right: 45px;
  width: 352px;
  top: 68%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  height: 60px;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  font-size: 14px;
  padding-left: 20px;
  pointer-events: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 997;
}

.screen-reader-text {
  display: block;
  border: none;
  width: 35px;
  height: 35px;
  position: relative;
  z-index: 999;
  background-color: transparent;
  background-image: url(../image/icon-so.svg);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  cursor: pointer;
  font-size: 0px;
}

article {
  padding: 35px 0;
  border-bottom: 1px solid #ebebeb;
}

.search-submit {
  font-size: 0px;
  display: none;
  border: none;
  width: 35px;
  height: 35px;
  position: relative;
  z-index: 999;
  background-color: transparent;
  background-image: url(../image/icon-so-b.svg);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  cursor: pointer;
}

.footer .fd-bot .wp {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #fff;
}

.footer .fd-bot .wp a {
  color: #fff;
}

.inner-nav {
  margin-bottom: 40px;
}

.inner-nav .inner-nav-list .item {
  border-bottom: 1px solid #ebebeb;
}

.inner-nav .inner-nav-list .item-title {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  position: relative;
}

.inner-nav .inner-nav-list .item-title span {
  color: rgba(48, 48, 48, 0.8);
  font-size: 16px;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inner-nav .inner-nav-list .item-title i {
  position: relative;
  z-index: 2;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #e6e6e6 url(../image/arrow-svg.svg) no-repeat 5px center / 60%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inner-nav .inner-nav-list .item-title:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(-90deg, #328fdc, #3bbbbe);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inner-nav .inner-nav-list .item-title:hover:after,
.inner-nav .inner-nav-list .item.active .item-title:after {
  opacity: 1;
}

.inner-nav .inner-nav-list .item-title:hover span,
.inner-nav .inner-nav-list .item.active .item-title span {
  color: #fff;
  font-weight: 700;
}

.inner-nav .inner-nav-list .item-title:hover i,
.inner-nav .inner-nav-list .item.active .item-title i {
  background-color: #fff;
  background-image: url(../image/arrow-svg-b.svg);
}

.inner-nav .inner-nav-list .item.active .inner-sub {
  display: block;
}

.inner-nav .inner-nav-list .inner-sub {
  display: none;
  padding: 5px 20px;
}

.inner-nav .inner-nav-list .inner-sub .inner-sub-item a {
  font-size: 14px;
  line-height: 40px;
  color: #303030;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inner-nav .inner-nav-list .inner-sub .inner-sub-item a:hover,
.inner-nav .inner-nav-list .inner-sub .inner-sub-item.active a {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  color: #008dcf;
}

.inner-nav .inner-nav-title {
  display: none;
}

.g-more {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  height: 20px;
  line-height: 20px;
}

.g-more span {
  display: inline-block;
  vertical-align: middle;
}

.g-more .icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.g-more .icon svg {
  width: 20px;
  height: 20px;
}

.g-more.black {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 16px;
  color: #000;
}

.g-more.gray {
  color: #707070;
}

.header .hd-wp .hd-r .nav .nav-item .nav-link {
  font-family: SourceHanSansCN-Medium;
}

.crumb span,
.inner-layout .inner-layout-left .content .download-box a,
.inner-layout .inner-layout-left .content .email-link span,
.inner-layout .inner-layout-left .content h3,
.inner-layout .inner-nav .item.active span,
.inner-layout .inner-nav .item:hover span,
.inner-layout .side-list .side-list-tit {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
}

.crumb span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}

.second-page-banner {
  position: relative;
  height: 100vh;
}

.second-page-banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.second-page-banner h1 {
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: 100;
  font-size: 62px;
  color: #fff;
  z-index: 10;
}

.second-page-banner:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0) 70%);
  z-index: 5;
}

.second-page-banner.black-mask:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background: #000;
  opacity: 0.2;
}

.second-page-banner .blue-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(-45deg, #328fdc, #3bbbbe);
  opacity: 0.2;
  z-index: 3;
}

.second-page-ban-txt {
  padding: 70px 0;
  background: linear-gradient(-90deg, #328fdc, #3bbbbe);
  color: #fff;
}

.second-page-ban-txt h3 {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 25px;
}

.second-page-ban-txt p {
  font-size: 16px;
  line-height: 30px;
  opacity: 0.8;
}

.second-page-ban-txt .g-more {
  margin-top: 30px;
}

.scientific-research-section {
  padding: 70px 0;
  background-color: #f8f8f8;
}

.section-tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index-page .section-tit h3 {
  font-size: 30px;
}

.section-tit h3 {
  font-size: 26px;
  color: #000;
  font-weight: 400;
}

.section-tit .txt {
  font-family: SourceHanSansCN-Medium;
  font-size: 20px;
  color: #707070;
  opacity: 0.7;
}

.section-tit .g-more {
  color: #b8b8b8;
}

.section-tit .g-more .icon {
  color: #e5e5e5;
}

.section-tit.white h3 {
  color: #fff;
}

.section-tit.white .g-more {
  color: #fff;
}

.scientific-research-list {
  padding-top: 35px;
  overflow: hidden;
  margin: 0 -13px -30px;
}

ul.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  padding-top: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 10px;
  z-index: 9;
}
ul.sub-menu .sub-menu{
      position: absolute;
    top: -15%;
    padding-top: 10px;
    left: 150%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 10px;
}
.scientific-research-list .item {
  float: left;
  width: 33.3%;
  margin-bottom: 30px;
}

.scientific-research-list .item .item-con {
  display: block;
  margin: 0 13px;
  position: relative;
  overflow: hidden;
}

.scientific-research-list .item .item-con .pic {
  padding-top: 63.15%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.scientific-research-list .item .item-con .pic img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  -webkit-transition: all 5s;
  -moz-transition: all 5s;
  -ms-transition: all 5s;
  -o-transition: all 5s;
  transition: all 5s;
}

.scientific-research-list .item .item-con h3 {
  position: absolute;
  top: 25px;
  left: 30px;
  z-index: 3;
  color: #efefef;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 24px;
}

.scientific-research-list .item .item-con .g-more {
  position: absolute;
  bottom: 25px;
  left: 30px;
  z-index: 3;
}

.scientific-research-list .item .item-con:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background-image: url(../image/color-mask.png);

  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.scientific-research-list .item .item-con:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background-image: url(../image/black-mask.png);

  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.scientific-research-list .item .item-con:hover:after {
  opacity: 0;
}

.scientific-research-list .item .item-con:hover:before {
  opacity: 1;
}

.scientific-research-list .item .item-con:hover .pic img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.academic-achievements-section {
  padding: 70px 0 134px;
}

.academic-achievements-section .link-box {
  margin-top: 70px;
}

.academic-achievements-list {
  overflow: hidden;
  margin: 0 -28px;
  padding: 35px 0 36px;
  border-bottom: 1px solid #ebebeb;
}

.academic-achievements-list .item {
  float: left;
  width: 50%;
}

.academic-achievements-list .item-con {
  margin: 0 28px;
  border-top: 1px solid #ebebeb;
  padding: 34px 0;
  display: flex;
  overflow: hidden;
  align-items: center;
}

.academic-achievements-list .item-con .pic {
  flex: 0 0 190px;
  width: 190px;
  height: 120px;
  background: #f2f2f2;
  padding: 10px;
}

.academic-achievements-list .item-con .pic-con {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.academic-achievements-list .item-con .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.academic-achievements-list .item-con .pic:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.academic-achievements-list .item-con .txt {
  flex: 1;
  padding-right: 25px;
  padding-left: 30px;
}

.academic-achievements-list .item-con .txt a {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 18px;
  line-height: 30px;
  height: 60px;
  color: #000;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.academic-achievements-list .item-con .txt a:hover {
  color: #008dcf;
}

.academic-achievements-list .item-con .txt .date {
  color: #b9b9b9;
  font-size: 14px;
}

.link-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.link-boxs {
  position: relative;
  width: 100%;
  max-width: 1200px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 50px;
}

.link-box a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 calc(50% - 28px);
  background: #f8f8f8;
  padding: 0 50px;
  height: 100px;
  position: relative;
}

.link-box a .name {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 22px;
  color: #000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  z-index: 2;
}

.link-box a .g-more {
  color: #707070;
  position: relative;
  z-index: 2;
}

.link-box a:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(-90deg, #328fdc, #3bbbbe);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.link-box a:hover:after {
  opacity: 1;
}

.link-box a:hover .name {
  color: #fff;
}

.link-box a:hover .g-more {
  color: #fff;
}

.link-box a:hover .g-more .icon {
  color: #fff;
}

.second-page-tab {
  background: linear-gradient(-90deg, #328fdc, #3bbbbe);
}

.second-page-tab .wp {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.second-page-tab .wp a {
  font-size: 20px;
  color: #fff;
  opacity: 0.6;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.second-page-tab .wp a+a {
  margin-left: 90px;
}

.second-page-tab .wp a.active,
.second-page-tab .wp a:hover {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  opacity: 1;
}

.research-team-section {
  padding: 70px 0 140px;
}

.research-team-section .wp {
  overflow: hidden;
}

.people-list {
  overflow: hidden;
  margin: 0 -18px;
}

.people-list .item {
  float: left;
  width: 20%;
  margin-bottom: 30px;
}

.people-list .item .item-con {
  margin: 0 18px;
}

.people-list .item .item-con .pic {
  display: block;
  padding-top: 123.46%;
  position: relative;
  overflow: hidden;
}

.people-list .item .item-con .pic:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(-45deg, #328fdc, #3bbbbe);
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.people-list .item .item-con .pic img {
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  object-fit: cover;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  z-index: 2;
}

.people-list .item .item-con .pic:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  object-fit: cover;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  z-index: 3;
  background-image: url(../image/rt-mask.png);

  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.people-list .item .item-con .pic .g-more {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 4;
  font-size: 18px;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.people-list .item .item-con .txt {
  padding: 0 10px;
}

.people-list .item .item-con .txt .top {
  padding: 15px 0 20px;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid rgba(3, 0, 1, 0.1);
  margin-bottom: 15px;
  flex-direction: column;
  justify-content: space-around;
}

.people-list .item .item-con .txt .top .name {
  font-size: 18px;
  color: #000;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  margin-bottom: 10px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.people-list .item .item-con .txt .top span {
  color: #303030;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.people-list .item .item-con .txt .top.no-border {
  border-bottom: none;
}

.people-list .item .item-con .txt .bot {
  overflow: hidden;
  display: -webkit-auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: left;
  font-size: 14px;
  line-height: 2;
  color: #909090;
  height: 56px;
}

.people-list:not(.event-none) .item .item-con:hover .pic:after {
  opacity: 1;
}

.people-list:not(.event-none) .item .item-con:hover .pic:before {
  opacity: 1;
}

.people-list:not(.event-none) .item .item-con:hover .pic .g-more {
  opacity: 1;
}

.people-list:not(.event-none) .item .item-con:hover .txt .top .name,
.people-list:not(.event-none) .item .item-con:hover .txt .top span {
  color: #008dcf;
}

.people-list.w4 {
  margin: 0 -5px;
}

.people-list.w4 .item {
  flex: 0 0 25%;
}

.people-list.w4 .item .item-con {
  margin: 0 5px;
}

.teacher-info {
  display: flex;
  align-items: center;
  padding-bottom: 77px;
  border-bottom: 1px solid rgba(3, 0, 1, 0.1);
}

.teacher-info .pic {
  flex: 0 0 440px;
  height: 540px;
  padding: 20px;
  background: linear-gradient(-45deg, #328fdc, #3bbbbe);
  margin-right: 80px;
}

.teacher-info .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.teacher-info .txt {
  flex: 1;
}

.teacher-info .txt h3 {
  color: #008dcf;
  font-size: 32px;
  padding-bottom: 35px;
}

.teacher-info .txt .row {
  padding: 40px 0;
  border-top: 1px solid rgba(3, 0, 1, 0.1);
}

.teacher-info .txt .desc {
  font-family: SourceHanSansCN-Medium;
  color: #303030;
  font-size: 16px;
  line-height: 30px;
}

.teacher-info .txt .info p {
  display: flex;
  align-items: center;
  color: #909090;
  font-size: 16px;
}

.teacher-info .txt .info p img {
  display: block;
  max-width: 17px;
  max-height: 17px;
  margin-right: 15px;
}

.teacher-info .txt .info p+p {
  margin-top: 10px;
}

.teacher-info .txt .link {
  padding-top: 40px;
}

.teacher-info .txt .link .g-more {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  color: #000;
  font-size: 16px;
}

.teacher-bg {
  padding-top: 60px;
}

.teacher-bg h3 {
  font-size: 32px;
  color: #000;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  margin-bottom: 50px;
}

.teacher-bg ul {
  position: relative;
}

.teacher-bg ul li {
  color: #303030;
  font-size: 16px;
  line-height: 22px;
  padding-left: 25px;
  position: relative;
  z-index: 2;
}

.teacher-bg ul li:after {
  content: '';
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #ebebeb;
  position: absolute;
  left: 0;
  top: 6px;
  z-index: 2;
}

.teacher-bg ul li+li {
  margin-top: 22px;
}

.teacher-bg ul:after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 6px;
  top: 12px;
  height: calc(100% - 20px);
  width: 1px;
  background: #e5e5e5;
}

.talent-development-type {
  padding: 70px 0;
  background: linear-gradient(-90deg, #328fdc, #3bbbbe);
}

.img-txt-list {
  margin: 0 -15px;
}

.img-txt-list .item {
  float: left;
  width: 33.3%;
  padding-bottom: 4px;
}

.img-txt-list .item .item-con {
  margin: 0 15px;
}

.img-txt-list .item .item-con .pic {
  display: block;
  padding-top: 63.157%;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.img-txt-list .item .item-con .pic img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.img-txt-list .item .item-con .pic:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0;
  z-index: 2;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.img-txt-list .item .item-con .pic:after {
  display: none;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background-image: url(../image/color-mask.png);
  
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  opacity: 0.4;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.img-txt-list .item .item-con .pic:hover:after {
  opacity: 0;
}

.img-txt-list .item .item-con:hover .pic:before {
  opacity: 0.15;
}

.img-txt-list .item .item-con .txt h3 {
  font-weight: 100;
  color: #fff;
  font-size: 22px;
}

.img-txt-list .item .item-con .txt p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 26px;
  height: 52px;
  margin: 15px 0 20px;
  color: #fff;
}

.img-txt-list .item .item-con:hover .g-more:after {
  opacity: 1;
}

.img-txt-list .item .item-con .g-more:after {
  background: #fff;
}

.img-txt-list .item .item-con .g-more:hover .icon,
.img-txt-list .item .item-con .g-more:hover span,
.img-txt-list .item .item-con:hover .g-more .icon,
.img-txt-list .item .item-con:hover .g-more span {
  color: #008dcf;
}

.talent-development-intro {
  padding: 70px 0;
  border-bottom: 3px solid #f5f5f5;
}

.talent-development-intro h3 {
  font-weight: 100;
  font-size: 26px;
  color: #000;
}

.talent-development-intro .desc {
  padding: 35px 60px 45px 0;
  border-bottom: 1px solid #ebebeb;
  color: #909090;
  font-size: 16px;
  line-height: 28px;
}

.talent-development-intro .desc p+p {
  margin-top: 25px;
}

.talent-development-intro .link {
  padding-top: 50px;
}

.talent-development-intro .link .g-more {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  color: #000;
  font-size: 16px;
}

.talent-development-intro .link .g-more+.g-more {
  margin-left: 55px;
}

.career-info-section {
  padding: 70px 0 0;
}

.career-list {
  margin-top: 35px;
}

.career_lists {
  display: flex;
}

.career-list .item {
  flex: 0 0 25%;
  border: 1px solid #ebebeb;
  padding: 30px 35px;
  position: relative;
}

.career-list .item .title {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 15px;
  height: 112px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.career-list .item .title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 18px;
  line-height: 30px;
  color: #000;
  margin-bottom: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.career-list .item .title p {
  color: #b9b9b9;
  font-size: 14px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.career-list .item .desc {
  padding: 30px 0;
  border-bottom: 1px solid #ebebeb;
  color: #909090;
  font-size: 14px;
  line-height: 26px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.career-list .item .desc p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 52px;
}

.career-list .item .link {
  padding-top: 30px;
}

.career-list .item .link .g-more {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #707070;
  font-size: 14px;
}

.career-list .item:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(-90deg, #328fdc, #3bbbbe);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.career-list .item:hover:after {
  opacity: 1;
}

.career-list .item:hover .title {
  border-bottom: 1px solid rgba(235, 235, 235, 0.15);
}

.career-list .item:hover .title a,
.career-list .item:hover .title p {
  color: #fff;
}

.career-list .item:hover .title p {
  opacity: 0.6;
}

.career-list .item:hover .desc {
  border-bottom: 1px solid rgba(235, 235, 235, 0.15);
  color: #fff;
}

.career-list .item:hover .link .g-more {
  color: #fff;
}

.career-list .item:hover .link .g-more .icon {
  color: #fff;
}

.career-list .item+.item {
  border-left: none;
}

.alumni-section {
  background: #f8f8f8;
  border-top: 3px solid #f5f5f5;
  border-bottom: 3px solid #f5f5f5;
  padding: 70px 0;
}

.alumni-section .people-list {
  margin-top: 35px;
}

.alumni-section .people-list .item {
  margin-bottom: 0;
}

.student-corner {
  padding: 70px 0 134px;
}

.student-corner-list {
  overflow: hidden;
  margin: 35px -23px 0;
}

.student-corner-list .item {
  float: left;
  width: 50%;
}

.student-corner-list .item .item-con {
  margin: 0 23px;
}

.student-corner-list .item .item-con .pic {
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 64.34%;
  background-color: #f2f2f2;
}

.student-corner-list .item .item-con .pic-con {
  position: absolute;
  top: 18px;
  left: 18px;
  width: calc(100% - 36px);
  height: calc(100% - 36px);
  overflow: hidden;
}

.student-corner-list .item .item-con .pic img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.student-corner-list .item .item-con .pic:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.student-corner-list .item .item-con .txt {
  margin-top: 30px;
}

.student-corner-list .item .item-con .txt .type {
  color: #008dcf;
  font-size: 14px;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
}

.student-corner-list .item .item-con .txt .title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 18px;
  color: #000;
  margin: 15px 0 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.student-corner-list .item .item-con .txt .title:hover {
  color: #008dcf;
}

.student-corner-list .item .item-con .txt .date {
  color: #b9b9b9;
  font-size: 14px;
}

.toggle-mod {
  margin-top: 25px;
}

.toggle-mod .title {
  height: 80px;
  padding: 0 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f4f4f4;
  cursor: pointer;
  position: relative;
}

.toggle-mod .title h3 {
  margin-top: 0 !important;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 17px;
  color: #000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  z-index: 2;
}

.toggle-mod .title i {
  background: #fff url(../image/arrow-svg-b.svg) no-repeat 8px center / 50%;
  display: block;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  z-index: 2;
}

.toggle-mod .title:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(-90deg, #328fdc, #3bbbbe);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.toggle-mod .title:hover:after {
  opacity: 1;
}

.toggle-mod .title:hover h3 {
  color: #fff;
}

.toggle-mod .title:hover i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.toggle-mod .con {
  display: none;
}

.toggle-mod .text {
  margin-top: 25px;
  padding-left: 20px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.toggle-mod .text p {
  margin: 0;
}

.toggle-mod .text em+p {
  padding-top: 10px;
}

.toggle-mod.link .title:hover i {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

.toggle-mod.active .title:after {
  opacity: 1;
}

.toggle-mod.active .title h3 {
  color: #fff;
}

.toggle-mod.active .title i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.class-table {
  width: 100%;
}

.class-table tr {
  border-bottom: 1px solid #e8e8e8;
}

.class-table td {
  width: 25%;
  height: 88px;
  color: #303030;
  font-size: 17px;
  padding-left: 20px;
  position: relative;
}

.class-table td:after {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #303030;
  opacity: 0.1;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
}

.career-list2 {
  border-top: 1px solid #ebebeb;
  margin-bottom: 70px;
}

.career-list2 .item {
  padding: 35px 0;
  border-bottom: 1px solid #ebebeb;
}

.career-list2 .item .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.career-list2 .item .title .date {
  color: #b9b9b9;
  font-size: 14px;
}

.career-list2 .item .title h3 {
  flex: 1;
  width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wp-pagenavi {
  display: flex;
  align-items: center;
  justify-content: center;
}

.nextpostslink:hover,
.previouspostslink:hover,
.larger:hover,
.smaller:hover {
  background-color: #000;
  color: #fff !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.nextpostslink,
.previouspostslink {
  margin: 30px;
  position: relative;
  z-index: 2;
  width: 110px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  border-radius: 30px;
  color: #000;
  border: 1px solid #000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.current {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: CerebriSansPro-Medium;
  font-size: 16px;
  color: #000;
  margin: 0 4px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
  background: linear-gradient(-90deg, #328fdc, #3bbbbe);
}

.wp-pagenavi .page {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: CerebriSansPro-Medium;
  font-size: 16px;
  color: #000;
  margin: 0 4px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.entry-title a {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 18px;
  color: #000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.site-main {
  position: relative;
  z-index: 10;
  background-color: #fff;
  top: -70px;
  padding: 70px 0 130px;
}

.entry-title a:hover {
  color: #008dcf;
}

.entry-header {
  display: flex;
  justify-content: space-between;
}

.entry-summary p {
  margin: 25px 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 26px;
  color: #909090;
}

.career-list2 .item .desc {
  margin: 25px 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 26px;
  color: #909090;
}

.career-list2 .item .desc span {
  color: #008dcf;
  font-weight: 700;
}

.career-list2 .item .g-more {
  color: #707070;
}

.career-list2.btn {
  border-top: none;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination li.next,
.pagination li.prev {
  width: auto;
  height: auto;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.pagination li.next a,
.pagination li.prev a {
  position: relative;
  z-index: 2;
  width: 110px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  border-radius: 30px;
  color: #000;
  border: 1px solid #000;
}

.pagination li.next a i,
.pagination li.prev a i {
  display: block;
  width: 10px;
  height: 14px;
}

.pagination li.prev {
  margin-right: 30px;
}

.pagination li.next {
  margin-left: 30px;
}

.pagination li.next a:hover,
.pagination li.prev a:hover {
  color: #000;
  background: 0 0;
}

.pagination li.prev a i {
  background: url(../image/page-l.svg) no-repeat center center / contain;
  margin-right: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.pagination li.next a:hover,
.pagination li.prev a:hover {
  background-color: #000;
  color: #fff;
}

.pagination li.prev a:hover i {
  background-image: url(../image/page-l-w.svg);
}

.pagination li.next a:hover i {
  background-image: url(../image/page-r-w.svg);
}

.pagination li.next a i {
  background: url(../image/page-r.svg) no-repeat center center / contain;
  margin-left: 10px;
}

.pagination li a {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: CerebriSansPro-Medium;
  font-size: 16px;
  color: #000;
  margin: 0 4px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.pagination li a:hover {
  color: #fff;
  background-color: #000;
}

.pagination li.active a {
  color: #fff;
  background: linear-gradient(-90deg, #328fdc, #3bbbbe);
}

.det-page h1 {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 32px;
  color: #000;
  margin-bottom: 30px;
  position: relative;
}

.det-page .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.det-page .info .date {
  color: #000;
  opacity: 0.6;
  font-size: 14px;
}

.det-page .info .link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.det-page .info .link a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #e6e6e6;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0;
  float: none;
  line-height: 1;
  padding: 0;
}

.det-page .info .link a img {
  display: block;
  max-width: 19px;
  pointer-events: none;
}

.det-page .info .link a:hover {
  opacity: 0.8;
}

.det-page .info .link a+a {
  margin-left: 12px;
}

.people-list {
  display: flex;
  flex-wrap: wrap;
}

.people-list .item {
  float: none;
  flex: 0 0 20%;
}

.people-list .item .item-con {
  height: 100%;
}

.people-list .item .item-con .txt .bot {
  height: auto;
}

.alumni-page .people-list {
  margin: 0 -5px;
}

.alumni-page .people-list .item .item-con {
  margin: 0 5px;
}

.alumni-page .people-list .item .item-con .txt .top .name,
.alumni-page .people-list .item .item-con .txt .top span {
  font-size: 17px;
}

.img-txt-list2 {
  margin-top: -40px;
  margin-bottom: 70px;
}

.img-txt-list2 .item {
  display: flex;
  align-items: center;
  padding: 40px 0;
  border-bottom: 1px solid #ebebeb;
}

.img-txt-list2 .item .pic {
  flex: 0 0 320px;
  height: 205px;
  display: block;
  overflow: hidden;
  margin-right: 48px;
  background-color: #f2f2f2;
}

.img-txt-list2.p10 .item .pic {
  padding: 10px;
}

.img-txt-list2 .item .pic-con {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.img-txt-list2 .item .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.img-txt-list2 .item .pic:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.img-txt-list2 .item .txt {
  flex: 1;
}

.img-txt-list2 .item .txt a {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  color: #000;
  font-size: 18px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: block;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.img-txt-list2 .item .txt a:hover {
  color: #008dcf;
}

.img-txt-list2 .item .txt .date {
  color: #b9b9b9;
  font-size: 14px;
}

.img-txt-list2 .item .txt p {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid rgba(3, 0, 1, 0.1);
  font-size: 14px;
  line-height: 26px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #909090;
}

.img-txt-list2 .item .txt .date2 {
  color: #008dcf;
  font-size: 16px;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  margin-bottom: 10px;
}

.img-txt-list2 .item .txt span {
  color: #909090;
  font-size: 14px;
  opacity: 0.8;
}

.organization-section {
  padding: 70px 0 120px;
  background-image: url(../image/mod-bg1.jpg);

  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}

.organization-section .link-box {
  position: absolute;
  width: 100%;
  max-width: 1200px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -50px;
}

.organization {
  border-top: 1px solid #ededed;
  margin-top: 35px;
}

.organization h3 {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  height: 80px;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 20px;
  border-bottom: 1px solid rgba(237, 237, 237, 0.4);
}

.organization .row {
  margin-top: 35px;
  display: flex;
}

.organization .row .col {
  font-size: 22px;
  color: rgba(255, 255, 255, 0.7);
  flex: 1 0 auto;
}

.organization .row .col p {
  font-size: 18px;
}

.organization .row .col ul {
  display: flex;
  align-items: center;
  margin-top: 10px;
  font-size: 16px;
}

.organization .row .col ul li {
  padding-left: 20px;
  position: relative;
  white-space: nowrap;
}

.organization .row .col ul li:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #ededed;
  border-radius: 50%;
  opacity: 0.7;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
}

.organization .row .col ul li+li {
  margin-left: 40px;
}

.organization .row .col+.col {
  margin-left: 45px;
  padding-left: 45px;
  border-left: 1px solid rgba(237, 237, 237, 0.4);
}

.case-section {
  padding-top: 115px;
  padding-bottom: 134px;
}

.img-txt-list3 {
  overflow: hidden;
  margin: 35px -15px 0;
}

.img-txt-list3 .item {
  float: left;
  width: 33.3%;
}

.img-txt-list3 .item .item-con {
  margin: 0 15px;
}

.img-txt-list3 .item .item-con .pic {
  display: block;
  padding-top: 63.15%;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.img-txt-list3 .item .item-con .pic img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.img-txt-list3 .item .item-con .pic:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.img-txt-list3 .item .item-con .txt h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 15px;
}

.img-txt-list3 .item .item-con .txt h3 a {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  color: #000;
  font-size: 18px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.img-txt-list3 .item .item-con .txt h3 a:hover {
  color: #008dcf;
}

.img-txt-list3 .item .item-con .txt p {
  color: #b9b9b9;
  font-size: 14px;
}

.apply-form .g-more {
  margin-top: 30px;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 17px;
  color: #000;
}

.apply-form .title {
  color: #008dcf;
  font-size: 20px;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  margin-bottom: 60px;
}

.apply-form .tips {
  font-size: 18px;
  line-height: 34px;
  color: #303030;
  margin-top: 35px;
}

.apply-form .form-box {
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 35px;
  padding-right: 50px;
}

.apply-form .form-box:last-child {
  border-bottom: none;
}

.apply-form .form-item {
  display: flex;
  align-items: center;
}

.apply-form .form-item .label {
  flex: 0 0 127px;
  padding-right: 40px;
  color: #303030;
  font-size: 17px;
  height: 60px;
  text-align: right;
  line-height: 60px;
}

.apply-form .form-item .label em {
  position: relative;
  top: 3px;
  margin-right: 5px;
  color: #008dcf;
}

.apply-form .form-item .con {
  flex: 1;
  position: relative;
}

.apply-form .form-item .con input,
.apply-form .form-item .con select,
.apply-form .form-item .con textarea {
  display: block;
  width: 100%;
  height: 60px;
  border: 1px solid #b9b9b9;
  color: #303030;
  font-size: 17px;
  padding: 0 20px;
}

.apply-form .form-item .con textarea {
  resize: none;
  height: 307px;
  padding: 20px;
}

.apply-form .form-item .con .arrow-down {
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e5e5e5;
}

.apply-form .form-item .con input:focus,
.apply-form .form-item .con select:focus,
.apply-form .form-item .con textarea:focus {
  border: 1px solid;
  border-image: linear-gradient(90deg, #3bbabf, #3290db) 1 1;
}

.apply-form .form-item+.form-item {
  margin-top: 29px;
}

.apply-form .form-item.db {
  display: block;
}

.apply-form .form-item.db .label {
  text-align: left;
}

.intro-box h3 {
  font-size: 20px;
}

.operations-list {
  margin-top: 35px;
}

.operations-list .item .tit {
  height: 80px;
  display: flex;
  align-items: center;
  background-color: #f4f4f4;
  padding-left: 25px;
  font-size: 17px;
  color: #000;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
}

.operations-list .item .con {
  padding: 25px 0;
}

.operations-list .item .con p {
  margin: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 15px;
}

.range-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

.range-list .item {
  flex: 0 0 33.3%;
  margin-bottom: 25px;
  padding-left: 50px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.range-list .item span {
  padding-left: 20px;
  position: relative;
}

.range-list .item span:after {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #303030;
  opacity: 0.1;
  position: absolute;
  left: 0;
  top: 2px;
}

.range-list .item:nth-child(3n+1) {
  padding-left: 0;
  border-left: none;
}

.process-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: -50px;
}

.process-list .item {
  flex: 0 0 50%;
  padding: 50px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}

.process-list .item .tit {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 18px;
  color: #000;
  position: relative;
}

.process-list .item .tit:after {
  content: '';
  width: 1px;
  height: 30px;
  background: #000;
  opacity: 0.1;
  position: absolute;
  bottom: calc(104%);
  left: 7px;
}

.process-list .item .desc {
  font-family: SourceHanSansCN-Medium;
  color: #303030;
  font-size: 17px;
  line-height: 30px;
  margin: 15px 0;
}

.process-list .item .g-more {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 18px;
  color: #000;
}

.process-list .item:after {
  content: '';
  width: 16px;
  height: 16px;
  background: linear-gradient(-90deg, #328fdc, #3bbbbe);
  border-radius: 50%;
  position: absolute;
  top: -8px;
  left: 0;
  z-index: 2;
}

.process-list .item:before {
  content: '';
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: -17px;
  top: -24px;
}

.intro-box+hr {
  margin-top: 40px;
}

.intro-box h3 {
  margin-top: 40px;
}

.organizational-structure .big-info {
  display: flex;
  align-items: center;
  padding: 40px;
  background: #f4f4f4;
}

.organizational-structure .big-info .pic {
  flex: 0 0 340px;
  margin-right: 67px;
}

.organizational-structure .big-info .pic img {
  display: block;
  width: 100%;
}

.organizational-structure .big-info .txt {
  padding-right: 80px;
}

.organizational-structure .big-info .txt h3 {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 22px;
  color: #000;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.organizational-structure .big-info .txt .desc {
  color: #404040;
  font-size: 16px;
  line-height: 28px;
}

.staff-box {
  padding: 50px 0;
  border-bottom: 3px solid #f5f5f5;
}

.staff-box .title {
  font-weight: 100;
  font-size: 22px;
  color: #000;
  margin-bottom: 40px;
}

.staff-box:last-child {
  padding-bottom: 0;
}

.staff-list {
  overflow: hidden;
  margin: 0 -18px;
  display: flex;
  flex-wrap: wrap;
}

.staff-list .item {
  flex: 0 0 33.3%;
}

.staff-list .item .item-con {
  margin: 0 18px;
}

.staff-list .item .item-con .pic {
  padding-top: 124.4%;
  position: relative;
  overflow: hidden;
}

.staff-list .item .item-con .pic img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.staff-list .item .item-con .name {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 17px;
  color: #000;
  padding: 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

.staff-list .item .item-con .name span {
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  padding-left: 10px;
  color: #303030;
}

.staff-list .item .item-con .desc {
  color: #909090;
  font-size: 14px;
  line-height: 26px;
}

.staff-list .item .item-con .desc a {
  color: #909090;
  display: inline-block;
  height: 24px;
  line-height: 24px;
}

.staff-list .item .item-con .desc .tel {
  padding-left: 25px;
  background: url(../image/icon-tel-g.svg) no-repeat left 3px/18px auto;
}

.staff-list .item .item-con .desc .email {
  padding-left: 25px;
  background: url(../image/icon-email-g.svg) no-repeat left 6px/18px auto;
}

.staff-list .item.mb60 {
  margin-bottom: 60px;
}

.staff-list .item.mb50 {
  margin-bottom: 50px;
}

.staff-list.mb-80 {
  margin-bottom: -80px;
}

.staff-list.mb-50 {
  margin-bottom: -50px;
}

.staff-group-list {
  display: flex;
  flex-wrap: wrap;
}

.staff-group-list .item {
  flex: 1 0 33.3%;
}

.staff-group-list .item p {
  color: #303030;
  font-size: 17px;
  margin: 0 0 10px;
}

.staff-group-list .item h3 {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 17px;
  line-height: 35px;
  color: #000;
  margin: 0;
}

.hot-news-section {
  position: relative;
  padding: 70px 0;
  background: linear-gradient(-90deg, #328fdc, #3bbbbe);
}

.hot-news {
  display: flex;
  margin-top: 35px;
}

.hot-news .left {
  flex: 0 0 575px;
  width: 575px;
  margin-right: 40px;
  display: flex;
  flex-direction: column;
}

.hot-news .left .hot-news-item {
  flex: 1;
  position: relative;
}

.hot-news .left .hot-news-item .date {
  position: absolute;
  bottom: 0;
  left: 0;
}

.hot-news .right {
  flex: 1;
  width: 0;
}

.hot-news-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -40px;
}

.hot-news-list .hot-news-item {
  flex: 0 0 calc(50% - 18px);
  width: calc(50% - 18px);
  margin-bottom: 40px;
}

.hot-news-item .pic {
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 64.34%;
}

.hot-news-item .pic img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.hot-news-item .pic:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.hot-news-item .txt {
  margin-top: 25px;
}

.hot-news-item .txt h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 15px;
  color: #fff;
  font-size: 18px;
}

.hot-news-item .txt h3 a {
  color: #fff;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 18px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.hot-news-item .txt h3 a:hover {
  opacity: 0.8;
}

.hot-news-item .txt p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #fff;
  opacity: 0.8;
  font-size: 14px;
  line-height: 2;
}

.hot-news-item .txt .date {
  color: #fff;
  opacity: 0.6;
  font-size: 14px;
}

.academic-events-section {
  padding: 70px 0;
  background-color: #f8f8f8;
  border-bottom: 3px solid #f5f5f5;
}

.academic-events-section .section-tit .g-more {
  color: #707070;
}

.academic-events-swiper-wrap {
  position: relative;
  padding-bottom: 15px;
}

.academic-events-swiper-wrap .swiper-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 20;
}

.academic-events-swiper-wrap .swiper-pagination .swiper-pagination-bullet {
  cursor: pointer;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #e5e5e5;
}

.academic-events-swiper-wrap .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 12px;
}

.academic-events-swiper-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #3392da;
}

.academic-events-swiper {
  margin-top: 35px;
  overflow: hidden;
  position: relative;
}

.academic-events-swiper .item {
  display: flex;
}

.academic-events-swiper .item .pic {
  display: block;
  flex: 0 0 365px;
  overflow: hidden;
  margin-right: 50px;
}

.academic-events-swiper .item .pic img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.academic-events-swiper .item .pic:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.academic-events-swiper .item .txt {
  flex: 1;
  width: 0;
  padding-top: 10px;
}

.academic-events-swiper .item .txt .date {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 18px;
  color: #000;
  padding-bottom: 15px;
  border-bottom: 1px solid #000;
}

.academic-events-swiper .item .txt h3 {
  margin: 30px 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.academic-events-swiper .item .txt h3 a {
  line-height: 34px;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 18px;
  color: #000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.academic-events-swiper .item .txt h3 a:hover {
  color: #008dcf;
}

.academic-events-swiper .item .txt p {
  color: #707070;
  font-size: 16px;
}

.news-list-section {
  margin-top: 60px;
  padding-bottom: 134px;
}

.news-list-section .news-list {
  margin-top: 35px;
}

.section-row {
  display: flex;
  justify-content: space-between;
}

.section-row .section-col {
  flex: 0 0 calc(50% - 36px);
  width: calc(50% - 36px);
}

.news-list .item {
  padding: 25px 0;
  border-top: 1px solid #ebebeb;
}

.news-list .item:last-child {
  border-bottom: 1px solid #ebebeb;
}

.news-list .item h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 15px;
}

.news-list .item h3 a {
  color: #000;
  font-size: 18px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
}

.news-list .item h3 a:hover {
  color: #008dcf;
}

.news-list .item p {
  color: #b9b9b9;
  font-size: 14px;
}

.hot-news-big {
  padding-bottom: 35px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 42px;
}

.hot-news-big .pic {
  display: block;
  padding-top: 58.53%;
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
}

.hot-news-big .pic img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.hot-news-big .pic:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.hot-news-big .date {
  width: 240px;
  height: 54px;
  background: linear-gradient(-90deg, #328fdc, #3bbbbe);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 16px;
  color: #fff;
  margin-bottom: 25px;
}

.hot-news-big h3 a {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 18px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.hot-news-big h3 a:hover {
  color: #008dcf;
}

.hot-news-big p {
  margin: 15px 0;
  font-size: 14px;
  line-height: 26px;
  color: #909090;
  opacity: 0.7;
}

.hot-news-big span {
  color: #b9b9b9;
  font-size: 14px;
}

.info-box-gray {
  height: 70px;
  padding: 0 33px;
  display: flex;
  align-items: center;
  background-color: #fff;
}

.info-box-gray span {
  font-size: 14px;
    font-family: SourceHanSansCN-Bold;
    font-weight: 100;
    color: #008dcf;
}

.info-box-gray span+span {
  padding-left: 30px;
  margin-left: 30px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.admissions-information-section .admissions-information-row {
  padding: 70px 0;
  border-bottom: 3px solid #f5f5f5;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.admissions-information-section .admissions-information-row .wp {
  display: flex;
  align-items: center;
}

.admissions-information-section .admissions-information-row .wp .pic {
  display: block;
  flex: 0 0 600px;
  overflow: hidden;
}

.admissions-information-section .admissions-information-row .wp .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.admissions-information-section .admissions-information-row .wp .pic:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.admissions-information-section .admissions-information-row .wp .txt {
  flex: 1;
  margin-left: 80px;
}

.admissions-information-section .admissions-information-row .wp .txt h3 {
  font-size: 23px;
  color: #000;
  font-weight: 100;
}

.admissions-information-section .admissions-information-row .wp .txt h3 a {
  color: #000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.admissions-information-section .admissions-information-row .wp .txt h3 a:hover {
  color: #008dcf;
}

.admissions-information-section .admissions-information-row .wp .txt p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  margin: 20px 0 30px;
  color: #909090;
  font-size: 14px;
  line-height: 26px;
}

.admissions-information-section .admissions-information-row .wp .txt .g-more {
  color: #707070;
}

.admissions-information-section .admissions-information-row:last-child {
  border-bottom: none;
  padding-bottom: 134px;
}

.admissions-information-section .admissions-information-row:hover {
  background-color: #f8f8f8;
}

.admissions-information-section .admissions-information-row:nth-child(even) .wp {
  flex-direction: row-reverse;
}

.admissions-information-section .admissions-information-row:nth-child(even) .wp .txt {
  margin-left: 0;
  margin-right: 80px;
}

.center-intro-section {
  padding: 70px 0;
  background: linear-gradient(-90deg, #328fdc, #3bbbbe);
}

.center-intro-section .wp {
  display: flex;
  align-items: center;
}

.center-intro-section .wp .pic {
  flex: 0 0 590px;
  background: rgba(255, 255, 255, 0.4);
  padding: 6px;
  overflow: hidden;
  margin-right: 60px;
  position: relative;
}

.center-intro-section .wp .pic video {
  display: block;
  width: 100%;
  object-fit: cover;
}

.center-intro-section .wp .pic .play {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(../image/play-svg.svg);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  width: 70px;
  height: 70px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.center-intro-section .wp .pic:hover .play {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -moz-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  -o-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
}

.center-intro-section .wp .txt {
  flex: 1;
  color: #fff;
}

.center-intro-section .wp .txt h2 {
  font-weight: 100;
  font-size: 26px;
  margin-bottom: 20px;
}

.center-intro-section .wp .txt h3 {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 16px;
  margin-bottom: 20px;
}

.center-intro-section .wp .txt p {
  font-size: 16px;
  line-height: 28px;
  opacity: 0.8;
  margin-bottom: 60px;
}

.development-history-section {
  padding: 70px 0;
  background-image: url(../image/mod-bg1.jpg);

  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}

.development-history-section .wp {
  position: relative;
  left: -10px;
}

.dh-swiper {
  overflow: hidden;
  margin-top: 35px;
  padding: 12px 0;
}

.dh-swiper .dh-item {
  color: #fff;
  height: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-transform: translateX(12px);
  -moz-transform: translateX(12px);
  -ms-transform: translateX(12px);
  -o-transform: translateX(12px);
  transform: translateX(12px);
}

.dh-swiper .dh-item .date {
  font-size: 16px;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  margin-bottom: 20px;
}

.dh-swiper .dh-item p {
  color: #fff;
  opacity: 0.8;
  font-size: 16px;
  line-height: 28px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.dh-swiper .dh-item .con {
  flex: 1;
  padding: 55px 40px 25px 20px;
  position: relative;
}

.dh-swiper .dh-item .con:hover p {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
}

.dh-swiper .dh-item .con:after {
  content: '';
  position: absolute;
  top: 22px;
  bottom: 0;
  width: 1px;
  background: #fff;
  left: 0;
}

.dh-swiper .dh-item .con:before {
  content: '';
  position: absolute;
  left: 22px;
  right: 22px;
  height: 1px;
  background: #fff;
  top: 0;
}

.dh-swiper .dh-item:after {
  content: '';
  width: 24px;
  height: 24px;
  background: #fff;
  opacity: 0.2;
  border-radius: 50%;
  position: absolute;
  left: -12px;
  top: -12px;
}

.dh-swiper .dh-item:before {
  content: '';
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: -5px;
  left: -5px;
}

.swiper-button {
  position: absolute;
  bottom: -18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 84px;
  height: 36px;
  background: #f8f8f8;
  border-radius: 18px;
  display: flex;
  align-items: center;
}

.swiper-button .swiper-button-next,
.swiper-button .swiper-button-prev {
  flex: 0 0 50%;
  height: 100%;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 13px auto;
  background-size: 13px auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.swiper-button .swiper-button-next {
  background-image: url(../image/icon-swi-r-b.svg);
}

.swiper-button .swiper-button-next:hover {
  background-image: url(../image/icon-swi-r-on.svg);
}

.swiper-button .swiper-button-next.swiper-button-disabled {
  background-image: url(../image/icon-swi-r.svg);
}

.swiper-button .swiper-button-prev {
  background-image: url(../image/icon-swi-l-b.svg);
}

.swiper-button .swiper-button-prev:hover {
  background-image: url(../image/icon-swi-l-on.svg);
}

.swiper-button .swiper-button-prev.swiper-button-disabled {
  background-image: url(../image/icon-swi-l.svg);
}

.link-section {
  padding: 70px 0;
  border-bottom: 3px solid #f5f5f5;
}

.link-section .link-box.w3 {
  margin: 0 -10px;
}

.link-section .link-box.w3 a {
  height: 120px;
  flex: 0 0 calc(33.3% - 20px);
  margin: 0 10px;
  padding-left: 45px;
  padding-right: 36px;
}

.link-section .link-box.w3 a .name {
  font-size: 22px;
}

.annual-report-section {
  padding: 70px 0;
  border-bottom: 3px solid #f5f5f5;
  background: #f8f8f8;
}

.ar-swiper {
  margin: 15px -20px 0;
  padding: 20px;
  overflow: hidden;
}

.ar-item {
  display: flex;
  align-items: center;
}

.ar-item .pic {
  flex: 0 0 223px;
  box-shadow: -2px -2px 20px 5px rgba(0, 0, 0, 0.1);
  margin-right: 80px;
}

.ar-item .pic img {
  display: block;
  width: 100%;
  object-fit: cover;
}

.ar-item .txt {
  flex: 1;
}

.ar-item .txt h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 30px;
  font-size: 22px;
}

.ar-item .txt h3 a {
  color: #008dcf;
  font-size: 22px;
}

.ar-swiper .ar-item .txt h3 a {
  color: #000;
  font-size: 20px;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.ar-swiper .ar-item .txt h3 a:hover {
  color: #008dcf;
}

.ar-item .txt p {
  font-size: 16px;
  color: #909090;
  line-height: 30px;
  margin-bottom: 40px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  pointer-events: none;
}

.section-tit .swiper-button {
  position: static;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.section-tit .swiper-button .swiper-button-next {
  background-image: url(../image/icon-swi-r-b.svg);
}

.section-tit .swiper-button .swiper-button-next:hover {
  background-image: url(../image/icon-swi-r-on.svg);
}

.section-tit .swiper-button .swiper-button-next.swiper-button-disabled {
  background-image: url(../image/icon-swi-r.svg);
}

.section-tit .swiper-button .swiper-button-prev {
  background-image: url(../image/icon-swi-l-b.svg);
}

.section-tit .swiper-button .swiper-button-prev:hover {
  background-image: url(../image/icon-swi-l-on.svg);
}

.section-tit .swiper-button .swiper-button-prev.swiper-button-disabled {
  background-image: url(../image/icon-swi-l.svg);
}

.swiper-button.white {
  background-color: #fff;
}

.office-contact-section {
  padding: 70px 0 134px;
}

.office-contact {
  display: flex;
  justify-content: space-between;
}

.office-contact .item {
  flex: 0 0 calc(50% - 20px);
}

.office-contact .item .pic {
  display: block;
  padding-top: 63.48%;
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
  height: 368px;
}

.pics {
  padding-top: 0% !important;
  margin-top: -7px;
}

.office-contact .item .pic img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.office-contact .item .pic:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.office-contact .item .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.office-contact .item .title h3 {
  font-weight: 100;
  font-size: 26px;
  font-weight: 400;
  color: #000;
}

.office-contact .item .title h3 a {
  color: #000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.office-contact .item .title h3 a:hover {
  color: #008dcf;
}

.toggle-list .toggle-mod .title h3 {
  color: #008dcf;
}

.toggle-list .toggle-mod .title:hover h3,
.toggle-list .toggle-mod.active .title h3 {
  color: #fff;
}

.history-list {
  margin-top: 50px;
  padding-bottom: 13px;
  overflow: hidden;
}

.history-list .item {
  display: flex;
  padding-left: 20px;
}

.history-list .item .month {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 17px;
  color: #000;
  padding-right: 30px;
}

.history-list .item .content {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 20px;
  color: #303030;
  font-size: 17px;
  line-height: 35px;
}

.history-list .item .content p {
  padding-left: 20px;
  position: relative;
}

.history-list .item .content p:after {
  content: '';
  position: absolute;
  top: 13px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #000;
  opacity: 0.1;
  border-radius: 50%;
}

.history-list .item .content p+p {
  margin-top: 10px;
}

.history-list .item+.item {
  margin-top: 35px;
}

.map {
  width: 100%;
  height: 420px;
}

.contact-row {
  margin-top: 50px;
  display: flex;
}

.contact-row .col {
  flex: 0 0 50%;
}

.contact-row .col h3 {
  font-weight: 400;
  font-size: 20px;
  color: #000;
  margin-bottom: 20px;
  position: relative;
}

.contact-row .col p {
  font-size: 16px;
  color: #303030;
  line-height: 28px;margin:0;
}

.anchorBL {
  display: none;
}

.ar-list .ar-item {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ar-list .ar-item .pic {
  box-shadow: none;
  background: #f2f2f2;
  padding: 10px;
  margin-right: 55px;
}

.ar-list .ar-item .txt h3 {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(3, 0, 1, 0.1);
}

.ar-list .ar-item .txt h3 a {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 18px;
  color: #000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.ar-list .ar-item .txt h3 a:hover {
  color: #008dcf;
}

.ar-list .ar-item .txt p {
  font-size: 14px;
  line-height: 26px;
}

.ar-list .ar-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.det-video {
  flex: 1;
  margin-bottom: 60px;
  position: relative;
}

.det-video .video {
  padding-top: 48.5%;
  position: relative;
  overflow: hidden;
}

.det-video .play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(../image/play-svg.svg);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  width: 100px;
  height: 100px;
  cursor: pointer;
}

.det-video video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: contain;
  background: #000;
}

.center-overview {
  padding-bottom: 50px;
}

.center-overview+.center-overview {
  padding-top: 50px;
  border-top: 3px solid #f5f5f5;
}

.index-banner {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.index-banner .bg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index-banner .txt {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  text-align: center;
  color: #fefefe;
}

.index-banner .txt h3 {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 60px;
}

.index-banner .txt p {
  font-family: SourceHanSansCN-Light;
  font-size: 58px;
  opacity: 0.8;
}

.index-banner .cube1 {
  position: absolute;
  right: -15%;
  top: -10%;
  width: 50%;
  height: 100%;
  opacity: 0.5;
}

.index-banner .cube1 svg,
.index-banner .cube2 svg {
  display: block;
  width: 100%;
  height: 100%;
}

.index-banner .cube2 svg {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(2.2);
  -moz-transform: scale(2.2);
  -ms-transform: scale(2.2);
  -o-transform: scale(2.2);
  transform: scale(2.2);
}

.index-banner .cube2 {
  position: absolute;
  width: 60%;
  height: 100%;
  left: 3%;
  bottom: -14%;
  pointer-events: none;
  opacity: 0.5;
}

.cube-hero {
  stroke-dasharray: 10000;
  stroke-dashoffset: 10000;
  animation-name: dash;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-duration: 85s;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

.second-page-ban-txt {
  position: relative;
  overflow: hidden;
}

.second-page-ban-txt .cube1 {
  opacity: 0.3;
  position: absolute;
  left: -19%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 200%;
}

.second-page-ban-txt2 .cube1 {
  left: -14%;
}

.second-page-ban-txt .cube1 svg {
  height: 100%;
  width: 100%;
}

.second-page-ban-txt .cube2 {
  opacity: 0.3;
  position: absolute;
  right: -12%;
  top: 10%;
  height: 100%;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}

.second-page-ban-txt2 .cube2 {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  right: -7%;
  top: 12%;
}

.hot-news-section,
.talent-development-type {
  position: relative;
  overflow: hidden;
}

.hot-news-section .wp,
.talent-development-type .wp {
  position: relative;
  z-index: 2;
}

.hot-news-section .cube1,
.talent-development-type .cube1 {
  opacity: 0.3;
  position: absolute;
  left: -16%;
  top: -25%;
  z-index: 1;
  height: 100%;
}

.talent-development-type.center-intro-section .cube1 {
  left: -9%;
  top: -35%;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.hot-news-section .cube1 svg {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.hot-news-section .cube1 svg,
.talent-development-type .cube1 svg {
  height: 100%;
  width: 100%;
}

.hot-news-section .cube2,
.talent-development-type .cube2 {
  opacity: 0.3;
  position: absolute;
  right: -18%;
  top: 20px;
  height: 100%;
  z-index: 1;
}

.talent-development-type .cube2 {
  right: -24%;
  opacity: 0.2;
  -webkit-transform: scale(1.7);
  -moz-transform: scale(1.7);
  -ms-transform: scale(1.7);
  -o-transform: scale(1.7);
  transform: scale(1.7);
}

.talent-development-type.center-intro-section .cube2 {
  right: -14%;
  top: 30px;
}

.hot-news-section .cube2 svg,
.talent-development-type .cube2 svg {
  display: block;
  width: 100%;
  height: 100%;
}

.hot-news-section .cube1 {
  height: 90%;
}

.hot-news-section .cube2 {
  top: auto;
  bottom: -20%;
  right: -26%;
}

.index-news-section {
  padding: 75px 0;
  border-bottom: 3px solid #f5f5f5;
}

.index-news-top {
  display: flex;
  margin-top: 35px;
}

.index-news-top .index-news-swiper {
  flex: 0 0 785px;
  width: 785px;
  margin-right: 50px;
  overflow: hidden;
  position: relative;
}

.index-news-top .index-news-swiper a {
  display: block;
  padding-top: 61.78%;
  position: relative;
  overflow: hidden;
}

.index-news-top .index-news-swiper a img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: 1;
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -ms-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;
}

.index-news-top .index-news-swiper a .txt {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  z-index: 3;
}

.index-news-top .index-news-swiper a .txt p {
  font-size: 16px;
}

.index-news-top .index-news-swiper a .txt h3 {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 20px;
}

.index-news-top .index-news-swiper a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.index-news-top .index-news-swiper a:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background: #121212;
  opacity: 0.6;
}

.index-news-top .index-news-swiper .hot-news-tag {
  position: absolute;
  top: 0;
  right: 0;
  width: 173px;
  height: 60px;
  background: linear-gradient(-45deg, #328fdc, #3bbbbe);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  z-index: 20;
}

.index-news-top .index-news-swiper .swiper-pagination {
  position: absolute;
  bottom: 32px;
  right: 40px;
  text-align: right;
  z-index: 20;
  display: flex;
  align-items: center;
}

.index-news-top .index-news-swiper .swiper-pagination .swiper-pagination-bullet {
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
  opacity: 0.4;
  border-radius: 50%;
  cursor: pointer;
}

.index-news-top .index-news-swiper .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 12px;
}

.index-news-top .index-news-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: linear-gradient(-45deg, #328fdc, #3bbbbe);
  opacity: 1;
}

.index-news-top .news-txt-list {
  flex: 1;
}

.index-news-top .news-txt-list .item {
  flex: 0 0 50%;
  padding-top: 25px;
}

.index-news-top .news-txt-list .item h3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 56px;
}

.index-news-top .news-txt-list .item h3 a {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 18px;
  line-height: 28px;
  color: #000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.index-news-top .news-txt-list .item h3 a:hover {
  color: #008dcf;
}

.index-news-top .news-txt-list .item p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  color: #909090;
  line-height: 26px;
  height: 52px;
  margin: 15px 0;
}

.index-news-top .news-txt-list .item span {
  color: #b8b8b8;
  font-size: 14px;
}

.index-news-top .news-txt-list .item+.item {
  border-top: 1px solid rgba(1, 1, 1, 0.1);
  padding-top: 50px;
  margin-top: 50px;
}

.index-news-bot {
  margin-top: 47px;
}

.news-img-txt-list {
  overflow: hidden;
  margin: 0 -23px;
}

.news-img-txt-list .item {
  float: left;
  width: 33.3%;
}

.news-img-txt-list .item .item-con {
  margin: 0 23px;
}

.news-img-txt-list .item .item-con .pic {
  display: block;
  padding-top: 63.51%;
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
}

.news-img-txt-list .item .item-con .pic img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.news-img-txt-list .item .item-con .pic:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.news-img-txt-list .item .item-con h3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 70px;
  margin-bottom: 15px;
}

.news-img-txt-list .item .item-con h3 a {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 18px;
  line-height: 28px;
  color: #000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.news-img-txt-list .item .item-con h3 a:hover {
  color: #008dcf;
}

.news-img-txt-list .item .item-con span {
  color: #b8b8b8;
  font-size: 14px;
}

.index-event-section {
  padding: 75px 0;
}

.event-list {
  overflow: hidden;
  margin: 35px -13px 0;
}

.event-list .item {
  float: left;
  width: 25%;
}

.event-list .item .item-con {
  display: block;
  margin: 0 13px;
}

.event-list .item .item-con .txt {
  position: relative;
  background: #efefef;
  padding: 25px;
}

.event-list .item .item-con .txt * {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.event-list .item .item-con .txt span {
  color: #707070;
  position: relative;
  z-index: 2;
  font-size: 14px;
  opacity: 0.5;
}

.event-list .item .item-con .txt p {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 18px;
  color: #000;
  line-height: 28px;
  height: 84px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 10px 0 20px;
  position: relative;
  z-index: 2;
}

.event-list .item .item-con .txt em {
  color: #000;
  position: relative;
  z-index: 2;
  font-size: 14px;
}

.event-list .item .item-con .txt:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(-45deg, #328fdc, #3bbbbe);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.event-list .item .item-con .pic {
  overflow: hidden;
  height: 180px;
}

.event-list .item .item-con .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.event-list .item .item-con:hover .txt:after {
  opacity: 1;
}

.event-list .item .item-con:hover .txt em,
.event-list .item .item-con:hover .txt p,
.event-list .item .item-con:hover .txt span {
  color: #fff;
}

.index-research-section {
  padding: 75px 0;


  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.index-research-swiper {
  overflow: hidden;
  padding: 20px 14px;
  margin: -70px -14px 64px;
}

.index-research-swiper .swiper-slide {
  -webkit-transition: opacity 0.2s !important;
  -moz-transition: opacity 0.2s !important;
  -ms-transition: opacity 0.2s !important;
  -o-transition: opacity 0.2s !important;
  transition: opacity 0.2s !important;
}

.index-research-swiper .swiper-slide.swiper-slide-active {
  z-index: 10;
}

.index-research-swiper .item {
  display: flex;
}

.index-research-swiper .item .txt {
  flex: 0 0 500px;
  margin-right: 80px;
  display: flex;
  flex-direction: column;
  padding-top: 70px;
  align-items: flex-start;
}

.index-research-swiper .item .txt h3 {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  color: #000;
  font-size: 34px;
  line-height: 46px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.index-research-swiper .item .txt p {
  font-size: 14px;
  line-height: 26px;
  color: #000;
  opacity: 0.4;
  margin: 24px 0 40px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.index-research-swiper .item .pic {
  flex: 1;
  padding: 8px;
  background: rgba(255, 255, 255, 0.6);
  position: relative;
  z-index: 2;
}

.index-research-swiper .item .pic img {
  display: block;
  width: 100%;
  position: relative;
  z-index: 2;
}

.index-research-swiper .item .pic:after {
  content: '';
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.3;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}

.index-research-dots {
  display: flex;
}

.index-research-dots .item {
  flex: 1 0 auto;
  padding-top: 25px;
  cursor: pointer;
  border-top: 2px solid rgba(0, 0, 0, 0.1);
}

.index-research-dots .item h3 {
  font-size: 16px;
  line-height: 26px;
  color: #000;
  font-weight: 400;
}

.index-research-dots .item.active {
  border-top-color: #000;
}

.index-research-dots .item.active h3 {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
}

.index-research-dots .item+.item {
  margin-left: 32px;
}

.index-academic-news-section {
  padding: 75px 0;
  border-bottom: 3px solid #f5f5f5;
}

.index-academic-news-swiper {
  margin-top: 35px;
  padding-bottom: 43px;
  border-bottom: 1px solid rgba(1, 1, 1, 0.1);
  overflow: hidden;
  position: relative;
}

.index-academic-news-swiper .item {
  display: flex;
  align-items: center;
}

.index-academic-news-swiper .item .pic {
  display: block;
  flex: 0 0 195px;
  height: 125px;
  background: #f2f2f2;
  margin-right: 35px;
  position: relative;
  overflow: hidden;
  padding: 10px;
}

.index-academic-news-swiper .item .pic-con {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.index-academic-news-swiper .item .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.index-academic-news-swiper .item .pic:hover img {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  transform: scale(1.03);
}

.index-academic-news-swiper .item .txt {
  flex: 1;
  width: 0;
  padding-right: 200px;
}

.index-academic-news-swiper .item .txt .type {
  color: #008dcf;
  font-size: 14px;
  margin-bottom: 15px;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
}

.index-academic-news-swiper .item .txt h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-academic-news-swiper .item .txt h3 a {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 18px;
  line-height: 28px;
  color: #000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.index-academic-news-swiper .item .txt h3 a:hover {
  color: #008dcf;
}

.index-academic-news-swiper .item .txt p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #909090;
  font-size: 14px;
  margin: 5px 0 10px;
}

.index-academic-news-swiper .item .txt span {
  color: #b8b8b8;
  font-size: 14px;
}

.index-academic-news-swiper .swiper-slide.swiper-slide-active {
  z-index: 10;
}

.index-academic-news-swiper .swiper-button {
  left: auto;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 20;
}

.index-academic-news-swiper .swiper-button-next {
  background-image: url(../image/icon-swi-r-b.svg);
}

.index-academic-news-swiper .swiper-button-prev {
  background-image: url(../image/icon-swi-l-b.svg);
}

.index-academic-news-list {
  padding: 35px 0;
  border-bottom: 1px solid rgba(1, 1, 1, 0.1);
  display: flex;
}

.index-academic-news-list .item {
  flex: 0 0 33.3%;
  padding: 10px 45px;
}

.index-academic-news-list .item .type {
  color: #008dcf;
  font-size: 14px;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
}

.index-academic-news-list .item h3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 56px;
  margin: 15px 0 20px;
}

.index-academic-news-list .item h3 a {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 18px;
  color: #000;
  line-height: 28px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.index-academic-news-list .item h3 a:hover {
  color: #008dcf;
}

.index-academic-news-list .item span {
  color: #b8b8b8;
  font-size: 14px;
}

.index-academic-news-list .item+.item {
  border-left: 1px solid rgba(1, 1, 1, 0.1);
}

.index-academic-news-list .item:first-child {
  padding-left: 0;
}

.index-annual-report {
  padding-top: 75px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 22px;
}

.index-annual-report .txt {
  /* flex: 1; */
  margin-right: 258px;
  width: 170%;
}

.index-annual-report .txt h3 {
  font-weight: 100;
  font-size: 30px;
  color: #000;
}

.index-annual-report .txt p {
  margin: 35px 0 40px;
  font-size: 14px;
  line-height: 26px;
  color: #909090;
}

.index-annual-report .pic {
  flex: 0 0 226px;
  position: relative;
}

.index-annual-report .pic img {
  display: block;
  width: 100%;
  position: relative;
  z-index: 2;
  box-shadow: 5px 8px 16px 0 rgba(1, 6, 0, 0.17);
}

.index-annual-report .pic:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 15px;
  left: -27px;
  background: #f8f8f8;
}

.index-statistical-consulting-section {
  padding: 75px 0 140px;
}

.index-statistical-consulting {
  display: flex;
}

.index-statistical-consulting-swiper {
  flex: 0 0 600px;
  overflow: hidden;
  position: relative;
}

.index-statistical-consulting-swiper .swiper-pagination {
  position: absolute;
  bottom: 32px;
  right: 40px;
  text-align: right;
  z-index: 20;
  display: flex;
  align-items: center;
}

.index-statistical-consulting-swiper .swiper-pagination .swiper-pagination-bullet {
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
  opacity: 0.4;
  border-radius: 50%;
  cursor: pointer;
}

.index-statistical-consulting-swiper .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 12px;
}

.index-statistical-consulting-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: linear-gradient(-45deg, #328fdc, #3bbbbe);
  opacity: 1;
}

.index-statistical-consulting-swiper .pic {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.index-statistical-consulting-swiper .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index-statistical-consulting-swiper .pic .txt {
  position: absolute;
  bottom: 23px;
  left: 0;
  padding-left: 42px;
  width: 100%;
  color: #fff;
  font-size: 18px;
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 100px;
}

.index-statistical-consulting-intro {
  background: #f9f9f9;
  padding-left: 82px;
  padding-right: 72px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.index-statistical-consulting-intro h3 {
  font-size: 30px;
  font-weight: 400;
  color: #000;
}

.index-statistical-consulting-intro p {
  color: #909090;
  font-size: 14px;
  line-height: 26px;
  padding-right: 30px;
  margin: 35px 0 45px;
}

.index-statistical-consulting-intro .link-bot {
  padding-top: 50px;
  border-top: 1px solid rgba(1, 1, 1, 0.1);
}

.index-statistical-consulting-intro .link-bot .g-more {
  font-family: SourceHanSansCN-Bold;
  font-weight: 100;
  font-size: 16px;
  color: #000;
}

.index-statistical-consulting-intro .link-bot .g-more+.g-more {
  margin-left: 50px;
}

.no-border {
  border: none !important;
}

.pb6 {
  padding-bottom: 6px;
}

.l0 {
  left: 0 !important;
}

.bb1 {
  border-bottom-width: 1px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.p0 {
  padding: 0 !important;
}

.g-more {
  position: relative;
  height: auto;
}

.g-more span {
  position: relative;
  z-index: 2;
  line-height: 0px;
}

.g-more:after {
  content: '';
  position: absolute;
  top: -4px;
  left: -10px;
  right: -4px;
  bottom: -5px;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(-45deg, #328fdc, #3bbbbe);
  border-radius: 15px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.g-more:hover:after {
  opacity: 1;
}

.g-more.big .icon {
  width: 24px;
  height: 24px;
}

.g-more.big .icon svg {
  width: 24px;
  height: 24px;
}

.g-more.gray .icon {
  color: #e5e5e5;
}

.svg-sprite {
  display: none;
}

.career-list .item .link .g-more .icon {
  color: #e5e5e5;
}

.g-more:hover span {
  color: #fff;
}

.g-more:hover .icon {
  color: #fff;
}

.talent-development-page .academic-achievements-section {
  padding: 70px 0 0;
}

.cube1,
.cube2 {
  pointer-events: none;
}

.g-more.color:after {
  background: #fff !important;
}

.g-more.color:hover .icon,
.g-more.color:hover span {
  color: #008dcf !important;
}

.bd_weixin_popup {
  height: auto !important;
  width: auto !important;
}

.search-box {
  height: 65px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(1, 1, 1, 0.1);
  margin-bottom: 10px;
}

.search-box .input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: none;
  z-index: 1;
  padding-left: 18px;
  padding-right: 118px;
  font-size: 16px;
  color: #000;
}

.search-box .input:focus {
  border: none;
}

.search-box .submit {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100px;
  background: #008dcf url(../image/icon-so.svg) no-repeat center center / 44%;
  z-index: 2;
  font-size: 0;
  border: none;
}

.footer .fd-top .wp .fd-top-left .fd-logo a {
  display: block;
  height: 100%;
}

.mobile-wp {
  display: none;
}

.menuBtn {
  display: none;
}

@media only screen and (max-width: 1800px) {
  .header .hd-wp {
    max-width: none;
    padding: 0 40px;
  }

  .header .hd-wp .hd-r .nav .nav-item {
    margin-right: 30px;
  }
}

@media only screen and (max-width: 1360px) {
  .header .hd-wp .logo {
    height: 50px;
  }

  .header .hd-wp .hd-r .nav .nav-item {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 1300px) {
  .wp {
    padding: 0 30px;
  }

  .header .hd-wp .hd-r .hd-tools .hd-search .input {
    height: 40px;
  }

  .inner-layout .inner-title {
    left: 0;
  }
}

@media only screen and (max-width: 1199px) {
  .nav li a {
    font-size: 16px;
  }

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

  .site-hamburger-animation a,
  .header .hd-wp .hd-r .hd-tools .hd-lang {
    margin-right: 0 !important;
  }

  .wp3 {
    padding: 0 30px;
  }

  .crumb .wp2 {
    padding-left: 30px;
  }

  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 25px;
    background: linear-gradient(-90deg, #328fdc, #3bbbbe);
  }

  .header .hd-wp .logo {
    height: 40px;
  }

  .header .hd-wp {
    padding: 0;
  }

  .header .hd-wp .hd-r {
    display: none;
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: calc(100vh - 60px);
    overflow-y: auto;
    background: linear-gradient(-90deg, #328fdc, #3bbbbe);
    padding-bottom: 50px;
  }

  .header .hd-wp .hd-r.open {
    display: block;
  }

  .menuBtn {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../image/menu.svg) no-repeat center center / 60%;
  }

  .menuBtn.open {
    background-image: url(../image/close.svg);
    background-size: 80%;
    display: none;
  }

  .header .hd-wp .hd-r .nav {
    display: block;
    text-align: center;
    padding-top: 30px;
  }

  .header .hd-wp .hd-r .nav .nav-item {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .header .hd-wp .hd-r .nav .sub-wrap {
    position: static;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    width: 100%;
  }

  .header .hd-wp .hd-r .hd-tools {
    justify-content: center;
  }

  .index-banner .txt h3 {
    font-size: 40px;
  }

  .index-banner .txt p {
    font-size: 38px;
  }

  .index-news-top {
    display: block;
  }

  .index-news-top .index-news-swiper {
    width: 100%;
  }

  .index-news-top .news-txt-list .item+.item {
    padding-top: 30px;
    margin-top: 30px;
  }

  .index-news-top .news-txt-list .item h3,
  .index-news-top .news-txt-list .item p {
    height: auto;
  }

  .index-news-top .news-txt-list .item p {
    margin: 10px 0;
  }

  .news-img-txt-list .item .item-con h3 a {
    font-size: 16px;
    line-height: 1.5;
  }

  .news-img-txt-list .item .item-con h3 {
    height: auto;
  }

  .event-list .item {
    width: 50%;
    margin-bottom: 26px;
  }

  .index-research-swiper .item {
    display: block;
  }

  .index-research-swiper {
    margin-top: 0;
  }

  .index-research-swiper .item .pic {
    margin-top: 40px;
  }

  .index-statistical-consulting {
    display: block;
  }

  .index-statistical-consulting-intro {
    padding: 50px;
  }

  .admissions-information-section .admissions-information-row .wp .txt {
    margin-left: 40px;
  }

  .admissions-information-section .admissions-information-row:nth-child(even) .wp .txt {
    margin-right: 40px;
  }

  .hot-news .left {
    flex: 0 0 50%;
    width: 50%;
  }

  .teacher-info {
    display: block;
    padding-bottom: 0;
  }

  .teacher-info .pic {
    width: 440px;
    margin: 0 auto 20px;
  }

  .header .hd-wp .hd-r .hd-tools {
    display: block;
  }

  .header .hd-wp .hd-r .hd-tools .hd-lang {
    justify-content: center;
    margin-bottom: 30px;
    float: none !important;
    display: flex !important;
 
  }
  .header .hd-wp .searchbox{
     float: none !important;
     margin: 0 auto !i;
     !;
     text-align: center;
     /* display: block; */
  }

  .header .hd-wp .hd-r .hd-tools .hd-search {
    margin: 20px auto 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: block !important;
    !i;
    !;
  }

  .header .hd-wp .hd-r .hd-tools .hd-search.show {
    -webkit-transform: translateX(70px);
    -moz-transform: translateX(70px);
    -ms-transform: translateX(70px);
    -o-transform: translateX(70px);
    transform: translateX(70px);
  }

  .header .hd-wp .hd-r .hd-tools .hd-search .input {
    right: 0;
  }
}

@media only screen and (max-width: 959px) {
  .wp4 {
    padding: 0 20px;
  }

  .index-page .section-tit h3 {
    font-size: 20px;
  }

  .academic-achievements-section,
  .academic-achievements-section.pb6,
  .academic-events-section,
  .admissions-information-section .admissions-information-row,
  .alumni-section,
  .annual-report-section,
  .career-info-section,
  .case-section,
  .center-intro-section,
  .development-history-section,
  .hot-news-section,
  .index-academic-news-section,
  .index-event-section,
  .index-news-section,
  .index-research-section,
  .index-statistical-consulting-section,
  .inner-layout,
  .link-section,
  .office-contact-section,
  .organization-section,
  .research-team-section,
  .scientific-research-section,
  .second-page-ban-txt,
  .student-corner,
  .talent-development-intro,
  .talent-development-page .academic-achievements-section,
  .talent-development-type {
    padding: 40px 0;
  }

  .talent-development-page .academic-achievements-section {
    padding-top: 0;
  }

  .admissions-information-section .admissions-information-row:last-child {
    padding-bottom: 40px;
  }

  .news-list-section {
    margin-top: 0;
    padding-bottom: 40px;
  }

  .organization-section {
    padding-bottom: 70px;
  }

  .case-section {
    padding-top: 70px;
  }

  .img-txt-list3,
  .organization {
    margin-top: 30px;
  }

  .organization .row .col,
  .organization h3 {
    font-size: 18px;
    height: auto;
    padding: 20px 0;
  }

  .organization .row {
    display: block;
    margin-top: 0;
  }

  .organization .row .col {
    padding-bottom: 0;
  }

  .organization .row .col+.col {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }

  .organization-section .link-box {
    bottom: -30px;
    padding: 0 30px;
  }

  .scientific-research-list .item .item-con h3 {
    font-size: 18px;
  }

  .scientific-research-list .item .item-con .g-more,
  .scientific-research-list .item .item-con h3 {
    left: 20px;
  }

  .scientific-research-list {
    padding-top: 30px;
  }

  .section-tit .txt {
    font-size: 18px;
  }

  .second-page-ban-txt h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .section-tit h3 {
    font-size: 20px;
  }

  .event-list,
  .index-academic-news-swiper,
  .index-news-top {
    margin-top: 20px;
  }

  .index-news-top .news-txt-list .item+.item {
    margin-top: 20px;
    padding-top: 20px;
  }

  .news-img-txt-list {
    margin: 0 -10px;
  }

  .news-img-txt-list .item .item-con {
    margin: 0 10px;
  }

  .index-research-swiper {
    margin-bottom: 30px;
  }

  .index-research-swiper .item .txt {
    margin-right: 0;
  }

  .index-research-swiper .item .txt h3 {
    font-size: 20px;
  }

  .index-research-swiper .item .txt p {
    margin: 20px 0;
  }

  .index-research-dots .item h3 {
    font-size: 14px;
    line-height: 1.5;
  }

  .index-research-dots .item {
    padding-top: 18px;
  }

  .index-academic-news-swiper .item .txt {
    padding-right: 100px;
  }

  .index-academic-news-list {
    padding: 30px 0;
  }

  .index-academic-news-list .item {
    padding: 10px 20px;
  }

  .index-academic-news-list .item h3 {
    height: 48px;
  }

  .index-academic-news-list .item h3 a {
    line-height: 24px;
  }

  .index-annual-report .txt {
    margin-right: 60px;
  }

  .index-annual-report .txt h3 {
    font-size: 20px;
  }

  .index-annual-report .txt p {
    margin: 20px 0;
  }

  .index-statistical-consulting-intro {
    padding: 30px;
  }

  .index-statistical-consulting-intro h3 {
    font-size: 20px;
  }

  .index-statistical-consulting-intro p {
    margin: 20px 0;
  }

  .index-statistical-consulting-intro .link-bot {
    padding-top: 20px;
  }

  .footer .fd-top {
    padding: 40px 0;
  }

  .footer .fd-top .wp .fd-top-left .fd-logo {
    height: 50px;
    margin-bottom: 15px;
  }

  .footer .fd-top .wp .fd-top-left .fd-link {
    margin: 15px 0;
  }

  .footer .fd-top .wp .fd-top-left .fd-desc {
    font-size: 14px;
  }

  .footer .fd-top .wp {
    display: block;
  }

  .footer .fd-top .wp .fd-top-right {
    justify-content: flex-start;
    margin-top: 40px;
  }

  .footer .fd-bot .wp {
    height: auto;
    padding: 25px;
  }

  .index-statistical-consulting-intro p {
    padding-right: 0;
  }

  .inner-layout .wp {
    flex-direction: column-reverse;
  }

  .inner-layout .inner-layout-right {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }

  .inner-nav .inner-nav-title {
    height: 50px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    background: #f4f4f4;
  }

  .inner-nav .inner-nav-title span {
    color: #008dcf;
    font-size: 18px;
    font-family: SourceHanSansCN-Bold, serif;
  }

  .inner-nav .inner-nav-list {
    display: none;
  }

  .inner-nav .inner-nav-list .item-title {
    height: 50px;
  }

  .det-video {
    margin-bottom: 40px;
  }

  .inner-layout .inner-layout-right {
    margin-bottom: 40px;
  }

  .inner-layout .inner-title {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .entry-content .row-table,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content hr,
  .entry-content img,
  .entry-content ul {
    margin-top: 20px;
  }

  .entry-content p {
    margin-top: 10px;
    line-height: 1.8;
  }

  .entry-content {
    font-size: 14px;
    line-height: 1.8;
  }

  .center-overview {
    padding-bottom: 40px;
  }

  .center-overview+.center-overview {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .inner-layout {
    top: 0;
  }

  .inner-ban {
    padding-top: 100px;
  }

  .crumb {
    border-top: none;
    padding: 20px 0;
  }

  .crumb .wp2 {
    padding-left: 30px;
  }

  .contact-row .col h3 {
    left: 0;
  }

  .second-page-banner h1 {
    font-size: 30px;
  }

  .center-intro-section .wp {
    display: block;
  }

  .center-intro-section .wp .pic {
    margin: 0 0 30px;
  }

  .center-intro-section .wp .txt h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .dh-swiper .dh-item .con {
    padding: 20px;
  }

  .dh-swiper .dh-item .date {
    margin-bottom: 10px;
  }

  .dh-swiper {
    margin-top: 30px;
  }

  .link-section .link-box.w3 a .name {
    font-size: 18px;
  }

  .link-section .link-box.w3 a {
    padding: 0 20px;
    height: 60px;
  }

  .ar-swiper {
    margin-top: 10px;
  }

  .office-contact .item .pic {
    margin-bottom: 20px;
  }

  .office-contact .item .title h3 {
    font-size: 18px;
  }

  .people-list .item {
    flex: 0 0 50%;
  }

  .img-txt-list .item .item-con .txt h3 {
    font-size: 20px;
  }

  .img-txt-list .item .item-con .pic {
    margin-bottom: 10px;
  }

  .img-txt-list .item .item-con .txt p {
    margin: 10px 0;
  }

  .talent-development-intro h3 {
    font-size: 20px;
  }

  .talent-development-intro .desc {
    padding: 20px 0;
  }

  .talent-development-intro .link {
    padding-top: 40px;
  }

  .career-list .item {
    padding: 15px;
  }

  .career-list {
    margin-top: 30px;
  }

  .career-list .item .desc {
    padding: 20px 0;
  }

  .academic-achievements-section {
    padding-top: 0;
  }

  .academic-achievements-list {
    padding-bottom: 0;
    padding-top: 30px;
    margin: 0 -14px;
  }

  .academic-achievements-list .item-con .txt {
    padding-left: 10px;
    padding-right: 10px;
  }

  .academic-achievements-list .item-con {
    margin: 0 14px;
  }

  .people-list.w4 {
    margin-bottom: -20px;
  }

  .people-list.w4 .item {
    flex: 0 0 50%;
    margin-bottom: 20px;
  }

  .alumni-section .people-list {
    margin-top: 30px;
  }

  .people-list .item .item-con .txt .top {
    padding: 20px 0;
  }

  .student-corner-list {
    margin-top: 30px;
  }

  .admissions-information-section .admissions-information-row .wp .pic {
    flex: 0 0 50%;
  }

  .admissions-information-section .admissions-information-row .wp .txt p {
    margin: 10px 0;
  }

  .admissions-information-section .admissions-information-row .wp .txt h3 a {
    font-size: 18px;
  }

  .hot-news {
    display: block;
  }

  .hot-news .left {
    width: 100%;
    margin-bottom: 30px;
  }

  .hot-news .right {
    width: 100%;
  }

  .academic-events-swiper .item .pic {
    margin-right: 20px;
  }

  .academic-events-swiper,
  .hot-news {
    margin-top: 30px;
  }

  .scientific-research-section+.academic-achievements-section {
    padding-top: 40px;
  }

  .academic-achievements-section .link-box {
    margin-top: 40px;
  }

  .link-box a {
    height: 60px;
  }

  .link-box a .name {
    font-size: 18px;
  }

  .teacher-info .txt h3 {
    font-size: 20px;
    padding-bottom: 20px;
  }

  .teacher-info .txt .desc,
  .teacher-info .txt .row {
    padding: 20px 0;
  }

  .teacher-info .txt .info p+p {
    margin-top: 10px;
  }

  .teacher-bg {
    padding-top: 20px;
  }

  .teacher-bg h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .wp3 {
    padding: 0 20px;
  }

  .second-page-tab .wp {
    height: auto;
    padding: 30px;
  }

  .second-page-tab .wp a+a {
    margin-left: 20px;
  }

  .people-list {
    margin-bottom: -30px;
  }

  .apply-form .form-box {
    padding-left: 0;
    padding-right: 0;
  }

  .inner-nav .inner-nav-list .inner-sub {
    padding: 20px;
  }

  .academic-achievements-section .link-box a {
    height: 60px;
  }

  .academic-achievements-section .link-box a .name {
    font-size: 18px;
  }

  .hot-news .left .hot-news-item .date {
    position: static;
  }

  .inner-layout .inner-layout-right {
    flex: 0 0 auto;
  }

  .inner-nav {
    margin-bottom: 0;
  }

  .inner-layout-right .side-list {
    height: 0;
    overflow: hidden;
  }

  .mobile-wp {
    display: block;
    padding: 0 20px;
    margin-top: 40px;
  }

  .inner-layout .side-list .side-list-tit {
    font-family: SourceHanSansCN-Regular;
  }
}

@media only screen and (max-width: 767px) {
  .txt.wow.fadeInLeft img {
    width: 100% !important;
    /* text-align: center; */
    margin-left: 0px !important;
  }

  .report {
    width: 100% !important;
  }

  .history-list {
    padding-bottom: 0px !important;
  }

  .header .hd-wp .hd-r .hd-tools .hd-search .input {
    width: 180px;
  }

  .header {
    padding: 10px 20px;
  }

  .wp {
    padding: 0 20px;
  }

  .index-banner .txt h3 {
    font-size: 30px;
  }

  .index-banner .txt p {
    font-size: 22px;
  }

  .index-news-top .index-news-swiper a .txt h3 {
    font-size: 16px;
    padding: 0 20px;
  }

  .index-news-top .index-news-swiper .hot-news-tag {
    width: auto;
    height: auto;
    padding: 10px 20px;
    font-size: 14px;
  }

  .index-news-top .index-news-swiper .swiper-pagination {
    bottom: 10px;
    right: 10px;
  }

  .news-img-txt-list .item {
    float: none;
    width: 100%;
    margin-bottom: 25px;
  }

  .news-img-txt-list {
    margin: 0 0 -25px;
  }

  .news-img-txt-list .item .item-con {
    margin: 0;
  }

  .news-img-txt-list .item .item-con .pic {
    margin-bottom: 15px;
  }

  .event-list .item {
    float: none;
    width: 100%;
    margin-bottom: 25px;
  }

  .event-list {
    margin: 20px 0 -25px;
  }

  .event-list .item .item-con {
    margin: 0;
  }

  .index-research-dots {
    overflow-x: auto;
  }

  .index-academic-news-swiper .item {
    display: block;
  }

  .index-academic-news-swiper .item .txt {
    padding-right: 0;
    width: 100%;
    margin-top: 20px;
  }

  .index-academic-news-swiper .item .pic {
    margin-right: 0;
    width: 100%;
    height: auto;
  }

  .index-academic-news-swiper .swiper-button {
    position: static;
    margin: 20px auto 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .index-academic-news-list {
    display: block;
    padding: 15px 0;
  }

  .index-academic-news-list .item+.item {
    border-left: none;
    padding: 15px 0 0;
    border-top: 1px solid rgba(1, 1, 1, 0.1);
    margin-top: 15px;
  }

  .index-academic-news-list .item h3 {
    height: auto;
    margin: 10px 0;
  }

  .index-academic-news-list .item {
    padding: 0;
  }

  .index-annual-report {
    padding-top: 30px;
    display: block;
    padding-right: 0;
  }

  .index-annual-report .txt {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .index-statistical-consulting-swiper .pic .txt {
    bottom: 10px;
    padding-left: 12px;
  }

  .index-statistical-consulting-swiper .swiper-pagination {
    bottom: 18px;
    right: 20px;
  }

  .footer .fd-top .wp .fd-top-right dl+dl {
    margin-left: 0;
  }

  .footer .fd-top .wp .fd-top-right {
    justify-content: space-between;
  }

  .index-statistical-consulting-intro .link-bot .g-more {
    font-size: 16px;
  }

  .index-statistical-consulting-intro .link-bot .g-more+.g-more {
    margin-left: 20px;
  }

  .det-video .play {
    width: 40px;
    height: 40px;
  }

  .inner-layout .side-list .side-list-tit {
    margin-bottom: 20px;
  }

  .inner-layout .inner-title,
  .inner-layout .side-list .side-list-tit {
    font-size: 18px;
  }

  .footer .fd-top .wp .fd-top-right dl dt {
    margin-bottom: 20px;
  }

  .footer .fd-bot .wp {
    display: block;
    text-align: center;
    padding: 20px;
  }

  .crumb .wp2 {
    padding-left: 20px;
  }

  .inner-nav .inner-nav-list .item-title span,
  .inner-nav .inner-nav-title span {
    font-size: 16px;
  }

  .history-list .item {
    padding-left: 0;
  }

  .history-list .item .month {
    font-size: 14px;
    padding-right: 10px;
    flex: 0 0 60px;
    padding-left: 10px;
  }

  .history-list {
    margin-top: 20px;
  }

  .history-list .item .content {
    font-size: 14px;
    line-height: 1.8;
  }

  .history-list .item .content p:after {
    top: 7px;
  }

  .toggle-mod .title {
    height: auto;
    padding: 15px 20px;
  }

  .toggle-mod {
    margin-top: 20px;
  }

  .staff-list {
    display: block;
  }

  .staff-list.mb-80 {
    margin-bottom: -50px;
  }

  .ar-list .ar-item {
    display: block;
  }

  .ar-list .ar-item .pic {
    margin: 0 auto 20px;
  }

  .ar-item .txt h3 a {
    font-size: 18px;
  }

  .ar-list .ar-item .txt h3 {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .ar-item .txt p {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 20px;
  }

  .contact-row {
    display: block;
    margin-top: 40px;
  }

  .contact-row .col+.col {
    margin-top: 30px;
  }

  .contact-row .col h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .contact-row .col p {
    font-size: 14px;
    line-height: 1.8;
  }

  .organizational-structure .big-info {
    display: block;
    padding: 20px;
  }

  .organizational-structure .big-info .pic {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .organizational-structure .big-info .txt h3 {
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .organizational-structure .big-info .txt {
    padding-right: 0;
  }

  .staff-box {
    padding: 40px 0;
  }

  .staff-box .title {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .staff-list {
    margin-bottom: -30px;
  }

  .staff-list .item.mb {
    margin-bottom: 30px;
  }

  .staff-list .item.mb60 {
    margin-bottom: 30px;
  }

  .center-intro-section .wp .pic .play {
    width: 40px;
    height: 40px;
  }

  .dh-swiper .dh-item p {
    font-size: 14px;
    line-height: 1.8;
  }

  .link-box {
    display: block;
  }

  .link-box a+a,
  .link-section .link-box.w3 a+a {
    margin-top: 10px;
  }

  .ar-item {
    display: block;
  }

  .ar-item .pic {
    margin: 0 0 20px;
  }

  .ar-item .txt h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .ar-swiper {
    padding-bottom: 0;
  }

  .office-contact {
    display: block;
  }

  .office-contact .item+.item {
    margin-top: 20px;
  }

  .img-txt-list2 .item {
    display: block;
  }

  .img-txt-list2 .item .pic {
    width: 100%;
    margin: 0 0 20px;
  }

  .img-txt-list2 .item .txt a {
    margin-bottom: 10px;
  }

  .img-txt-list2 .item .txt p {
    padding-top: 10px;
    margin-top: 10px;
  }

  .img-txt-list2 {
    margin-bottom: 40px;
  }

  .pagination li {
    display: none;
  }

  .pagination li.active,
  .pagination li.next,
  .pagination li.prev {
    display: block;
  }

  .det-page h1 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .det-page .info {
    display: block;
  }

  .det-page .info .link {
    justify-content: flex-start;
    margin-top: 10px;
  }

  .det-page .info .link a {
    width: 30px;
    height: 30px;
  }

  .crumb span {
    max-width: 100px;
  }

  .career-list2 .item .title h3 {
    margin-right: 10px;
  }

  .career-list2 .item .desc {
    margin: 10px 0;
  }

  .career-list2 .item {
    padding: 20px 0;
  }

  .inner-layout .inner-layout-left .download-box a {
    font-size: 14px;
  }

  .inner-layout .inner-layout-left .download-box {
    padding-top: 20px;
    margin-top: 20px;
  }

  .people-list {
    display: block;
  }

  .people-list .item {
    width: 100%;
  }

  .alumni-page .people-list {
    margin: 0 0 -30px;
  }

  .alumni-page .people-list .item .item-con {
    margin: 0;
  }

  .people-list .item .item-con .txt .top {
    padding: 10px 0;
  }

  .people-list .item .item-con .txt .top .name {
    font-size: 18px;
  }

  .alumni-page .people-list .item .item-con .txt .top span {
    font-size: 14px;
  }

  .class-table td {
    font-size: 14px;
  }

  .entry-content ul li:after {
    top: 6px;
  }

  .toggle-mod .title h3 {
    font-size: 16px;
  }

  .entry-content h2,
  .entry-content h3 {
    font-size: 18px;
  }

  .img-txt-list .item {
    float: none;
    width: 100%;
  }

  .img-txt-list .item+.item {
    margin-top: 20px;
  }

  .talent-development-intro .link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .talent-development-intro .link .g-more+.g-more {
    margin-left: 0;
    margin-top: 20px;
  }

  .career-list {
    flex-wrap: wrap;
  }

  .career-list .item {
    flex: 0 0 50%;
  }

  .career-list .item:nth-child(3) {
    border-left: 1px solid #ebebeb;
    border-top: none;
  }

  .career-list .item:nth-child(4) {
    border-top: none;
  }

  .academic-achievements-list .item {
    float: none;
    width: 100%;
  }

  .academic-achievements-list .item-con {
    padding: 30px 0;
    display: block;
  }

  .academic-achievements-list .item-con .pic {
    display: block;
    width: 100%;
    height: auto;
  }

  .academic-achievements-list .item-con .txt {
    padding: 0;
    margin-top: 20px;
  }

  .academic-achievements-list .item-con .txt a {
    margin-bottom: 20px;
  }

  .student-corner-list .item {
    float: none;
    width: 100%;
  }

  .student-corner-list .item+.item {
    margin-top: 30px;
  }

  .student-corner-list .item .item-con .txt {
    margin-top: 20px;
  }

  .student-corner-list .item .item-con .txt .title {
    margin: 10px 0;
  }

  .entry-content .g-more {
    font-size: 14px;
  }

  .admissions-information-section .admissions-information-row .wp {
    display: block;
  }

  .admissions-information-section .admissions-information-row .wp .txt,
  .admissions-information-section .admissions-information-row:nth-child(even) .wp .txt {
    margin: 20px 0 0;
  }

  .row-table-wrap {
    overflow-x: auto;
  }

  .entry-content .row-table-wrap .row-table {
    width: 768px;
  }

  .det-page .info {
    padding-bottom: 15px;
  }

  .hot-news-big h3 a {
    font-size: 18px;
  }

  .hot-news-big p {
    margin: 10px 0 0;
  }

  .hot-news-big {
    padding-bottom: 10px;
    margin-bottom: 40px;
  }

  .hot-news-list {
    display: block;
  }

  .hot-news-list .hot-news-item {
    width: 100%;
  }

  .academic-events-swiper .item {
    display: block;
  }

  .academic-events-swiper .item .txt h3 {
    margin: 10px 0;
  }

  .academic-events-swiper .item .txt {
    width: 100%;
  }

  .academic-events-swiper .item .txt h3 a {
    line-height: 1.5;
  }

  .academic-events-swiper .item .txt .date {
    padding-bottom: 10px;
  }

  .academic-events-swiper .item .pic {
    margin-right: 0;
  }

  .section-row {
    display: block;
  }

  .section-row .section-col {
    width: 100%;
  }

  .news-list-section .news-list {
    margin-top: 25px;
  }

  .news-list .item {
    padding: 20px 0;
  }

  .news-list .item h3 {
    margin-bottom: 10px;
  }

  .section-row .section-col+.section-col {
    margin-top: 30px;
  }

  .scientific-research-list .item {
    float: none;
    width: 100%;
  }

  .link-box a {
    padding: 0 20px;
  }

  .teacher-info .pic {
    width: 100%;
    height: auto;
  }

  .second-page-tab .wp a {
    font-size: 16px;
    white-space: nowrap;
  }

  .second-page-tab .wp {
    overflow-x: auto;
    display: block;
    white-space: nowrap;
  }

  .people-list .item .item-con {
    margin: 0;
  }

  .people-list {
    margin: 0 0 -30px;
  }

  .people-list .item .item-con .txt {
    padding: 0;
  }

  .people-list .item .item-con .pic:after {
    opacity: 1;
  }

  .operations-list .item .tit {
    height: 50px;
  }

  .range-list {
    display: block;
    margin-top: 20px;
  }

  .range-list .item {
    padding-left: 0;
    border-left: none;
    margin-bottom: 10px;
  }

  .process-list {
    margin-bottom: -30px;
  }

  .process-list .item {
    padding: 30px 10px 30px 0;
  }

  .process-list .item .desc {
    font-size: 14px;
    line-height: 1.5;
    margin: 5px 0;
  }

  .process-list .item .tit:after {
    height: 14px;
  }

  .process-list .item:before {
    width: 40px;
    left: 12px;
  }

  .process-list .item .g-more {
    font-size: 16px;
  }

  .apply-form .title {
    margin-bottom: 30px;
  }

  .apply-form .form-item .label {
    height: auto;
    line-height: 1.5;
    text-align: left;
    font-size: 18px;
    margin-bottom: 10px;
  }

  .apply-form .form-item {
    display: block;
  }

  .apply-form .form-item .con input,
  .apply-form .form-item .con select,
  .apply-form .form-item .con textarea {
    height: 40px;
    padding: 0 10px;
  }

  .apply-form .form-item .con .arrow-down {
    width: 20px;
    height: 20px;
    -webkit-background-size: 10px;
    background-size: 10px;
  }

  .apply-form .form-box {
    padding-bottom: 40px;
  }

  .apply-form .form-box+.form-box {
    padding-top: 40px;
  }

  .apply-form .tips {
    font-size: 14px;
    line-height: 1.8;
  }

  .staff-list .item .item-con .name {
    padding: 10px 0;
    margin-bottom: 10px;
  }

  .staff-list .item {
    margin-bottom: 30px;
  }

  .staff-group-list {
    display: block;
  }

  .staff-group-list .item p.mb30 {
    margin-bottom: 10px !important;
  }

  .organization-section .link-box {
    position: static;
    padding: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    margin-top: 30px;
  }

  .case-section {
    padding-top: 40px;
  }

  .organization-section {
    padding-bottom: 40px;
  }

  .img-txt-list3 .item {
    float: none;
    width: 100%;
  }

  .img-txt-list3 .item+.item {
    margin-top: 20px;
  }

  .img-txt-list3 .item .item-con .pic,
  .img-txt-list3 .item .item-con .txt h3 {
    margin-bottom: 10px;
  }

  .inner-nav .inner-nav-list .inner-sub .inner-sub-item a {
    font-size: 14px;
    line-height: 34px;
  }

  .second-page-ban-txt .cube1 {
    height: 80%;
  }

  .second-page-ban-txt .cube2 {
    height: 50%;
    width: 50%;
    top: 0;
  }

  .second-page-ban-txt .cube2 svg {
    height: 100%;
    width: 100%;
  }

  .hot-news-section .cube1,
  .hot-news-section .cube2,
  .talent-development-type .cube1,
  .talent-development-type .cube2 {
    height: auto;
  }

  .hot-news-section .cube2,
  .talent-development-type .cube2 {
    top: 20px;
    bottom: auto;
  }

  .hot-news-section .cube1,
  .talent-development-type .cube1 {
    bottom: 0;
    top: auto;
  }

  .search-box {
    height: 40px;
  }

  .search-box .input {
    font-size: 14px;
  }

  .search-box .submit {
    width: 50px;
    -webkit-background-size: 50%;
    background-size: 50%;
  }

  .career-list2 .item .title a {
    font-size: 16px;
  }

  .inner-ban {
    padding-top: 60px;
  }

  .index-research-swiper .item .txt {
    padding-top: 0;
  }

  .index-research-swiper .item .txt h3 {
    line-height: 1.5;
  }

  .footer .fd-top .wp .fd-top-right {
    margin-top: 20px;
  }

  .footer .fd-top .wp .fd-top-right dl dt {
    font-size: 16px;
  }

  .footer .fd-top .wp .fd-top-left .fd-qr img {
    width: 100px;
    height: 100px;
  }

  .index-academic-news-list .item h3 a,
  .index-academic-news-swiper .item .txt h3 a,
  .index-news-top .news-txt-list .item h3 a {
    font-size: 16px;
    line-height: 1.5;
  }

  .index-news-bot {
    margin-top: 30px;
  }

  .entry-content h2,
  .entry-content h3 {
    font-weight: 500;
    font-size: 16px;
  }

  .career-list2 .item .title {
    display: block;
  }

  .career-list2 .item .title h3 {
    width: 100%;
    white-space: normal;
    margin-bottom: 10px;
  }

  .career-list2 {
    margin-bottom: 40px;
  }

  .inner-layout .inner-layout-left .download-box a {
    font-weight: 500;
  }

  .inner-layout .inner-layout-left .download-box .item+.item {
    margin-top: 10px;
  }

  .career-list .item .title a {
    line-height: 1.5;
  }

  .admissions-information-section .admissions-information-row .wp .txt {
    margin-top: 10px;
  }

  .img-txt-list2 .item {
    padding: 20px 0 15px;
  }

  .img-txt-list2 .item .txt p {
    border-top: none;
    margin-top: 0;
  }

  .hot-news-big span {
    margin-top: 10px;
    display: block;
  }

  .hot-news-item .txt h3 {
    margin-bottom: 10px;
  }

  .hot-news-list .hot-news-item {
    margin-bottom: 20px;
  }

  .hot-news-item .txt {
    margin-top: 10px;
  }

  .teacher-info .txt h3 {
    font-weight: 400;
    font-family: SourceHanSansCN-Bold;
  }

  .apply-form .form-item .con input,
  .apply-form .form-item .con select,
  .apply-form .form-item .con textarea {
    background-color: transparent;
    border-radius: 0;
  }
}

.offices:nth-of-type(1) {
  display: none;
}

.fadeInUp+.footer {
  display: none;
}

@media (min-width: 1200px) and (max-width: 1450px) {
  .site-hamburger-animation a {
    color: #fff !important;
    margin-right: 10px;
  }
}

/* 以下是中心教员样式 */
.content {
  color: #888888;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.8;
}

.content .entry-the-content {
  margin-top: 50px;
}

.content p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  margin-bottom: 1em;
  margin-bottom: 2em;
}

.content p strong {
  font-weight: bold;
}

.content ul {
  margin: 0.5em 0 1em;
}

.content ul li {
  margin-bottom: 10px;
  display: list-item;
  text-align: -webkit-match-parent;
}

.content ul li ::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
  text-indent: 0px !important;
  text-align: start !important;
  text-align-last: start !important;
}

.content table td {
  border: 1px solid rgba(0, 0, 0, 0.5) !important;
  text-align: center;
  padding: 10px;
}

#menu-item-8633 .sub-menu{
  position: absolute;
  top: -15%;
  padding-top: 10px;
  left: 150%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 10px;
}

#menu-item-2601 .sub-menu{
  position: absolute;
  top: -35%;
  padding-top: 10px;
  left: 162.5%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 10px;
};
    width: 100%;
  }

  .header .hd-wp .hd-r .hd-tools {
    justify-content: center;
  }

  .index-banner .txt h3 {
    /* font-size: 40px; */
  }

  .index-banner .txt p {
    /* font-size: 38px; */
  }

  .index-news-top {
    /* display: block; */
  }

  .index-news-top .index-news-swiper {
    width: 100%;
  }

  .index-news-top .news-txt-list .item+.item {
    padding-top: 30px;
    margin-top: 30px;
  }

  .index-news-top .news-txt-list .item h3,
  .index-news-top .news-txt-list .item p {
    height: auto;
  }

  .index-news-top .news-txt-list .item p {
    margin: 10px 0;
  }

  .news-img-txt-list .item .item-con h3 a {
    font-size: 16px;
    line-height: 1.5;
  }

  .news-img-txt-list .item .item-con h3 {
    /* height: auto; */
  }

  .event-list .item {
    /* width: 50%; */
    /* margin-bottom: 26px; */
  }

  .index-research-swiper .item {
    display: block;
  }

  .index-research-swiper {
    margin-top: 0;
  }

  .index-research-swiper .item .pic {
    margin-top: 40px;
  }

  .index-statistical-consulting {
    display: block;
  }

  .index-statistical-consulting-intro {
    padding: 50px;
  }

  .admissions-information-section .admissions-information-row .wp .txt {
    margin-left: 40px;
  }

  .admissions-information-section .admissions-information-row:nth-child(even) .wp .txt {
    margin-right: 40px;
  }

  .hot-news .left {
    flex: 0 0 50%;
    width: 50%;
  }

  .teacher-info {
    display: block;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    padding-bottom: 77px;
    border-bottom: 1px solid rgba(3, 0, 1, 0.1);
  }
@media only screen and (max-width: 1199px) {
    .teacher-info {
        display: block;
        padding-bottom: 0;
    }
}

  .teacher-info .pic {
    width: 440px;
    margin: 0 auto 20px;
  }

  .header .hd-wp .hd-r .hd-tools {
    display: block;
  }

  .header .hd-wp .hd-r .hd-tools .hd-lang {
    /* justify-content: center; */
    /* margin-bottom: 30px; */
    display: block;
    float: left;
  }

.header .hd-wp .searchbox{
  float:right;
  margin-top:5px;
  position: relative;
  z-index: 999;
}

  .header .hd-wp .hd-r .hd-tools .hd-search {
    margin: 20px auto 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .header .hd-wp .hd-r .hd-tools .hd-search.show {
    -webkit-transform: translateX(70px);
    -moz-transform: translateX(70px);
    -ms-transform: translateX(70px);
    -o-transform: translateX(70px);
    transform: translateX(70px);
  }

  .header .hd-wp .hd-r .hd-tools .hd-search .input {
    right: 0;
  }
}

@media only screen and (max-width: 959px) {
  .wp4 {
    padding: 0 20px;
  }

  .index-page .section-tit h3 {
    font-size: 20px;
  }

  .academic-achievements-section,
  .academic-achievements-section.pb6,
  .academic-events-section,
  .admissions-information-section .admissions-information-row,
  .alumni-section,
  .annual-report-section,
  .career-info-section,
  .case-section,
  .center-intro-section,
  .development-history-section,
  .hot-news-section,
  .index-academic-news-section,
  .index-event-section,
  .index-news-section,
  .index-research-section,
  .index-statistical-consulting-section,
  .inner-layout,
  .link-section,
  .office-contact-section,
  .organization-section,
  .research-team-section,
  .scientific-research-section,
  .second-page-ban-txt,
  .student-corner,
  .talent-development-intro,
  .talent-development-page .academic-achievements-section,
  .talent-development-type {
    padding: 40px 0;
  }

  .talent-development-page .academic-achievements-section {
    padding-top: 0;
  }

  .admissions-information-section .admissions-information-row:last-child {
    padding-bottom: 40px;
  }

  .news-list-section {
    margin-top: 0;
    padding-bottom: 40px;
  }

  .organization-section {
    padding-bottom: 70px;
  }

  .case-section {
    padding-top: 70px;
  }

  .img-txt-list3,
  .organization {
    margin-top: 30px;
  }

  .organization .row .col,
  .organization h3 {
    font-size: 18px;
    height: auto;
    padding: 20px 0;
  }

  .organization .row {
    display: block;
    margin-top: 0;
  }

  .organization .row .col {
    padding-bottom: 0;
  }

  .organization .row .col+.col {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }

  .organization-section .link-box {
    bottom: -30px;
    padding: 0 30px;
  }

  .scientific-research-list .item .item-con h3 {
    font-size: 18px;
  }

  .scientific-research-list .item .item-con .g-more,
  .scientific-research-list .item .item-con h3 {
    left: 20px;
  }

  .scientific-research-list {
    padding-top: 30px;
  }

  .section-tit .txt {
    font-size: 18px;
  }

  .second-page-ban-txt h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .section-tit h3 {
    font-size: 20px;
  }

  .event-list,
  .index-academic-news-swiper,
  .index-news-top {
    margin-top: 20px;
  }

  .index-news-top .news-txt-list .item+.item {
    margin-top: 20px;
    padding-top: 20px;
  }

  .news-img-txt-list {
    margin: 0 -10px;
  }

  .news-img-txt-list .item .item-con {
    margin: 0 10px;
  }

  .index-research-swiper {
    margin-bottom: 30px;
  }

  .index-research-swiper .item .txt {
    margin-right: 0;
  }

  .index-research-swiper .item .txt h3 {
    font-size: 20px;
  }

  .index-research-swiper .item .txt p {
    margin: 20px 0;
  }

  .index-research-dots .item h3 {
    font-size: 14px;
    line-height: 1.5;
  }

  .index-research-dots .item {
    padding-top: 18px;
  }

  .index-academic-news-swiper .item .txt {
    padding-right: 100px;
  }

  .index-academic-news-list {
    padding: 30px 0;
  }

  .index-academic-news-list .item {
    padding: 10px 20px;
  }

  .index-academic-news-list .item h3 {
    height: 48px;
  }

  .index-academic-news-list .item h3 a {
    line-height: 24px;
  }

  .index-annual-report .txt {
    margin-right: 60px;
  }

  .index-annual-report .txt h3 {
    font-size: 20px;
  }

  .index-annual-report .txt p {
    margin: 20px 0;
  }

  .index-statistical-consulting-intro {
    padding: 30px;
  }

  .index-statistical-consulting-intro h3 {
    font-size: 20px;
  }

  .index-statistical-consulting-intro p {
    margin: 20px 0;
  }

  .index-statistical-consulting-intro .link-bot {
    padding-top: 20px;
  }

  .footer .fd-top {
    padding: 40px 0;
  }

  .footer .fd-top .wp .fd-top-left .fd-logo {
    height: 50px;
    margin-bottom: 15px;
  }

  .footer .fd-top .wp .fd-top-left .fd-link {
    margin: 15px 0;
  }

  .footer .fd-top .wp .fd-top-left .fd-desc {
    font-size: 14px;
  }

  .footer .fd-top .wp {
    display: block;
  }

  .footer .fd-top .wp .fd-top-right {
    justify-content: flex-start;
    margin-top: 40px;
  }

  .footer .fd-bot .wp {
    height: auto;
    padding: 25px;
  }

  .index-statistical-consulting-intro p {
    padding-right: 0;
  }

  .inner-layout .wp {
    flex-direction: column-reverse;
  }

  .inner-layout .inner-layout-right {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }

  .inner-nav .inner-nav-title {
    height: 50px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    background: #f4f4f4;
  }

  .inner-nav .inner-nav-title span {
    color: #008dcf;
    font-size: 18px;
    font-family: SourceHanSansCN-Bold, serif;
  }

  .inner-nav .inner-nav-list {
    display: none;
  }

  .inner-nav .inner-nav-list .item-title {
    height: 50px;
  }

  .det-video {
    margin-bottom: 40px;
  }

  .inner-layout .inner-layout-right {
    margin-bottom: 40px;
  }

  .inner-layout .inner-title {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .entry-content .row-table,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content hr,
  .entry-content img,
  .entry-content ul {
    margin-top: 20px;
  }

  .entry-content p {
    margin-top: 10px;
    line-height: 1.8;
  }

  .entry-content {
    font-size: 14px;
    line-height: 1.8;
  }

  .center-overview {
    padding-bottom: 40px;
  }

  .center-overview+.center-overview {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .inner-layout {
    top: 0;
  }

  .inner-ban {
    padding-top: 100px;
  }

  .crumb {
    border-top: none;
    padding: 20px 0;
  }

  .crumb .wp2 {
    padding-left: 30px;
  }

  .contact-row .col h3 {
    left: 0;
  }

  .second-page-banner h1 {
    font-size: 30px;
  }

  .center-intro-section .wp {
    display: block;
  }

  .center-intro-section .wp .pic {
    margin: 0 0 30px;
  }

  .center-intro-section .wp .txt h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .dh-swiper .dh-item .con {
    padding: 20px;
  }

  .dh-swiper .dh-item .date {
    margin-bottom: 10px;
  }

  .dh-swiper {
    margin-top: 30px;
  }

  .link-section .link-box.w3 a .name {
    font-size: 18px;
  }

  .link-section .link-box.w3 a {
    padding: 0 20px;
    height: 60px;
  }

  .ar-swiper {
    margin-top: 10px;
  }

  .office-contact .item .pic {
    margin-bottom: 20px;
  }

  .office-contact .item .title h3 {
    font-size: 18px;
  }

  .people-list .item {
    flex: 0 0 50%;
  }

  .img-txt-list .item .item-con .txt h3 {
    font-size: 20px;
  }

  .img-txt-list .item .item-con .pic {
    margin-bottom: 10px;
  }

  .img-txt-list .item .item-con .txt p {
    margin: 10px 0;
  }

  .talent-development-intro h3 {
    font-size: 20px;
  }

  .talent-development-intro .desc {
    padding: 20px 0;
  }

  .talent-development-intro .link {
    padding-top: 40px;
  }

  .career-list .item {
    padding: 15px;
  }

  .career-list {
    margin-top: 30px;
  }

  .career-list .item .desc {
    padding: 20px 0;
  }

  .academic-achievements-section {
    padding-top: 0;
  }

  .academic-achievements-list {
    padding-bottom: 0;
    padding-top: 30px;
    margin: 0 -14px;
  }

  .academic-achievements-list .item-con .txt {
    padding-left: 10px;
    padding-right: 10px;
  }

  .academic-achievements-list .item-con {
    margin: 0 14px;
  }

  .people-list.w4 {
    margin-bottom: -20px;
  }

  .people-list.w4 .item {
    flex: 0 0 50%;
    margin-bottom: 20px;
  }

  .alumni-section .people-list {
    margin-top: 30px;
  }

  .people-list .item .item-con .txt .top {
    padding: 20px 0;
  }

  .student-corner-list {
    margin-top: 30px;
  }

  .admissions-information-section .admissions-information-row .wp .pic {
    flex: 0 0 50%;
  }

  .admissions-information-section .admissions-information-row .wp .txt p {
    margin: 10px 0;
  }

  .admissions-information-section .admissions-information-row .wp .txt h3 a {
    font-size: 18px;
  }

  .hot-news {
    display: block;
  }

  .hot-news .left {
    width: 100%;
    margin-bottom: 30px;
  }

  .hot-news .right {
    width: 100%;
  }

  .academic-events-swiper .item .pic {
    margin-right: 20px;
  }

  .academic-events-swiper,
  .hot-news {
    margin-top: 30px;
  }

  .scientific-research-section+.academic-achievements-section {
    padding-top: 40px;
  }

  .academic-achievements-section .link-box {
    margin-top: 40px;
  }

  .link-box a {
    height: 60px;
  }

  .link-box a .name {
    font-size: 18px;
  }

  .teacher-info .txt h3 {
    font-size: 20px;
    padding-bottom: 20px;
  }

  .teacher-info .txt .desc,
  .teacher-info .txt .row {
    padding: 20px 0;
  }

  .teacher-info .txt .info p+p {
    margin-top: 10px;
  }

  .teacher-bg {
    padding-top: 20px;
  }

  .teacher-bg h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .wp3 {
    padding: 0 20px;
  }

  .second-page-tab .wp {
    height: auto;
    padding: 30px;
  }

  .second-page-tab .wp a+a {
    margin-left: 20px;
  }

  .people-list {
    margin-bottom: -30px;
  }

  .apply-form .form-box {
    padding-left: 0;
    padding-right: 0;
  }

  .inner-nav .inner-nav-list .inner-sub {
    padding: 20px;
  }

  .academic-achievements-section .link-box a {
    height: 60px;
  }

  .academic-achievements-section .link-box a .name {
    font-size: 18px;
  }

  .hot-news .left .hot-news-item .date {
    position: static;
  }

  .inner-layout .inner-layout-right {
    flex: 0 0 auto;
  }

  .inner-nav {
    margin-bottom: 0;
  }

  .inner-layout-right .side-list {
    height: 0;
    overflow: hidden;
  }

  .mobile-wp {
    display: block;
    padding: 0 20px;
    margin-top: 40px;
  }

  .inner-layout .side-list .side-list-tit {
    font-family: SourceHanSansCN-Regular;
  }
}

@media only screen and (max-width: 767px) {
  .txt.wow.fadeInLeft img {
    width: 100% !important;
    /* text-align: center; */
    margin-left: 0px !important;
  }

  .report {
    width: 100% !important;
  }

  .history-list {
    padding-bottom: 0px !important;
  }

  .header .hd-wp .hd-r .hd-tools .hd-search .input {
    width: 180px;
  }

  .header {
    padding: 10px 20px;
  }

  .wp {
    padding: 0 20px;
  }

  .index-banner .txt h3 {
    font-size: 30px;
  }

  .index-banner .txt p {
    font-size: 22px;
  }

  .index-news-top .index-news-swiper a .txt h3 {
    font-size: 16px;
    padding: 0 20px;
  }

  .index-news-top .index-news-swiper .hot-news-tag {
    width: auto;
    height: auto;
    padding: 10px 20px;
    font-size: 14px;
  }

  .index-news-top .index-news-swiper .swiper-pagination {
    bottom: 10px;
    right: 10px;
  }

  .news-img-txt-list .item {
    float: none;
    width: 100%;
    margin-bottom: 25px;
  }

  .news-img-txt-list {
    margin: 0 0 -25px;
  }

  .news-img-txt-list .item .item-con {
    margin: 0;
  }

  .news-img-txt-list .item .item-con .pic {
    margin-bottom: 15px;
  }

  .event-list .item {
    float: none;
    width: 100%;
    margin-bottom: 25px;
  }

  .event-list {
    margin: 20px 0 -25px;
  }

  .event-list .item .item-con {
    margin: 0;
  }

  .index-research-dots {
    overflow-x: auto;
  }

  .index-academic-news-swiper .item {
    display: block;
  }

  .index-academic-news-swiper .item .txt {
    padding-right: 0;
    width: 100%;
    margin-top: 20px;
  }

  .index-academic-news-swiper .item .pic {
    margin-right: 0;
    width: 100%;
    height: auto;
  }

  .index-academic-news-swiper .swiper-button {
    position: static;
    margin: 20px auto 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .index-academic-news-list {
    display: block;
    padding: 15px 0;
  }

  .index-academic-news-list .item+.item {
    border-left: none;
    padding: 15px 0 0;
    border-top: 1px solid rgba(1, 1, 1, 0.1);
    margin-top: 15px;
  }

  .index-academic-news-list .item h3 {
    height: auto;
    margin: 10px 0;
  }

  .index-academic-news-list .item {
    padding: 0;
  }

  .index-annual-report {
    padding-top: 30px;
    display: block;
    padding-right: 0;
  }

  .index-annual-report .txt {
    margin-right: 0;
    margin-bottom: 30px;
    width: 100%;
  }

  .index-statistical-consulting-swiper .pic .txt {
    bottom: 10px;
    padding-left: 12px;
  }

  .index-statistical-consulting-swiper .swiper-pagination {
    bottom: 18px;
    right: 20px;
  }

  .footer .fd-top .wp .fd-top-right dl+dl {
    margin-left: 0;
  }

  .footer .fd-top .wp .fd-top-right {
    justify-content: space-between;
  }

  .index-statistical-consulting-intro .link-bot .g-more {
    font-size: 16px;
  }

  .index-statistical-consulting-intro .link-bot .g-more+.g-more {
    margin-left: 20px;
  }

  .det-video .play {
    width: 40px;
    height: 40px;
  }

  .inner-layout .side-list .side-list-tit {
    margin-bottom: 20px;
  }

  .inner-layout .inner-title,
  .inner-layout .side-list .side-list-tit {
    font-size: 18px;
  }

  .footer .fd-top .wp .fd-top-right dl dt {
    margin-bottom: 20px;
  }

  .footer .fd-bot .wp {
    display: block;
    text-align: center;
    padding: 20px;
  }

  .crumb .wp2 {
    padding-left: 20px;
  }

  .inner-nav .inner-nav-list .item-title span,
  .inner-nav .inner-nav-title span {
    font-size: 16px;
  }

  .history-list .item {
    padding-left: 0;
  }

  .history-list .item .month {
    font-size: 14px;
    padding-right: 10px;
    flex: 0 0 60px;
    padding-left: 10px;
  }

  .history-list {
    margin-top: 20px;
  }

  .history-list .item .content {
    font-size: 14px;
    line-height: 1.8;
  }

  .history-list .item .content p:after {
    top: 7px;
  }

  .toggle-mod .title {
    height: auto;
    padding: 15px 20px;
  }

  .toggle-mod {
    margin-top: 20px;
  }

  .staff-list {
    display: block;
  }

  .staff-list.mb-80 {
    margin-bottom: -50px;
  }

  .ar-list .ar-item {
    display: block;
  }

  .ar-list .ar-item .pic {
    margin: 0 auto 20px;
  }

  .ar-item .txt h3 a {
    font-size: 18px;
  }

  .ar-list .ar-item .txt h3 {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .ar-item .txt p {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 20px;
  }

  .contact-row {
    display: block;
    margin-top: 40px;
  }

  .contact-row .col+.col {
    margin-top: 30px;
  }

  .contact-row .col h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .contact-row .col p {
    font-size: 14px;
    line-height: 1.8;
  }

  .organizational-structure .big-info {
    display: block;
    padding: 20px;
  }

  .organizational-structure .big-info .pic {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .organizational-structure .big-info .txt h3 {
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .organizational-structure .big-info .txt {
    padding-right: 0;
  }

  .staff-box {
    padding: 40px 0;
  }

  .staff-box .title {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .staff-list {
    margin-bottom: -30px;
  }

  .staff-list .item.mb {
    margin-bottom: 30px;
  }

  .staff-list .item.mb60 {
    margin-bottom: 30px;
  }

  .center-intro-section .wp .pic .play {
    width: 40px;
    height: 40px;
  }

  .dh-swiper .dh-item p {
    font-size: 14px;
    line-height: 1.8;
  }

  .link-box {
    display: block;
  }

  .link-box a+a,
  .link-section .link-box.w3 a+a {
    margin-top: 10px;
  }

  .ar-item {
    display: block;
  }

  .ar-item .pic {
    margin: 0 0 20px;
  }

  .ar-item .txt h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .ar-swiper {
    padding-bottom: 0;
  }

  .office-contact {
    display: block;
  }

  .office-contact .item+.item {
    margin-top: 20px;
  }

  .img-txt-list2 .item {
    display: block;
  }

  .img-txt-list2 .item .pic {
    width: 100%;
    margin: 0 0 20px;
  }

  .img-txt-list2 .item .txt a {
    margin-bottom: 10px;
  }

  .img-txt-list2 .item .txt p {
    padding-top: 10px;
    margin-top: 10px;
  }

  .img-txt-list2 {
    margin-bottom: 40px;
  }

  .pagination li {
    display: none;
  }

  .pagination li.active,
  .pagination li.next,
  .pagination li.prev {
    display: block;
  }

  .det-page h1 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .det-page .info {
    display: block;
  }

  .det-page .info .link {
    justify-content: flex-start;
    margin-top: 10px;
  }

  .det-page .info .link a {
    width: 30px;
    height: 30px;
  }

  .crumb span {
    max-width: 100px;
  }

  .career-list2 .item .title h3 {
    margin-right: 10px;
  }

  .career-list2 .item .desc {
    margin: 10px 0;
  }

  .career-list2 .item {
    padding: 20px 0;
  }

  .inner-layout .inner-layout-left .download-box a {
    font-size: 14px;
  }

  .inner-layout .inner-layout-left .download-box {
    padding-top: 20px;
    margin-top: 20px;
  }

  .people-list {
    display: block;
  }

  .people-list .item {
    width: 100%;
  }

  .alumni-page .people-list {
    margin: 0 0 -30px;
  }

  .alumni-page .people-list .item .item-con {
    margin: 0;
  }

  .people-list .item .item-con .txt .top {
    padding: 10px 0;
  }

  .people-list .item .item-con .txt .top .name {
    font-size: 18px;
  }

  .alumni-page .people-list .item .item-con .txt .top span {
    font-size: 14px;
  }

  .class-table td {
    font-size: 14px;
  }

  .entry-content ul li:after {
    top: 6px;
  }

  .toggle-mod .title h3 {
    font-size: 16px;
  }

  .entry-content h2,
  .entry-content h3 {
    font-size: 18px;
  }

  .img-txt-list .item {
    float: none;
    width: 100%;
  }

  .img-txt-list .item+.item {
    margin-top: 20px;
  }

  .talent-development-intro .link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .talent-development-intro .link .g-more+.g-more {
    margin-left: 0;
    margin-top: 20px;
  }

  .career-list {
    flex-wrap: wrap;
  }

  .career-list .item {
    flex: 0 0 50%;
  }

  .career-list .item:nth-child(3) {
    border-left: 1px solid #ebebeb;
    border-top: none;
  }

  .career-list .item:nth-child(4) {
    border-top: none;
  }

  .academic-achievements-list .item {
    float: none;
    width: 100%;
  }

  .academic-achievements-list .item-con {
    padding: 30px 0;
    display: block;
  }

  .academic-achievements-list .item-con .pic {
    display: block;
    width: 100%;
    height: auto;
  }

  .academic-achievements-list .item-con .txt {
    padding: 0;
    margin-top: 20px;
  }

  .academic-achievements-list .item-con .txt a {
    margin-bottom: 20px;
  }

  .student-corner-list .item {
    float: none;
    width: 100%;
  }

  .student-corner-list .item+.item {
    margin-top: 30px;
  }

  .student-corner-list .item .item-con .txt {
    margin-top: 20px;
  }

  .student-corner-list .item .item-con .txt .title {
    margin: 10px 0;
  }

  .entry-content .g-more {
    font-size: 14px;
  }

  .admissions-information-section .admissions-information-row .wp {
    display: block;
  }

  .admissions-information-section .admissions-information-row .wp .txt,
  .admissions-information-section .admissions-information-row:nth-child(even) .wp .txt {
    margin: 20px 0 0;
  }

  .row-table-wrap {
    overflow-x: auto;
  }

  .entry-content .row-table-wrap .row-table {
    width: 768px;
  }

  .det-page .info {
    padding-bottom: 15px;
  }

  .hot-news-big h3 a {
    font-size: 18px;
  }

  .hot-news-big p {
    margin: 10px 0 0;
  }

  .hot-news-big {
    padding-bottom: 10px;
    margin-bottom: 40px;
  }

  .hot-news-list {
    display: block;
  }

  .hot-news-list .hot-news-item {
    width: 100%;
  }

  .academic-events-swiper .item {
    display: block;
  }

  .academic-events-swiper .item .txt h3 {
    margin: 10px 0;
  }

  .academic-events-swiper .item .txt {
    width: 100%;
  }

  .academic-events-swiper .item .txt h3 a {
    line-height: 1.5;
  }

  .academic-events-swiper .item .txt .date {
    padding-bottom: 10px;
  }

  .academic-events-swiper .item .pic {
    margin-right: 0;
  }

  .section-row {
    display: block;
  }

  .section-row .section-col {
    width: 100%;
  }

  .news-list-section .news-list {
    margin-top: 25px;
  }

  .news-list .item {
    padding: 20px 0;
  }

  .news-list .item h3 {
    margin-bottom: 10px;
  }

  .section-row .section-col+.section-col {
    margin-top: 30px;
  }

  .scientific-research-list .item {
    float: none;
    width: 100%;
  }

  .link-box a {
    padding: 0 20px;
  }

  .teacher-info .pic {
    width: 100%;
    height: auto;
  }

  .second-page-tab .wp a {
    font-size: 16px;
    white-space: nowrap;
  }

  .second-page-tab .wp {
    overflow-x: auto;
    display: block;
    white-space: nowrap;
  }

  .people-list .item .item-con {
    margin: 0;
  }

  .people-list {
    margin: 0 0 -30px;
  }

  .people-list .item .item-con .txt {
    padding: 0;
  }

  .people-list .item .item-con .pic:after {
    opacity: 1;
  }

  .operations-list .item .tit {
    height: 50px;
  }

  .range-list {
    display: block;
    margin-top: 20px;
  }

  .range-list .item {
    padding-left: 0;
    border-left: none;
    margin-bottom: 10px;
  }

  .process-list {
    margin-bottom: -30px;
  }

  .process-list .item {
    padding: 30px 10px 30px 0;
  }

  .process-list .item .desc {
    font-size: 14px;
    line-height: 1.5;
    margin: 5px 0;
  }

  .process-list .item .tit:after {
    height: 14px;
  }

  .process-list .item:before {
    width: 40px;
    left: 12px;
  }

  .process-list .item .g-more {
    font-size: 16px;
  }

  .apply-form .title {
    margin-bottom: 30px;
  }

  .apply-form .form-item .label {
    height: auto;
    line-height: 1.5;
    text-align: left;
    font-size: 18px;
    margin-bottom: 10px;
  }

  .apply-form .form-item {
    display: block;
  }

  .apply-form .form-item .con input,
  .apply-form .form-item .con select,
  .apply-form .form-item .con textarea {
    height: 40px;
    padding: 0 10px;
  }

  .apply-form .form-item .con .arrow-down {
    width: 20px;
    height: 20px;
    -webkit-background-size: 10px;
    background-size: 10px;
  }

  .apply-form .form-box {
    padding-bottom: 40px;
  }

  .apply-form .form-box+.form-box {
    padding-top: 40px;
  }

  .apply-form .tips {
    font-size: 14px;
    line-height: 1.8;
  }

  .staff-list .item .item-con .name {
    padding: 10px 0;
    margin-bottom: 10px;
  }

  .staff-list .item {
    margin-bottom: 30px;
  }

  .staff-group-list {
    display: block;
  }

  .staff-group-list .item p.mb30 {
    margin-bottom: 10px !important;
  }

  .organization-section .link-box {
    position: static;
    padding: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    margin-top: 30px;
  }

  .case-section {
    padding-top: 40px;
  }

  .organization-section {
    padding-bottom: 40px;
  }

  .img-txt-list3 .item {
    float: none;
    width: 100%;
  }

  .img-txt-list3 .item+.item {
    margin-top: 20px;
  }

  .img-txt-list3 .item .item-con .pic,
  .img-txt-list3 .item .item-con .txt h3 {
    margin-bottom: 10px;
  }

  .inner-nav .inner-nav-list .inner-sub .inner-sub-item a {
    font-size: 14px;
    line-height: 34px;
  }

  .second-page-ban-txt .cube1 {
    height: 80%;
  }

  .second-page-ban-txt .cube2 {
    height: 50%;
    width: 50%;
    top: 0;
  }

  .second-page-ban-txt .cube2 svg {
    height: 100%;
    width: 100%;
  }

  .hot-news-section .cube1,
  .hot-news-section .cube2,
  .talent-development-type .cube1,
  .talent-development-type .cube2 {
    height: auto;
  }

  .hot-news-section .cube2,
  .talent-development-type .cube2 {
    top: 20px;
    bottom: auto;
  }

  .hot-news-section .cube1,
  .talent-development-type .cube1 {
    bottom: 0;
    top: auto;
  }

  .search-box {
    height: 40px;
  }

  .search-box .input {
    font-size: 14px;
  }

  .search-box .submit {
    width: 50px;
    -webkit-background-size: 50%;
    background-size: 50%;
  }

  .career-list2 .item .title a {
    font-size: 16px;
  }

  .inner-ban {
    padding-top: 60px;
  }

  .index-research-swiper .item .txt {
    padding-top: 0;
  }

  .index-research-swiper .item .txt h3 {
    line-height: 1.5;
  }

  .footer .fd-top .wp .fd-top-right {
    margin-top: 20px;
  }

  .footer .fd-top .wp .fd-top-right dl dt {
    font-size: 16px;
  }

  .footer .fd-top .wp .fd-top-left .fd-qr img {
    width: 100px;
    height: 100px;
  }

  .index-academic-news-list .item h3 a,
  .index-academic-news-swiper .item .txt h3 a,
  .index-news-top .news-txt-list .item h3 a {
    font-size: 16px;
    line-height: 1.5;
  }

  .index-news-bot {
    margin-top: 30px;
  }

  .entry-content h2,
  .entry-content h3 {
    font-weight: 500;
    font-size: 16px;
  }

  .career-list2 .item .title {
    display: block;
  }

  .career-list2 .item .title h3 {
    width: 100%;
    white-space: normal;
    margin-bottom: 10px;
  }

  .career-list2 {
    margin-bottom: 40px;
  }

  .inner-layout .inner-layout-left .download-box a {
    font-weight: 500;
  }

  .inner-layout .inner-layout-left .download-box .item+.item {
    margin-top: 10px;
  }

  .career-list .item .title a {
    line-height: 1.5;
  }

  .admissions-information-section .admissions-information-row .wp .txt {
    margin-top: 10px;
  }

  .img-txt-list2 .item {
    padding: 20px 0 15px;
  }

  .img-txt-list2 .item .txt p {
    border-top: none;
    margin-top: 0;
  }

  .hot-news-big span {
    margin-top: 10px;
    display: block;
  }

  .hot-news-item .txt h3 {
    margin-bottom: 10px;
  }

  .hot-news-list .hot-news-item {
    margin-bottom: 20px;
  }

  .hot-news-item .txt {
    margin-top: 10px;
  }

  .teacher-info .txt h3 {
    font-weight: 400;
    font-family: SourceHanSansCN-Bold;
  }

  .apply-form .form-item .con input,
  .apply-form .form-item .con select,
  .apply-form .form-item .con textarea {
    background-color: transparent;
    border-radius: 0;
  }
}

.offices:nth-of-type(1) {
  display: none;
}

.fadeInUp+.footer {
  display: none;
}

@media (min-width: 1200px) and (max-width: 1450px) {
  .site-hamburger-animation a {
    color: #fff !important;
    margin-right: 10px;
  }
}

/* 以下是中心教员样式 */
.content {
  color: #888888;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.8;
}

.content .entry-the-content {
  margin-top: 50px;
}

.content p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  margin-bottom: 1em;
  margin-bottom: 2em;
}

.content p strong {
  font-weight: bold;
}

.content li p{
  margin:0;
}
.content ul {
  margin: 0.5em 0 1em;
}

.content ul li {
  margin-bottom: 10px;
  display: list-item;
  text-align: -webkit-match-parent;
}

.content ul li ::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
  text-indent: 0px !important;
  text-align: start !important;
  text-align-last: start !important;
}

.content table td {
  border: 1px solid rgba(0, 0, 0, 0.5) !important;
  text-align: center;
  padding: 10px;
}

#menu-item-8633 .sub-menu{
  position: absolute;
  top: -15%;
  padding-top: 10px;
  left: 150%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 10px;
}

#menu-item-2601 .sub-menu{
  position: absolute;
  top: -35%;
  padding-top: 10px;
  left: 162.5%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {
  .site-main{
    top:-10px;
  }
  .index-banner{
    height:auto;
  }
}