.dbj{background:url(../image/dbj.png) no-repeat #f7f7f7;background-size:cover;}
.trans-scale {
  overflow: hidden
}
.trans-scale .i {
  width: 100%;
  height: auto;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s
}
.trans-liro {
  position: relative;
  overflow: hidden
}
.trans-liro::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s
}
@-webkit-keyframes animat-shake {
  0%, 100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  25%, 75% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
}
@keyframes animat-shake {
  0%, 100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  25%, 75% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
}
@-webkit-keyframes animat-round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes animat-round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@-webkit-keyframes animat-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
  }
}
@keyframes animat-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
  }
}
@media screen and (min-width: 1025px) {
  .trans-scale:hover .i {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  .trans-liro:hover::before {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  .animat-shake:hover {
    -webkit-animation: animat-shake .5s;
    animation: animat-shake .5s
  }
  .animat-round::before {
    -webkit-animation: animat-round 5s linear infinite;
    animation: animat-round 5s linear infinite
  }
  .animat-steps::before {
    -webkit-animation: animat-round 2s steps(12, end) infinite;
    animation: animat-round 2s steps(12, end) infinite
  }
}
@font-face {
  font-family: "avian";
  src: url("../font/avian.eot");
  src: url("../font/avian.eot") format("embedded-opentype"), url("../font/avian.woff") format("woff"), url("../font/avian.ttf") format("truetype"), url("../font/avian.svg") format("svg");
  font-weight: normal;
  font-style: normal
}
@font-face {
  font-family: "xfont";
  src: url("../font/xfont.eot");
  src: url("../font/xfont.eot") format("embedded-opentype"), url("../font/xfont.woff") format("woff"), url("../font/xfont.ttf") format("truetype"), url("../font/xfont.svg") format("svg");
  font-weight: normal;
  font-style: normal
}
@font-face {
  font-family: "tj";
  src: url("https://www.ruc.edu.cn/Public/static/themes/zgrmdxzw/cn/font/tj.eot");
  src: url("https://www.ruc.edu.cn/Public/static/themes/zgrmdxzw/cn/font/tj.eot?") format("embedded-opentype"), url("../font/tj.woff") format("woff"), url("../font/tj.ttf") format("truetype"), url("https://www.ruc.edu.cn/Public/static/themes/zgrmdxzw/cn/font/tj.svg") format("svg");
  font-weight: normal;
  font-style: normal
}
@font-face {
  font-family: "yzq";
  src: url("https://www.ruc.edu.cn/Public/static/themes/zgrmdxzw/cn/font/yzq.eot");
  src: url("https://www.ruc.edu.cn/Public/static/themes/zgrmdxzw/cn/font/yzq.eot?") format("embedded-opentype"), url("https://www.ruc.edu.cn/Public/static/themes/zgrmdxzw/cn/font/yzq.woff") format("woff"), url("https://www.ruc.edu.cn/Public/static/themes/zgrmdxzw/cn/font/yzq.ttf") format("truetype"), url("https://www.ruc.edu.cn/Public/static/themes/zgrmdxzw/cn/font/yzq.svg") format("svg");
  font-weight: normal;
  font-style: normal
}
@font-face {
  font-family: 'sh';
  src: url("https://www.ruc.edu.cn/Public/static/themes/zgrmdxzw/cn/font/SourceHanSerifCN-Bold.otf") format("truetype")
}
*, *::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
html, body, div, span, p, a, table, tr, th, td, img, iframe, form, input, button, select, textarea {
  margin: 0;
  padding: 0
}
body {
  margin: auto;
  font-family: 'Microsoft Yahei', 'PingFang SC', Arial, sans-serif;
  font-size: 16px !important;
  line-height: 1.6;
  color: #333;
}
input, button, textarea, select {
  outline: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit
}
input, textarea, select {
  min-height: 1.5em
}
input, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
textarea {
  overflow: auto;
  resize: none
}
table {
  border-collapse: collapse;
  border: 0
}
img {
  border: 0;
  outline: 0;
  vertical-align: middle
}
a {
  text-decoration: none;
  color: inherit;
  cursor: pointer
}
:focus {
  outline: 0
}
svg:not(:root) {
  overflow: hidden
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0
}
input[type=date] {
  background-color: transparent;
  border: 0;
  filter: 'alpha(opacity=0)'
}
input:focus, textarea:focus {
  color: inherit
}
input::-ms-clear, ::-ms-reveal {
  display: none
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #bbb;
  opacity: 1
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #bbb;
  opacity: 1
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #bbb;
  opacity: 1
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #bbb;
  opacity: 1
}
input::placeholder, textarea::placeholder {
  color: #bbb;
  opacity: 1
}
.placeholder {
  color: #bbb
}
.init-screen {
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: .01s;
  transition-delay: .01s
}
.lock-screen {
  overflow: hidden
}
.xfont, .xicon {
  position: relative;
  -webkit-transition-property: color, background;
  transition-property: color, background;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}
.xfont::before, .xicon::before {
  display: block;
  text-align: center;
  font-family: xfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale
}
.xicon {
  width: 30px;
  height: 30px;
  cursor: pointer
}
.xicon::before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.dingwei {
  position: relative;
  top: -150px;
  width: 100%
}
.icon-left::before {
  content: '\e504'
}
.icon-right::before {
  content: '\e505'
}
.icon-up::before {
  content: '\e506'
}
.icon-down::before {
  content: '\e507'
}
.icon-search::before {
  content: '\e510'
}
.icon-close::before {
  content: '\e509'
}
.icon-menu::before {
  content: '\e511'
}
.icon-load {
  -webkit-animation: animat-round 2s steps(12, end) infinite;
  animation: animat-round 2s steps(12, end) infinite
}
.icon-load::before {
  content: '\e512'
}
.icon-media-start::before {
  content: '\e520'
}
.icon-media-play::before {
  content: '\e521'
}
.icon-media-pause::before {
  content: '\e522'
}
.icon-media-buffer {
  -webkit-animation: animat-round 5s linear infinite;
  animation: animat-round 5s linear infinite
}
.icon-media-buffer::before {
  content: '\e513'
}
.icon-media-prev::before {
  content: '\e523'
}
.icon-media-next::before {
  content: '\e524'
}
.icon-media-volume::before {
  content: '\e52c'
}
.icon-media-muted::before {
  content: '\e52d'
}
.clear::after, .x-wrap::after, .nav-box::after, .tools-mod::after, .paging-box::after, .slick-track::after, .share-box::after {
  content: '';
  display: table;
  clear: both
}
.fl {
  float: left
}
.fr {
  float: right
}
.middle-box {
  font-size: 0
}
.middle-box::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%
}
.middle-box .middle-cont {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px
}
.justify-txt, .justify-box {
  word-break: break-all;
  text-align: justify;
  text-justify: inter-ideograph
}
.justify-box::after {
  content: '';
  display: inline-block;
  padding-left: 100%;
  font-size: 0;
  line-height: 0;
  vertical-align: top
}
.pos-fix {
  position: fixed !important;
  left: 0;
  top: 0
}
.pos-abs {
  position: absolute !important;
  left: 0;
  top: 0
}
.mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}
.tac {
  text-align: center
}
[data-object-fit="cover"], [object-fit="cover"] {
  -o-object-fit: cover;
  object-fit: cover
}
[data-object-fit="contain"], [object-fit="contain"] {
  -o-object-fit: contain;
  object-fit: contain
}
[data-object-fit="scale-down"], [object-fit="scale-down"] {
  -o-object-fit: scale-down;
  object-fit: scale-down
}
.x-table {
  display: table;
  width: 100%;
  height: 100%;
  border-collapse: collapse
}
.x-cell, .x-nano {
  display: table-cell;
  height: 100%;
  vertical-align: middle
}
.x-cell {
  padding: 0 1em;
  width: 100%
}
.x-nano {
  width: 1%
}
.x-hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}
.x-visible {
  opacity: 1;
  visibility: visible
}
.x-layout {
	padding-top: 50px;
  position: relative;
  margin: auto;
  width: 100%;
  overflow: hidden;
}
.x-wrap {
  position: relative;
  margin: auto;
  max-width: 1500px;
  height: 100%
}
.w-wrap {
  position: relative;
  margin: 0 125px 0 145px;
  height: 100%
}
.n-wrap {
  position: relative;
  max-width: 1500px;
  height: 100%;
  z-index: 2;
  margin: auto
}
.x-header, .x-footer, .x-container {
  position: relative;
  width: 100%;
  z-index: 1
}
.title {
  font-family: sh;
  font-size: 48px;
  line-height: 1.2
}
@media screen and (max-width: 800px) {
	.new_home4 .cont .item .img .txtbox{padding: 60px 20px!important}
	.new_home4 .cont .item .img .txtbox .new_more{bottom:55px!important}
  .title {
    font-size: 28px
  }
}
.s_title {
  font-family: sh;
  font-size: 42px;
  line-height: 1.2
}
@media screen and (max-width: 768px) {
  .s_title {
    font-size: 26px
  }
}
.pd {
  padding: 150px 0
}
.pt {
  padding-top: 150px
}
.pb {
  padding-bottom: 150px
}
a.a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0)
}
.more1 {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  position: relative;
  padding-left: 70px;
  cursor: pointer
}
.more1::before {
  content: "";
  width: 50px;
  height: 50px;
  background: url(../image/more1.png) no-repeat center center;
  border: 1px solid #ddd;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s
}
.more1.v {
  width: 50px;
  height: auto;
  padding: 0 0 60px
}
body:not(.lang-en) .more1.v {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr
}
.more1.v::before {
  top: auto;
  bottom: 0
}
.more1.vv {
  width: 50px;
  height: auto;
  padding: 60px 0 0
}
body:not(.lang-en) .more1.vv {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr
}
.more1.red {
  color: #fff
}
.more1.red::before {
  background-color: #aa1332;
  border-color: #aa1332;
  background-image: url(../image/more1a.png)
}
.more1.red2 {
  color: #fff
}
.more1.red2::before {
  background-color: #a95555;
  border-color: #a95555;
  background-image: url(../image/more1a.png)
}
.more1.green {
  color: #fff
}
.more1.green::before {
  background-color: #95ae93;
  border-color: #95ae93;
  background-image: url(../image/more1a.png)
}
.new_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #481c1c
}
.new_more .icon {
  width: 50px;
  height: 50px;
  position: relative;
  margin-right: 20px
}
.new_more .icon::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../image/png34.png) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0
}
.new_more .icon::after {
  content: '';
  width: 13px;
  height: 13px;
  background: url(../image/png35.png) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s
}
.new_more.w {
  color: #fff
}
.new_more.w .icon::before {
  background-image: url(../image/png36.png)
}
.new_more.w .icon::after {
  background-image: url(../image/png37.png)
}
.load_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 4em
}
.load_more span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 180px;
  height: 55px;
  border: 1px solid #ddd;
  border-radius: 5px
}
.load_more img {
  margin-right: 20px;
  -webkit-animation: ro 0.4s linear 0s infinite;
  animation: ro 0.4s linear 0s infinite
}
@-webkit-keyframes ro {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes ro {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.pop-pic img {
  max-width: 1000px;
  max-height: 600px
}
.pop-video .pop-dialog {
  background: none;
  width: auto !important
}
.pop-video .video-mod {
  width: calc(70vh / 9 * 16)
}
@media screen and (min-width: 1025px) {
  *.m-show {
    display: none
  }
  .lock-screen {
    margin-right: 17px
  }
  .lock-screen.full-screen {
    margin-right: 0
  }
  .more1:hover::before {
    background-color: #aa1332;
    background-image: url(../image/more1a.png);
    border-color: #aa1332
  }
  .new_more:hover .icon::before {
    -webkit-animation: ro 0.5s linear;
    animation: ro 0.5s linear
  }
}
@media screen and (max-width: 1720px) {
  .x-header .x-wrap {
    margin: 0 20px
  }
  .n-wrap, .w-wrap {
    margin: 0 100px 0 50px
  }
  .n-wrap {
    -webkit-transform: none;
    transform: none
  }
  .x-wrap {
    width: auto;
    margin: 0 110px
  }
}
@media screen and (max-width: 1600px) {
  .x-wrap {
    width: auto;
    margin: 0 100px
  }
  .pd {
    padding: 120px 0
  }
  .pt {
    padding-top: 120px
  }
  .pb {
    padding-bottom: 120px
  }
}
@media screen and (max-width: 1500px) {
  .w-wrap, .n-wrap {
    margin-right: 80px
  }
  .dingwei {
    position: relative;
    top: -130px;
    width: 100%
  }
}
@media screen and (max-width: 1400px) {
  .title {
    font-size: 42px
  }
}
@media screen and (max-width: 1300px) {
  .pop-video .video-mod {
    width: calc(59vh / 9 * 16)
  }
  .title {
    font-size: 38px
  }
  .dingwei {
    position: relative;
    top: -110px;
    width: 100%
  }
}
@media screen and (max-width: 1200px) {
  .x-wrap {
    width: auto;
    margin: 0 80px
  }
  .x-header_new .x-wrap {
    margin: 0 20px
  }
}
@media screen and (max-width: 1024px) {
  .pd {
    padding: 80px 0
  }
  .pt {
    padding-top: 80px
  }
  .pb {
    padding-bottom: 80px
  }
  .w-wrap {
    margin: 0 15px;
    padding: 0
  }
  .x-wrap {
    margin: 0 15px
  }
  .n-wrap {
    -webkit-transform: none;
    transform: none;
    padding-left: 0;
    margin: 0 15px
  }
  body {
    -webkit-overflow-scrolling: touch
  }
  *.p-show {
    display: none
  }
  .pop-pic .pop-dialog {
    width: auto !important;
    background: none
  }
  .pop-video .pop-dialog {
    width: 100% !important
  }
  .pop-video .video-mod {
    width: 100%;
    height: auto
  }
  .lock-screen {
    right: 0
  }
  .lock-screen .x-container .vd-adr {
    display: none !important
  }
  .menu-screen {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
  }
  .x-layout {
    min-width: 320px
  }
  .more1 {
    height: 40px;
    padding-left: 50px;
    line-height: 40px
  }
  .more1::before {
    content: "";
    width: 40px;
    height: 40px
  }
  .more1.v {
    width: 40px;
    padding: 0 0 50px
  }
  body:not(.lang-en) .more1.v {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
  }
  .more1.vv {
    width: 40px;
    padding: 50px 0 0
  }
  body:not(.lang-en) .more1.vv {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
  }
  .pd {
    padding: 30px 0
  }
  .pt {
    padding-top: 30px
  }
  .pb {
    padding-bottom: 30px
  }
  .dingwei {
    position: relative;
    top: -76px;
    width: 100%
  }
  .x-container {
    padding-top: 60px
  }
}
@media screen and (max-width: 767px) {
  .title {
    font-size: 28px
  }
  .title > img {
    max-height: 1.2em
  }
  .pop-pic img {
    width: 100%
  }
  .more1 {
    height: 35px;
    padding-left: 45px;
    line-height: 35px
  }
  .more1::before {
    content: "";
    width: 35px;
    height: 35px
  }
  .more1.v {
    width: 35px;
    padding: 0 0 45px
  }
  body:not(.lang-en) .more1.v {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
  }
  .more1.vv {
    width: 35px;
    padding: 45px 0 0
  }
  body:not(.lang-en) .more1.vv {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
  }
  .load_more {
    margin-top: 2em
  }
  .load_more span {
    height: 45px;
    width: 160px
  }
  .new_more .icon {
    width: 35px;
    height: 35px;
    margin-right: 10px
  }
}
.x-header {
  z-index: 2;
  background: #fff;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  position: fixed;
  left: 0;
  top: 0;
  right: 0
}
.x-header a:hover {
  color: #aa1332
}
.x-header.home {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  color: #fff
}
.x-header.home .x-wrap {
  max-width: 1680px
}
.x-header.home .logo {
  background: none;
  height: 76px;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 214px
}
.x-header.home .logo .w {
  display: block
}
.x-header.home .logo .r {
  display: none
}
.x-header.home .tools-mod .eml {
  background-image: url(../image/ico_mail1.png)
}
.x-header.home .nav-mod {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15)
}
.x-header.home .nav-mod .nav-box {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none
}
.x-header.home .nav-mod .nav-lv1-item {
  padding: 0 32px
}
.x-header.home .nav-mod .nav-lv2 {
  color: #333
}
.x-header.home .nav-mod .splite {
  display: none
}
.x-header .logo {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: #fff;
  bottom: 1px;
  z-index: 1
}
.x-header .logo a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden
}
.x-header .logo img {
  width: 100%;
  display: block
}
.x-header .logo .w {
  display: none
}
.x-header .splite {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 323px;
  padding: 0 40px
}
.x-header .top .x-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 76px;
  position: relative;
  z-index: 1;
  line-height: 76px
}
.x-header .top .x-wrap::after {
  display: none
}
.x-header .top .l .item:nth-child(n+2) {
  margin-left: 38px
}
.x-header .bottom {
  display: none
}
.x-header .tools-mod {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.x-header .tools-mod .tools-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 28px
}
.x-header .tools-mod .tools-item:last-child {
  padding-right: 0
}
.x-header .tools-mod .eml {
  width: 26px;
  height: 19px;
  background: url(../image/ico_mail.png) no-repeat center;
  background-size: contain;
  display: inline-block
}
.x-header .tools-mod .icon-search::before {
  font-size: 1.5em
}
.x-header .tools-mod .lang {
  position: relative
}
.x-header .tools-mod .lang::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 0.8em;
  margin-top: -0.4em;
  border-left: 1px solid #ddd
}
.x-header .tools-mod .search-mod::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 0.8em;
  margin-top: -0.4em;
  border-left: 1px solid #ddd
}
.x-header .tools-mod .search-mod .search-box {
  width: 450px;
  background-color: #fff;
  height: 70px;
  border: none;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  right: -20px;
  overflow: visible;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2)
}
.x-header .tools-mod .search-mod .search-btn {
  width: 80px;
  color: #fff;
  background-color: #aa1332;
  border-radius: 3px
}
.x-header .tools-mod .search-mod .search-box::after {
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  position: absolute;
  bottom: 100%;
  right: 28px;
  border-bottom-color: #fff
}
.x-header .tools-mod .search-mod .search-submit {
  width: 100%
}
.x-header .tools-mod .search-mod .search-txt, .x-header .tools-mod .search-mod .search-btn {
  display: block
}
.x-header .tools-mod .search-mod .search-input {
  height: 100%;
  color: #333
}
.x-header .tools-mod .search-mod.x-show .search-tap ~ .search-box {
  -webkit-transform: translateY(17px);
  transform: translateY(17px)
}
.x-header .tools-mod .search-tap {
  -webkit-transition: none;
  transition: none
}
.x-header .tools-mod .xicon:hover {
  color: #aa1332
}
.x-header .nav-mod .nav-lv1-item.cur .nav-lv1-link {
  color: #aa1332
}
@media screen and (min-width: 1025px) {
  .x-header .tools-mod .search-mod .search-submit:hover {
    color: #fff
  }
  .x-header.home .tools-mod .eml:hover {
    background-image: url(../image/ico_mail2.png)
  }
  .x-header.wht {
    background: #fff;
    color: #333;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    position: fixed
  }
  .x-header.wht .top .x-wrap {
    height: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    overflow: hidden
  }
  .x-header.wht .nav-mod .splite {
    display: block
  }
  .x-header.wht .splite {
    width: 260px
  }
  .x-header.wht .logo {
    width: 170px
  }
  .x-header.wht .logo .r {
    display: block
  }
  .x-header.wht .logo .w {
    display: none
  }
  .nav-mod {
    border-bottom: 1px solid #ddd
  }
  .nav-mod .nav-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-top: 1px solid #ddd
  }
  .nav-mod .nav-box::after {
    display: none
  }
  .nav-mod .nav-tit .arr {
    display: none
  }
  .nav-mod .nav-link {
    display: block;
    white-space: nowrap
  }
  .nav-mod .nav-lv {
    position: absolute;
    min-width: 100%;
    background-color: #fff;

    visibility: hidden
  }
  .nav-mod .nav-lv1 {
    text-align: center;
    font-size: 0
  }
  .nav-mod .nav-lv1-item {
    display: inline-block;
    font-size: 18px
  }
}
@media screen and (min-width: 1025px) and (max-width: 768px) {
  .nav-mod .nav-lv1-item {
    font-size: 16px
  }
}
@media screen and (min-width: 1025px) {
  .nav-mod .nav-lv1-link {
    line-height: 70px
  }
  .nav-mod .nav-lv2 {
    position: absolute;
    background: #fff url(../image/nav_bg.png) no-repeat center bottom/90% auto;
    border-bottom: 4px solid #aa1332;
    padding: 40px 40px 120px;
    width: 750px;
    top: 100%;
    left: 0;
    min-width: 0
  }
  .nav-mod .nav-grp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .nav-mod .nav-lv2-item {
    margin-right: 25px
  }
  .nav-mod .nav-lv2-item:last-child {
    margin-right: 0
  }
  .nav-mod .nav-lv2-tit {
    text-align: center
  }
  .nav-mod .nav-lv2-link {
    padding-left: 30px;
    position: relative
  }
  .nav-mod .nav-lv2-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    background: url(../image/ico_nav1.png) no-repeat right center;
    width: 21px;
    height: 19px;
    margin-top: -9.5px
  }
  .nav-mod .nav-lv3 {
    left: 100%;
    top: 0
  }
  .nav-mod .nav-lv3-item {
    position: relative;
    float: left
  }
  .nav-mod .nav-lv3-item + .nav-lv3-item {
    margin-top: 8px
  }
  .nav-mod .nav-item:hover > .nav-lv {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
  }
}
@media screen and (max-width: 1600px) {
  .x-header .splite {
    width: 280px
  }
}
@media screen and (max-width: 1300px) {
  .x-header.home .logo {
    height: 60px
  }
  .x-header.home .nav-mod .nav-lv1-item {
    padding: 0 30px
  }
  .x-header .splite {
    width: 220px;
    padding: 0 20px
  }
  .x-header .top .x-wrap {
    height: 60px;
    line-height: 60px;
    font-size: 14px
  }
  .nav-mod .nav-lv1-link {
    line-height: 60px
  }
  .nav-mod .nav-lv1-item {
    font-size: 16px
  }
  .x-header .top .l .item:nth-child(n+2) {
    margin-left: 30px
  }
  .x-header .tools-mod .tools-item {
    padding: 0 22px
  }
  .nav-mod .nav-lv2 {
    width: 600px
  }
  .x-header .tools-mod .search-mod .search-box {
    width: 370px;
    height: 61px;
    padding: 10px 10px 10px 0
  }
}
@media screen and (max-width: 1200px) {
  .x-header.home .nav-mod .nav-lv1-item {
    padding: 0 15px
  }
}
@media screen and (max-width: 1100px) {
  .x-header .top .l .item:nth-child(n+2) {
    margin-left: 25px
  }
  .x-header .tools-mod .tools-item {
    padding: 0 20px
  }
}
@media screen and (max-width: 1024px) {
  .x-layout {
    padding-top: 0px
  }
  .x-header {
    position: relative !important
  }
  .x-header.home {
    color: #333;
    position: relative
  }
  .x-header .x-wrap {
    margin: 0
  }
  .x-header .splite {
    width: auto
  }
  .x-header .top {
    display: none
  }
  .x-header .bottom {
    display: block;
    height: auto;
    line-height: 1
  }
  .x-header .bottom .l {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #ddd
  }
  .x-header .bottom .l .item {
    margin: 0 !important;
    display: block
  }
  .x-header .bottom .tools-mod {
    border-top: 1px solid #ddd;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .x-header .bottom .tools-mod::after {
    display: none
  }
  .x-header .bottom .tools-mod .tools-item {
    margin: 0 !important
  }
  .x-header .bottom .search-mod .search-tap {
    width: 20px;
    height: 20px
  }
  .x-header .menu-mod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: #fff;
    padding: 0 15px
  }
  .x-header .menu-mod .logo {
    position: static;
    -webkit-transform: none;
    transform: none;
    height: 60px;
    padding: 0
  }
  .x-header .menu-mod .logo a {
    padding: 0
  }
  .x-header .menu-mod .logo img {
    height: 35px;
    width: auto
  }
  .x-header .menu-mod .logo .w {
    display: none
  }
  .x-header .menu-mod .logo .r {
    display: block
  }
  .x-header.home .nav-mod .nav-lv1-item {
    padding: 0
  }
  .x-header.home .tools-mod .eml {
    background-image: url(../image/ico_mail.png)
  }
  .x-header .menu-btn {
    position: relative;
    width: 40px;
    overflow: hidden
  }
  .x-header .menu-btn::before {
    content: '';
    display: block;
    padding-top: 100%
  }
  .x-header .menu-btn .line {
    width: 60%;
    height: 2px;
    -webkit-transition: background .3s;
    transition: background .3s
  }
  .x-header .menu-btn .line, .x-header .menu-btn .line::before, .x-header .menu-btn .line::after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #333;
    border-radius: 1px
  }
  .x-header .menu-btn .line::before, .x-header .menu-btn .line::after {
    content: '';
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s
  }
  .x-header .menu-btn .line::before {
    -webkit-transform: translateY(-400%);
    transform: translateY(-400%)
  }
  .x-header .menu-btn .line::after {
    -webkit-transform: translateY(400%);
    transform: translateY(400%)
  }
  .x-header .search-box, .x-header .share-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    position: relative;
    padding: 5px 15px
  }
  .x-header .search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #ccc
  }
  .x-header .search-box > * {
    width: 0;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
  }
  .x-header .search-box > :last-child {
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
  .x-header .search-box .search-input {
    display: block;
    width: 100%;
    height: 30px
  }
  .x-header .search-box .search-submit {
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px
  }
  .x-header .search-box .search-submit .xicon {
    display: block
  }
  .x-header .share-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #ccc
  }
  .x-header .share-box .share-item {
    font-size: 1.2em
  }
  .x-header .nav-mod {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    overflow: hidden;
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%)
  }
  .x-header .nav-mod .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .x-header .nav-mod .splite {
    display: none
  }
  .x-header .nav-mod .nav-lv1-link {
    line-height: 1.8
  }
  .x-header .nav-mod .nav-lv2 {
    width: auto
  }
  .x-header .nav-box {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    overflow-y: auto;
    overscroll-behavior-y: contain
  }
  .x-header .nav-item:nth-child(n+2) {
    border-top: 1px solid #ddd
  }
  .x-header .nav-item.act > .nav-tit .arr {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  .x-header .nav-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 15px
  }
  .x-header .nav-tit .arr {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 40px;
    height: auto
  }
  .x-header .nav-tit .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
  }
  .x-header .nav-tit + .nav-lv {
    display: none
  }
  .x-header .nav-lv1-link {
    font-size: 1.125em
  }
  .x-header .nav-lv2 {
    padding: 0 15px;
    background-color: #eee
  }
  .x-header .nav-lv1-item.act {
    background-color: #ddd
  }
  .x-header.menu-open {
    z-index: 999
  }
  .x-header.menu-open .line {
    background-color: transparent
  }
  .x-header.menu-open .line::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .x-header.menu-open .line::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .x-header.menu-open .nav-mod {
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
  }
}
.x-footer {
  color: #fff;
  margin-top: -152px;
  position: relative
}
.x-footer .qrimg {
  position: absolute;
  z-index: 9;
  top: 195px;
  width: 160px;
  padding: 5px;
  background: #fff;
  -webkit-box-shadow: 2.868px 4.096px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 2.868px 4.096px 20px 0px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s
}
.x-footer .qrimg.show {
  opacity: 1;
  visibility: visible
}
.x-footer .qrimg::before {
  width: 12px;
  height: 12px;
  background-color: #fff;
  left: 50%;
  bottom: 100%;
  -webkit-transform: translate(-50%, 50%) rotate(45deg);
  transform: translate(-50%, 50%) rotate(45deg);
  content: '';
  position: absolute
}
.x-footer .qrimg .img {
  width: 100%;
  position: relative;
  overflow: hidden
}
.x-footer .qrimg .img::before {
  content: '';
  display: block;
  padding-top: 100%
}
.x-footer .qrimg .img .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.x-footer .w-wrap {
  z-index: 9
}
.x-footer .cont {
  position: relative;
  z-index: 2;
  background-color: #7c3030
}
.x-footer .cont::before {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  top: -101px;
  background: url(../image/png84.png) no-repeat left top;
  background-size: 100% auto;
  bottom: 0;
  pointer-events: none;
  z-index: 1
}
.x-footer .cont a:hover {
  color: #ce8a8a
}
.x-footer .cont .share-box .share-item {
  border: 2px solid #6f383c;
  background: #613131 no-repeat center center;
  background-size: contain
}
.x-footer .cont .share-box .gotop {
  background-color: #783333
}
.x-footer .slot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 174px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
.x-footer .slot.m-show {
  display: none
}
.x-footer .slot .slot-track {
  width: calc(100% / 21);
  position: relative;
  height: 100%;
  overflow: hidden
}
.x-footer .slot .slot-track .slot-item {
  will-change: top, bottom;
  top: 150px;
  bottom: 0;
  position: relative;
  height: 100%;
  width: 101%;
  left: -0.5%
}
.x-footer .slot .slot-track .s7 {
  top: 140px
}
.x-footer .slot .slot-track .s8 {
  top: 110px
}
.x-footer .slot .slot-track .s9 {
  top: 60px
}
.x-footer .slot .slot-track .s10, .x-footer .slot .slot-track .s12 {
  top: 30px
}
.x-footer .slot .slot-track .s11 {
  top: 0px
}
.x-footer .slot .slot-track .s13 {
  top: 60px
}
.x-footer .slot .slot-track .s14 {
  top: 90px
}
.x-footer .slot .slot-track .s15 {
  top: 120px
}
.x-footer .slot .s1, .x-footer .slot .s4, .x-footer .slot .s9, .x-footer .slot .s14, .x-footer .slot .s18, .x-footer .slot .s21 {
  background: #803838
}
.x-footer .slot .s2, .x-footer .slot .s5, .x-footer .slot .s7, .x-footer .slot .s10, .x-footer .slot .s12, .x-footer .slot .s15, .x-footer .slot .s17, .x-footer .slot .s20 {
  background: #994545
}
.x-footer .slot .s3, .x-footer .slot .s6, .x-footer .slot .s8, .x-footer .slot .s11, .x-footer .slot .s13, .x-footer .slot .s16, .x-footer .slot .s19 {
  background: #712f2f
}
.x-footer .slot .icon {
  width: 72%;
  position: relative;
  overflow: hidden;
  margin: auto;
  top: 32px
}
.x-footer .slot .icon::before {
  content: '';
  display: block;
  padding-top: 67.16418%
}
.x-footer .slot .icon .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.x-footer .slot .icon img.i {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.x-footer .logo {
  width: 390px;
  margin: auto;
  padding: 5.5vw 0 0
}
.x-footer .logo img {
  width: 100%
}
.x-footer .friend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none
}
.x-footer .friend .tracker-mod {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden
}
.x-footer .friend .tracker-mod .tracker-box {
  text-align: left;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 20px
}
.x-footer .friend .tracker-mod .tracker-item {
  margin: 0 13px
}
.x-footer .friend .tracker-mod .tracker-item.cur {
  color: inherit
}
.x-footer .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 90px 0 120px
}
.x-footer .bottom .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.x-footer .bottom .m_i_n {
  margin-bottom: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  .x-footer .bottom .m_i_n {
    font-size: 16px
  }
}
.x-footer .bottom .m_i_n .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}
.x-footer .bottom .m_i_n .item a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: rgba(0, 0, 0, 0)
}
.x-footer .bottom .m_i_n .item + .item {
  margin-left: 45px
}
.x-footer .bottom .m_i_n .icon {
  width: 25px;
  position: relative;
  overflow: hidden;
  margin-right: 15px
}
.x-footer .bottom .m_i_n .icon::before {
  content: '';
  display: block;
  padding-top: 80%
}
.x-footer .bottom .m_i_n .icon .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.x-footer .bottom .nav_foot a {
  padding: 0 25px;
  position: relative
}
.x-footer .bottom .nav_foot a::before {
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  height: 0.6em;
  border-left: 1px solid #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.x-footer .bottom .nav_foot a:first-child {
  padding-left: 0
}
.x-footer .bottom .nav_foot a:first-child::before {
  display: none
}
.x-footer .bottom .p {
  margin-top: 20px
}
.x-footer .bottom .p span {
  margin-right: 25px;
  display: inline-block
}
.x-footer .bottom .p span:last-child {
  margin-left: 0
}
.x-footer .share-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 20px;
  float: none
}
.x-footer .share-box .suds-pop {
  border-radius: 0
}
.x-footer .share-box .suds-pop::before {
  border: none
}
.x-footer .share-box .suds-pop::after {
  border-radius: 0
}
.x-footer .share-box .code {
  width: 160px;
  height: 160px;
  padding: 5px
}
.x-footer .share-box .share-item {
  width: 53px;
  height: 53px;
  border-radius: 100%;
  margin-right: 20px
}
.x-footer .share-box .share-item::before {
  display: none
}
.x-footer .share-box .share-item.icon-dy {
  background-image: url(../image/icon_01.png)
}
.x-footer .share-box .share-item.icon-wb {
  background-image: url(../image/icon_02.png)
}
.x-footer .share-box .share-item.icon-wx {
  background-image: url(../image/icon_03.png)
}
.x-footer .share-box .gotop {
  width: 69px;
  height: 69px;
  border-radius: 100%;
  background-image: url(../image/ico_gotop.png);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer
}
@media screen and (max-width: 1720px) {
  .x-footer .bottom {
    padding: 50px 0
  }
  .x-footer .cont::before {
    top: -70px
  }
}
@media screen and (max-width: 1400px) {
  .x-footer .cont::before {
    top: -50px
  }
}
@media screen and (max-width: 1024px) {
  .x-footer {
    font-size: 14px;
    margin-top: auto
  }
  .x-footer.smod {
    padding-bottom: 56px
  }
  .x-footer .qrimg {
    top: 100px
  }
  .x-footer .w-wrap {
    padding: 0
  }
  .x-footer .tracker-mod.dir-hor .tracker-item {
    font-size: 14px
  }
  .x-footer .logo {
    width: 40%;
    padding-top: 120px
  }
  .x-footer .bottom {
    padding: 20px 0 0;
    display: block;
    text-align: center
  }
  .x-footer .bottom .m_i_n {
    margin-bottom: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .x-footer .bottom .m_i_n .item + .item {
    margin-left: 20px
  }
  .x-footer .bottom .m_i_n .icon {
    margin-right: 10px
  }
  .x-footer .bottom .nav_foot {
    margin-bottom: 10px
  }
  .x-footer .bottom .nav_foot a {
    padding: 0 20px !important
  }
  .x-footer .bottom .p span {
    margin: 0 5px !important
  }
  .x-footer .bottom .p {
    margin-top: 0px
  }
  .x-footer .share-box {
    margin: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 5px
  }
  .x-footer .share-box .gotop {
    width: 46px;
    height: 46px
  }
  .x-footer .slot {
    height: 50px;
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    z-index: 9;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .x-footer .slot.p-show {
    display: none
  }
  .x-footer .slot.m-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 15px
  }
  .x-footer .slot.m-show .slick-list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .x-footer .slot.m-show .slick-arrow {
    width: 48px;
    height: 48px;
    border: 1px solid #fff;
    border-radius: 99px;
    font-family: xfont;
    color: #fff;
    position: relative;
    margin-right: 20px
  }
  .x-footer .slot.m-show .slick-arrow::before {
    content: '\e504';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
  .x-footer .slot.m-show .slick-next {
    margin: 0;
    margin-left: 20px
  }
  .x-footer .slot.m-show .slick-next::before {
    content: '\e505'
  }
  .x-footer .slot .icon {
    top: auto;
    margin: 0
  }
  .x-footer .slot .slot-track {
    margin: 0
  }
  .x-footer .slot .slot-track .slot-item {
    top: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: none !important;
    transform: none !important;
    width: 50px;
    height: 50px;
    border-radius: 99px;
    margin: auto
  }
  .x-footer .share-box .gotop {
    background-size: 20px auto
  }
}
@media screen and (max-width: 850px) {
  .x-footer .cont::before {
    top: -40px
  }
}
@media screen and (max-width: 767px) {
  .x-footer .w-wrap {
    padding: 10px 0
  }
  .x-footer .logo {
    padding-top: 100px;
    width: 60%
  }
  .x-footer .share-box .suds-pop {
    padding: 5px
  }
  .x-footer .share-box .code {
    width: 100px;
    height: 100px;
    padding: 0
  }
  .x-footer .cont::before {
    top: -20px
  }
  .x-footer .bottom .m_i_n {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .x-footer .bottom .m_i_n .item {
    width: 50%;
    padding-left: 30px;
    margin-top: 5px;
    font-weight: normal
  }
  .x-footer .bottom .m_i_n .item + .item {
    margin: 5px 0 0
  }
  .x-footer .slot.m-show .slick-arrow {
    margin-right: 10px
  }
  .x-footer .slot.m-show .slick-next {
    margin: 0;
    margin-left: 10px
  }
  .x-footer .bottom .nav_foot a {
    padding: 0 10px !important
  }
  .x-footer .bottom {
    padding-top: 10px
  }
  .x-footer .bottom .m_i_n .icon {
    width: 15px
  }
  .x-footer .slot.m-show .slick-arrow {
    width: 40px;
    height: 40px
  }
}
.x-header_new {
  z-index: 9;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  margin: auto
}
.x-header_new.home {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  color: #fff
}
.x-header_new.home .x-wrap {
  max-width: 1500px
}
.x-header_new.home .nav-mod {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15)
}
.x-header_new.home .nav-mod .nav-box {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none
}
.x-header_new.home .nav-mod .nav-lv1-item {
  padding: 0 32px
}
.x-header_new.home .nav-mod .nav-lv2 {
  color: #333
}
.x-header_new.home .nav-mod .splite {
  display: none
}
.x-header_new .box-1 {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  z-index: 2
}
.x-header_new .box-1 .box1-logo {
  width: 598px;
  padding-top: 7.1875%;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 999;
  position: absolute
}
.x-header_new .box-1 .box1-logo .syx {
  font-size: 18px;
  color: #fff;
  position: absolute;
  left: 100%;
  white-space: nowrap;
  top: 22px;
  line-height: 40px;
  z-index: 1
}
@media screen and (max-width: 768px) {
  .x-header_new .box-1 .box1-logo .syx {
    font-size: 16px
  }
}
.x-header_new .box-1 .box1-logo .box1-bg {
  pointer-events: none
}
.x-header_new .box-1 .box1-logo .box1-bg .gif-box {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}
.x-header_new .box-1 .box1-logo .box1-bg .gif-box img {
  width: 100%;
  height: auto
}
.x-header_new .box-1 .box1-logo .box1-bg .svgbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 25.91973%;
  background: url(../image/png115-1.png) no-repeat top left;
  background-size: contain
}
.x-header_new .box-1 .box1-logo .logo-box {
  width: 248px;
  position: relative;
  overflow: hidden;
  margin-left: -17px;
  position: absolute;
  top: 28px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9
}
.x-header_new .box-1 .box1-logo .logo-box::before {
  content: '';
  display: block;
  padding-top: 20.56452%
}
.x-header_new .box-1 .box1-logo .logo-box .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.x-header_new .box-1 .box1-top {
  border-bottom: 2px solid #c9784c;
  background: #7c3030;
  position: relative;
  z-index: 9
}
.x-header_new .box-1 .box1-top .flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 22px 0
}
.x-header_new .box-1 .box1-top .flexbox .item + .item {
  margin-left: 40px
}
.x-header_new .box-1 .box1-top .flexbox .ffar {
  font-family: 'Arial'
}
.x-header_new .box-1 .box1-top .search-mod .search-tap {
  background: #923838
}
.x-header_new .box-1 .box1-bot {
  border-bottom: 1px solid rgba(124, 48, 48, 0.07);
  position: relative
}
.x-header_new .box-1 .box1-bot::before {
  content: '';
  height: 214px;
  background: url(../image/png116.png) no-repeat top center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-size: 100% 100%;
  display: none;
  pointer-events: none
}
.x-header_new .box-1 .box1-bot a {
  display: block
}
.x-header_new .box-1 .box1-bot .box1-navbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.x-header_new .box-1 .box1-bot .nav-lv1-tit {
  color: #7c3030
}
.x-header_new .box-1 .box1-bot .nav-lv1-item {
  font-size: 22px;
  position: relative
}
@media screen and (max-width: 768px) {
  .x-header_new .box-1 .box1-bot .nav-lv1-item {
    font-size: 18px
  }
}
.x-header_new .box-1 .box1-bot .nav-lv1-item::before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 50%;
  right: 50%;
  border-top: 1px solid #7c3030;
  -webkit-transition: all 0.3s;
  transition: all 0.3s
}
.x-header_new .box-1 .box1-bot .nav-lv1-item + .nav-lv1-item {
  margin-left: 35px
}
.x-header_new .box-1 .box1-bot .nav-lv1-item.cur::before {
  left: 0;
  right: 0
}
.x-header_new .box-1 .box1-bot .nav-lv1-item .nav-lv1-link {
  padding: 26px 0 7px
}
.x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(1) .nav-lv2, .x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(2) .nav-lv2 {
  left: auto;
  margin: 0;
  right: -60%;
  -webkit-transform: none;
  transform: none
}
.x-header_new .box-1 .box1-bot .nav-lv2 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding-top: 20px;
  margin-left: 93px
}
.x-header_new .box-1 .box1-bot .nav-lv2 .nav-grp {
  padding: 20px 60px 36px 47px;
  width: 788px;
  background: url(../image/jpg77.jpg) no-repeat left bottom;
  background-size: cover
}
.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-lbox {
  width: 59.765%
}
.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox {
  width: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 40px;
  margin-top: 54px
}
.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .p {
  font-size: 16px
}
.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox {
  position: relative;
  display: inline-block;
  margin-top: 17px
}
.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: -7px;
  left: 10px;
  border-radius: 0 50px 0 50px;
  z-index: 1;
  background-color: rgba(99, 21, 19, 0.3)
}
.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox .img {
  width: 207px;
  position: relative;
  overflow: hidden;
  border-radius: 0 50px 0 50px;
  z-index: 2
}
.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox .img::before {
  content: '';
  display: block;
  padding-top: 56.03865%
}
.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox .img .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-lbox-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 18px
}
@media screen and (max-width: 768px) {
  .x-header_new .box-1 .box1-bot .nav-lv2 .lv2-lbox-list {
    font-size: 16px
  }
}
.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item {
  width: calc((100% - 41px) / 2);
  position: relative
}
.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item::after {
  content: '';
  border-top: 1px solid #c26060;
  position: absolute;
  right: 0;
  left: 27px;
  top: 0
}
.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item a {
  padding: 12px 0 12px 27px;
  position: relative
}
.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item a::before {
  content: '';
  width: 5px;
  height: 5px;
  background: #c26060;
  position: absolute;
  left: 0px;
  top: 25px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-size: contain
}
.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item a::after {
  content: '';
  background: url(../image/png77.png) no-repeat center;
  -webkit-transform: none;
  transform: none;
  width: 21px;
  height: 19px;
  top: 18px;
  left: -7px;
  position: absolute;
  display: none
}
.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:nth-child(2n) {
  margin-left: 40px
}
.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:nth-child(-n+2)::after {
  border-top: none
}
.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item.cur a::before {
  display: none
}
.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item.cur a::after {
  display: block
}
.x-header_new.header-fixed .box-1 .box1-bot {
  border-bottom-color: rgba(255, 255, 255, 0.07)
}
.x-header_new.header-fixed .box-1 .box1-bot::before {
  display: block
}
.x-header_new.header-fixed .box-1 .box1-bot .nav-lv1-tit {
  color: #fff
}
.x-header_new.header-fixed .box-1 .box1-bot .nav-lv1-item::before {
  border-color: #fff
}
.x-header_new .box-2 {
  background-color: #7e2f2f;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  right: 0;
  border-bottom: 2px solid #c9784c
}
.x-header_new .box-2 .nav-mod .nav-lv2 {
  padding-top: 34px
}
.x-header_new .box-2 .nav-mod .nav-lv2::after {
  top: 2px
}
.x-header_new .box-2 .slogan {
  width: 415px;
  position: relative;
  overflow: hidden;
  position: absolute;
  top: 33px;
  right: 2px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: url(../image/png80.png) no-repeat center;
  background-size: contain
}
.x-header_new .box-2 .slogan::before {
  content: '';
  display: block;
  padding-top: 6.71506%
}
.x-header_new .box-2 .slogan .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.x-header_new .box-2-logobox {
  width: 475px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9
}
.x-header_new .box-2-logobox::before {
  content: '';
  width: 100%;
  padding-top: 29.05263%;
  background: url(../image/png120-2.png) no-repeat top center;
  background-size: contain;
  pointer-events: none;
  z-index: 1;
  display: block;
  pointer-events: none
}
.x-header_new .box-2-logobox::after {
  content: '';
  width: 125.89473%;
  padding-top: 29.05263%;
  background: url(../image/png120-1.gif) no-repeat top center;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
  display: block;
  position: absolute;
  top: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none
}
.x-header_new .logo {
  width: 248px;
  position: relative;
  overflow: hidden;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: 24px;
  z-index: 3
}
.x-header_new .logo::before {
  content: '';
  display: block;
  padding-top: 20.56452%
}
.x-header_new .logo .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.x-header_new .logo img {
  width: 100%;
  display: block
}
.x-header_new .logo img:nth-child(2) {
  opacity: 0
}
.x-header_new .logo img.i-show {
  opacity: 1
}
.x-header_new .logo img.i-hid {
  opacity: 0
}
.x-header_new .splite {
  width: 418px;
  margin-left: 32px
}
.x-header_new .top {
  background-color: #7c3030
}
.x-header_new .top .x-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 57px;
  position: relative;
  z-index: 1;
  line-height: 57px;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s
}
.x-header_new .top .x-wrap::after {
  display: none
}
.x-header_new .top .l .item:nth-child(n+2) {
  margin-left: 38px
}
.x-header_new .bottom {
  display: none
}
.x-header_new .tools-mod {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.x-header_new .tools-mod .tools-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.x-header_new .tools-mod .tools-item + .tools-item {
  margin-left: 38px
}
.x-header_new .search-mod .search-tap {
  width: 75px;
  height: 40px;
  background-color: #c64141;
  border-radius: 99px;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  .x-header_new .search-mod .search-tap {
    font-size: 16px
  }
}
.x-header_new .search-mod .search-tap::before {
  content: '';
  width: 15px;
  height: 15px;
  background: url(../image/png62.png) no-repeat;
  background-size: contain;
  -webkit-transform: none;
  transform: none;
  position: static;
  vertical-align: middle
}
.x-header_new .search-mod .search-tap:hover {
  color: #fff
}
.x-header_new .search-mod .search-tap ~ .search-box {
  border: none;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  right: 0px;
  overflow: visible;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  width: 487px;
  background-color: #314769;
  height: 70px;
  border-radius: 999px;
  margin-top: 28px
}
.x-header_new .search-mod .search-btn {
  width: 75px;
  color: #fff;
  background-color: #466495;
  border-radius: 999px
}
.x-header_new .search-mod .search-submit {
  width: 100%
}
.x-header_new .search-mod .search-txt, .x-header_new .search-mod .search-btn {
  display: block
}
.x-header_new .search-mod .search-txt {
  padding: 0 1em 0 5px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.x-header_new .search-mod .search-input {
  height: 100%;
  color: #fff
}
.x-header_new .search-mod .search-input::-webkit-input-placeholder {
  color: #6984ad
}
.x-header_new .search-mod .search-input::-moz-placeholder {
  color: #6984ad
}
.x-header_new .search-mod .search-input:-ms-input-placeholder {
  color: #6984ad
}
.x-header_new .search-mod .search-input::-ms-input-placeholder {
  color: #6984ad
}
.x-header_new .search-mod .search-input::placeholder {
  color: #6984ad
}
.x-header_new .search-tap {
  -webkit-transition: none;
  transition: none
}
.x-header_new.white {
  background: rgba(255, 255, 255, 0.8)
}
.x-header_new.white .search-mod .search-tap {
  background: #7c3030;
  color: #fff
}
.x-header_new.white .search-mod .search-tap ~ .search-box {
  background: #7c3030
}
.x-header_new.white .search-mod .search-input::-webkit-input-placeholder {
  color: #fff
}
.x-header_new.white .search-mod .search-input::-moz-placeholder {
  color: #fff
}
.x-header_new.white .search-mod .search-input:-ms-input-placeholder {
  color: #fff
}
.x-header_new.white .search-mod .search-input::-ms-input-placeholder {
  color: #fff
}
.x-header_new.white .search-mod .search-input::placeholder {
  color: #fff
}
.x-header_new.white .search-mod .search-btn {
  color: #7c3030;
  background-color: #fff
}
.x-header_new.white .logo img:nth-child(2) {
  opacity: 1
}
.x-header_new.white .nav-mod {
  color: #7c3030
}
.x-header_new.white .nav-mod .nav-lv2 {
  color: #7c3030
}
.x-header_new.white .nav-mod .nav-lv2::after {
  background: rgba(255, 255, 255, 0.7)
}
.x-header_new.white .nav-mod .nav-lv1-item .nav-lv1-link::after {
  border-color: #ab0d29
}
.x-header_new.white .nav-mod .nav-lv2-item .nav-lv2-link::before {
  background-image: url(../image/png67-1.png)
}
.x-header_new.white .nav-mod .nav-lv2-item.cur .nav-lv2-link::before {
  background-image: url(../image/png68-1.png)
}
.x-header_new .logo .syx {
  text-align: center;
  margin-top: 5px;
  font-size: 16px;
  color: #fff
}
@media screen and (min-width: 1025px) {
  .x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:hover a::before {
    display: none
  }
  .x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:hover a::after {
    display: block
  }
  .x-header_new.wht {
    position: fixed
  }
  .x-header_new.wht .box-1 {

    visibility: hidden;
    z-index: -1;
    display: none
  }
  .x-header_new.wht .box-2 {
    opacity: 1;
    visibility: visible;
    z-index: 2
  }
  .x-header_new {
    color: #fff
  }
  .x-header_new .box-1 .box1-top a:hover {
    color: #ce5656
  }
  .x-header_new .box-1 .box1-bot .nav-lv1-item:hover::before {
    left: 0;
    right: 0
  }
  .x-header_new .box-1 .box1-bot .nav-lv1-item:hover .nav-lv2 {
    opacity: 1;
    visibility: visible
  }
  .x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:hover::before {
    background: url(../image/png77.png) no-repeat center;
    -webkit-transform: none;
    transform: none;
    width: 21px;
    height: 19px;
    top: 19px;
    left: -34px
  }
  .x-header_new .box-2 .slogan.show {
    opacity: 1;
    visibility: visible
  }
  .x-header_new .box-2 .slogan.lshow {
    opacity: 1;
    visibility: visible;
    right: auto;
    left: 0px
  }
  .x-header_new .top a:hover {
    color: #ce5656
  }
  .x-header_new .nav-mod {
    border: none;
    padding-top: 0 !important
  }
  .x-header_new .nav-mod .nav-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border: none
  }
  .x-header_new .nav-mod .nav-box::after {
    display: none
  }
  .x-header_new .nav-mod .nav-tit .arr {
    display: none
  }
  .x-header_new .nav-mod .nav-link {
    display: block;
    white-space: nowrap
  }
  .x-header_new .nav-mod .nav-lv {
    position: absolute;
    min-width: 100%;
    background-color: #fff;

    visibility: hidden
  }
  .x-header_new .nav-mod .nav-lv1 {
    text-align: center;
    font-size: 0
  }
  .x-header_new .nav-mod .nav-lv1-item {
    display: inline-block;
    font-size: 16px
  }
  .x-header_new .nav-mod .nav-lv1-item .nav-lv1-link {
    position: relative
  }
  .x-header_new .nav-mod .nav-lv1-item .nav-lv1-link::after {
    content: '';
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    border-top: 3px solid #c13f3f;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
  }
  .x-header_new .nav-mod .nav-lv1-item.cur .nav-lv1-link::after {
    left: -20px;
    right: -20px
  }
  .x-header_new .nav-mod .nav-lv1-link {
    line-height: 93px
  }
  .x-header_new .nav-mod .nav-lv2 {
    position: absolute;
    background: none;
    border-bottom: none;
    padding: 32px 0;
    width: auto;
    top: 100%;
    left: 0;
    min-width: 0;
    color: #fff
  }
  .x-header_new .nav-mod .nav-lv2::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2000px;
    right: -2000px;
    background-color: rgba(130, 50, 50, 0.9)
  }
  .x-header_new .nav-mod .nav-grp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2
  }
  .x-header_new .nav-mod .nav-lv2-item {
    margin-right: 50px
  }
  .x-header_new .nav-mod .nav-lv2-item:last-child {
    margin-right: 0
  }
  .x-header_new .nav-mod .nav-lv2-item:hover .nav-lv2-link::before {
    display: none
  }
  .x-header_new .nav-mod .nav-lv2-item:hover .nav-lv2-link::after {
    display: block
  }
  .x-header_new .nav-mod .nav-lv2-item.cur .nav-lv2-link::before {
    display: none
  }
  .x-header_new .nav-mod .nav-lv2-item.cur .nav-lv2-link::after {
    display: block
  }
  .x-header_new .nav-mod .nav-lv2-tit {
    text-align: center
  }
  .x-header_new .nav-mod .nav-lv2-link {
    padding-left: 30px;
    position: relative
  }
  .x-header_new .nav-mod .nav-lv2-link::before {
    content: "";
    position: absolute;
    left: 13px;
    top: 50%;
    background: #c64141;
    width: 7px;
    height: 7px;
    margin-top: -4px
  }
  .x-header_new .nav-mod .nav-lv2-link::after {
    content: '';
    background-image: url(../image/png79.png);
    width: 21px;
    height: 19px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
    display: none
  }
  .x-header_new .nav-mod .nav-lv3 {
    left: 100%;
    top: 0
  }
  .x-header_new .nav-mod .nav-lv3-item {
    position: relative;
    float: left
  }
  .x-header_new .nav-mod .nav-lv3-item + .nav-lv3-item {
    margin-top: 8px
  }
  .x-header_new .nav-mod .nav-item:hover > .nav-lv {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
  }
  .x-header_new .nav-mod .nav-item:hover > .nav-tit .nav-lv1-link {
    color: #fff
  }
  .x-header_new .nav-mod .nav-item:hover > .nav-tit .nav-lv1-link::after {
    left: -20px;
    right: -20px
  }
  .x-header_new.white .nav-mod .nav-item:hover > .nav-tit .nav-lv1-link {
    color: #7c3030
  }
  .x-header_new.white .nav-mod .nav-lv2-item:hover .nav-lv2-link {
    color: #7c3030
  }
  .x-header_new.white .nav-mod .nav-lv2-item:hover .nav-lv2-link::before {
    background-image: url(../image/png68-1.png)
  }
}
@media screen and (max-width: 1920px) {
  .x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(3) .nav-lv2 {
    left: auto;
    margin: 0;
    right: -80%;
    -webkit-transform: none;
    transform: none
  }
  .x-header_new .box-2 .slogan {
    width: 415px;
    top: 32px
  }
}
@media screen and (max-width: 1700px) {
  .x-header_new .box-1 .box1-bot .nav-lv2 {
    margin: 0
  }
}
@media screen and (max-width: 1600px) {
  .x-header_new .search-mod .search-tap {
    padding: 6px 15px
  }
  .x-header_new .nav-mod .nav-lv2-item {
    margin-right: 20px
  }
  .x-header_new .box-1 .box1-top .flexbox {
    padding: 15px 0
  }
  .x-header_new .box-1 .box1-logo .syx {
    top: 15px
  }
  .x-header_new .box-1 .box1-bot .nav-lv1-item {
    font-size: 20px
  }
  .x-header_new .box-1 .box1-bot .nav-lv1-item + .nav-lv1-item {
    margin-left: 20px
  }
  .x-header_new .box-1 .box1-logo {
    width: 500px
  }
  .x-header_new .box-1 .box1-logo .logo-box {
    top: 20px;
    width: 200px;
    margin-left: -30px
  }
  .x-header_new .box-1 .box1-bot .nav-lv2 .nav-grp {
    width: 700px
  }
}
@media screen and (max-width: 1500px) {
  .x-header_new .box-2 .slogan {
    width: 375px;
    top: 34px
  }
}
@media screen and (max-width: 1400px) {
  .x-header_new .nav-mod .nav-lv1-link {
    line-height: 70px
  }
  .x-header_new .splite {
    width: 300px
  }
  .x-header_new .logo {
    width: 200px;
    top: 20px
  }
  .x-header_new .box-2-logobox {
    width: 360px
  }
  .x-header_new .box-1 .box1-top .flexbox .item + .item {
    margin-left: 30px
  }
  .x-header_new .box-1 .box1-logo {
    width: 440px
  }
  .x-header_new .box-2 .slogan {
    width: 330px;
    top: 35px
  }
  .x-header_new .nav-mod .nav-lv2-item {
    margin-right: 10px
  }
}
@media screen and (max-width: 1300px) {
  .x-header_new.home .logo {
    height: 60px
  }
  .x-header_new.home .nav-mod .nav-lv1-item {
    padding: 0 30px
  }
  .x-header_new .top .x-wrap {
    height: 60px;
    line-height: 60px;
    font-size: 14px
  }
  .x-header_new .nav-mod .nav-lv1-link {
    line-height: 70px
  }
  .x-header_new .top .l .item:nth-child(n+2) {
    margin-left: 30px
  }
  .nav-mod .nav-lv2 {
    width: 600px
  }
  .x-header_new .tools-mod .search-mod .search-box {
    width: 370px;
    height: 61px;
    padding: 10px 10px 10px 0
  }
  .x-header_new .box-2-logobox {
    width: 320px
  }
  .x-header_new .logo {
    top: 15px
  }
  .x-header_new .box-2 .slogan {
    width: 300px;
    top: 37px
  }
  .x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(1) .nav-lv2, .x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(2) .nav-lv2 {
    right: 0%
  }
  .x-header_new .box-1 .box1-logo {
    width: 430px
  }
}
@media screen and (max-width: 1200px) {
  .x-header_new .box-1 .box1-logo {
    width: 400px
  }
  .x-header_new.home .nav-mod .nav-lv1-item {
    padding: 0 15px
  }
  .x-header_new .nav-mod .nav-lv1-item {
    font-size: 14px
  }
  .x-header_new .box-2 .slogan {
    width: 250px;
    top: 36px
  }
}
@media screen and (max-width: 1100px) {
  .x-header_new .top .l .item:nth-child(n+2) {
    margin-left: 25px
  }
  .x-header_new .box-1 .box1-logo .syx {
    margin-left: -80px
  }
  .x-header_new .box-2 .slogan {
    width: 200px;
    top: 39px
  }
}
@media screen and (max-width: 1024px) {
  .x-layout {
    padding-top: 0px
  }
  .x-header_new.home {
    color: #333;
    position: relative
  }
  .x-header_new .box-2 {
    opacity: 1;
    visibility: visible;
    position: relative;
    border-width: 0px
  }
  .x-header_new .box-2 .slogan-wrap {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0
  }
  .x-header_new .box-2 .slogan {
    width: 50.1333%;
    position: relative;
    overflow: hidden;
    position: absolute;
    right: 9%;
    left: auto;
    z-index: 9;
    background-image: url(../image/png122.png);
    opacity: 1;
    visibility: visible;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .x-header_new .box-2 .slogan::before {
    content: '';
    display: block;
    padding-top: 7.18085%
  }
  .x-header_new .box-2 .slogan .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
  }
  .x-header_new .box-2 .nav-mod .nav-lv2 {
    padding-top: 10px
  }
  .x-header_new .x-wrap {
    margin: 0
  }
  .x-header_new .splite {
    width: auto
  }
  .x-header_new .top {
    display: none
  }
  .x-header_new .bottom {
    display: block;
    height: auto;
    line-height: 1;
    background-color: #fff
  }
  .x-header_new .bottom .l {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #ddd
  }
  .x-header_new .bottom .l .item {
    margin: 0 !important
  }
  .x-header_new .bottom .tools-mod {
    border-top: 1px solid #b36563;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .x-header_new .bottom .tools-mod::after {
    display: none
  }
  .x-header_new .bottom .tools-mod .tools-item {
    margin: 0 !important
  }
  .x-header_new .bottom .search-mod .search-tap {
    width: 20px;
    height: 20px
  }
  .x-header_new .menu-mod {
    position: relative;
    padding: 10px 15px;
    height: 60px;
    z-index: 2
  }
  .x-header_new .menu-mod::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #bc7b54
  }
  .x-header_new .menu-mod .logo {
    width: 48.58156%;
    left: 13.47517%;
    -webkit-transform: none;
    transform: none;
    top: 20%
  }
  .x-header_new .menu-mod .logo a {
    padding: 0
  }
  .x-header_new.home .nav-mod .nav-lv1-item {
    padding: 0
  }
  .x-header_new.home .tools-mod .eml {
    background-image: url(../image/ico_mail.png)
  }
  .x-header_new .menu-btn {
    position: absolute;
    width: 40px;
    overflow: hidden;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px
  }
  .x-header_new .menu-btn::before {
    content: '';
    display: block;
    padding-top: 100%
  }
  .x-header_new .menu-btn .line {
    width: 60%;
    height: 2px;
    -webkit-transition: background .3s;
    transition: background .3s
  }
  .x-header_new .menu-btn .line, .x-header_new .menu-btn .line::before, .x-header_new .menu-btn .line::after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    border-radius: 1px
  }
  .x-header_new .menu-btn .line::before, .x-header_new .menu-btn .line::after {
    content: '';
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s
  }
  .x-header_new .menu-btn .line::before {
    -webkit-transform: translateY(-400%);
    transform: translateY(-400%)
  }
  .x-header_new .menu-btn .line::after {
    -webkit-transform: translateY(400%);
    transform: translateY(400%)
  }
  .x-header_new .search-box, .x-header_new .share-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    position: relative;
    padding: 5px 15px
  }
  .x-header_new .search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #ccc;
    background-color: #fff
  }
  .x-header_new .search-box > * {
    width: 0;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
  }
  .x-header_new .search-box > :last-child {
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
  .x-header_new .search-box .search-input {
    display: block;
    width: 100%;
    height: 30px
  }
  .x-header_new .search-box .search-input::-webkit-input-placeholder {
    color: #fff
  }
  .x-header_new .search-box .search-input::-moz-placeholder {
    color: #fff
  }
  .x-header_new .search-box .search-input:-ms-input-placeholder {
    color: #fff
  }
  .x-header_new .search-box .search-input::-ms-input-placeholder {
    color: #fff
  }
  .x-header_new .search-box .search-input::placeholder {
    color: #fff
  }
  .x-header_new .search-box .search-submit {
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px
  }
  .x-header_new .share-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #ccc
  }
  .x-header_new .share-box .share-item {
    font-size: 1.2em
  }
  .x-header_new .nav-mod {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    padding-top: 135px;
    background: url(../image/jpg79.jpg) no-repeat bottom center;
    background-size: 100% auto;
    color: #fff;
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%)
  }
  .x-header_new .nav-mod .x-wrap {
    margin: 0 15px
  }
  .x-header_new .nav-mod .search-box, .x-header_new .nav-mod .nav-box, .x-header_new .nav-mod .bottom {
    background: transparent
  }
  .x-header_new .nav-mod .search-box {
    background: #b36563;
    border-radius: 999px;
    border: none;
    margin-bottom: 10px;
    padding-right: 10px
  }
  .x-header_new .nav-mod .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .x-header_new .nav-mod .splite {
    display: none
  }
  .x-header_new .nav-mod .nav-lv1-link {
    line-height: 1.8;
    padding: 10px 0
  }
  .x-header_new .nav-mod .nav-lv2 {
    width: auto;
    color: #b36563
  }
  .x-header_new .nav-box {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    background-color: #fff
  }
  .x-header_new .nav-box .nav-lv1-item.cur .nav-lv1-tit::before {
    display: none
  }
  .x-header_new .nav-box .nav-lv1-item.cur .nav-lv1-tit::after {
    display: block
  }
  .x-header_new .nav-box .nav-lv2-item.cur .nav-lv2-link {
    color: #fff
  }
  .x-header_new .nav-item.act > .nav-tit .arr {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  .x-header_new .nav-item.act > .nav-tit .arr::before {
    right: auto;
    left: 0
  }
  .x-header_new .nav-lv1-item {
    padding: 0 0 0 35px
  }
  .x-header_new .nav-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .x-header_new .nav-tit .arr {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 40px;
    height: auto;
    color: #b36563
  }
  .x-header_new .nav-tit .arr::before {
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
  }
  .x-header_new .nav-tit .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
  }
  .x-header_new .nav-tit + .nav-lv {
    display: none
  }
  .x-header_new .nav-lv1-tit {
    border-bottom: 1px solid #b36563;
    position: relative
  }
  .x-header_new .nav-lv1-tit::before, .x-header_new .nav-lv1-tit::after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
  }
  .x-header_new .nav-lv1-tit::before {
    width: 7px;
    height: 7px;
    background-image: url(../image/png135.png);
    right: calc(100% + 19px)
  }
  .x-header_new .nav-lv1-tit::after {
    width: 21px;
    height: 19px;
    background-image: url(../image/png134.png);
    right: calc(100% + 14px);
    display: none
  }
  .x-header_new .nav-lv1-link {
    font-size: 1.125em
  }
  .x-header_new .nav-lv2 {
    padding: 10px 15px
  }
  .x-header_new .nav-lv2-tit {
    padding: 5px 0
  }
  .x-header_new.menu-open {
    z-index: 999
  }
  .x-header_new.menu-open .line {
    background-color: transparent
  }
  .x-header_new.menu-open .line::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .x-header_new.menu-open .line::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .x-header_new.menu-open .nav-mod {
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
  }
  .x-header_new.white .menu-btn .line, .x-header_new.white .menu-btn .line::before, .x-header_new.white .menu-btn .line::after {
    background: #7c3030
  }
  .x-header_new.white.menu-open .line {
    background-color: transparent
  }
  .x-header_new .box-2-logobox {
    -webkit-transform: none;
    transform: none;
    top: 0;
    left: 0;
    width: 37.6%
  }
  .x-header_new .box-2-logobox::before {
    background-image: url(../image/png121.png);
    padding-top: 26.5957%;
    background-position: left top
  }
  .x-header_new .box-2-logobox::after {
    display: none
  }
}
@media screen and (max-width: 900px) {
  .x-header_new .box-2-logobox {
    width: 40%
  }
}
@media screen and (max-width: 767px) {
  .x-header_new .menu-mod .logo {
    left: 15px;
    width: 40%;
    overflow: inherit
  }
  .x-header_new .menu-mod .logo .syx {
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    margin-left: 10px
  }
  .x-header_new .box-2-logobox {
    width: 60%
  }
  .x-header_new .box-2-logobox::before {
    background-position: right top;
    margin-left: -85px
  }
  .x-header_new .box-2 .slogan {
    width: 35%;
    right: 13%
  }
  .x-header_new .nav-mod {
    padding: 95px 0 0
  }
  .x-header_new .nav-mod .nav-lv1-item {
    padding-left: 20px
  }
  .x-header_new .nav-mod .nav-lv2 {
    padding: 0px 10px
  }
  .x-header_new .nav-mod .nav-lv1-link {
    padding: 5px 0
  }
  .x-header_new .nav-mod .nav-lv1-tit::before {
    right: calc(100% + 9px)
  }
  .x-header_new .nav-mod .nav-lv1-tit::after {
    width: 13px;
    height: 13px;
    right: calc(100% + 5px)
  }
  .x-header_new .nav-mod .nav-lv2-tit {
    padding: 3px 0
  }
  .x-header_new .menu-btn {
    right: 5px
  }
  .x-header_new .logo .syx {
    text-align: center;
    margin-top: 0
  }
  .x-header_new .bottom .tools-mod {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 15px
  }
  .x-header_new .bottom .tools-mod .tools-item {
    margin: 5px !important
  }
}
@media screen and (max-width: 500px) {
  .x-header_new .box-2-logobox {
    width: 75%
  }
}
.audio-mod.ui {
  position: relative;
  padding: 1em;
  border: 1px solid;
  border-radius: 5px
}
.audio-mod .audio-title {
  padding: 1em;
  text-align: center
}
.audio-mod .audio-list {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.audio-mod .audio-list .select-bar {
  border: 0;
  height: 30px
}
.audio-mod .audio-list .select-cont {
  left: auto;
  width: 300px
}
.audio-mod .audio-control {
  float: left
}
.audio-mod .audio-play {
  border: 1px solid;
  border-radius: 999px
}
.audio-mod .audio-play.icon-media-pause.icon-media-buffer {
  -webkit-animation: animat-ring 3s linear infinite;
  animation: animat-ring 3s linear infinite
}
.audio-mod .audio-prev.disable, .audio-mod .audio-next.disable {
  background: #ccc;
  cursor: default;
  pointer-events: none
}
.audio-mod .audio-volume {
  position: absolute;
  top: 50%;
  right: 4em;
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1)
}
.audio-mod .audio-volume .audio-volume-box {
  position: absolute;
  left: 50%;
  bottom: 100%;
  padding: 1em 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.audio-mod .audio-volume .audio-volume-track {
  position: relative;
  margin: auto;
  width: 4px;
  height: 50px;
  background: #eee
}
.audio-mod .audio-volume .audio-volume-bar {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-color: #666
}
.audio-mod .audio-volume .audio-volume-bar::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 999px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer
}
.audio-mod .audio-volume:hover .audio-volume-box {
  opacity: 1;
  visibility: visible
}
.audio-mod .audio-panel {
  margin-left: 4em;
  margin-top: 5px
}
.audio-mod .audio-progress {
  position: relative;
  margin-bottom: 5px;
  height: 4px;
  background-color: #eee
}
.audio-mod .audio-progress .audio-progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background-color: #333
}
.audio-mod .audio-progress .audio-progress-bar::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 1px solid;
  border-radius: 999px;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%)
}
.audio-mod .audio-time {
  position: relative;
  font-family: arial;
  line-height: 1;
  overflow: hidden
}
.audio-mod .audio-current {
  float: left
}
.audio-mod .audio-duration {
  float: right
}
.audio-mod .audio-surplus {
  float: right
}
@media screen and (max-width: 1024px) {
  .audio-mod .audio-volume-box {
    display: none
  }
}
.banner_page {
  height: 818px;
  position: relative;
  color: #fff;
  overflow: hidden
}
.banner_page .bread-mod {
  color: inherit
}
.banner_page .bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: no-repeat center center / cover
}
.banner_page .bg .mask {
  background: #000
}
.banner_page .head {
  position: absolute;
  left: 0;
  top: 160px;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 48px;
  line-height: 1.2
}
@media screen and (max-width: 768px) {
  .banner_page .head {
    font-size: 28px
  }
}
.banner_page .head .lt {
  position: absolute;
  left: 50%;
  bottom: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-bottom: 1em;
  -webkit-transition: all 1s ease-out 0s;
  transition: all 1s ease-out 0s;
  clip: rect(0, 200px, 0, 0)
}
.banner_page .head .lb {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 1.1em;
  -webkit-transition: all 1s ease-out 2s;
  transition: all 1s ease-out 2s;
  clip: rect(0, 200px, 0, 0)
}
.banner_page .head .img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: -1em;
  -webkit-transition: all 1.5s ease-out 1s;
  transition: all 1.5s ease-out 1s;
  opacity: 0
}
.banner_page .head .title {
  position: relative;
  -webkit-transition: all 1.5s ease-out 1s;
  transition: all 1.5s ease-out 1s;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 0
}
.banner_page.showd .head {
  position: absolute;
  left: 0;
  top: 160px;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 48px;
  line-height: 1.2
}
@media screen and (max-width: 768px) {
  .banner_page.showd .head {
    font-size: 28px
  }
}
.banner_page.showd .head .lt {
  clip: rect(0, 200px, 500px, 0)
}
.banner_page.showd .head .lb {
  clip: rect(0, 200px, 300px, 0)
}
.banner_page.showd .head .img {
  opacity: 1
}
.banner_page.showd .head .title {
  opacity: 1;
  -webkit-transform: none;
  transform: none
}
.banner_page .nav {
  position: absolute;
  left: 0;
  right: 0;
  font-size: 30px;
  bottom: 2em;
  text-align: center;
  font-family: sh
}
@media screen and (max-width: 768px) {
  .banner_page .nav {
    font-size: 22px
  }
}
.banner_page .nav a {
  margin: 0 1em;
  display: inline-block
}
.banner_page .nav a.now {
  font-size: 1.3em
}
.banner_page .box1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  position: relative
}
.banner_page .box1 .b {
  margin-top: 3.5em
}
@media screen and (max-width: 1400px) {
  .banner_page {
    height: 708px
  }
  .banner_page .head {
    font-size: 38px
  }
  .banner_page .head .img {
    -webkit-transform: translate(-50%, -50%) scale(0.95);
    transform: translate(-50%, -50%) scale(0.95)
  }
  .banner_page .nav {
    bottom: 1em;
    font-size: 26px
  }
  .banner_page .head .img {
    margin-top: -0.5em
  }
  .banner_page .head .lt {
    bottom: 44%
  }
  .banner_page .head .lb {
    top: 53%
  }
  .banner_page .head .title {
    margin-top: 36px
  }
}
@media screen and (max-width: 1200px) {
  .banner_page .nav {
    font-size: 24px
  }
}
@media screen and (max-width: 1100px) {
  .banner_page .head .title {
    font-size: 33px
  }
}
@media screen and (min-width: 1025px) {
  .banner_page .nav a:hover {
    font-size: 1.3em
  }
}
@media screen and (max-width: 1024px) {
  .banner_page .head {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 48px;
    line-height: 1.2
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  .banner_page .head {
    font-size: 28px
  }
}
@media screen and (max-width: 1024px) {
  .banner_page .head .lt {
    clip: rect(0, 200px, 500px, 0)
  }
  .banner_page .head .lb {
    clip: rect(0, 200px, 300px, 0)
  }
  .banner_page .head .img {
    opacity: 1
  }
  .banner_page .head .title {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@media screen and (max-width: 1023px) {
  .banner_page {
    height: 300px
  }
  .banner_page.showd .head {
    top: 0
  }
  .banner_page.showd .title {
    font-size: 26px
  }
  .banner_page .head {
    font-size: 26px;
    top: 0
  }
  .banner_page .img {
    width: 200px
  }
  .banner_page .lt {
    width: 60px
  }
  .banner_page .lb {
    width: 6px
  }
  .banner_page .nav {
    font-size: 18px
  }
  .banner_page .nav a {
    margin: 0 0.8em
  }
  .banner_page .head .title {
    margin-top: 0
  }
  .banner_page .head .lb {
    top: 45%
  }
}
@media screen and (max-width: 768px) {
  .banner_page .head .lt {
    bottom: 50%
  }
  .banner_page .head .lb {
    top: 50%
  }
}
div[data-search] * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
div[data-search] .BMapLib_sms_pnl_phone input, div[data-search] .BMapLib_sms_pnl_phone button, div[data-search] .BMapLib_sms_pnl_phone textarea, div[data-search] .BMapLib_sms_pnl_phone select {
  min-height: auto;
  border: 1px solid
}
div[data-search] .BMapLib_bubble_content {
  overflow: auto
}
div[data-search] .infoBox {
  padding: 10px;
  width: 290px;
  background-color: #fff
}
div[data-search] .infoBox > img {
  top: 10px;
  right: 10px !important
}
.bdmap {
  height: 600px
}
.bread-mod {
  position: absolute;
  left: 0;
  top: 35px;
  right: 0;
  color: #999;
  z-index: 2
}
.bread-mod .bread-item {
  display: inline-block
}
.bread-mod .bread-item + .bread-item::before {
  content: '>';
  padding: 0 5px;
  font-family: Arial
}
@media screen and (min-width: 1025px) {
  .bread-mod .bread-link:hover {
    color: #aa1332
  }
}
@media screen and (max-width: 1024px) {
  .bread-mod {
    display: none
  }
}
.pop-mod {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-delay: 0s, 0s, .3s;
  transition-delay: 0s, 0s, .3s
}
.pop-mod .pop-close {
  position: absolute;
  right: 0px;
  bottom: 100%;
  margin-bottom: 10px;
  font-size: 26px;
  z-index: 1;
  cursor: pointer;
  overflow: hidden;
  color: #fff
}
.pop-mod .pop-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
  overflow: hidden
}
.pop-mod .pop-panel::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%
}
.pop-mod .pop-dialog {
  position: relative;
  display: inline-block;
  max-width: 100%;
  background: #fff;
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
  word-break: normal
}
.pop-mod .video-native {
  display: none
}
.pop-mod video, .pop-mod iframe {
  display: none;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%
}
.pop-mod.x-show {
  opacity: 1;
  visibility: visible;
  z-index: 999;
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-delay: 0s, 0s, 0s;
  transition-delay: 0s, 0s, 0s
}
.pop-mod.x-show video, .pop-mod.x-show iframe, .pop-mod.x-show .video-native {
  display: block
}
@media screen and (min-width: 1025px) {
  .pop-mod.x-show .pop-panel {
    overflow-y: scroll
  }
  .pop-mod.x-show > .pop-close {
    margin-right: 17px
  }
  .full-screen .pop-mod.x-show > .pop-close {
    margin-right: 0
  }
  .full-screen .pop-mod.x-show .pop-panel {
    overflow: auto
  }
}
@media screen and (max-width: 1024px) {
  .pop-mod .pop-panel {
    padding: 0 15px;
    overflow: auto;
    overscroll-behavior-y: contain
  }
  .pop-mod .pop-panel .pop-dialog {
    width: 100%
  }
}
.paging-mod {
  text-align: center;
  margin: 75px 0
}
.paging-mod .paging-box {
  display: inline-block;
  vertical-align: top
}
.paging-mod .paging-item {
  float: left;
  min-width: 36px;
  font-family: Arial;
  font-size: 16px;
  line-height: 34px
}
.paging-mod .paging-arrow, .paging-mod .paging-link {
  padding: 0 5px;
  border-radius: 5px;
  border: 1px solid #fff;
  background-color: #fff;
  -webkit-transition-property: color, background, border;
  transition-property: color, background, border;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}
.paging-mod .paging-arrow:first-child {
  margin-right: 10px
}
.paging-mod .paging-link + .paging-link {
  margin-left: 12px
}
.paging-mod .paging-link + .paging-arrow {
  margin-left: 10px
}
.paging-mod .paging-link.cur {
  background-color: #aa1332;
  border-color: #aa1332;
  color: #fff;
  cursor: default;
  pointer-events: none
}
.paging-mod .paging-dot {
  margin: 0 5px;
  font-weight: bold;
  letter-spacing: 0.2em
}
.paging-mod .paging-jump {
  margin-left: 26px;
  width: 120px;
  height: 40px;
  border: 1px solid #aa1332;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  top: -2px
}
.paging-mod .paging-table {
  display: table;
  width: 100%;
  height: 100%;
  background: #fff
}
.paging-mod .paging-cell {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle
}
.paging-mod .paging-cell:first-child {
  border-radius: 4px 0 0 4px;
  border-right: none
}
.paging-mod .paging-input {
  display: block;
  padding: 0 10px;
  width: 100%;
  line-height: 1.5;
  text-align: center
}
.paging-mod .paging-btn {
  display: block;
  width: 55px;
  cursor: pointer;
  border-radius: 4px;
  background: #aa1332;
  color: #fff;
  height: 34px;
  margin-right: 2px;
  font-family: 'Microsoft Yahei', 'PingFang SC', Arial, sans-serif
}
.paging-mod .paging-more {
  display: none
}
@media screen and (min-width: 1025px) {
  .paging-mod .paging-link:not(.cur):hover, .paging-mod .paging-arrow:hover {
    background-color: #aa1332;
    border-color: #aa1332;
    color: #fff
  }
}
@media screen and (max-width: 1024px) {
  .paging-mod {
    margin: 30px 0
  }
  .paging-mod .paging-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 34px;
    display: none
  }
  .paging-mod .paging-item, .paging-mod .paging-input {
    line-height: normal
  }
  .paging-mod .paging-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .paging-mod .paging-more {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #ddd;
    border-radius: 999px;
    background: #ddd;
    width: 120px
  }
}
.search-mod {
  position: relative;
  z-index: 2
}
.search-mod .search-tap {
  z-index: 1
}
.search-mod .search-tap ~ .search-box {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: -17px;
  width: 200px;
  background-color: #eee;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  -webkit-transition-property: opacity, visibility, -webkit-transform;
  transition-property: opacity, visibility, -webkit-transform;
  transition-property: opacity, visibility, transform;
  transition-property: opacity, visibility, transform, -webkit-transform;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}
.search-mod.at-l .search-tap ~ .search-box {
  top: auto;
  bottom: 50%;
  margin-top: 0;
  width: 0;
  -webkit-transition-property: width, opacity, visibility;
  transition-property: width, opacity, visibility
}
.search-mod.at-l .search-tap ~ .search-box .search-submit {
  visibility: hidden
}
.search-mod .search-box {
  display: table;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden
}
.search-mod .search-txt, .search-mod .search-btn {
  display: table-cell;
  height: 100%;
  vertical-align: middle
}
.search-mod .search-txt {
  padding: 0 1em;
  width: 100%
}
.search-mod .search-btn {
  width: 1%
}
.search-mod .search-input {
  width: 100%
}
.search-mod .search-submit {
  display: block;
  height: 100%;
  cursor: pointer
}
.search-mod.x-show .search-tap ~ .search-box {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%)
}
.search-mod.x-show.at-l .search-tap {
  z-index: -1;
  -webkit-transition-property: z-index;
  transition-property: z-index;
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.search-mod.x-show.at-l .search-tap ~ .search-box {
  width: 200px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%)
}
.search-mod.x-show.at-l .search-tap ~ .search-box .search-submit {
  visibility: visible;
  -webkit-transition-property: visibility;
  transition-property: visibility;
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
@media screen and (min-width: 1025px) {
  .search-mod .search-tap:hover, .search-mod .search-submit:hover {
    color: #aa1332
  }
}
.scroll-mod {
  position: relative;
  overflow: hidden
}
.scroll-mod.scroll-axis-x {
  padding-bottom: 10px
}
.scroll-mod.scroll-axis-y {
  padding-right: 10px
}
.scroll-cont {
  height: 100%;
  max-height: inherit;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}
.scroll-cont::-webkit-scrollbar {
  display: none
}
.scroll-track-x, .scroll-track-y {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.1)
}
.scroll-bar-x, .scroll-bar-y {
  background-color: #aaa;
  border-radius: 999999px;
  cursor: pointer
}
.scroll-track-x {
  bottom: 0;
  left: 0;
  right: 0
}
.scroll-bar-x {
  width: 0;
  height: 5px
}
.scroll-track-y {
  top: 0;
  bottom: 0;
  right: 0
}
.scroll-bar-y {
  width: 5px;
  height: 0
}
.scroll-track-disable {
  display: none
}
@media screen and (min-width: 1025px) {
  .scroll-mod .scroll-bar-x {
    width: 0
  }
}
.select-mod {
  position: relative
}
.select-mod .select-bar {
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden
}
.select-mod .select-native {
  display: none
}
.select-mod .select-trigger {
  cursor: pointer
}
.select-mod .select-btn {
  float: right;
  height: 100%
}
.select-mod .select-txt {
  position: relative;
  padding: 0 1em;
  height: 100%;
  overflow: hidden
}
.select-mod .select-val {
  position: relative;
  top: 50%;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.select-mod .select-cont, .select-mod .select-query {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  padding: 1em 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden
}
.select-mod .select-cont::before, .select-mod .select-query::before {
  content: '';
  position: absolute;
  top: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px
}
.select-mod .select-opts {
  position: relative;
  max-height: 16em;
  overflow: hidden
}
.select-mod .select-opts.scroll-axis-y {
  padding-right: 30px
}
.select-mod .select-opts .scroll-track-y {
  right: 12px
}
.select-mod .select-item {
  padding: 0.4em 1em;
  line-height: 1.2;
  cursor: pointer
}
.select-mod .select-item.cur {
  color: #aa1332
}
.select-mod.at-t .select-cont {
  top: auto;
  bottom: 100%
}
.select-mod.at-t .select-cont::before {
  top: 0;
  bottom: 1px
}
.select-mod.sc-show {
  z-index: 1
}
.select-mod.sc-show .select-cont {
  opacity: 1;
  visibility: visible
}
.select-mod.sc-show .select-trigger .select-btn, .select-mod.sc-show .select-trigger.select-btn {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.select-mod.sq-show .select-query {
  opacity: 1;
  visibility: visible
}
.select-mod .mCSB_scrollTools {
  right: 12px
}
@media screen and (min-width: 1025px) {
  .select-mod .select-trigger:hover .select-btn, .select-mod .select-trigger.select-btn:hover, .select-mod .select-item:hover {
    color: #aa1332
  }
}
@media screen and (max-width: 1024px) {
  .select-mod .select-native {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
  }
  .select-mod .select-opts {
    position: relative;
    height: 100%;
    overflow: auto
  }
}
.icon-wx::before {
  content: '\e601'
}
.icon-wb::before {
  content: '\e602'
}
.icon-qq::before {
  content: '\e603'
}
.icon-qz::before {
  content: '\e604'
}
.icon-twitter::before {
  content: '\e605'
}
.icon-facebook::before {
  content: '\e606'
}
.icon-linkedin::before {
  content: '\e607'
}
.icon-share::before {
  content: '\e608'
}
.share-mod .share-label, .share-mod .share-label ~ .share-box {
  display: inline-block;
  vertical-align: middle
}
.share-box .share-item {
  float: left
}
.share-box .code {
  width: 100px;
  height: 100px;
  overflow: hidden
}
.share-box .code img, .share-box .code canvas {
  width: 100%
}
@media screen and (min-width: 1025px) {
  .share-box .share-item:hover {
    color: #aa1332
  }
}
.sidebar-mod {
  position: fixed;
  top: 50%;
  right: 40px;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  padding-top: 60px;
  -webkit-transition-property: opacity, visibility, right;
  transition-property: opacity, visibility, right;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.sidebar-mod::before {
  content: '';
  width: 61px;
  position: absolute;
  top: 0;
  right: 9px;
  bottom: 61px;
  background: url(../image/png60.png) no-repeat top center;
  z-index: 1
}
.sidebar-mod .sidebar-item {
  position: relative;
  display: block;
  cursor: pointer;
  z-index: 2
}
.sidebar-mod .sidebar-item {
  margin-top: 10px
}
.sidebar-mod .s1 {
  margin-top: 0
}
.sidebar-mod .s8 {
  display: none
}
.sidebar-mod .icon {
  width: 35px;
  margin: auto
}
.sidebar-mod .icon img {
  width: 100%;
  display: block
}
.sidebar-mod .t {
  width: 80px;
  margin-top: 5px;
  border-radius: 30px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 22px;
  color: #fff;
  font-size: 14px
}
.sidebar-mod .t span {
  line-height: 1
}
.sidebar-mod .s1 .t {
  background-color: #556f98
}
.sidebar-mod .s2 .t {
  background-color: #972f2f
}
.sidebar-mod .s3 .t {
  background-color: #556f98
}
.sidebar-mod .s4 .t {
  background-color: #c9784c
}
.sidebar-mod .s5 .t {
  background-color: #556f98
}
.sidebar-mod .s6 .t {
  background-color: #742b2b
}
.sidebar-mod .s7 .t {
  background-color: #c9784c
}
.sidebar-mod .s8 .t {
  background-color: #7b9471
}
.sidebar-mod .xfont {
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
  border-radius: 50%
}
.sidebar-mod .top-icon {
  background-color: #c9784c
}
.sidebar-mod .top-icon img {
  width: 23px;
  height: auto
}
.sidebar-mod .icon-up {
  background-color: #7b9471;
  color: #fff
}
.sidebar-mod.op .icon-up {
  background-color: #972f2f
}
.sidebar-mod.op .icon-up::before {
  content: '\e507'
}
.sidebar-mod.op .s8 .t {
  background-color: #972f2f
}
.sidebar-mod .code {
  width: 100px;
  height: 100px;
  overflow: hidden
}
.sidebar-mod .code img {
  display: block;
  width: 100%
}
.sidebar-mod.x-show {
  opacity: 1;
  visibility: visible
}
.vjs-full-window .sidebar-mod {
  z-index: -1
}
@media screen and (max-width: 1770px) {
  .sidebar-mod {
    right: 0
  }
}
@media screen and (max-width: 1200px) {
  .sidebar-mod {
    padding: 0
  }
  .sidebar-mod::before {
    display: none
  }
  .sidebar-mod .icon, .sidebar-mod .xfont {
    display: none
  }
  .sidebar-mod .t {
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
  }
  .sidebar-mod .t span {
    width: 100%;
    display: block;
    text-align: center;
    line-height: 1.1
  }
  .sidebar-mod .sidebar-item {
    margin-top: 10px
  }
  .sidebar-mod .s1 {
    margin-top: 0
  }
}
@media screen and (max-width: 1024px) {
  .sidebar-mod {
    left: 0;
    -webkit-transform: none;
    transform: none;
    bottom: 0;
    transform: none;
    top: auto
  }
  .sidebar-mod .h {
    height: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .sidebar-mod .icon {
    display: block;
    width: 47px;
    position: relative;
    overflow: hidden;
    margin: 0 15px 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
  }
  .sidebar-mod .icon::before {
    content: '';
    display: block;
    padding-top: 78.7234%
  }
  .sidebar-mod .icon .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
  }
  .sidebar-mod .icon img {
    display: none
  }
  .sidebar-mod .sidebar-item {
    font-size: 14px;
    width: 20%;
    height: 56px;
    margin: 0
  }
  .sidebar-mod .sidebar-item.s7, .sidebar-mod .sidebar-item.s8 {
    display: none
  }
  .sidebar-mod .sidebar-item .t {
    background: transparent;
    width: auto;
    height: auto;
    padding: 0
  }
  .sidebar-mod .sidebar-item .sidebar-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
  }
  .sidebar-mod .s1 {
    background: #763735
  }
  .sidebar-mod .s1 .icon {
    background-image: url(../image/png137.png);
    width: 35px
  }
  .sidebar-mod .s2 {
    background: #913834
  }
  .sidebar-mod .s2 .icon {
    background-image: url(../image/png123.png);
    margin-right: 0
  }
  .sidebar-mod .s3 {
    background: #763735
  }
  .sidebar-mod .s3 .icon {
    background-image: url(../image/png141.png)
  }
  .sidebar-mod .s4 {
    background: #913834
  }
  .sidebar-mod .s4 .icon {
    background-image: url(../image/png140.png)
  }
  .sidebar-mod .s5 {
    background: #763735
  }
  .sidebar-mod .s5 .icon {
    background-image: url(../image/png126.png)
  }
  .sidebar-mod .s6 {
    background: #913834
  }
  .sidebar-mod .s6 .icon {
    background-image: url(../image/png127.png)
  }
}
@media screen and (max-width: 850px) {
  .sidebar-mod .sidebar-item {
    font-size: 10px
  }
  .sidebar-mod .icon {
    margin: 0 5px 0 0;
    width: 20px;
    display: none
  }
  .sidebar-mod .s2 .icon {
    margin-right: 5px
  }
  .sidebar-mod .t span {
    font-size: 12px
  }
}
.slick-slider {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y
}
.slick-item {
  position: relative
}
.slick-list {
  position: relative;
  z-index: 1;
  overflow: hidden
}
.slick-loading .slick-track {
  visibility: hidden
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}
[dir='rtl'] .slick-slide {
  float: right
}
.slick-slide.slick-loading img {
  display: none
}
.slick-slide.dragging img {
  pointer-events: none
}
.slick-initialized .slick-slide {
  display: block
}
.slick-loading .slick-slide {
  visibility: hidden
}
.slick-vertical .slick-slide {
  display: block;
  height: auto
}
.slick-arrow {
  -webkit-transform: scale(1);
  transform: scale(1);
  z-index: 3;
  cursor: pointer
}
.slick-arrow.slick-hidden {
  display: none
}
.slick-loading .slick-list {
  background: #fff
}
.slick-dots {
  margin: 0;
  padding: 0;
  z-index: 3
}
.slick-dot {
  cursor: pointer
}
.slick-arrow.slick-disabled, .slick-arrow.slick-disabled:hover {
  opacity: 0.5;
  cursor: initial
}
.suds-mod {
  position: relative
}
.suds-mod .suds-pop {
  position: absolute;
  padding: 10px;
  opacity: 0;
  visibility: hidden;
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-transition-property: opacity, visibility, -webkit-transform;
  transition-property: opacity, visibility, -webkit-transform;
  transition-property: opacity, visibility, transform;
  transition-property: opacity, visibility, transform, -webkit-transform;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}
.suds-mod .suds-pop::before, .suds-mod .suds-pop::after {
  content: '';
  position: absolute;
  z-index: -1
}
.suds-mod .suds-pop::before {
  width: 12px;
  height: 12px;
  background-color: #fff;
  border: 1px solid #ddd
}
.suds-mod .suds-pop::after {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  border-radius: 5px
}
.suds-mod .suds-pop.at-t {
  left: 50%;
  bottom: 100%;
  margin-bottom: 10px;
  -webkit-transform: translate(-50%, 10%);
  transform: translate(-50%, 10%)
}
.suds-mod .suds-pop.at-t::before {
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}
.suds-mod .suds-pop.at-b {
  left: 50%;
  top: 100%;
  margin-top: 10px;
  -webkit-transform: translate(-50%, -10%);
  transform: translate(-50%, -10%)
}
.suds-mod .suds-pop.at-b::before {
  left: 50%;
  bottom: 100%;
  -webkit-transform: translate(-50%, 50%) rotate(45deg);
  transform: translate(-50%, 50%) rotate(45deg)
}
.suds-mod .suds-pop.at-l {
  right: 100%;
  top: 50%;
  margin-right: 10px;
  -webkit-transform: translate(10%, -50%);
  transform: translate(10%, -50%)
}
.suds-mod .suds-pop.at-l::before {
  top: 50%;
  left: 100%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}
.suds-mod .suds-pop.at-r {
  left: 100%;
  top: 50%;
  margin-left: 10px;
  -webkit-transform: translate(-10%, -50%);
  transform: translate(-10%, -50%)
}
.suds-mod .suds-pop.at-r::before {
  top: 50%;
  right: 100%;
  -webkit-transform: translate(50%, -50%) rotate(45deg);
  transform: translate(50%, -50%) rotate(45deg)
}
.suds-mod .suds-pop > * {
  position: relative;
  z-index: 1
}
.suds-mod.x-show, .suds-mod:hover {
  z-index: 1
}
.suds-mod.x-show > .suds-pop, .suds-mod:hover > .suds-pop {
  opacity: 1;
  visibility: visible
}
.suds-mod.x-show > .suds-pop.at-t, .suds-mod:hover > .suds-pop.at-t {
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%)
}
.suds-mod.x-show > .suds-pop.at-b, .suds-mod:hover > .suds-pop.at-b {
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%)
}
.suds-mod.x-show > .suds-pop.at-l, .suds-mod:hover > .suds-pop.at-l {
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%)
}
.suds-mod.x-show > .suds-pop.at-r, .suds-mod:hover > .suds-pop.at-r {
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%)
}
.suds-mod:hover > .suds-target + .suds-pop {
  opacity: 0;
  visibility: hidden
}
.suds-mod.x-show > .suds-target + .suds-pop {
  opacity: 1;
  visibility: visible
}
.tab-mod .tab-term {
  cursor: pointer
}
.tab-mod .tab-term.cur {
  color: #aa1332
}
.tab-mod .tab-item {
  opacity: 0;
  visibility: hidden
}
.tab-mod .tab-item.act {
  opacity: 1;
  visibility: visible
}
.topping-mod {
  position: fixed;
  right: 15px;
  bottom: 10px;
  padding: 5px;
  background-color: #333;
  border-radius: 5px;
  color: #fff;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-property: opacity, visibility, background, color;
  transition-property: opacity, visibility, background, color;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}
.topping-mod .s {
  font-family: Arial;
  text-transform: uppercase
}
.topping-mod.x-show {
  opacity: 1;
  visibility: visible
}
.vjs-full-window .topping-mod {
  z-index: -1
}
@media screen and (min-width: 1025px) {
  .topping-mod:hover {
    background-color: #aa1332
  }
  .lock-screen .topping-mod {
    margin-right: 17px
  }
  .lock-screen.full-screen .topping-mod {
    margin-right: 0
  }
}
.tracker-mod {
  margin-top: 50px
}
.tracker-mod:first-child {
  margin-top: 0
}
.tracker-mod .tracker-prev {
  cursor: pointer
}
.tracker-mod .tracker-next {
  cursor: pointer
}
.tracker-mod .tracker-box {
  overflow: hidden
}
.tracker-mod .tracker-track {
  min-width: 100%;
  min-height: 100%
}
.tracker-mod .tracker-item {
  cursor: pointer
}
.tracker-mod.dir-hor .tracker-prev {
  float: left
}
.tracker-mod.dir-hor .tracker-next {
  float: right
}
.tracker-mod.dir-hor .tracker-box {
  text-align: center
}
.tracker-mod.dir-hor .tracker-track {
  display: table;
  white-space: nowrap;
  font-size: 0
}
.tracker-mod.dir-hor .tracker-item {
  display: inline-block;
  vertical-align: middle;
  background: #fff no-repeat right center;
  margin: 0 5px;
  font-size: 16px
}
.tracker-mod.dir-hor .tracker-item.cur {
  background-image: url(../image/jpg17.jpg);
  background-color: #7e2f2f;
  color: #fff
}
.tracker-mod.dir-hor .tracker-item a {
  display: block;
  height: 100%;
  padding: 20px 30px;
  line-height: 1.2;
  min-width: 215px;
  font-size: 20px
}
@media screen and (max-width: 768px) {
  .tracker-mod.dir-hor .tracker-item a {
    font-size: 18px
  }
}
.tracker-mod.dir-ver .tracker-box {
  height: 300px
}
.tracker-mod.dir-ver .tracker-item {
  margin: 10px 0
}
@media screen and (max-width: 1024px) {
  .tracker-mod {
    margin-top: 40px
  }
  .tracker-mod.dir-hor .tracker-item {
    background-size: 30% auto
  }
  .tracker-mod.dir-hor .tracker-item a {
    padding: 15px 25px;
    min-width: 180px;
    font-size: 18px
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  .tracker-mod.dir-hor .tracker-item a {
    font-size: 16px
  }
}
@media screen and (max-width: 1023px) {
  .tracker-mod.dir-hor .tracker-item a {
    padding: 15px 25px;
    min-width: 140px;
    font-size: 18px
  }
}
@media screen and (max-width: 1023px) and (max-width: 768px) {
  .tracker-mod.dir-hor .tracker-item a {
    font-size: 16px
  }
}
@media screen and (max-width: 767px) {
  .tracker-mod {
    margin-top: 20px
  }
  .tracker-mod.dir-hor .tracker-item a {
    padding: 10px 15px;
    min-width: 0
  }
}
.video-mod {
  position: relative;
  background-color: #000;
  overflow: hidden
}
.video-mod::before {
  content: '';
  display: block;
  padding-top: 56.25%
}
.video-mod .video-js {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%
}
.video-mod .vjs-ended .vjs-poster {
  display: block
}
.video-mod.mini .video-js .vjs-control-bar {
  position: static;
  visibility: hidden
}
.video-mod.mini .video-js .vjs-progress-control {
  position: static;
  display: block
}
.video-mod.mini .video-js .vjs-progress-holder {
  position: static
}
.video-mod.mini .video-js .vjs-load-progress, .video-mod.mini .video-js .vjs-mouse-display, .video-mod.mini .video-js .vjs-play-progress::before, .video-mod.mini .video-js .vjs-play-progress .vjs-time-tooltip, .video-mod.mini .video-js .vjs-play-progress .vjs-control-text {
  display: none
}
.video-mod.mini .video-js .vjs-play-progress {
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
  height: .3em;
  opacity: .5;
  visibility: visible
}
.video-mod.mini .vjs-ended .vjs-play-progress {
  visibility: hidden
}
@media screen and (min-width: 1025px) {
  .vjs-no-flex .vjs-button {
    padding-bottom: 3em
  }
}
@media screen and (max-width: 1024px) {
  .video-js .vjs-big-play-button {
    font-size: 3em
  }
  .video-js .vjs-control-bar {
    height: 2em
  }
  .video-js .vjs-control {
    width: 2em
  }
  .vjs-button > .vjs-icon-placeholder::before {
    font-size: 1em
  }
  .video-js .vjs-remaining-time {
    display: block;
    margin: 0 0.5em;
    width: auto;
    line-height: 2em
  }
  .vjs-current-time, .vjs-duration, .vjs-time-divider, .video-js .vjs-volume-panel {
    display: none
  }
}
.about1 .part1 {
  position: relative;
  border-bottom: 1px solid #f1c3c3
}
.about1 .part1::after {
  content: "";
  background: #eedddd;
  height: 70px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30%
}
.about1 .part1 .t {
  position: absolute;
  left: 0;
  top: 0;
  width: 33%
}
.about1 .part1 .t img {
  width: 100%
}
.about1 .part1 .content {
  margin-left: 38%;
  position: relative;
  padding: 120px 50px 120px 80px
}
.about1 .part1 .content::after {
  content: "";
  background: url(../image/png26.png);
  position: absolute;
  left: -5px;
  bottom: -5px;
  width: 9px;
  height: 9px
}
.about1 .part1 .content:before {
  content: "";
  border-left: 1px solid #f1c3c3;
  position: absolute;
  left: -1px;
  top: 0;
  bottom: -130px
}
.about1 .part1 .content .text {
  margin-top: 80px;
  color: #666
}
body:not(.lang-en) .about1 .part1 .content .text p {
  text-align: justify;
  text-justify: inter-ideograph
}
.about1 .part1 .content .text p:nth-child(n+2) {
  margin-top: 3em
}
.about1 .part1 .content .p {
  color: #666;
  margin-bottom: 30px
}
body:not(.lang-en) .about1 .part1 .content .p {
  text-align: justify;
  text-justify: inter-ideograph
}
.about1 .part2 {
  position: relative;
  padding: 100px 0 0;
  border-bottom: 1px solid #f1c3c3
}
.about1 .part2::before {
  content: "";
  background: #eedddd;
  height: 180px;
  left: 0;
  bottom: 0;
  width: 27%;
  position: absolute
}
.about1 .part2 .title {
  text-align: right;
  padding-right: 50px;
  margin-top: -1em
}
.about1 .part2 .content {
  border-left: 1px solid #f1c3c3;
  margin-left: 12%;
  padding: 0 50px 90px 80px
}
.about1 .part2 .content::before {
  border-left: 1px solid #f1c3c3;
  position: absolute;
  right: 0;
  top: -33%;
  height: 60%;
  content: ""
}
.about1 .part2 .content::after {
  border-left: 1px solid #f1c3c3;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 30%;
  content: ""
}
.about1 .part2 .pic {
  float: left;
  width: 47%;
  margin-right: 80px;
  margin-top: -90px;
  margin-bottom: 60px;
  margin-left: -21%
}
.about1 .part2 .pic img {
  width: 100%
}
.about1 .part2 .text {
  margin-top: 80px;
  color: #666
}
body:not(.lang-en) .about1 .part2 .text p {
  text-align: justify;
  text-justify: inter-ideograph
}
.about1 .part2 .text p:nth-child(n+2) {
  margin-top: 3em
}
.about1 .part2 .b {
  margin-top: 110px
}
.about1 .part2 .b img {
  width: 100%
}
.about1 .part3 {
  position: relative;
  padding-bottom: 8%
}
.about1 .part3::before {
  content: "";
  background: url(../image/png25.png) no-repeat center center/contain;
  width: 851px;
  height: 537px;
  position: absolute;
  left: 0;
  top: 0
}
.about1 .part3 .x-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.about1 .part3 .x-wrap:after {
  content: "";
  display: block;
  background: url(../image/pic14_3-1.jpg) no-repeat center top/100% auto;
  width: 18%
}
.about1 .part3 .content {
  padding: 140px 100px 70px 180px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.about1 .part3 .text {
  margin-top: 80px;
  color: #666
}
body:not(.lang-en) .about1 .part3 .text p {
  text-align: justify;
  text-justify: inter-ideograph
}
.about1 .part3 .text p:nth-child(n+2) {
  margin-top: 3em
}
@media screen and (max-width: 1600px) {
  .about1 .part1 .content {
    padding: 80px 40px 120px 80px
  }
  .about1 .part2 .content {
    margin-left: 0;
    margin-left: 40px
  }
  .about1 .part2 .pic {
    margin-left: -81px
  }
  .about1 .part3 .content {
    padding: 100px 80px 20px 40px
  }
}
@media screen and (max-width: 1400px) {
  .about1 .part1 .content .text {
    margin-top: 40px
  }
  .about1 .part1 .content .text p:nth-child(n+2) {
    margin-top: 2em
  }
  .about1 .part2 .text {
    margin-top: 40px
  }
  .about1 .part2 .text p:nth-child(n+2) {
    margin-top: 2em
  }
  .about1 .part2 .b {
    margin-top: 80px
  }
  .about1 .part3 .text {
    margin-top: 40px
  }
  .about1 .part3 .text p:nth-child(n+2) {
    margin-top: 2em
  }
}
@media screen and (max-width: 1024px) {
  .about1 .part1 .content {
    padding: 60px 40px 100px 50px
  }
  .about1 .part2 .content {
    padding: 0 40px 60px 40px
  }
  .about1 .part2 .pic {
    margin-right: 40px;
    margin-left: -41px;
    margin-bottom: 40px
  }
  .about1 .part3 .content {
    padding: 60px 60px 20px 40px
  }
}
@media screen and (max-width: 1023px) {
  .about1 .h img {
    height: 30px
  }
  .about2 .h img {
    height: 30px
  }
  .about3 .h img {
    height: 30px
  }
  .about1 .part1 .t {
    width: 22%
  }
  .about1 .part1 .content {
    margin-left: 25%
  }
  .about1 .part3 .content {
    padding-right: 40px
  }
}
@media screen and (max-width: 767px) {
  .about1 .part1::after {
    display: none
  }
  .about1 .part1 .t {
    display: none
  }
  .about1 .part1 .content {
    margin-left: 0;
    padding: 40px 0
  }
  .about1 .part1 .content::before {
    display: none
  }
  .about1 .part1 .content::after {
    display: none
  }
  .about1 .part1 .content .text {
    margin-top: 20px
  }
  .about1 .part1 .content .text p:nth-child(n+2) {
    margin-top: 1em
  }
  .about1 .part1 .title {
    margin-top: 0;
    text-align: center;
    padding: 0
  }
  .about1 .part2 {
    padding: 40px 0
  }
  .about1 .part2 .title {
    margin-top: 0;
    text-align: center;
    padding: 0
  }
  .about1 .part3 .title {
    margin-top: 0;
    text-align: center;
    padding: 0
  }
  .about1 .part2 .pic {
    margin: 0 20px 20px 0
  }
  .about1 .part2 .content {
    margin: auto;
    padding: 0;
    border-left: none
  }
  .about1 .part2 .content::before {
    display: none
  }
  .about1 .part2 .content::after {
    display: none
  }
  .about1 .part1 .content .p {
    margin-bottom: 20px
  }
  .about1 .part2 .text {
    margin-top: 20px
  }
  .about1 .part2 .text p:nth-child(n+2) {
    margin-top: 1em
  }
  .about1 .part2::before {
    display: none
  }
  .about1 .part3 .text p:nth-child(n+2) {
    margin-top: 1em
  }
  .about1 .part3 .content {
    padding: 40px 0
  }
  .about1 .part3 .x-wrap::after {
    display: none
  }
  .about1 .part3 .text {
    margin-top: 20px
  }
  .about1 .part2 .b {
    margin-top: 30px
  }
}
.art1 {
  padding: 220px 0
}
.article-page {
  padding: 220px 0;
  background: #f7f7f7
}
.article-page .h1 {
  font-size: 28px;
  color: #555;
  font-family: sh
}
@media screen and (max-width: 768px) {
  .article-page .h1 {
    font-size: 20px
  }
}
.article-page .h2 {
  font-size: 28px;
  color: #555;
  font-family: sh;
  margin-top: 9px
}
@media screen and (max-width: 768px) {
  .article-page .h2 {
    font-size: 20px
  }
}
.article-page .article-head {
  margin-bottom: 30px;
  text-align: center
}
.article-page .article-head .t {
  font-size: 32px;
  font-family: sh;
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  .article-page .article-head .t {
    font-size: 22px
  }
}
.article-page .article-head .info {
  margin-top: 10px;
  color: #707070
}
.article-page .article-head .s {
  margin: 0 15px
}
.article-page .article-cont {
  margin-top: 40px;
  line-height: 1.8
}
.article-page .article-cont p, .article-page .article-cont .p {
  text-indent: 2em;
  text-align: justify;
  text-justify: inter-ideograph
}
.article-page .article-cont p + p, .article-page .article-cont .p + .p {
  margin-top: 1.2em
}
.article-page .article-cont .img {
  margin: 1em 0
}
.article-page .article-cont iframe, .article-page .article-cont video {
  display: block;
  margin: auto;
  max-width: 100%;
  min-height: 100%;
  height: auto !important;
  border: 0
}
.article-page .article-cont .video-mod {
  margin-bottom: 1em
}
.article-page .article-cont img {
  display: block;
  margin: auto;
  max-width: 100%;
  border: 0
}
.article-page .article-paging {
  overflow: hidden;
  padding: 20px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: none
}
.article-page .article-paging .article-link {
  position: relative;
  -webkit-transition: color .3s;
  transition: color .3s
}
.article-page .article-paging .article-prev {
  float: left;
  padding-left: 30px
}
.article-page .article-paging .article-next {
  float: right;
  padding-right: 30px
}
.article-page .article-paging .xfont {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.article-page .article-paging .article-prev .xfont {
  left: 0
}
.article-page .article-paging .article-next .xfont {
  right: 0
}
.article-page .share-mod {
  text-align: center;
  margin-top: 40px
}
.article-page .share-mod .share-item {
  width: 29px;
  margin-left: 22px
}
.article-page .share-mod .share-item img {
  width: 100%
}
.article-page .share-mod .share-item::before {
  display: none
}
.article-page .ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px
}
.article-page .ul .li {
  font-size: 18px
}
@media screen and (max-width: 768px) {
  .article-page .ul .li {
    font-size: 16px
  }
}
.article-page .ul .li + .li {
  margin-left: 45px
}
@media screen and (max-width: 1600px) {
  .art1, .article-page {
    padding-top: 180px
  }
}
@media screen and (min-width: 1025px) {
  .article-page .article-paging .article-link:hover {
    color: #aa1332
  }
}
@media screen and (max-width: 1024px) {
  .art1, .article-page {
    padding: 40px 0 8%
  }
  .article-page .article-head .t {
    font-size: 1.5em
  }
  .article-page .article-head .info {
    margin-top: 5px
  }
  .article-page .article-head .s {
    margin: 0 5px
  }
  .article-page .article-cont {
    margin-bottom: 20px
  }
  .article-page .article-paging {
    padding: 10px 0
  }
  .article-page .share-mod {
    margin-bottom: 10px
  }
}
@media screen and (max-width: 1023px) {
  .article-page {
    padding: 40px 0 8%
  }
}
.calender1 {
  padding: 140px 0 0;
  background: #f5f5f5;
  position: relative
}
.calender1::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50px;
  background: url(../image/png31.png) no-repeat center center;
  width: 681px;
  height: 301px
}
.calender1 .info {
  margin-top: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #d0baba;
  padding: 0 0 40px;
  position: relative
}
.calender1 .info::before {
  content: "";
  width: 10px;
  height: 10px;
  border: 1px solid #d0baba;
  border-radius: 100%;
  position: absolute;
  left: 0;
  bottom: -5px;
  background: #f5f5f5
}
.calender1 .info::after {
  content: "";
  width: 10px;
  height: 10px;
  border: 1px solid #d0baba;
  border-radius: 100%;
  position: absolute;
  right: 0;
  bottom: -5px;
  background: #f5f5f5
}
.calender1 .info .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 200px;
  border-right: 1px dashed #d0baba
}
.calender1 .info .logo img {
  width: 98px
}
.calender1 .info .text {
  padding: 10px 120px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 0
}
.calender1 .info .text .h {
  font-size: 22px;
  line-height: 1
}
@media screen and (max-width: 768px) {
  .calender1 .info .text .h {
    font-size: 18px
  }
}
.calender1 .info .text .ul {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.calender1 .info .text .ul .li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 33.33%;
  margin-bottom: 15px;
  padding-right: 15px;
  font-size: 18px
}
.calender1 .info .text .ul .li span {
  display: block;
  width: 100px;
  color: #666;
  white-space: nowrap
}
.calender1 .info .text .ul .li span img {
  margin-right: 20px
}
.calender1 .info .text .ul .li em {
  display: block;
  width: 0;
  font-style: normal;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #999;
  display: block
}
.calender1 .info .text .ul .li em i {
  font-style: normal;
  display: block;
  width: 100%;
  word-break: break-all
}
.calender1 .letters {
  margin: 45px 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.calender1 .letters a {
  font-size: 22px;
  margin: 0 12px;
  display: block
}
@media screen and (max-width: 768px) {
  .calender1 .letters a {
    font-size: 18px
  }
}
.calender1 .letters a.now {
  color: #aa1332;
  text-decoration: underline
}
.calender1 .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px
}
.calender1 .list .item {
  background: #fff;
  width: calc(33.33% - 20px);
  margin: 0 10px 20px;
  padding: 50px 60px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
  visibility: hidden;
  position: absolute
}
.calender1 .list .item.s {
  visibility: visible;
  opacity: 1;
  position: relative
}
.calender1 .list .item .hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.calender1 .list .item .hd .h {
  font-size: 22px
}
@media screen and (max-width: 768px) {
  .calender1 .list .item .hd .h {
    font-size: 18px
  }
}
.calender1 .list .item .hd img {
  width: 45px
}
.calender1 .list .item ul {
  padding: 0;
  margin-top: 30px
}
.calender1 .list .item li {
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 18px;
  color: #666
}
@media screen and (max-width: 768px) {
  .calender1 .list .item li {
    font-size: 16px
  }
}
.calender1 .list .item li:nth-child(n+2) {
  margin-top: 1em
}
.calender1 .list .item li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.calender1 .list .item li img {
  margin-right: 15px
}
.calender1 .list .item li em {
  display: block;
  width: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-style: normal;
  color: #999;
  margin-left: 15px;
  word-break: break-all
}
.calender1 .list .item li em i {
  font-style: normal;
  display: block;
  width: 100%;
  word-break: break-all
}
.calender1 .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 75px
}
.calender1 .nav::before {
  content: "";
  border-top: 1px solid #ddd;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block
}
.calender1 .nav::after {
  content: "";
  border-top: 1px solid #ddd;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block
}
.calender1 .nav span {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  line-height: 42px;
  text-align: center;
  border: 1px solid #ddd;
  font-family: xfont;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s
}
.calender1 .nav span:last-child {
  margin-left: 30px
}
.calender3 {
  padding: 140px 0 150px;
  background: #f5f5f5
}
.calender3 .map {
  position: relative;
  overflow: hidden;
  margin-top: 56px
}
.calender3 .map::before {
  content: '';
  display: block;
  padding-top: 45%
}
.calender3 .map .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.calender2 {
  background: url(../image/bg8.jpg) no-repeat center top/cover;
  padding: 140px 0 11%;
  color: #fff
}
.calender2 .map {
  position: relative;
  margin-top: 50px
}
.calender2 .map .inner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}
.calender2 .map .i {
  width: 100%
}
.calender2 .part2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 140px
}
.calender2 .part2 .hd {
  width: 30%;
  padding-right: 20px
}
.calender2 .part2 .hd .p {
  margin-top: 20px
}
.calender2 .part2 .list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.calender2 .part2 .list .item {
  width: calc(50% - 35px)
}
.calender2 .part2 .list .item:nth-child(n+3) {
  margin-top: 2.5em
}
.calender2 .part2 .list .item .h {
  font-size: 20px
}
@media screen and (max-width: 768px) {
  .calender2 .part2 .list .item .h {
    font-size: 18px
  }
}
.calender2 .part2 .list .item .p {
  margin-top: 15px;
  line-height: 1.8
}
.calender2 .part2 .list .item .p span {
  margin-right: 1.1em;
  color: #fff
}
.calender2 .part2 .list .item .p span.now {
  color: #7ba0d4;
  display: inline-block
}
.calender2 .part3 {
  padding-top: 144px
}
.calender2 .part3 .img {
  margin-top: 60px
}
.calender2 .part3 .img img {
  width: 100%;
  display: block
}
@media screen and (min-width: 1025px) {
  .calender1 .nav span:hover {
    background: #b50022;
    border-color: #b50022;
    color: #fff
  }
}
@media screen and (max-width: 1500px) {
  .calender1 {
    padding: 100px 0 0
  }
  .calender3 {
    padding: 100px 0 0
  }
  .calender1 .info {
    margin-top: 80px
  }
  .calender1 .info .text {
    padding: 10px 80px
  }
  .calender1 .list .item {
    padding: 30px
  }
  .calender2 {
    padding: 100px 0 11%
  }
}
@media screen and (max-width: 1300px) {
  .calender1 {
    padding: 80px 0 0
  }
  .calender3 {
    padding: 80px 0
  }
  .calender1 .info {
    margin-top: 60px
  }
  .calender1 .info .text {
    padding: 10px 40px
  }
  .calender1 .list .item li {
    font-size: 16px
  }
  .calender1 .info .logo {
    width: 160px
  }
  .calender1 .info .logo img {
    width: 70px
  }
  .calender1 .letters a {
    margin: 0 8px
  }
  .calender1 .info .text .ul .li {
    width: 50%
  }
  .calender1 .nav {
    margin-top: 50px
  }
  .calender2 {
    padding: 80px 0 11%
  }
  .calender2 .part2 {
    display: block;
    margin-top: 50px
  }
  .calender2 .part2 .hd {
    width: auto
  }
  .calender2 .part2 .list {
    margin-top: 30px
  }
  .calender2 .part3 {
    padding-top: 50px
  }
  .calender2 .part3 .img {
    margin-top: 40px
  }
}
@media screen and (max-width: 1041px) {
  .calender1 .list .item {
    width: calc(50% - 20px)
  }
}
@media screen and (max-width: 1023px) {
  .calender1 {
    padding: 62px 0 0
  }
  .calender1 .info {
    margin-top: 30px
  }
  .calender1 .info .logo {
    width: 100px
  }
  .calender1 .info .text {
    padding: 10px 0 10px 30px
  }
  .calender1 .info .text .ul {
    margin-top: 20px
  }
  .calender1 .letters a {
    font-size: 16px
  }
  .calender2 {
    padding: 40px 0 10%
  }
  .calender2 .part2 .list .item {
    width: calc(50% - 15px)
  }
}
@media screen and (max-width: 767px) {
  .calender1 .info {
    padding-bottom: 20px
  }
  .calender1 .info .logo {
    display: none
  }
  .calender1 .info .text {
    padding: 0
  }
  .calender1 .info .text .ul .li {
    width: 100%;
    margin-bottom: 10px
  }
  .calender1 .letters {
    margin: 25px 0
  }
  .calender1 .list {
    display: block;
    overflow: auto;
    max-height: 120vw
  }
  .calender1 .list .item {
    width: auto;
    margin: 0 !important;
    padding: 20px;
    position: static;
    visibility: visible;
    opacity: 1
  }
  .calender1 .list .item:nth-child(n+2) {
    margin-top: 15px !important
  }
  .calender1 .nav {
    display: none
  }
  .calender2 {
    padding-top: 62px
  }
  .calender2 .map {
    margin-top: 20px
  }
  .calender2 .part2 .list {
    display: block
  }
  .calender2 .part2 .list .item {
    width: auto
  }
  .calender2 .part2 .list .item:nth-child(n+2) {
    margin-top: 15px
  }
  .calender2 .part3 .img {
    margin-top: 20px
  }
  .calender3 {
    padding-bottom: 40px;
    padding-top: 62px
  }
  .calender3 .map {
    margin-top: 20px
  }
}
.cooperation {
  background: #f5f5f5;
  padding: 0 0 220px
}
.cooperation .x-wrap {
  padding-top: 100px
}
.cooperation .recom {
  margin-top: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.cooperation .recom .l {
  position: relative;
  width: 50%
}
.cooperation .recom .l .focus {
  position: relative;
  height: 100%
}
.cooperation .recom .l .focus .frame {
  height: 100%
}
.cooperation .recom .l .focus .child {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.cooperation .recom .l .focus .slick-list, .cooperation .recom .l .focus .slick-track, .cooperation .recom .l .focus .slick-slide, .cooperation .recom .l .focus .slick-slide > div {
  height: 100%
}
.cooperation .recom .l .focus .nav {
  position: absolute;
  right: 0;
  top: 55%;
  z-index: 1
}
.cooperation .recom .l .focus .nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 30px
}
.cooperation .recom .l .focus .nav ul li {
  width: 13px;
  height: 13px;
  border-radius: 100%;
  border: 1px solid #fff;
  list-style: none
}
.cooperation .recom .l .focus .nav ul li:nth-child(n+2) {
  margin-left: 20px
}
.cooperation .recom .l .focus .nav ul li.slick-active {
  border-color: #bd002d;
  width: 22px;
  height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.cooperation .recom .l .focus .nav ul li.slick-active::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #bd002d;
  border-radius: 100%;
  display: block
}
.cooperation .recom .l .pic {
  position: relative;
  overflow: hidden
}
.cooperation .recom .l .pic::before {
  content: '';
  display: block;
  padding-top: 55.35248%
}
.cooperation .recom .l .pic .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.cooperation .recom .l .text {
  padding: 35px;
  background: #fff;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.cooperation .recom .l .text .date {
  color: #b50023;
  font-size: 24px;
  font-family: tj
}
@media screen and (max-width: 768px) {
  .cooperation .recom .l .text .date {
    font-size: 18px
  }
}
.cooperation .recom .l .text .date b {
  font-size: 48px;
  line-height: 1.2;
  font-weight: normal
}
@media screen and (max-width: 768px) {
  .cooperation .recom .l .text .date b {
    font-size: 28px
  }
}
.cooperation .recom .l .text .h {
  font-size: 20px;
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  .cooperation .recom .l .text .h {
    font-size: 18px
  }
}
.cooperation .recom .r {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 30px
}
.cooperation .recom .r .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  position: relative
}
.cooperation .recom .r .item::after {
  content: "";
  border-right: 3px solid #bd002d;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s
}
.cooperation .recom .r .item:nth-child(n+2) {
  margin-top: 12px
}
.cooperation .recom .r .item .pic {
  position: relative;
  overflow: hidden;
  width: 50%
}
.cooperation .recom .r .item .pic::before {
  content: '';
  display: block;
  padding-top: 55.35248%
}
.cooperation .recom .r .item .pic .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.cooperation .recom .r .item .text {
  padding: 0 35px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.cooperation .recom .r .item .text .h {
  font-size: 18px
}
@media screen and (max-width: 768px) {
  .cooperation .recom .r .item .text .h {
    font-size: 16px
  }
}
.cooperation .recom .r .item .text .date {
  font-family: tj;
  font-size: 18px;
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  .cooperation .recom .r .item .text .date {
    font-size: 16px
  }
}
.cooperation .list {
  margin-top: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.cooperation .list .item {
  position: relative;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 204px
}
.cooperation .list .item::after {
  content: "";
  border-right: 3px solid #bd002d;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s
}
.cooperation .list .item:nth-child(n+2) {
  margin-top: 12px
}
.cooperation .list .item .pic {
  position: relative;
  overflow: hidden;
  width: 370px
}
.cooperation .list .item .pic::before {
  content: '';
  display: block;
  padding-top: 55.35248%
}
.cooperation .list .item .pic .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.cooperation .list .item .text {
  padding: 0 80px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden
}
.cooperation .list .item .text .date {
  font-family: tj;
  font-size: 18px
}
@media screen and (max-width: 768px) {
  .cooperation .list .item .text .date {
    font-size: 16px
  }
}
.cooperation .list .item .text .h {
  font-size: 20px;
  margin-top: 5px
}
@media screen and (max-width: 768px) {
  .cooperation .list .item .text .h {
    font-size: 18px
  }
}
.cooperation .list .item .text .p {
  margin-top: 10px;
  color: #707070
}
@media screen and (min-width: 1025px) {
  .cooperation .recom .r .item:hover::after {
    opacity: 1
  }
  .cooperation .recom .item:hover .pic img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
  }
  .cooperation .list .item:hover .pic img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
  }
  .cooperation .list .item:hover::after {
    opacity: 1
  }
}
@media screen and (max-width: 1500px) {
  .cooperation {
    padding: 0 0 180px
  }
  .cooperation .recom {
    margin-top: 50px
  }
  .cooperation .recom .r {
    margin-left: 20px
  }
}
@media screen and (max-width: 1400px) {
  .cooperation .recom .l .text {
    padding: 20px
  }
  .cooperation .recom .l .text .date {
    font-size: 18px
  }
  .cooperation .recom .l .text .date b {
    font-size: 34px
  }
  .cooperation .list .item .text {
    padding: 30px 60px
  }
  .cooperation .recom .l .text .h {
    font-size: 18px
  }
  .cooperation .recom .r .item .text {
    padding: 0 20px
  }
  .cooperation .recom .r .item .text .h {
    font-size: 16px
  }
  .cooperation .recom .r .item .text .date {
    font-size: 16px;
    margin-top: 5px
  }
}
@media screen and (max-width: 1300px) {
  .cooperation .list .item .text .h {
    font-size: 18px
  }
  .cooperation .list .item .text {
    padding: 15px 30px
  }
}
@media screen and (max-width: 1024px) {
  .cooperation {
    padding: 0 0 80px
  }
  .cooperation .x-wrap {
    padding-top: 80px
  }
}
@media screen and (max-width: 1023px) {
  .cooperation .recom {
    margin-top: 30px;
    display: block
  }
  .cooperation .recom .l {
    width: auto
  }
  .cooperation .recom .r {
    margin: 15px 0 0
  }
  .cooperation .list {
    margin-top: 30px
  }
  .cooperation .list .item {
    padding: 15px
  }
  .cooperation .list .item .pic {
    width: 40%
  }
  .cooperation .list .item .text .p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }
  .cooperation .recom .l .focus .nav {
    top: 65%
  }
}
@media screen and (max-width: 767px) {
  .cooperation .x-wrap {
    padding-top: 40px
  }
  .cooperation {
    padding: 0 0 60px
  }
  .cooperation .recom .l .text .h {
    font-size: 16px;
    margin-top: 5px
  }
  .cooperation .recom .l .focus .nav {
    top: 60%
  }
  .cooperation .recom .r .item {
    display: block
  }
  .cooperation .recom .r .item .pic {
    width: auto
  }
  .cooperation .recom .r .item .text {
    padding: 15px
  }
  .cooperation .list {
    display: block
  }
  .cooperation .list .item {
    padding: 0;
    min-height: 0;
    display: block
  }
  .cooperation .list .item .text {
    padding: 15px
  }
  .cooperation .list .item .pic {
    width: auto
  }
  .cooperation .list .item .text .h {
    font-size: 14px
  }
  .cooperation .list .item .text .date, .cooperation .list .item .text .p, .cooperation .recom .r .item .text .date {
    font-size: 14px
  }
}
@media screen and (max-width: 567px) {
  .cooperation .recom .l .focus .nav {
    top: 55%
  }
}
@media screen and (max-width: 467px) {
  .cooperation .recom .l .focus .nav {
    top: 40%
  }
}
.data {
  background: url(../image/bg9a.jpg) no-repeat center center;
  background-size: cover;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  color: #fff
}
.data .back {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #96ae94
}
.data .back a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.data .back img {
  margin-right: 15px
}
.data .back span {
  font-family: sh;
  font-size: 1.1vw;
  line-height: 1;
  letter-spacing: 3px
}
body:not(.lang-en) .data .back span {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr
}
.data .list {
  height: 100%
}
.data .list .item {
  border: 1px solid rgba(255, 255, 255, 0.4);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
  -webkit-transition: all 2s cubic-bezier(0.3, 2, 0.5, 2) 0s;
  transition: all 2s cubic-bezier(0.3, 2, 0.5, 2) 0s;
  opacity: 0;
  border-radius: 100%
}
.data .list .item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: url(../image/bg9a.jpg) no-repeat center center;
  border-radius: 100%;
  -webkit-transition: all 2s ease-out 0s;
  transition: all 2s ease-out 0s
}
.data .list .item .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../image/pic21.jpg) no-repeat center center;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border-radius: 100%
}
.data .list .item .bg.s {
  opacity: 1
}
.data .list .item:nth-child(7) {
  width: 20vw;
  height: 20vw;
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}
.data .list .item:nth-child(7) .dot:nth-child(1) {
  left: 0;
  top: 50%
}
.data .list .item:nth-child(7) .dot:nth-child(1) span {
  padding-right: 0.2em;
  top: -0.35em;
  right: 100%
}
.data .list .item:nth-child(7) .dot:nth-child(2) {
  left: 100%;
  top: 50%
}
.data .list .item:nth-child(7) .dot:nth-child(2) span {
  left: 100%;
  padding-left: 0.2em;
  top: -0.35em
}
.data .list .item:nth-child(7) .dot:nth-child(3) {
  left: 50%;
  top: 0%
}
.data .list .item:nth-child(7) .dot:nth-child(3) span {
  bottom: 100%;
  padding-bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.data .list .item:nth-child(7) .dot:nth-child(4) {
  left: 50%;
  top: 100%
}
.data .list .item:nth-child(7) .dot:nth-child(4) span {
  top: 100%;
  padding-top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.data .list .item:nth-child(6) {
  width: 29vw;
  height: 29vw;
  border-color: rgba(255, 255, 255, 0.35);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s
}
.data .list .item:nth-child(6) .dot:nth-child(1) {
  left: 17%;
  top: 88%
}
.data .list .item:nth-child(6) .dot:nth-child(1) span {
  top: 100%;
  padding-top: 0.2em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.data .list .item:nth-child(6) .dot:nth-child(2) {
  left: 50%;
  top: 100%
}
.data .list .item:nth-child(6) .dot:nth-child(2) span {
  top: 100%;
  padding-top: 0.2em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.data .list .item:nth-child(6) .dot:nth-child(3) {
  left: 83%;
  top: 88%
}
.data .list .item:nth-child(6) .dot:nth-child(3) span {
  top: 100%;
  padding-top: 0.2em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.data .list .item:nth-child(5) {
  width: 38.5vw;
  height: 38.5vw;
  border-color: rgba(255, 255, 255, 0.3);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s
}
.data .list .item:nth-child(5) .dot:nth-child(1) {
  left: 10%;
  top: 20%
}
.data .list .item:nth-child(5) .dot:nth-child(1) span {
  top: -0.6em;
  padding-right: 0.2em;
  right: 100%
}
.data .list .item:nth-child(5) .dot:nth-child(2) {
  left: 33%;
  top: 3%
}
.data .list .item:nth-child(5) .dot:nth-child(2) span {
  bottom: 100%;
  padding-bottom: 0.2em;
  left: -0.5em
}
.data .list .item:nth-child(5) .dot:nth-child(3) {
  left: 66%;
  top: 3%
}
.data .list .item:nth-child(5) .dot:nth-child(3) span {
  bottom: 100%;
  padding-bottom: 0.2em;
  left: -0.1em
}
.data .list .item:nth-child(5) .dot:nth-child(4) {
  left: 90%;
  top: 20%
}
.data .list .item:nth-child(5) .dot:nth-child(4) span {
  top: -0.6em;
  padding-left: 0.2em;
  left: 100%
}
.data .list .item:nth-child(4) {
  width: 48.5vw;
  height: 48.5vw;
  border-color: rgba(255, 255, 255, 0.25);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s
}
.data .list .item:nth-child(4) .dot:nth-child(1) {
  left: 1%;
  top: 61%
}
.data .list .item:nth-child(4) .dot:nth-child(1) span {
  top: -0.3em;
  right: 100%;
  padding-right: 0.2em
}
.data .list .item:nth-child(4) .dot:nth-child(2) {
  left: 99%;
  top: 61%
}
.data .list .item:nth-child(4) .dot:nth-child(2) span {
  top: -0.3em;
  left: 100%;
  padding-left: 0.2em
}
.data .list .item:nth-child(4) .dot:nth-child(3) {
  left: 13%;
  top: 84%
}
.data .list .item:nth-child(4) .dot:nth-child(3) span {
  top: -0.3em;
  right: 100%;
  padding-right: 0.2em
}
.data .list .item:nth-child(3) {
  width: 61vw;
  height: 61vw;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s
}
.data .list .item:nth-child(3) .dot:nth-child(1) {
  left: 0;
  top: 50%
}
.data .list .item:nth-child(3) .dot:nth-child(1) span {
  top: -0.3em;
  padding-right: 0.2em;
  right: 100%
}
.data .list .item:nth-child(2) {
  width: 75vw;
  height: 75vw;
  border-color: rgba(255, 255, 255, 0.15);
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s
}
.data .list .item:nth-child(2) .dot:nth-child(1) {
  left: 100%;
  top: 50%
}
.data .list .item:nth-child(2) .dot:nth-child(1) span {
  top: -0.3em;
  padding-left: 0.2em;
  left: 100%
}
.data .list .item:nth-child(1) {
  width: 92.5vw;
  height: 92.5vw;
  border-color: rgba(255, 255, 255, 0.1);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s
}
.data .list .item.cc .t {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 70%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.data .list .item.cc .content {
  height: 100%
}
.data .list .item.cc .content .d {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1vw;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%
}
.data .list .item.cc .content .d.s {
  opacity: 1
}
.data .list .item.cc .content .d b {
  color: #ffec82;
  font-family: Impact;
  margin: 0 8px;
  line-height: 1.2;
  font-size: 1.6em
}
.data .list .item.cc.s .bg {
  opacity: 1
}
.data .list .item.cc.s .t {
  opacity: 0
}
.data .list .dot {
  width: 26px;
  height: 26px;
  position: absolute;
  margin: -13px 0 0 -13px;
  cursor: pointer;
  font-size: 2.4vw;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s
}
.data .list .dot::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../image/png371.png) no-repeat center center/contain;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 0.6;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s
}
.data .list .dot span {
  position: absolute;
  font-family: Impact;
  line-height: 1;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s
}
.data .list .dot.h {
  opacity: 0.2
}
.data.showd .list .item {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1
}
@media screen and (min-width: 1025px) {
  .data .list .item:hover::before {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
  }
  .data .list .dot:hover {
    opacity: 1
  }
  .data .list .dot:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
@media screen and (max-width: 1023px) {
  .data {
    background-image: url(../image/bg9b.jpg)
  }
  .data .back {
    position: absolute;
    left: 0;
    top: 10%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #96ae94;
    background: #2e4a38;
    padding: 12px 15px 12px 0;
    border-radius: 0 10px 10px 0
  }
  .data .back img {
    margin-right: 5px;
    width: 10px
  }
  .data .back span {
    font-size: 14px
  }
  .data .list .item:nth-child(1) {
    width: 90vw;
    height: 90vw;
    border-color: rgba(255, 255, 255, 0.1)
  }
  .data .list .item:nth-child(2) {
    width: 80vw;
    height: 80vw;
    border-color: rgba(255, 255, 255, 0.12)
  }
  .data .list .item:nth-child(3) {
    width: 70vw;
    height: 70vw;
    border-color: rgba(255, 255, 255, 0.15)
  }
  .data .list .item:nth-child(4) {
    width: 60vw;
    height: 60vw;
    border-color: rgba(255, 255, 255, 0.16)
  }
  .data .list .item:nth-child(5) {
    width: 50vw;
    height: 50vw;
    border-color: rgba(255, 255, 255, 0.17)
  }
  .data .list .item:nth-child(6) {
    width: 40vw;
    height: 40vw;
    border-color: rgba(255, 255, 255, 0.18)
  }
  .data .list .item:nth-child(7) {
    width: 30vw;
    height: 30vw;
    border-color: rgba(255, 255, 255, 0.2)
  }
  .data .list .item {
    background-image: url(../image/bg9b.jpg)
  }
  .data .list .item:nth-child(7) .dot:nth-child(1) {
    left: 0;
    top: 50%
  }
  .data .list .item:nth-child(7) .dot:nth-child(1) span {
    padding-right: 0.2em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 100%
  }
  .data .list .item:nth-child(7) .dot:nth-child(2) {
    left: 100%;
    top: 50%
  }
  .data .list .item:nth-child(7) .dot:nth-child(2) span {
    left: 100%;
    padding-left: 0.2em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%
  }
  .data .list .item:nth-child(7) .dot:nth-child(3) {
    left: 50%;
    top: -1%
  }
  .data .list .item:nth-child(7) .dot:nth-child(4) {
    left: 50%;
    top: 99%
  }
  .data .list .item:nth-child(6) .dot:nth-child(1) {
    left: 10%;
    top: 80%
  }
  .data .list .item:nth-child(6) .dot:nth-child(1) span {
    top: 100%;
    padding-top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  .data .list .item:nth-child(6) .dot:nth-child(2) {
    left: 50%;
    top: 100%
  }
  .data .list .item:nth-child(6) .dot:nth-child(2) span {
    top: 100%;
    padding-top: 0.2em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  .data .list .item:nth-child(6) .dot:nth-child(3) {
    left: 90%;
    top: 80%
  }
  .data .list .item:nth-child(6) .dot:nth-child(3) span {
    top: 100%;
    padding-top: 0.2em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  .data .list .item:nth-child(5) .dot:nth-child(1) {
    left: 10%;
    top: 20%
  }
  .data .list .item:nth-child(5) .dot:nth-child(1) span {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    padding-right: 0.2em;
    right: 100%
  }
  .data .list .item:nth-child(5) .dot:nth-child(2) {
    left: 33%;
    top: 3%
  }
  .data .list .item:nth-child(5) .dot:nth-child(2) span {
    bottom: 100%;
    padding-bottom: 0;
    left: -0.5em
  }
  .data .list .item:nth-child(5) .dot:nth-child(3) {
    left: 66%;
    top: 3%
  }
  .data .list .item:nth-child(5) .dot:nth-child(3) span {
    bottom: 100%;
    padding-bottom: 0.2em;
    left: -0.1em
  }
  .data .list .item:nth-child(5) .dot:nth-child(4) {
    left: 90%;
    top: 20%
  }
  .data .list .item:nth-child(5) .dot:nth-child(4) span {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    padding-left: 0.2em;
    left: 100%
  }
  .data .list .item:nth-child(4) .dot:nth-child(1) {
    left: 17%;
    top: 87%
  }
  .data .list .item:nth-child(4) .dot:nth-child(1) span {
    top: 0.3em;
    right: 100%;
    padding-right: 0.2em
  }
  .data .list .item:nth-child(4) .dot:nth-child(2) {
    left: 83%;
    top: 11%
  }
  .data .list .item:nth-child(4) .dot:nth-child(2) span {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 100%;
    padding-left: 0.2em
  }
  .data .list .item:nth-child(4) .dot:nth-child(3) {
    left: 6%;
    top: 73%
  }
  .data .list .item:nth-child(3) .dot:nth-child(1) span {
    right: 80%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .data .list .item:nth-child(2) .dot:nth-child(1) {
    left: 67%;
    top: 97%
  }
  .data .list .item:nth-child(2) .dot:nth-child(1) span {
    left: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%
  }
  .data .list .dot {
    font-size: 5vw;
    width: 20px;
    margin: -10px 0 0 -10px
  }
  .data .list .item.cc .content .d {
    font-size: 10px
  }
}
.education_teaching1 {
  padding-top: 145px
}
.education_teaching1 .cont {
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.education_teaching1 .cont .child + .child {
  margin-left: 1.333%
}
.education_teaching1 .cont .child:first-child {
  width: 54.455%
}
.education_teaching1 .cont .child:nth-child(2) {
  width: 25.733%
}
.education_teaching1 .cont .child:last-child {
  width: 17.178%
}
.education_teaching1 .cont .item {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
  position: relative;
  margin-top: 20px
}
.education_teaching1 .cont .item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff
}
.education_teaching1 .cont .i1 {
  background-image: url(../image/jpg26-1.jpg);
  padding-bottom: 32.147%
}
.education_teaching1 .cont .i3 {
  background-image: url(../image/jpg27-1.jpg);
  padding-bottom: 49.325%
}
.education_teaching1 .cont .i4 {
  background-image: url(../image/jpg28-1.jpg);
  padding-bottom: 105.454%
}
.education_teaching1 .cont .i7 {
  background-image: url(../image/jpg29-1.jpg);
  padding-bottom: 156.42%
}
.education_teaching1 .cont .i2 {
  background-color: #c9784b;
  padding-bottom: 32.147%
}
.education_teaching1 .cont .i5 {
  background-image: url(../image/jpg99-1.jpg);
  padding-bottom: 67.013%
}
.education_teaching1 .cont .i6 {
  background-image: url(../image/jpg98-1.jpg);
  padding-bottom: 101.945%
}
.education_teaching1 .cont .t1 span {
  font-family: tj;
  font-size: 60px;
  line-height: 1.2;
  line-height: 1
}
@media screen and (max-width: 768px) {
  .education_teaching1 .cont .t1 span {
    font-size: 30px
  }
}
.education_teaching1 .cont .ctop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.education_teaching1 .cont .ctop .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.education_teaching1 .cont .ctop .item + .item {
  margin-left: 20px
}
.education_teaching1 .cont .t1 {
  font-size: 24px
}
@media screen and (max-width: 768px) {
  .education_teaching1 .cont .t1 {
    font-size: 18px
  }
}
.education_teaching1 .cont .t2 {
  font-size: 20px;
  margin-top: 7px
}
@media screen and (max-width: 768px) {
  .education_teaching1 .cont .t2 {
    font-size: 18px
  }
}
.education_teaching1 .cont .i4 .t2, .education_teaching1 .cont .i7 .t2 {
  width: 8em
}
.education_teaching2 {
  padding: 145px 0 140px
}
.education_teaching2 .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 78px
}
.education_teaching2 .cont .li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center
}
.education_teaching2 .cont .li + .li {
  margin-left: 30px
}
.education_teaching2 .cont .imgbox {
  position: relative
}
.education_teaching2 .cont .imgbox .ri {
  position: absolute;
  width: 102.832%;
  padding-bottom: 102.832%;
  position: absolute;
  top: -9%;
  left: -2.2%
}
.education_teaching2 .cont .imgbox .ri::after {
  content: '';
  background: url(../image/png29.png) no-repeat center;
  background-size: contain;
  z-index: 2;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: ro 6s linear 0s infinite;
  animation: ro 6s linear 0s infinite;
  opacity: 0;
  visibility: hidden
}
.education_teaching2 .cont .imgbox .ri::before {
  content: '';
  width: 97.245%;
  padding-bottom: 97.245%;
  border-radius: 50%;
  border: 1px solid #d7d7d7;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.8s;
  transition: all 0.8s
}
.education_teaching2 .cont .img {
  width: 87.252%;
  position: relative;
  overflow: hidden;
  border: 1px solid #d7d7d7;
  margin: auto
}
.education_teaching2 .cont .img::before {
  content: '';
  display: block;
  padding-top: 100%
}
.education_teaching2 .cont .img .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.education_teaching2 .cont .p {
  font-family: sh;
  font-size: 30px;
  margin-top: 54px
}
@media screen and (max-width: 768px) {
  .education_teaching2 .cont .p {
    font-size: 22px
  }
}
.education_teaching3 {
  padding: 140px 0 170px;
  background-color: #f5f5f5
}
.education_teaching3 .cont {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff
}
.education_teaching3 .cont .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 30px;
  background-color: #668863;
  overflow: hidden;
  border-radius: 0 0 30px 0;
  position: relative;
  padding: 47px 65px 73px
}
.education_teaching3 .cont .item::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 18.911%;
  border-left: 1px solid #668863;
  z-index: 1
}
.education_teaching3 .cont .item:first-child {
  margin-left: 0;
  background-color: #495a46
}
.education_teaching3 .cont .item:last-child::after {
  border-color: #95ae93
}
.education_teaching3 .cont .icon {
  width: 14.285%;
  position: absolute;
  top: 50%;
  right: 11.972%;
  padding: 6px 0 11px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  background-color: #495a46
}
.education_teaching3 .cont .item:last-child .icon {
  background-color: #668863
}
.education_teaching3 .cont .icon img {
  display: block;
  width: 100%
}
.education_teaching3 .cont .i_tit {
  font-size: 30px;
  font-family: sh
}
@media screen and (max-width: 768px) {
  .education_teaching3 .cont .i_tit {
    font-size: 22px
  }
}
.education_teaching3 .cont .list {
  margin-top: 35px;
  font-size: 20px
}
@media screen and (max-width: 768px) {
  .education_teaching3 .cont .list {
    font-size: 18px
  }
}
.education_teaching3 .cont .list .li + .li {
  margin-top: 18px
}
.education_teaching3 .cont .list .li a {
  display: inline-block;
  padding-left: 17px;
  position: relative
}
.education_teaching3 .cont .list .li a::after {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff
}
.education_teaching4 {
  background-color: #f5f5f5;
  padding: 0 0 280px;
  background: #f5f5f5 url(../image/jpg37.jpg) no-repeat center 353px;
  margin-bottom: -132px
}
.education_teaching4 .cont {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.education_teaching4 .cont .item {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.education_teaching4 .cont .item::before {
  content: '';
  display: block;
  padding-top: 53.125%
}
.education_teaching4 .cont .item .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.education_teaching4 .cont .item + .item {
  margin-left: 30px
}
@media screen and (min-width: 1025px) {
  .education_teaching2 .cont .li:hover .ri::after {
    opacity: 1;
    visibility: visible
  }
  .education_teaching2 .cont .li:hover .ri::before {
    border-color: #44a3e6
  }
}
@media screen and (max-width: 1300px) {
  .education_teaching1 {
    padding-top: 60px
  }
  .education_teaching2 {
    padding: 80px 0
  }
  .education_teaching1 .cont .t1 span {
    font-size: 40px
  }
  .education_teaching1 .cont .t2 {
    font-size: 18px
  }
}
@media screen and (max-width: 1300px) and (max-width: 768px) {
  .education_teaching1 .cont .t2 {
    font-size: 16px
  }
}
@media screen and (max-width: 1300px) {
  .education_teaching3 {
    padding-top: 70px
  }
  .education_teaching4 {
    padding: 0 0 160px;
    background-position-y: 280px
  }
}
@media screen and (max-width: 1024px) {
  .education_teaching1 .cont {
    padding-top: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .education_teaching1 .cont .i6 {
    display: none
  }
  .education_teaching1 .cont .child + .child {
    margin: 0
  }
  .education_teaching1 .cont .child:first-child {
    width: 66.5%
  }
  .education_teaching1 .cont .child:nth-child(2) {
    width: calc(33.5% - 20px);
    margin-left: 20px
  }
  .education_teaching1 .cont .child:last-child {
    width: 100%
  }
  .education_teaching1 .cont .i7 {
    padding-bottom: 20%
  }
  .education_teaching2 .cont {
    margin-top: 35px
  }
  .education_teaching2 .cont .p {
    margin-top: 30px
  }
  .education_teaching3 {
    padding-bottom: 70px
  }
  .education_teaching3 .cont .item {
    padding: 40px 30px 60px
  }
  .education_teaching3 .cont .icon {
    width: 50px
  }
  .education_teaching3 .cont .list {
    margin-top: 20px
  }
  .education_teaching3 .cont .list .li + .li {
    margin-top: 10px
  }
  .education_teaching4 {
    margin: 0;
    padding-bottom: 120px
  }
  .education_teaching3 .cont .icon {
    right: 50px
  }
  .education_teaching3 .cont .item::after {
    right: 75px
  }
}
@media screen and (max-width: 767px) {
  .education_teaching1 .cont {
    display: block
  }
  .education_teaching1 .cont .child:first-child {
    width: 100%
  }
  .education_teaching1 .cont .t1 span {
    font-size: 30px
  }
  .education_teaching1 .cont .t2 {
    line-height: 1.4
  }
  .education_teaching1 .cont .inner {
    padding: 0 15px
  }
  .education_teaching1 .cont .item {
    margin-top: 10px
  }
  .education_teaching1 .cont .ctop .item, .education_teaching1 .cont .i3 {
    padding-bottom: 40%
  }
  .education_teaching1 .cont .ctop .item + .item {
    margin-left: 10px
  }
  .education_teaching1 .cont .child:nth-child(2) {
    width: 100%;
    margin: 0
  }
  .education_teaching1 .cont .i4, .education_teaching1 .cont .i5, .education_teaching1 .cont .i7 {
    padding-bottom: 40%
  }
  .education_teaching2 {
    padding: 60px 0 20px
  }
  .education_teaching2 .cont {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .education_teaching2 .cont .li {
    width: 48%;
    margin: 0 4% 30px 0;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
  }
  .education_teaching2 .cont .li + .li {
    margin-right: 4%;
    margin-left: 0
  }
  .education_teaching2 .cont .li:nth-child(2n) {
    margin-right: 0
  }
  .education_teaching2 .cont .p {
    margin-top: 20px
  }
  .education_teaching3 {
    padding: 60px 0
  }
  .education_teaching3 .cont {
    margin-top: 30px;
    display: block
  }
  .education_teaching3 .cont .item {
    margin: 20px 0 0;
    padding: 20px 20px 30px
  }
  .education_teaching3 .cont .list .li + .li {
    margin-top: 5px
  }
  .education_teaching3 .cont .list {
    margin-top: 10px
  }
  .education_teaching4 {
    padding: 60px 0 80px;
    background-size: cover
  }
  .education_teaching4 .cont {
    margin-top: 20px;
    display: block
  }
  .education_teaching4 .cont .item {
    width: 100%
  }
  .education_teaching4 .cont .item + .item {
    margin: 20px 0 0
  }
}
.figure {
  padding: 120px 0 150px;
  background: #f5f5f5 url(../image/jpg25.jpg) no-repeat top center;
  margin-bottom: -132px
}
.figure .tab-mod .inner {
  width: 6em
}
.figure .tabcont {
  margin-top: 30px;
  position: relative
}
.figure .tabcont .pbox .p + .p {
  margin-top: 10px
}
.figure .tabcont .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 55px
}
.figure .tabcont .list .li {
  width: calc((100% - 80px) / 5);
  margin: 20px 20px 0 0
}
.figure .tabcont .list .li:nth-child(5n) {
  margin-right: 0
}
.figure .tabcont .list .img {
  position: relative;
  overflow: hidden
}
.figure .tabcont .list .img::before {
  content: '';
  display: block;
  padding-top: 116.96113%
}
.figure .tabcont .list .img .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.figure .tabcont .list .name {
  font-size: 24px;
  text-align: center;
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  .figure .tabcont .list .name {
    font-size: 18px
  }
}
.figure .load_more {
  margin-top: 70px
}
.figure .load_more img {
  margin-right: 15px
}
.figure .load_more span {
  width: auto;
  height: auto;
  border: none;
  border-radius: 0
}
@media screen and (max-width: 1300px) {
  .figure {
    padding-top: 80px
  }
  .figure .tabcont .list .li {
    width: calc((100% - 60px) / 4)
  }
  .figure .tabcont .list .li:nth-child(5n) {
    margin-right: 20px
  }
  .figure .tabcont .list .li:nth-child(4n) {
    margin-right: 0
  }
}
@media screen and (max-width: 1024px) {
  .figure {
    margin: 0;
    padding-bottom: 70px
  }
}
@media screen and (max-width: 767px) {
  .figure {
    padding-top: 50px
  }
  .figure .tabcont .list .li {
    width: calc((100% - 10px) / 2);
    margin-right: 10px
  }
  .figure .tabcont .list .li:nth-child(5n) {
    margin-right: 10px
  }
  .figure .tabcont .list .li:nth-child(2n) {
    margin-right: 0
  }
  .figure .tabcont {
    margin-top: 20px
  }
  .figure .tabcont .pbox .p + .p {
    margin-top: 5px
  }
  .figure .tabcont .list {
    padding-top: 25px
  }
  .figure .tabcont .list .name {
    margin-top: 10px
  }
  .figure .load_more {
    margin-top: 30px
  }
}
.first_class1 {
  padding: 150px 0;
  background: url(../image/jpg96.jpg) no-repeat center;
  overflow: hidden
}
.first_class1 .x-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.first_class1 .img {
  width: 34.6666666%;
  height: 783px;
  background: url() no-repeat center;
  background-size: cover
}
.first_class1 .r-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  margin-left: 40px;
  padding-top: 7px
}
.first_class1 .title {
  position: relative;
  z-index: 2
}
.first_class1 .cont {
  position: relative;
  margin-top: 23px;
  padding: 61px 0;
  z-index: 1
}
.first_class1 .line-box {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.first_class1 .line-box::after, .first_class1 .line-box::before {
  content: '';
  position: absolute;
  top: -250px;
  bottom: -250px;
  left: 100%;
  border-right: 1px solid #f1c3c3
}
.first_class1 .line-box::before {
  right: auto;
  left: 0
}
.first_class1 .line-box .item {
  width: 25%;
  border-left: 1px solid #f1c3c3;
  position: relative
}
.first_class1 .line-box .item .zs {
  position: absolute;
  left: 100%;
  top: -4px;
  z-index: 9
}
.first_class1 .line-box .item .zs::before {
  content: '';
  display: block;
  border-left: 1px solid #af213c;
  height: 9px
}
.first_class1 .line-box .item .zs::after {
  content: '';
  position: absolute;
  bottom: 4px;
  width: 9px;
  border-top: 1px solid #af213c;
  left: -4px
}
.first_class1 .line-box .item .zs:nth-child(2) {
  top: auto;
  bottom: -4px
}
.first_class1 .line-box .item:nth-child(3)::before, .first_class1 .line-box .item:nth-child(3)::after {
  content: '';
  width: 1240px;
  height: 70px;
  background: rgba(202, 160, 158, 0.3);
  position: absolute;
  right: 100%;
  bottom: 100%
}
.first_class1 .line-box .item:nth-child(3)::after {
  top: 100%;
  bottom: auto;
  left: 100%;
  right: auto;
  width: 445px
}
.first_class1 .line-box .h-line {
  border-top: 1px solid #f1c3c3;
  position: absolute;
  top: 0;
  width: 1920px;
  right: -210px
}
.first_class1 .line-box .h-line.b {
  top: auto;
  bottom: 0
}
.first_class1 .list {
  font-size: 24px;
  font-family: 'sh';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  z-index: 2
}
@media screen and (max-width: 768px) {
  .first_class1 .list {
    font-size: 18px
  }
}
.first_class1 .list .li {
  width: 25%;
  padding: 41px 15px;
  position: relative
}
.first_class1 .list .li::before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  border-left: 3px solid #af213c;
  height: 20px;
  border-radius: 99px
}
.first_class-bg {
  background: #fcfbf8
}
.first_class2 {
  padding-top: 142px;
  background: url(../image/bg27.jpg) center top no-repeat;
  color: #fff
}
.first_class2 .title {
  text-align: center
}
.first_class2 .unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px
}
.first_class2 .unit-item {
  padding: 60px 70px;
  width: 50%
}
.first_class2 .unit-item:nth-child(1) {
  background-color: #4b5f47
}
.first_class2 .unit-item:nth-child(1) .unit-tit .t {
  background-color: #4b5f47
}
.first_class2 .unit-item:nth-child(2) {
  background-color: #5c7557
}
.first_class2 .unit-item:nth-child(2) .unit-tit .t {
  background-color: #5c7557
}
.first_class2 .unit-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden
}
.first_class2 .unit-tit .t {
  position: relative;
  padding-right: 20px;
  font-family: sh;
  font-size: 30px;
  z-index: 1
}
@media screen and (max-width: 768px) {
  .first_class2 .unit-tit .t {
    font-size: 22px
  }
}
.first_class2 .unit-tit .more1 {
  margin-left: auto
}
.first_class2 .unit-tit .more1::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  width: 9999px;
  border-top: 1px solid #95ae93
}
.first_class2 .ol {
  position: relative;
  margin-top: 40px
}
.first_class2 .ol::before {
  content: '';
  position: absolute;
  left: 0;
  top: 20px;
  bottom: 20px;
  border-left: 1px solid #5f7a59
}
.first_class2 .ol .li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 14px 0;
  padding-left: 55px;
  -webkit-transition: all .3s;
  transition: all .3s
}
.first_class2 .ol .li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 15px;
  height: 48px;
  border: 1px solid #5f7a59;
  border-right: 0
}
.first_class2 .ol .d {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 32px;
  font-family: tj
}
.first_class2 .ol .b {
  font-size: 60px;
  line-height: 1
}
.first_class2 .ol .t {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  position: relative;
  width: 0;
  line-height: 1.75
}
.first_class2 .ol .link {
  display: block;
  height: 3.5em;
  overflow: hidden
}
.first_class2 .ol .arr {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 15px;
  width: 47px;
  height: 9px;
  background: url(../image/png46.png);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s
}
.first_class2 .ul {
  margin-top: 30px
}
.first_class2 .ul .li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 0;
  border-top: 1px solid rgba(149, 174, 147, 0.4);
  font-size: 18px
}
@media screen and (max-width: 768px) {
  .first_class2 .ul .li {
    font-size: 16px
  }
}
.first_class2 .ul .li:first-child {
  border-top: 0
}
.first_class2 .ul .d {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 30px;
  font-family: tj;
  line-height: 1.8
}
.first_class2 .ul .t {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  width: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 58px
}
.first_class3 {
  background: url() no-repeat center;
  padding: 150px 0
}
.first_class3 .cont {
  position: relative
}
.first_class3 .cont img {
  max-width: 100%;
  display: block;
  margin: auto
}
.first_class3 .cont .title-box {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.first_class3 .more1 {
  margin-top: 38px
}
.first_class3 .more1::before {
  background-color: #466685;
  border-color: #466685;
  background-image: url(../image/more1a.png)
}
.first_class4 {
  padding: 150px 0;
  background: url(../image/img86.jpg) center top no-repeat;
  color: #fff
}
.first_class4 .title {
  position: absolute;
  right: 0;
  top: 0;
  width: 1em;
  line-height: 1
}
.first_class4 .ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 156px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.first_class4 .ul .li {
  padding-right: 28px;
  width: 33.33%
}
.first_class4 .ul .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.first_class4 .ul .tit {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  position: relative;
  width: 120px;
  min-width: 50px;
  text-align: center
}
.first_class4 .ul .n {
  font-family: tj;
  font-size: 50px
}
.first_class4 .ul .n::after {
  content: '';
  display: block;
  margin: auto;
  width: 0;
  height: 215px;
  border-left: 1px solid rgba(255, 255, 255, 0.3)
}
.first_class4 .ul .t {
  margin: auto;
  margin-top: 30px;
  width: 1em;
  font-family: sh;
  font-size: 24px;
  line-height: 1
}
@media screen and (max-width: 768px) {
  .first_class4 .ul .t {
    font-size: 18px
  }
}
.first_class4 .ul .img {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  position: relative;
  overflow: hidden;
  width: 300px
}
.first_class4 .ul .img::before {
  content: '';
  display: block;
  padding-top: 190.66667%
}
.first_class4 .ul .img .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
@media screen and (min-width: 1025px) {
  .first_class1 .ul1 .li:hover {
    color: #fff
  }
  .first_class1 .ul1 .li:hover .cir::before {
    opacity: 0
  }
  .first_class1 .ul1 .li:hover .cir::after {
    opacity: 1
  }
  .first_class1 .ul1 .li:hover .lv {
    color: #7c3030;
    opacity: 0.5
  }
  .first_class1 .ul1 .li:hover .line {
    opacity: 0
  }
  .first_class1 .ul1 .li:hover .icon .i:nth-child(1) {
    opacity: 0
  }
  .first_class1 .ul1 .li:hover .icon .i:nth-child(2) {
    opacity: 1
  }
  .first_class2 .ol .li:hover {
    margin-bottom: 26px
  }
  .first_class2 .ol .li:hover::before {
    border-width: 2px;
    border-right: 0
  }
  .first_class2 .ol .li:hover .arr {
    opacity: 1;
    visibility: visible
  }
  .first_class3 .unit .li:hover {
    background-color: #5b7897
  }
  .first_class3 .unit .more1:hover::before {
    background-color: #aa1332;
    background-image: url(../image/more1a.png);
    border-color: #aa1332
  }
}
@media screen and (max-width: 1600px) {
  .first_class4 .ul {
    margin-right: 60px
  }
  .first_class4 .ul .n::after {
    height: 10vw
  }
}
@media screen and (max-width: 1280px) {
  .first_class1 .list .li {
    padding: 30px 15px
  }
  .first_class4 .title {
    position: static;
    width: 100%;
    text-align: center
  }
  .first_class4 .ul {
    margin: 0;
    margin-top: 50px;
    width: 100%
  }
  .first_class4 .ul .li:nth-child(n) {
    padding: 0;
    width: 33.33%
  }
  .first_class4 .ul .n {
    font-size: 30px
  }
  .first_class4 .ul .n::after {
    height: 100px
  }
}
@media screen and (max-width: 1400px) {
  .first_class1 .img {
    width: 30%
  }
}
@media screen and (max-width: 1300px) {
  .first_class1 {
    padding: 60px 0
  }
  .first_class2 {
    padding: 60px 0 0
  }
  .first_class3 {
    padding: 60px 0
  }
  .first_class4 {
    padding-top: 60px
  }
}
@media screen and (max-width: 1024px) {
  .first_class2 .unit {
    display: block;
    margin-top: 50px
  }
  .first_class2 .unit-item {
    padding: 50px;
    width: 100%
  }
  .first_class2 .ol {
    margin-top: 30px
  }
  .first_class2 .ol::before {
    display: none
  }
  .first_class2 .ol .li {
    padding: 10px 0
  }
  .first_class2 .ol .li::before {
    display: none
  }
  .first_class2 .ol .d {
    margin-right: 10px
  }
  .first_class2 .ol .b {
    font-size: 30px
  }
  .first_class2 .ul {
    margin-top: 30px
  }
  .first_class3 .unit .view {
    text-align: left
  }
  .first_class3 .unit .more1 {
    margin-left: 5%
  }
}
@media screen and (max-width: 1023px) {
  .first_class1 .img {
    display: none
  }
  .first_class1 .r-box {
    margin-left: 0
  }
  .first_class1 .cont {
    padding: 15px 0
  }
  .first_class1 .list .li {
    padding: 15px
  }
  .first_class3 {
    background-size: cover
  }
  .first_class3 .more1 {
    margin-top: 20px
  }
}
@media screen and (max-width: 767px) {
  .first_class1 {
    padding: 60px 0 50px
  }
  .first_class1 .line-box .item {
    width: 50%
  }
  .first_class1 .line-box .item:nth-child(1), .first_class1 .line-box .item:nth-child(2) {
    display: none
  }
  .first_class1 .line-box .item:nth-child(3)::before {
    right: 0
  }
  .first_class1 .list .li {
    width: 50%;
    padding: 10px 15px
  }
  .first_class2 {
    padding-top: 60px
  }
  .first_class2 .unit {
    margin-top: 20px
  }
  .first_class2 .unit-item {
    padding: 20px
  }
  .first_class2 .ol {
    margin-top: 20px
  }
  .first_class2 .ol .li {
    padding: 10px 0
  }
  .first_class2 .ul {
    margin-top: 10px
  }
  .first_class2 .ul .li {
    padding: 15px 0
  }
  .first_class3 {
    padding: 60px 0 50px
  }
  .first_class3 .unit {
    margin-top: 20px;
    padding-top: 0
  }
  .first_class3 .unit .ul {
    display: block;
    margin-left: 0;
    padding: 20px 0;
    background: #476585
  }
  .first_class3 .unit .li {
    width: 100%
  }
  .first_class3 .unit .link {
    padding: 10px 20px
  }
  .first_class3 .unit .view {
    position: static;
    margin-right: 0
  }
  .first_class4 {
    padding: 60px 0 50px;
    background-size: cover
  }
  .first_class4 .ul {
    display: block;
    margin-top: 30px
  }
  .first_class4 .ul .li:nth-child(n) {
    margin-bottom: 20px;
    width: 100%
  }
  .first_class4 .ul .tit {
    width: 4em
  }
  .first_class4 .ul .img {
    margin-right: 10px
  }
  .first_class4 .ul .n {
    font-size: 30px
  }
  .first_class4 .ul .n::after {
    height: 100px
  }
  .first_class3 .unit .view {
    text-align: center
  }
  .first_class3 .unit .more1 {
    margin-left: 0%
  }
  .first_class2 .ul .t {
    height: auto
  }
}
.nav_history {
  position: fixed;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
  color: #c98787;
  text-align: right;
  font-size: 14px;
  pointer-events: none;
  display: none
}
.nav_history::after {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 10px;
  right: 4px;
  background: url(../image/png351.png) repeat-y center center;
  width: 3px
}
.nav_history .item {
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.nav_history .item span {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s
}
.nav_history .item.now span {
  opacity: 1
}
.nav_history .item::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #c98787;
  -webkit-transform: rotate(45deg) translateY(2px);
  transform: rotate(45deg) translateY(2px);
  margin-left: 20px
}
.nav_history .item:first-child {
  margin-top: 0
}
.history0 {
  position: relative;
  color: #fff
}
.history0 .bg {
  display: block;
  width: 100%;
  height: auto
}
.history0 .bg.m-show {
  display: none
}
.history0 .back {
  position: fixed;
  right: 0;
  top: 40px;
  height: 50px;
  padding: 0 0 0 30px;
  background: #934040;
  border-radius: 25px 0 0 25px;
  color: #fff;
  font-family: sh;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  z-index: 9
}
.history0 .back a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}
.history0 .back img {
  margin-left: 15px
}
.history0 .x-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.history0 .pad {
  width: 370px
}
.history0 .p-box {
  font-size: 18px;
  margin-top: 50px
}
@media screen and (max-width: 768px) {
  .history0 .p-box {
    font-size: 16px
  }
}
body:not(.lang-en) .history0 .p-box {
  text-align: justify;
  text-justify: inter-ideograph
}
.history0 .p-box .p + .p {
  margin-top: 15px
}
.history0 .more1 {
  padding: 0 70px 0 0;
  margin-top: 40px
}
.history0 .more1::before {
  left: auto;
  right: 0;
  background-color: #aa1332;
  border-color: #aa1332;
  background-image: url(../image/more1a.png)
}
.history1 {
  background: #fffcf6;
  padding: 150px 0;
  position: relative
}
.history1::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 66.6666666%;
  background: url(../image/bg4.jpg) no-repeat center left;
  background-size: cover
}
.history1 .all_anchor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}
.history1 .back {
  position: fixed;
  right: 0;
  top: 40px;
  height: 50px;
  padding: 0 0 0 30px;
  background: #934040;
  border-radius: 25px 0 0 25px;
  color: #fff;
  font-family: sh;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  z-index: 3
}
.history1 .back a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}
.history1 .back img {
  margin-left: 15px
}
.history1 .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  z-index: 2
}
.history1 .head .p {
  font-size: 30px;
  margin-top: 5px
}
@media screen and (max-width: 768px) {
  .history1 .head .p {
    font-size: 22px
  }
}
.history1 .head .r {
  margin-left: 60px
}
.history1 .head .code {
  background: #7c3030;
  color: #fff;
  height: 50px;
  padding: 0 20px;
  line-height: 50px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap
}
.history1 .head .code img {
  margin-left: 10px;
  max-width: 150px
}
.history1 .head .code .c {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 10px
}
.history1 .head .code:hover .c {
  display: block
}
.history1 .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 50px;
  position: relative;
  z-index: 1
}
.history1 .tabs {
  border-left: 1px solid #aaa
}
.history1 .tabs .item {
  padding-left: 40px;
  position: relative;
  line-height: 1.1;
  margin-left: -1px;
  cursor: pointer
}
.history1 .tabs .item:nth-child(n+2) {
  margin-top: 1.5em
}
.history1 .tabs .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  border-top: 1px solid #aaa
}
.history1 .tabs .item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 10px;
  border-top: 1px solid #aaa
}
.history1 .tabs .item.now {
  border-left: 2px solid #a91231;
  color: #a91231
}
.history1 .tabs .item.now::before {
  border-top: 2px solid #a91231
}
.history1 .tabs .item.now::after {
  border-top: 2px solid #a91231
}
.history1 .div {
  width: 50%;
  margin-top: -160px
}
.history1 .d {
  position: absolute;
  visibility: hidden;
  width: 100%;
  opacity: 0
}
.history1 .d.act {
  position: relative;
  visibility: visible;
  opacity: 1
}
.history1 .d .pic {
  width: 85%;
  background: url(../image/png19.png) no-repeat left bottom 15%/contain;
  padding: 5% 5% 8% 8%
}
.history1 .d .pic .frame {
  overflow: hidden
}
.history1 .d .pic .child {
  height: 100%
}
.history1 .d .pic .child .img {
  height: 100%
}
.history1 .d .pic img {
  width: 100%;
  height: 100%;
  border-radius: 100%
}
.history1 .d .text {
  right: 100%;
  bottom: 0;
  position: absolute;
  width: 40%
}
body:not(.lang-en) .history1 .d .text {
  text-align: justify;
  text-justify: inter-ideograph
}
.history1 .d .text .more1 {
  margin-top: 25px
}
.history2 {
  background: #fffcf6;
  padding: 200px 0 350px;
  position: relative
}
.history2 .all_anchor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}
.history2::before {
  content: "";
  background: url(../image/png9.png) no-repeat center center/contain;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-top: 39%;
  width: 27%
}
.history2 .map {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 49%;
  background: url(../image/png13.png) no-repeat center bottom/contain
}
.history2 .head {
  padding-left: 65%
}
.history2 .head .p {
  font-size: 30px;
  margin-top: 5px
}
@media screen and (max-width: 768px) {
  .history2 .head .p {
    font-size: 22px
  }
}
.history2 .focus {
  padding-left: 65%
}
.history2 .focus .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: #ac9f92
}
.history2 .focus .nav span {
  font-family: xfont;
  width: 35px;
  height: 40px;
  position: relative;
  line-height: 40px;
  text-align: center;
  font-size: 20px
}
.history2 .focus .nav .next::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 10px;
  margin-top: -5px;
  border-left: 1px solid #ac9f92
}
.history2 .focus .slick-list {
  overflow: visible
}
.history2 .focus .frame {
  margin-top: 10px
}
.history2 .focus .child {
  position: relative
}
.history2 .focus .child .h {
  position: absolute;
  right: 100%;
  top: 0;
  margin-right: 30px;
  font-size: 24px;
  color: #495a47
}
body:not(.lang-en) .history2 .focus .child .h {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr
}
@media screen and (max-width: 768px) {
  .history2 .focus .child .h {
    font-size: 18px
  }
}
.history2 .focus .child .pics {
  position: relative
}
.history2 .focus .child .pics .item:first-child {
  width: 100%;
  padding-top: 100%
}
.history2 .focus .child .pics .item:last-child {
  position: absolute;
  right: 85%;
  top: 60%;
  width: 65%
}
.history2 .focus .child .pics .item:last-child::after {
  content: "";
  background: #7c3030;
  width: 30%;
  padding-top: 30%;
  position: absolute;
  left: 100%;
  top: 100%
}
.history2 .focus .child .pics img {
  width: 100%;
  height: auto;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0
}
.history2 .focus .child .btns {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.history2 .focus .child .btns a {
  display: block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: #e2d4c6;
  position: relative
}
.history2 .focus .child .btns a:nth-child(n+2) {
  margin-left: 2px
}
.history2 .focus .child .btns a img:first-child {
  max-width: 80%
}
.history2 .focus .child .btns a .c {
  position: absolute;
  right: 0;
  top: 100%;
  display: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}
.history2 .focus .child .btns a:hover .c {
  display: block
}
.history3 {
  background: #fffcf6;
  position: relative;
  padding: 150px 0 133px;
  color: #fff;
  display: none
}
.history3 .all_anchor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}
.history3::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 66.6666666%;
  bottom: 0;
  background: url(../image/bg5_1.jpg) no-repeat center top/contain;
  z-index: 3;
  pointer-events: none
}
.history3::before {
  content: "";
  background: url(../image/png9.png) no-repeat center center/contain;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-top: 39%;
  width: 27%;
  z-index: 4;
  pointer-events: none
}
.history3 .bg-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 30.71%;
  top: 299px;
  background: url(../image/jpg93.jpg) no-repeat center;
  background-size: cover
}
.history3 .bg-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30.71%;
  height: 402px;
  background: #fffcf6 url(../image/png148.png) no-repeat left bottom;
  z-index: 2;
  background-size: contain
}
.history3 .head {
  text-align: center;
  position: relative;
  z-index: 9
}
.history3 .head .p {
  font-size: 30px;
  margin-top: 5px
}
@media screen and (max-width: 768px) {
  .history3 .head .p {
    font-size: 22px
  }
}
.history3 .content {
  margin-top: 75px;
  position: relative;
  z-index: 9
}
.history3 .slick-slide {
  margin: 0 -10px
}
.history3 .child {
  padding: 0 10px 10px;
  position: relative;
  margin-top: 10px;
  display: inline-block
}
.history3 .child a.a {
  left: 10px;
  right: 10px;
  bottom: 20px
}
.history3 .child .pic {
  position: relative;
  overflow: hidden
}
.history3 .child .pic::before {
  content: '';
  display: block;
  padding-top: 116.66667%
}
.history3 .child .pic .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.history3 .child .h {
  position: absolute;
  left: 10px;
  bottom: 20px;
  right: 10px;
  background: url(../image/png20.png) repeat-x center center;
  padding: 18px 0;
  text-align: center
}
.history3 .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
  color: #a9927b;
  position: relative;
  z-index: 1
}
.history3 .nav::before {
  content: "";
  display: block;
  border-top: 1px solid #a9927b;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.history3 .nav::after {
  content: "";
  display: block;
  border-top: 1px solid #a9927b;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.history3 .nav .prev {
  font-family: xfont;
  font-size: 28px;
  cursor: pointer
}
.history3 .nav .next {
  font-family: xfont;
  font-size: 28px;
  cursor: pointer
}
.history3 .nav .num {
  padding: 0 25px
}
.history3 .nav .num * {
  font-style: normal;
  font-weight: normal;
  margin: 0 5px
}
.history4 {
  background: #fffcf6;
  position: relative;
  padding: 200px 0
}
.history4 .all_anchor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}
.history4::before {
  content: "";
  position: absolute;
  left: 0;
  top: -60px;
  width: 28%;
  bottom: 0;
  background: url(../image/png14.png) no-repeat center top/contain
}
.history4::after {
  content: "";
  background: url(../image/png15.png) no-repeat center center/contain;
  right: 0;
  bottom: 0;
  width: 28%;
  padding-top: 28%;
  position: absolute
}
.history4 .head {
  position: absolute;
  left: 0;
  top: 80px;
  right: 0
}
.history4 .head .p {
  font-size: 30px;
  margin-top: 5px
}
@media screen and (max-width: 768px) {
  .history4 .head .p {
    font-size: 22px
  }
}
.history4 .x-wrap {
  height: auto
}
.history4 .list {
  position: relative;
  z-index: 1;
  height: 59.3268vw
}
.history4 .list .item {
  width: calc(25% - 30px);
  cursor: pointer
}
.history4 .list .item .pic {
  overflow: hidden
}
.history4 .list .item .pic img {
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.history4 .list .item:first-child {
  margin-right: 40px
}
.history4 .list .item img {
  width: 100%
}
.history4.noData #photo_wap {
  display: none
}
.history4.noData .load_more a {
  display: none
}
.history5 {
  background: #fffcf6 url(../image/bg6-1.jpg) no-repeat center center/cover;
  padding: 40px 0 180px;
  position: relative
}
.history5 .fix_anchor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}
.history5 .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -170px
}
.history5 .head .p {
  font-size: 30px;
  margin-left: 10px
}
body:not(.lang-en) .history5 .head .p {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr
}
@media screen and (max-width: 768px) {
  .history5 .head .p {
    font-size: 22px
  }
}
.history5 .x-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 48.9424vw;
  height: auto
}
.history5 .x-wrap::after {
  display: none
}
.history5 .list-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  position: relative
}
.history5 .list-box::before {
  content: '';
  position: absolute;
  left: 48px;
  top: calc(50% - 46px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1608px;
  height: 164px;
  background: url(../image/png40.png) no-repeat left center
}
.history5 .list {
  margin-left: 100px;
  overflow: auto;
  margin-right: -200px
}
.history5 .list .inner {
  display: table;
  white-space: nowrap
}
.history5 .list .item {
  position: relative;
  max-width: 30vw;
  display: inline-block;
  vertical-align: top
}
.history5 .list .item .pic {
  background: #fffcf6;
  padding: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 12px 0px rgba(198, 178, 135, 0.3);
  box-shadow: 0px 5px 12px 0px rgba(198, 178, 135, 0.3)
}
.history5 .list .item .pic img {
  width: 100%
}
.history5 .list .item .h {
  font-size: 18px;
  margin-top: 0.6em
}
@media screen and (max-width: 768px) {
  .history5 .list .item .h {
    font-size: 16px
  }
}
.history5 .list .item:nth-child(5n-4) {
  margin-top: 1.45833333vw
}
.history5 .list .item:nth-child(5n-3) {
  margin-top: 10.67708333vw;
  margin-left: -6.25vw
}
.history5 .list .item:nth-child(5n-2) {
  margin-top: 4.6875vw;
  margin-left: 2.34375vw
}
.history5 .list .item:nth-child(5n-1) {
  margin-top: 16.35416666vw;
  margin-left: -5.05208333vw
}
.history5 .list .item:nth-child(5n) {
  margin-left: 1.5625vw;
  margin-right: 2.8645833vw
}
.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 1px;
  background: #a85a5a;
  position: relative;
  margin: 0 10px;
  width: auto;
  margin-top: 17px
}
.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail::before {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  width: 10px;
  height: 10px;
  border: 1px solid #a85a5a;
  border-radius: 100%;
  margin-top: -5px
}
.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  width: 10px;
  height: 10px;
  border: 1px solid #a85a5a;
  border-radius: 100%;
  margin-top: -5px
}
.history5 .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 60px
}
.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  height: 36px;
  width: 40%;
  margin: auto
}
.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  background: url(../image/png16.png) no-repeat center;
  background-size: contain;
  width: 36px;
  height: 36px;
  top: 0
}
.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  display: none
}
.history6 {
  background: #fffcf6;
  position: relative;
  padding: 190px 0
}
.history6 .all_anchor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}
.history6 .head {
  text-align: center
}
.history6 .head .p {
  font-size: 30px;
  margin-top: 5px
}
@media screen and (max-width: 768px) {
  .history6 .head .p {
    font-size: 22px
  }
}
.history6 .list {
  margin-top: 120px;
  position: relative;
  min-height: 59.99999vw
}
.history6 .list .bg {
  position: absolute;
  top: 75%;
  left: 5%;
  width: 41%
}
.history6 .list .d1 {
  position: relative;
  padding-top: 60%
}
.history6 .list .d1 .item {
  position: absolute;
  cursor: pointer
}
.history6 .list .d1 .item.i1 {
  width: 44%;
  left: 0;
  top: 0;
  z-index: 1;
  margin-right: 40px
}
.history6 .list .d1 .item.i2 {
  width: 23%;
  left: 50%;
  top: 0
}
.history6 .list .d1 .item.i3 {
  width: 16%;
  right: 0;
  top: 0
}
.history6 .list .d1 .item.i4 {
  width: 30%;
  left: 37%;
  bottom: 0
}
.history6 .list .d1 .item.i5 {
  width: 27%;
  right: 0;
  top: 36.3%
}
.history6 .list .d2 {
  margin-top: 40px
}
.history6 .list .d2 .item {
  width: calc(20% - 22.5px);
  position: relative;
  cursor: pointer
}
.history6 .list .d2 .item:first-child {
  margin-right: 30px
}
.history6 .list .pic {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%
}
.history6 .list .pic::before {
  content: '';
  display: block;
  padding-top: 94.61078%
}
.history6 .list .pic .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.history6 .list .h {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5))
}
@media screen and (max-width: 768px) {
  .history6 .list .h {
    font-size: 16px
  }
}
.history6 .list .play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.2) url(../image/png21.png) no-repeat left 55% center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer
}
.history6.noData #six_wap {
  display: none
}
.history6.noData .load_more a {
  display: none
}
@media screen and (min-width: 1025px) {
  .history4 .list .item:hover .pic img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
  }
  .history6 .list .item:hover {
    z-index: 1
  }
  .history6 .list .item:hover .pic img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
  }
}
@media screen and (max-width: 1720px) {
  .history2 {
    padding: 140px 0 280px
  }
  .history3 {
    padding: 80px 0 40px
  }
  .history4 {
    padding: 120px 0
  }
  .history6 {
    padding: 120px 0
  }
}
@media screen and (max-width: 1600px) {
  .history5 {
    padding-bottom: 150px
  }
  .history5 .list {
    margin-right: -50px
  }
}
@media screen and (max-width: 1500px) {
  .history1 .div {
    width: 45%
  }
  .history1 .d .pic {
    width: auto
  }
}
@media screen and (max-width: 1300px) {
  .history0 .p-box {
    margin-top: 30px
  }
  .history0 .more1 {
    margin-top: 20px
  }
  .history2 {
    padding: 80px 0 280px
  }
  .history3 {
    padding: 80px 0 40px
  }
  .history4 {
    padding: 80px 0
  }
  .history6 {
    padding: 80px 0
  }
  .history6 .list {
    margin-top: 80px
  }
  .history1 .div {
    width: 42%
  }
  .history1 .head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .history1 .head .r {
    margin: 20px 0 0
  }
  .history2 .focus {
    margin-top: 30px
  }
  .history4 .list .item {
    width: calc(25% - 15px)
  }
  .history4 .list .item:first-child {
    margin-right: 20px
  }
  .history5 .list {
    margin-right: -20px
  }
  .history6 .list .h {
    padding: 10px;
    font-size: 16px
  }
}
@media screen and (max-width: 1024px) {
  .nav_history {
    display: none
  }
  .history1 {
    padding: 80px 0 60px
  }
  .history1::before {
    left: 85%
  }
  .history1 .d .text {
    position: static
  }
  .history1 .div {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    margin-left: 10%
  }
  .history1 .d .text {
    width: 65%
  }
  .history2 {
    padding: 80px 0 220px
  }
  .history6 {
    padding: 60px 0
  }
  .history6 .list {
    margin-top: 40px
  }
  .history5 {
    padding-bottom: 80px
  }
  .history5 .list .item .pic {
    padding: 15px;
    max-width: 50vw
  }
  .history5 .list .item .pic img {
    max-width: 100%
  }
  .history5 .list .item:nth-child(n+2) {
    margin: 0 0 0 20px !important
  }
  .history1 .head .p {
    font-size: 24px
  }
  .history2 .head .p {
    font-size: 24px
  }
  .history3 .head .p {
    font-size: 24px
  }
  .history4 .head .p {
    font-size: 24px
  }
  .history5 .head .p {
    font-size: 24px
  }
  .history6 .head .p {
    font-size: 24px
  }
  .history5 .list {
    margin-right: 0px
  }
}
@media screen and (max-width: 767px) {
  .history0 .pad {
    width: 100%;
    padding-bottom: 40px
  }
  .history0 .p-box {
    margin-top: 15px
  }
  .history0 .p-box .p + .p {
    margin-top: 5px
  }
  .history0 .x-wrap {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .history0 .more1 {
    margin-top: 10px;
    padding-right: 45px
  }
  .history0 .back {
    position: absolute;
    height: 40px;
    padding-left: 20px;
    top: 20px
  }
  .history0 .back img {
    width: 20px
  }
  .history0 .bg {
    display: none
  }
  .history0 .bg.m-show {
    display: block
  }
  .history1 {
    background-position: left top;
    padding: 40px 0;
    margin-top: 0
  }
  .history1::before {
    display: none
  }
  .history1 .content {
    display: block;
    margin-top: 30px
  }
  .history1 .d .text {
    width: auto;
    margin-top: 20px
  }
  .history1 .div {
    margin: 30px 0 0
  }
  .history1 .d .pic {
    background: none;
    padding: 0;
    width: 80%;
    margin: auto
  }
  .history1 .d .pic .frame {
    border-radius: 0
  }
  .history2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 0
  }
  .history2 .head {
    padding: 0;
    text-align: center
  }
  .history2 .map {
    position: static;
    height: 130vw;
    background-position: center top 20%;
    background-size: 160% auto
  }
  .history2 .focus {
    padding-left: 35%
  }
  .history3 {
    padding: 40px 0
  }
  .history3::after {
    width: 100%;
    background-size: cover
  }
  .history3::before {
    display: none
  }
  .history3 .bg-1, .history3 .bg-2 {
    display: none
  }
  .history3 .nav {
    margin-top: 10px
  }
  .history4 {
    padding: 40px 0
  }
  .history4::before {
    display: none
  }
  .history4 .head {
    position: static;
    text-align: center
  }
  .history4 .list {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto !important
  }
  .history4 .list .item {
    width: calc(50% - 7.5px);
    position: static !important
  }
  .history3 .content {
    margin-top: 30px
  }
  .history4 .list {
    padding: 0 15px;
    min-height: 140vw
  }
  .history4 .list .item {
    width: calc(50% - 7.5px)
  }
  .history4 .list .item:nth-child(1) {
    margin-right: 0
  }
  .history4 .list .item:nth-child(even) {
    margin-left: 15px
  }
  .history4 .list .item:nth-child(n+3) {
    margin-top: 15px
  }
  .history5 {
    padding: 40px 0
  }
  .history5 .head {
    margin: 0
  }
  .history5 .head .title img {
    max-height: none
  }
  .history5 .head .p {
    margin-left: 0
  }
  .history5 .x-wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .history5 .list-box::before {
    display: none
  }
  .history5 .list {
    margin-left: 15px
  }
  .history5 .list .item {
    max-width: 240px
  }
  .history5 .list .item:nth-child(5n-4) {
    margin-top: 0
  }
  .history5 .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 50px
  }
  .history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: 80%
  }
  .history5 .list .item .pic {
    max-width: none;
    width: 100%;
    padding: 10px
  }
  .history5 .list .item .pic img {
    width: 100%
  }
  .history5 .list .item .h {
    margin-top: 5px
  }
  .history6 .list {
    padding: 0 15px;
    margin-top: 30px
  }
  .history6 .list .d1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 0
  }
  .history6 .item {
    width: 100% !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important
  }
  .history6 .item:nth-child(n+2) {
    margin-top: 15px !important
  }
  .history6 .list .d1 .item:nth-child(1) {
    margin-right: 0
  }
  .history6 .list .d2 {
    margin-top: 15px;
    height: auto !important
  }
  .history6 .list .bg {
    display: none
  }
  .history6 .list .play {
    width: 60px;
    height: 60px;
    background-size: 30% auto
  }
  .title > img {
    max-width: 80%
  }
  .history6 .list .d1::before {
    display: none
  }
  .history2 .x-wrap {
    height: auto
  }
  .history2 .x-wrap::after {
    display: none
  }
  .history3::after {
    bottom: initial;
    height: 100%;
    display: none
  }
  .history3 {
    background: url(../image/bg5_1.jpg) no-repeat center top/cover
  }
  .history3 .x-wrap {
    height: auto
  }
}
.home1 {
  position: relative;
  margin-top: -147px
}
.home1 .child {
  height: 100vh;
  background: no-repeat center center / cover;
  position: relative
}
.home1 .child .mask {
  background: #000;
  opacity: 0
}
.home1 .child .a {
  z-index: 2
}
.home1 .child video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.home1 .nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  z-index: 1
}
.home1 .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.home1 .slick-dot {
  width: 50px;
  height: 4px;
  background: #fff;
  opacity: 0.4;
  padding: 0;
  list-style: none;
  margin: 0 10px
}
.home1 .slick-dot.slick-active {
  opacity: 1
}
.home1 .btn_l {
  position: absolute;
  left: 50px;
  bottom: 50px;
  z-index: 1;
  cursor: pointer;
  width: 106px;
  height: 106px
}
.home1 .btn_l::before {
  content: "";
  background: url(../image/png1_2.png) no-repeat center center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s;
  transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s
}
.home1 .btn_l::after {
  content: "";
  background: url(../image/png1_1.png) no-repeat center center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.home1 .btn_l a {
  height: 100%;
  display: block;
  position: relative;
  z-index: 1
}
.home1 .btn_r {
  position: absolute;
  right: 50px;
  bottom: 50px;
  z-index: 1;
  cursor: pointer;
  width: 106px;
  height: 106px
}
.home1 .btn_r::before {
  content: "";
  background: url(../image/png2_2.png) no-repeat center center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s;
  transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s
}
.home1 .btn_r::after {
  content: "";
  background: url(../image/png2_1.png) no-repeat center center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.home1 .btn_r a {
  height: 100%;
  display: block;
  position: relative;
  z-index: 1
}
.title1 {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 48px;
  line-height: 1.2
}
@media screen and (max-width: 768px) {
  .title1 {
    font-size: 28px
  }
}
.title1::before {
  content: "";
  background: no-repeat center bottom;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin-bottom: 0.5em;
  -webkit-transition: all 1.5s ease-out 0s;
  transition: all 1.5s ease-out 0s;
  clip: rect(0, 120px, 0, 0)
}
.title1::after {
  content: "";
  background: no-repeat center top;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 5.3em;
  -webkit-transition: all 3s ease-out 3s;
  transition: all 3s ease-out 3s;
  clip: rect(0, 120px, 0, 0)
}
.title1 .h {
  font-family: sh;
  line-height: inherit;
  line-height: 1.2;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  margin-left: -0.5em;
  -webkit-transition: all 1.5s cubic-bezier(0.6, 1.2, 0.5, 1.2) 1.5s;
  transition: all 1.5s cubic-bezier(0.6, 1.2, 0.5, 1.2) 1.5s;
  -webkit-transform: scale(0);
  transform: scale(0)
}
body:not(.lang-en) .title1 .h {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr
}
.title1 .more1 {
  opacity: 0;
  -webkit-transition: all 1s ease-out 2.5s;
  transition: all 1s ease-out 2.5s
}
.showd .title1::after {
  clip: rect(0, 120px, 1000px, 0)
}
.showd .title1 .h {
  -webkit-transform: none;
  transform: none
}
.showd .title1 .more1 {
  opacity: 1
}
.home2.showd .title1::before {
  clip: rect(0, 120px, 350px, 0)
}
.home3.showd .title1::before {
  clip: rect(0, 120px, 270px, 0)
}
.home4.showd .title1::before {
  clip: rect(0, 120px, 570px, 0)
}
.home5.showd .title1::before {
  clip: rect(0, 120px, 300px, 0)
}
.home6.showd .title1::before {
  clip: rect(0, 120px, 700px, 0)
}
.home2 {
  position: relative;
  background: #f5f5f5
}
.home2 .w-wrap {
  padding-top: 110px;
  padding-bottom: 110px
}
.home2 .title1::before {
  background-image: url(../image/png3_1.png);
  bottom: 70%
}
.home2 .title1::after {
  background-image: url(../image/png3_1b.png);
  top: 30%
}
.home2 .title1 .h {
  top: 30%
}
.home2 .title1 .more1 {
  background: #f5f5f5;
  padding-top: 15px;
  color: #333;
  font-size: 16px;
  position: absolute;
  top: 63%;
  z-index: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.home2 .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.home2 .list .dl {
  width: calc(50% - 10px)
}
.home2 .list .dl .item {
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}
.home2 .list .dl .pic {
  position: relative;
  overflow: hidden
}
.home2 .list .dl .pic::before {
  content: '';
  display: block;
  padding-top: 75%
}
.home2 .list .dl .pic .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.home2 .list .dl .text {
  background: #fff;
  padding: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
.home2 .list .dl .text .h {
  font-size: 20px
}
@media screen and (max-width: 768px) {

  .home2 .list .dl .text .h {
    font-size: 18px
  }
}
.home2 .list .dl .text .p {
  font-size: 14px;
  margin-top: 0.5em
}
.home2 .list .dl .text .date {
  font-size: 18px;
  text-align: center;
  margin-right: 40px;
  font-family: tj
}
@media screen and (max-width: 768px) {
  .home2 .list .dl .text .date {
    font-size: 16px
  }
}
.home2 .list .dl .text .date b {
  font-size: 60px;
  line-height: 1.2;
  display: block;
  font-weight: normal
}
@media screen and (max-width: 768px) {
  .home2 .list .dl .text .date b {
    font-size: 30px
  }
}
.home2 .list .dl .text .r {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.home2 .list .dr {
  width: calc(50% - 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.home2 .list .dr .item {
  position: relative;
  background: #fff;
  width: calc(50% - 5px);
  padding: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s
}
.home2 .list .dr .item:nth-child(n+3) {
  margin-top: 10px
}
.home2 .list .dr .item .h {
  font-size: 18px
}
@media screen and (max-width: 768px) {
  .home2 .list .dr .item .h {
    font-size: 16px
  }
}
.home2 .list .dr .item .date {
  font-size: 18px;
  margin-right: 40px;
  font-family: tj
}
@media screen and (max-width: 768px) {
  .home2 .list .dr .item .date {
    font-size: 16px
  }
}
.home2 .list .dr .item .date b {
  font-size: 48px;
  line-height: 1.2;
  display: block;
  font-weight: normal;
  display: inline;
  margin-right: 10px
}
@media screen and (max-width: 768px) {
  .home2 .list .dr .item .date b {
    font-size: 28px
  }
}
.home2 .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px
}
.home2 .links .item {
  background: no-repeat left center / cover;
  width: 10.35%;
  overflow: hidden;
  position: relative;
  padding-top: 13.33%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.home2 .links .item img {
  height: 100%;
  width: auto;
  position: absolute;
  left: 0;
  top: 0;
  display: none
}
.home2 .links .item.s {
  width: 68.93%
}
.home2 .links .item.s img {
  width: 100%;
  height: auto;
  position: static
}
.home3 {
  background: url(../image/bg1.jpg) no-repeat center top;
  color: #fff;
  height: 835px;
  position: relative;
  z-index: 1
}
.home3 .title1::before {
  background-image: url(../image/png3_2.png);
  bottom: 65%
}
.home3 .title1::after {
  background-image: url(../image/png3_2b.png);
  top: 35%
}
.home3 .title1 .h {
  top: 35%
}
.home3 .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}
.home3 .box2 {
  width: 50%;
  margin-left: 50%;
  background: #7c3030;
  padding: 100px
}
.home3 .box2 .hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.home3 .box2 .hd .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.home3 .box2 .hd .title:after {
  content: "";
  display: block;
  border-top: 1px solid #a95555;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 20px
}
.home3 .box2 .list {
  margin-top: 60px;
  border-left: 1px solid #a95555;
  position: relative
}
.home3 .box2 .list:before {
  content: "";
  border-top: 1px solid #a95555;
  width: 12px;
  position: absolute;
  left: 0;
  top: 0%
}
.home3 .box2 .list:after {
  content: "";
  border-top: 1px solid #a95555;
  width: 12px;
  position: absolute;
  left: 0;
  bottom: 0%
}
.home3 .box2 .list .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 40px
}
.home3 .box2 .list .item:before {
  content: "";
  border-top: 1px solid #a95555;
  width: 12px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s
}
.home3 .box2 .list .item:nth-child(n+2) {
  margin-top: 15px
}
.home3 .box2 .list .item .date {
  white-space: nowrap;
  font-family: tj
}
.home3 .box2 .list .item .date b {
  font-size: 60px;
  line-height: 1.2;
  font-weight: normal
}
@media screen and (max-width: 768px) {
  .home3 .box2 .list .item .date b {
    font-size: 30px
  }
}
.home3 .box2 .list .item .h {
  margin-left: 30px;
  line-height: 1.8;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative
}
.home3 .box2 .list .item .h:after {
  content: "";
  background: url(../image/png361.png) no-repeat right center;
  width: 0;
  height: 9px;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 5px;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s
}
.home3 .box1 {
  width: 50%;
  background: #883736;
  padding: 70px 90px;
  position: relative
}
.home3 .box1::before {
  content: "";
  background: url(../image/png4.png) no-repeat center center;
  width: 467px;
  height: 416px;
  right: 10px;
  top: -40px;
  position: absolute
}
.home3 .box1::after {
  content: "";
  width: 120px;
  height: 120px;
  background: #aa1332;
  left: 100%;
  top: 100%;
  position: absolute
}
.home3 .box1 .text {
  line-height: 1.8;
  position: relative
}
body:not(.lang-en) .home3 .box1 .text p {
  text-align: justify;
  text-justify: inter-ideograph
}
.home3 .box1 .text p:nth-child(n+2) {
  margin-top: 1.5em
}
.home3 .box1 .more1 {
  margin-top: 40px
}
.home3 .more1:before {
  background-color: #a95555;
  border-color: #a95555
}
.home4 {
  background: url(../image/png5.png) no-repeat right 1% top
}
.home4 .title1::before {
  background-image: url(../image/png3_3.png);
  bottom: 60%
}
.home4 .title1::after {
  background-image: url(../image/png3_3b.png);
  top: 40%
}
.home4 .title1 .h {
  top: 40%
}
.home4 .w-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 380px;
  padding-bottom: 180px
}
.home4 .dl {
  width: 47%
}
.home4 .dr {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-top: 6%
}
.home4 .d1 {
  position: relative
}
.home4 .d1 .pic {
  width: 100%
}
.home4 .d1 .text {
  position: absolute;
  left: -1px;
  top: 70%;
  background: #fff;
  padding-left: 0
}
.home4 .d2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  position: relative
}
.home4 .d2 .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.home4 .d3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.home4 .pic {
  position: relative;
  overflow: hidden;
  width: 50%
}
.home4 .pic::before {
  content: '';
  display: block;
  padding-top: 105.21127%
}
.home4 .pic .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.home4 .text {
  padding: 50px 45px;
  width: 50%
}
.home4 .text .h {
  font-size: 30px;
  font-family: sh
}
@media screen and (max-width: 768px) {
  .home4 .text .h {
    font-size: 22px
  }
}
.home4 .text .p {
  margin-top: 15px
}
.home4 .text .date {
  font-family: tj;
  margin-top: 10px
}
.home4 .text .more1 {
  margin-top: 20px
}
.home5 {
  background: url(../image/bg2.jpg) no-repeat center center/cover;
  color: #fff
}
.home5 .title1::before {
  background-image: url(../image/png3_4.png);
  bottom: 65%
}
.home5 .title1::after {
  background-image: url(../image/png3_4b.png);
  top: 35%
}
.home5 .title1 .h {
  top: 35%
}
.home5 .w-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 110px;
  padding-bottom: 110px
}
.home5 .dl {
  width: 28%;
  padding-top: 100px;
  min-width: 355px
}
.home5 .dl .h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-family: tj;
  padding-right: 30px
}
.home5 .dl .h b {
  font-weight: normal;
  font-size: 140px;
  line-height: 0.6
}
.home5 .dl .h span {
  display: block
}
.home5 .dl .box {
  margin-top: 30px;
  background: #95ae93
}
.home5 .dl .hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}
.home5 .dl .hd span {
  font-family: xfont;
  width: 90px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  display: block
}
.home5 .dl .hd strong {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  font-weight: normal;
  font-size: 18px;
  display: block
}
.home5 .dl .calendar {
  margin: 15px 25px;
  width: auto;
  height: 330px
}
.home5 .dl .calendar .fc-calendar .fc-row > div {
  padding: 0
}
.home5 .dl .calendar .fc-calendar .fc-row > div, .home5 .dl .calendar .fc-calendar .fc-head > div {
  width: calc(99% / 7)
}
.home5 .dl .calendar .fc-calendar .fc-row > div > span.fc-date {
  left: 0;
  right: 0;
  text-align: center;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  font-family: Arial;
  top: 0px;
  width: 1.4em;
  height: 1.4em;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto
}
.home5 .dl .calendar .fc-calendar .fc-row > div > span.fc-date::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%
}
.home5 .dl .calendar .fc-calendar .fc-content > div {
  padding: 1.5em 0 0;
  text-align: center;
  line-height: 0;
  font-size: 20px
}
.home5 .dl .calendar .fc-today .fc-date {
  background: #495a46;
  border-radius: 100%;
  color: #fff
}
.home5 .dl .calendar .fc-calendar .a {
  width: 7px;
  height: 7px;
  border-radius: 100%;
  display: inline-block;
  background: #668863;
  margin: 0 2px
}
.home5 .dl .calendar .fc-calendar .b {
  width: 7px;
  height: 7px;
  border-radius: 100%;
  display: inline-block;
  background: #9a5252;
  margin: 0 2px
}
.home5 .dl .calendar .fc-calendar .c {
  width: 7px;
  height: 7px;
  border-radius: 100%;
  display: inline-block;
  background: #5a759b;
  margin: 0 2px
}
.home5 .dl .calendar .fc-content {
  cursor: pointer
}
.home5 .dl .calendar .fc-content.act span.fc-date {
  background: #668664;
  border-radius: 100%;
  color: #fff
}
.home5 .dl .bb {
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 14px;
  color: #495a46
}
.home5 .dl .bb span {
  margin: 0 10px;
  position: relative;
  padding-left: 13px
}
.home5 .dl .bb span:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 7px
}
.home5 .dl .bb span:nth-child(1):before {
  background: #668863
}
.home5 .dl .bb span:nth-child(2):before {
  background: #9a5252
}
.home5 .dl .bb span:nth-child(3):before {
  background: #5a759b
}
.home5 .dr {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 90px
}
.home5 .dr .list {
  height: 700px;
  overflow: hidden
}
.home5 .dr .mCSB_inside > .mCSB_container {
  margin-right: 20px
}
.home5 .dr .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.home5 .dr .item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.home5 .dr .item .pic {
  position: relative;
  overflow: hidden;
  width: 48%
}
.home5 .dr .item .pic::before {
  content: '';
  display: block;
  padding-top: 75%
}
.home5 .dr .item .pic .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.home5 .dr .item .text {
  padding: 50px 40px;
  width: 48%
}
.home5 .dr .item .text .h {
  font-size: 18px
}
.home5 .dr .item .text ul {
  padding: 0;
  margin: 0;
  margin-top: 50px
}
.home5 .dr .item .text li {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 10px
}
.home5 .dr .item .text li i {
  margin-right: 15px;
  text-align: center;
  display: inline-block;
  width: 20px
}
.home5 .dr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #638460;
  width: 4px
}
.home5 .dr .mCSB_scrollTools .mCSB_draggerRail {
  background: #384837;
  width: 2px
}
.home6 {
  background: url(../image/png6.png) no-repeat center top/100% auto;
  position: relative;
  color: #fff
}
.home6 .title1::before {
  background-image: url(../image/png3_5.png);
  bottom: 45%
}
.home6 .title1::after {
  background-image: url(../image/png3_5b.png);
  top: 55%
}
.home6 .title1 .h {
  top: 55%
}
.home6::before {
  content: "";
  background: url(../image/bg3.jpg) no-repeat center top/cover;
  position: absolute;
  left: 0;
  top: 26vw;
  right: 0;
  bottom: 0
}
.home6 .w-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 26vw;
  padding-bottom: 312px
}
.home6 .tabs {
  background: #6f8aa8;
  padding: 50px 0;
  width: 30%
}
.home6 .tabs .item {
  height: 76px;
  line-height: 76px;
  font-size: 22px;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  text-align: center;
  padding-right: 30px
}
@media screen and (max-width: 768px) {
  .home6 .tabs .item {
    font-size: 18px
  }
}
.home6 .tabs .item i {
  margin-right: 25px;
  display: inline-block;
  width: 44px;
  text-align: center
}
.home6 .tabs .item i img {
  max-width: 100%
}
.home6 .tabs .item.now {
  background: #5b7897;
  padding-left: 50px
}
.home6 .tabs .item.now::after {
  content: "";
  position: absolute;
  right: 40px;
  top: 50%;
  background: url(../image/more1a.png);
  width: 13px;
  height: 12px;
  margin-top: -6px
}
.home6 .dr {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative
}
.home6 .dr::before {
  content: "";
  background: url(../image/png7.png) no-repeat center bottom/cover;
  width: 22%;
  padding-top: 50%;
  position: absolute;
  left: 50%;
  bottom: 25%
}
.home6 .list {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  visibility: hidden
}
.home6 .list.act {
  opacity: 1;
  visibility: visible
}
.home6 .list .item {
  position: relative;
  width: 55%
}
.home6 .list .item:hover {
  z-index: 1
}
.home6 .list .item:last-child {
  position: absolute;
  right: 0;
  top: 100%;
  -webkit-transform: translateY(-58%);
  transform: translateY(-58%);
  width: 57%
}
.home6 .list .item .pic {
  position: relative;
  overflow: hidden
}
.home6 .list .item .pic::before {
  content: '';
  display: block;
  padding-top: 70.9507%
}
.home6 .list .item .pic .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.home6 .list .item .text {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 25px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6))
}
.home6 .list .item .text .h {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: none
}
.home6 .list .item .text .more {
  background: url(../image/png8.png);
  width: 41px;
  height: 41px;
  display: inline-block
}
@media screen and (min-width: 1025px) {
  .transT {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);

    -webkit-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s
  }
  .transB {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);

    -webkit-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s
  }
  .transL {
    -webkit-transform: translateX(-80px);
    transform: translateX(-80px);

    -webkit-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s
  }
  .transR {
    -webkit-transform: translateX(80px);
    transform: translateX(80px);

    -webkit-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s
  }
  .td2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
  }
  .td3 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
  }
  .td4 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
  }
  .transTs > div {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);

    -webkit-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s
  }
  .transTs > div:nth-child(2) {
	  -webkit-transform: translateY(70px);
    transform: translateY(70px);

    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
  }
  .transTs > div:nth-child(3) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
  }
  .transTs > div:nth-child(4) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
  }
  .transTs > div:nth-child(5) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
  }
  .transLs > div {
    -webkit-transform: translateY(60px);
    transform: translateY(60px);

    -webkit-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s
  }
  .transLs > div:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
  }
  .transLs > div:nth-child(3) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
  }
  .transLs > div:nth-child(4) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
  }
  .transLs > div:nth-child(5) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
  }
  .transS {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);

    -webkit-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s
  }
  .transSs > div {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);

    -webkit-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s
  }
  .transSs > div:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
  }
  .transSs > div:nth-child(3) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
  }
  .transSs > div:nth-child(4) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
  }
  .transSs > div:nth-child(5) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
  }
  .showd .transT, .showd .transB, .showd .transL, .showd .transR, .showd .transS, .showd .transTs > div, .showd .transLs > div, .showd .transSs > div {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
  .btn_l:hover::before {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
  .btn_r:hover::before {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
  .home2 .list .item:hover {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15)
  }
  .home3 .box2 .list .item:hover .h:after {
    width: 47px
  }
  .home4 .d1:hover .pic img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
  }
  .home4 .d2:hover .pic img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
  }
  .home4 .d3:hover .pic img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
  }
  .home6 .list .item:hover .h {
    display: block
  }
}
@media screen and (max-width: 1720px) {
  .home2 .w-wrap {
    padding-top: 80px;
    padding-bottom: 80px
  }
  .home3 .box2 {
    padding: 80px
  }
  .home3 .box1 {
    padding: 60px 80px
  }
  .home4 .w-wrap {
    padding-top: 300px;
    padding-bottom: 100px
  }
  .home5 .w-wrap {
    padding-top: 100px;
    padding-bottom: 100px
  }
}
@media screen and (max-width: 1500px) {
  .home3 .box1 {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%)
  }
  .home6 .w-wrap {
    padding-bottom: 250px;
    padding-top: 320px
  }
  .home5 .dr .item .text ul {
    margin-top: 30px
  }
  .home6::before {
    top: 320px
  }
}
@media screen and (max-width: 1400px) {
  .home5 .dl {
    padding-top: 50px
  }
  .home5 .dr {
    margin-left: 60px;
    width: 380px
  }
  .home5 .dr .item .text {
    padding: 30px 10px
  }
  .home5 .dr .item .text ul {
    margin-top: 20px
  }
}
@media screen and (max-width: 1300px) {
  .title1 {
    font-size: 42px
  }
  .home3 .box1 {
    padding: 40px 60px
  }
  .home3 .box2 {
    padding: 60px
  }
  .home4 .text {
    padding: 30px 40px
  }
  .home4 .d2 .text {
    padding: 30px 40px
  }
  .home5 .dl .fc-calendar-container {
    height: 330px
  }
  .home6 .tabs {
    padding: 30px 0
  }
  .home6 .tabs .item {
    height: 60px;
    line-height: 60px;
    font-size: 18px
  }
  .home6 .tabs .item.now {
    padding-left: 0px
  }
  .home6 .tabs .item i {
    margin-right: 15px
  }
  .home6 .tabs .item i {
    width: 34px
  }
}
@media screen and (max-width: 1200px) {
  .home3 .box2 {
    padding: 40px
  }
  .home3 .box1 {
    padding: 40px
  }
}
@media screen and (max-width: 1100px) {
  .title1 .h {
    font-size: 42px
  }
  .home3 .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 60px 0
  }
  .home3 .content .box1 {
    -webkit-transform: none;
    transform: none;
    width: auto
  }
  .home3 .content .box2 {
    width: auto;
    margin: auto;
    margin-top: 60px
  }
  .home4 .d1 .text {
    width: auto;
    position: static
  }
  .home4 .text {
    padding: 20px 30px !important
  }
  .home2 .w-wrap {
    padding-top: 60px;
    padding-bottom: 60px
  }
  .home3 .box2 {
    padding: 40px
  }
  .home3 .box1 {
    padding: 40px 40px
  }
  .home4 .w-wrap {
    padding-top: 160px;
    padding-bottom: 40px
  }
  .home5 .w-wrap {
    padding-top: 80px;
    padding-bottom: 80px
  }
  .home6 .w-wrap {
    padding-top: 200px
  }
  .home6::before {
    top: 200px
  }
}
@media screen and (max-width: 1024px) {
  .title1 {
    position: static;
    width: auto;
    background: none !important;
    padding: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px
  }
  .title1::before {
    display: none
  }
  .title1::after {
    display: none
  }
  .title1 .h {
    -webkit-transform: none !important;
    transform: none !important;
    margin: 0;
    font-size: 38px;
    transform: none;
    position: static
  }
  body:not(.lang-en) .title1 .h {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb
  }
  .title1 .more1 {
    margin-top: 10px !important;
    opacity: 1;
    position: static
  }
  body:not(.lang-en) .title1 .more1 {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb
  }
  .w-wrap {
    padding: 40px 0;
    display: block !important
  }
  .home1 {
    margin-top: 0px
  }
  .home2 .w-wrap {
    padding: 40px 0
  }
  .home2 .title1 .more1 {
    padding: 0 0 0 50px;
    -webkit-writing-mode: unset !important;
    -ms-writing-mode: unset !important;
    writing-mode: unset !important;
    width: auto;
    position: relative;
    top: auto;
    -webkit-transform: none;
    transform: none;
    left: auto
  }
  .home2 .list .dl .text {
    padding: 25px
  }
  .home2 .list .dr .item {
    padding: 25px
  }
  .home3 {
    height: auto
  }
  .home3 .content {
    padding: 0
  }
  .home3 .box1 {
    padding: 30px
  }
  .home3 .box1::before {
    display: none
  }
  .home3 .box1 .more1 {
    margin-top: 20px
  }
  .home3 .content .box2 {
    margin: 20px 0 0;
    padding: 30px
  }
  .home3 .box2 .list {
    margin-top: 30px
  }
  .home4 .w-wrap {
    padding: 40px 0
  }
  .home4 .pic {
    width: 50% !important
  }
  .home4 .dl {
    width: auto
  }
  .home4 .dl .d1 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .home4 .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
  }
  .home4 .d1 .pic {
    width: 30%
  }
  .home4 .dr {
    padding: 0
  }
  .home5 .w-wrap {
    padding: 40px 0
  }
  .home5 .dl {
    width: auto;
    padding-top: 0;
    min-width: auto
  }
  .home5 .dr {
    margin: 20px 0 0;
    width: auto
  }
  .home5 .dl .h b {
    font-size: 100px;
    line-height: 1
  }
  .home5 .dr .item .text {
    padding: 30px 10px;
    width: calc(50% - 15px)
  }
  .home5 .dr .item .pic {
    width: calc(50% - 15px)
  }
  .home6 .w-wrap {
    padding: 40px 0 9%
  }
  .home6::before {
    top: 0
  }
  .home6 .dr::before {
    display: none
  }
  .home6 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden
  }
  .home6 .list.act {
    position: static;
    visibility: visible
  }
  .home6 .tabs {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0
  }
  .home6 .tabs .item {
    padding: 0 !important;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px
  }
  .home6 .tabs .item i {
    margin-right: 10px;
    width: 25px
  }
  .home6 .tabs .item::after {
    display: none
  }
  .home6 .list .item {
    width: 33.33% !important
  }
  .home6 .list .item:last-child {
    -webkit-transform: none;
    transform: none;
    position: relative
  }
  .home6 .list .item .text {
    padding: 15px
  }
  .home6 .list .item .text .h {
    display: block
  }
  .home6 .list .item .text .more {
    display: none
  }
}
@media screen and (max-width: 767px) {
  .home1 .btn_l {
    left: 15px;
    bottom: -25px;
    width: 50px;
    height: 50px
  }
  .home1 .btn_l::before {
    display: none
  }
  .home1 .btn_l::after {
    background-size: contain
  }
  .home1 .btn_r {
    right: 15px;
    bottom: -25px;
    width: 50px;
    height: 50px
  }
  .home1 .btn_r::before {
    display: none
  }
  .home1 .btn_r::after {
    background-size: contain
  }
  .title1 {
    margin-bottom: 20px
  }
  .title1 .h {
    font-size: 28px
  }
  .home1 .nav {
    bottom: 15px
  }
  .home1 .child {
    height: 56.5vw
  }
  .home1 .slick-dot {
    width: 25px;
    margin: 0 5px
  }
  .home2 .list {
    display: block
  }
  .home2 .list .dl {
    width: auto;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1)
  }
  .home2 .list .dl .text .date {
    margin-right: 20px;
    text-align: left
  }
  .home2 .list .dl .text .date b {
    display: inline-block;
    margin-right: 15px
  }
  .home2 .list .dr {
    width: auto;
    margin-top: 10px
  }
  .home2 .list .dl .text {
    padding: 20px;
    display: block
  }
  .home2 .list .dr .item {
    padding: 20px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1)
  }
  .home2 .list .dr .item .h {
    margin-top: 5px;
    font-size: 14px
  }
  .home2 .links {
    display: block;
    margin-top: 20px
  }
  .home2 .links .item {
    width: 100% !important
  }
  .home2 .links .item:nth-child(n+2) {
    margin-top: 10px
  }
  .home3 .box1 {
    padding: 20px
  }
  .home3 .box1 .text p:nth-child(n+2) {
    margin-top: 1em
  }
  .home3 .content .box2 {
    padding: 20px
  }
  .home3 .box2 .list {
    border: none;
    margin-top: 20px
  }
  .home3 .box2 .list::before {
    display: none
  }
  .home3 .box2 .list::after {
    display: none
  }
  .home3 .box2 .list .item {
    padding: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .home3 .box2 .list .item::before {
    display: none
  }
  .home3 .box2 .list .item .h {
    margin-left: 10px
  }
  .home4 .d1 .text {
    padding: 0 0 0 15px !important
  }
  .home4 .d2 .text {
    padding: 0 15px 0 0 !important
  }
  .home4 .d3 .text {
    padding: 0 0 0 15px !important
  }
  .home4 .text .p {
    margin-top: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
  }
  .home4 .text .date {
    margin-top: 0
  }
  .home4 .text .more1 {
    margin-top: 10px
  }
  .home5 .dl .fc-calendar-container {
    height: 280px
  }
  .home5 .fc-calendar .fc-row > div > span.fc-date {
    font-size: 18px
  }
  .home5 .dl .calendar .fc-calendar .fc-content > div {
    font-size: 18px
  }
  .home5 .dl .h b {
    font-size: 40px;
    margin-right: 19px
  }
  .home5 .dl .box {
    margin-top: 15px
  }
  .home5 .dl .hd {
    height: 50px;
    line-height: 50px
  }
  .home5 .dl .hd span {
    width: 60px
  }
  .home5 .dr .item {
    display: block
  }
  .home5 .dr .item:nth-child(n+2) {
    margin-top: 20px
  }
  .home5 .dl .bb span {
    margin-left: 0px
  }
  .home5 .dl .bb span:nth-child(1) {
    margin-left: 0
  }
  .home5 .dr .item .pic {
    width: auto
  }
  .home5 .dr .item .text {
    width: auto;
    padding: 0;
    margin-top: 15px
  }
  .home5 .dr .item .text ul {
    margin-top: 15px
  }
  .home6 .tabs {
    padding: 0;
    display: block;
    white-space: nowrap;
    overflow: auto;
    background: none;
    margin-bottom: 10px;
    padding-bottom: 10px
  }
  .home6 .tabs .item {
    display: inline-block;
    height: auto;
    line-height: 1;
    opacity: 0.7
  }
  .home6 .tabs .item.now {
    background: none;
    opacity: 1;
    font-size: 1.1em
  }
  .home6 .tabs .item:nth-child(n+2) {
    margin-left: 10px
  }
  .home6 .tabs .item i {
    display: none
  }
  .home6 .list {
    display: block
  }
  .home6 .list .item {
    width: auto !important
  }
  .home6 .list .item:nth-child(n+2) {
    margin-top: 15px
  }
}
.demo1 {
  opacity: 0;
  visibility: hidden;
  z-index: 20;
  position: fixed;
  width: 350px;
  bottom: 20px;
  right: 100px;
  border-radius: 20px;
  overflow: hidden;
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-delay: 0s, 0s, .3s;
  transition-delay: 0s, 0s, .3s
}
.demo1 .pop-dialog {
  width: 430px;
  background-color: transparent;
  vertical-align: bottom;
  margin-left: 63.4%;
  margin-bottom: 20px
}
.demo1 .pop-close {
  position: absolute;
  top: 14px;
  right: 33px;
  font-size: 20px;
  z-index: 1;
  cursor: pointer;
  overflow: hidden;
  color: #fff
}
.demo1 .h {
  font-size: 24px;
  color: #fff;
  height: 54px;
  text-align: center;
  line-height: 54px;
  background: url(../image/bg1.png) no-repeat center center
}
@media screen and (max-width: 768px) {
  .demo1 .h {
    font-size: 18px
  }
}
.demo1 .cookie {
  background: url(../image/bg2.png) no-repeat center center;
  padding: 15px 20px;
  background-size: 100% 100%
}
.demo1 .p {
  font-size: 16px;
  color: #ffb0b0;
  text-indent: 2em
}
body:not(.lang-en) .demo1 .p {
  text-align: justify;
  text-justify: inter-ideograph
}
.demo1 a {
  display: block;
  width: 118px;
  margin: 16px auto 0
}
.demo1 .sub {
  font-size: 18px;
  color: #ffb0b0;
  background-color: #b73334;
  height: 36px;
  line-height: 36px;
  border-radius: 50px;
  text-align: center
}
@media screen and (max-width: 768px) {
  .demo1 .sub {
    font-size: 16px
  }
}
.demo1.x-show {
  opacity: 1;
  visibility: visible;
  z-index: 999;
  -webkit-transition-property: opacity, visibility, z-index;
  transition-property: opacity, visibility, z-index;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-delay: 0s, 0s, 0s;
  transition-delay: 0s, 0s, 0s
}
.new_title {
  text-align: center
}
.new_title .h {
  font-size: 48px;
  line-height: 1.2;
  font-family: sh;
  color: #5d2727
}
@media screen and (max-width: 768px) {
  .new_title .h {
    font-size: 28px
  }
}
.new_title .icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 16px 0 5px
}
.new_title .icon-box::before, .new_title .icon-box::after {
  content: '';
  width: 127px;
  border-top: 1px dashed rgba(184, 31, 43, 0.3);
  height: 0
}
.new_title .icon-box .icon {
  width: 21px;
  height: 19px;
  background: url(../image/png68-1.png) no-repeat center;
  margin: 0 15px;
  background-size: contain
}
.new_title .t {
  font-size: 24px;
  color: #481c1c
}
@media screen and (max-width: 768px) {
  .new_title .t {
    font-size: 18px
  }
}
.new_home1 {
  position: relative
}
.new_home1 .frame-box {
  position: relative;
  z-index: 2
}
.new_home1 .child {
  height: 100vh;
  position: relative
}
.new_home1 .child .bg {
  background: no-repeat center center / cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1
}
.new_home1 .child .mask {
  z-index: 2
}
.new_home1 .child .txtbox {
  position: absolute;
  left: 0;
  right: 0;
  top: 51%;
  text-align: center;
  color: #fff5af;
  font-family: yzq;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  text-shadow: 2.868px 4.096px 79px rgba(0, 0, 0, 0.19)
}
.new_home1 .child .txtbox .t1 {
  margin: 5px;
  font-size: 80px
}
.new_home1 .child .txtbox .t2 {
  margin: 5px;
  font-size: 60px
}
.new_home1 .child .tit {
  font-size: 114px;
  line-height: 1.5;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 50%;
  margin-left: 70px;
  z-index: 3;
  color: #fff;
  font-family: 'sh';
  width: 5em
}
.new_home1 .child .a {
  z-index: 9
}
.new_home1 .child video {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
  position: absolute;
  top: 0;
  left: 0
}
.new_home1 .slick-current .txtbox {
  opacity: 1;
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s
}
.new_home1 .banner-tools {
  position: absolute;
  bottom: 50px;
  right: 10.9375%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 9
}
.new_home1 .nav {
  padding: 6px 19px;
  margin-left: 15px;
  position: relative
}
.new_home1 .nav::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 99px;
  background: #000;
  opacity: 0.2;
  z-index: 1
}
.new_home1 .slick-dots {
  font-size: 0;
  position: relative;
  z-index: 2
}
.new_home1 .slick-dot {
  width: 15px;
  height: 15px;
  background: #c64141;
  padding: 0;
  list-style: none;
  margin: 0 5px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.new_home1 .slick-dot::after {
  content: '';
  width: 7px;
  height: 7px;
  background-color: #eec6c6;
  border-radius: 50%;
  opacity: 0
}
.new_home1 .slick-dot.slick-active::after {
  opacity: 1
}
.new_home1 .banner-btn {
  width: 41px;
  height: 41px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(147, 44, 44, 0.9);
  z-index: 99;
  color: #ffe8dc;
  font-size: 14px;
  cursor: pointer
}
.new_home1 .banner-btn::before {
  content: '\e522';
  font-family: xfont;
  font-style: normal
}
.new_home1 .banner-btn.pause::before {
  content: '\e521'
}
.new_home1 .banner-pro {
  position: absolute;
  left: 0;
  bottom: 0;
  height: auto;
  width: 0;
  border-top: 8px solid #c64141;
  z-index: 9
}
.new_home1 .banner-pro.ani {
  -webkit-animation-name: anil;
  animation-name: anil;
  -webkit-animation-duration: 5.8s;
  animation-duration: 5.8s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  width: 100%
}
.new_home1 .banner-pro.play {
  -webkit-animation-play-state: running;
  animation-play-state: running
}
.new_home1 .banner-pro.pause {
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}
.new_home1 .banner-map {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 58px;
  z-index: 9
}
.new_home1 .banner-map .img {
  width: 106px;
  position: relative;
  overflow: hidden;
  z-index: 9;
  cursor: pointer
}
.new_home1 .banner-map .img::before {
  content: '';
  display: block;
  padding-top: 100%
}
.new_home1 .banner-map .img .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.new_home1 .banner-map .line {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px dashed #aa5656;
  border-radius: 999px
}
.new_home1 .banner-map .line img {
  position: relative;
  z-index: 9;
  width: 100%;
  height: auto
}
.new_home1 .banner-map .line::after {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../image/png72.png) no-repeat center;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: r 9s infinite linear;
  animation: r 9s infinite linear;
  background-size: contain
}
.new_home1 .banner-map .item {
  position: relative
}
.new_home1 .banner-map .item:hover .item-menubox {
  right: 100%;
  opacity: 1;
  visibility: visible
}
.new_home1 .banner-map .item + .item {
  margin-top: 20px
}
.new_home1 .banner-map .item:nth-child(2) .line {
  border-color: #587199
}
.new_home1 .banner-map .item:nth-child(2) .line::after {
  background-image: url(../image/png73.png);
  -webkit-animation-duration: 8s;
  animation-duration: 8s
}
.new_home1 .banner-map .item:nth-child(3) .line::after {
  -webkit-animation-duration: 9.4s;
  animation-duration: 9.4s
}
.new_home1 .banner-map .item-menubox {
  position: absolute;
  top: 5px;
  right: 80%;
  padding-right: 17px;
  color: #fff;
  font-size: 18px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  visibility: hidden
}
@media screen and (max-width: 768px) {
  .new_home1 .banner-map .item-menubox {
    font-size: 16px
  }
}
.new_home1 .banner-map .item-menubox .item-menu {
  background: rgba(124, 48, 48, 0.9);
  border-radius: 25px;
  width: 210px;
  padding: 19px 0 28px 50px
}
.new_home1 .banner-map .item-menubox .item-link {
  border-bottom: 1px solid #a04141;
  position: relative
}
.new_home1 .banner-map .item-menubox .item-link::before {
  content: '';
  width: 21px;
  height: 19px;
  background: url(../image/png90.png) no-repeat center 3px;
  position: absolute;
  top: 23px;
  right: calc(100% + 13px)
}
.new_home1 .banner-map .item-menubox .item-link.on::before {
  background-image: url(../image/png91.png);
  background-position: center
}
.new_home1 .banner-map .item-menubox .item-link:last-child {
  border: none
}
.new_home1 .banner-map .item-menubox .item-link a {
  display: block;
  padding: 17px 0;
  padding-right: 10px
}
.new_home1 .banner-map .item-menubox .item-link + .item-link {
  margin-top: 5px
}
@-webkit-keyframes anil {
  0% {
    width: 0
  }
  100% {
    width: 100%
  }
}
@keyframes anil {
  0% {
    width: 0
  }
  100% {
    width: 100%
  }
}
@-webkit-keyframes r {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes r {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.new_home2.showd .new_title::before {
  clip: rect(0, 111px, 390px, 0)
}
.new_home3.showd .new_title::before {
  clip: rect(0, 111px, 446px, 0)
}
.new_home4.showd .new_title::before {
  clip: rect(0, 111px, 545px, 0)
}
.new_home5.showd .new_title::before {
  clip: rect(0, 111px, 444px, 0)
}
.new_home6.showd .new_title::before {
  clip: rect(0, 111px, 282px, 0)
}
.new_bg {
  background-color: #faf8f2
}
.new_home2 {
  position: relative;
  color: #481c1c
}
.new_home2::before {
  content: '';
  width: 100%;
  padding-top: 83.125%;
  background: url(../image/png93.png) no-repeat top center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}
.new_home2 .n-wrap {
  padding-top: 110px
}
.new_home2 .new_title::before {
  bottom: 70.4769%;
  background-image: url(../image/png54.png)
}
.new_home2 .new_title .h {
  top: 30%
}
.new_home2 .new_title::after {
  top: 30%
}
.new_home2 .box1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top: 22px
}
.new_home2 .box1.m-show {
  display: none
}
.new_home2 .box1 .item {
  background-color: #fff;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0 0 20px rgba(201, 120, 76, 0.09);
  box-shadow: 0 0 20px rgba(201, 120, 76, 0.09)
}
.new_home2 .box1 .item::before {
  content: '';
  height: 54px;
  border-left: 10px solid #9c7856;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: skewY(-50deg);
  transform: skewY(-50deg);
  -webkit-transform-origin: left top;
  transform-origin: left top
}
.new_home2 .box1 .l {
  width: 50%
}
.new_home2 .box1 .l .l_top {
  position: relative
}
.new_home2 .box1 .l .l_top .item a {
  display: block
}
.new_home2 .box1 .l .l_top .item .img {
  width: 100%;
  position: relative;
  overflow: hidden
}
.new_home2 .box1 .l .l_top .item .img::before {
  content: '';
  display: block;
  padding-top: 56.08108%
}
.new_home2 .box1 .l .l_top .item .img .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.new_home2 .box1 .l .l_top .item .t {
  font-size: 24px;
  padding: 17px 38px;
  color: #481c1c
}
@media screen and (max-width: 768px) {
  .new_home2 .box1 .l .l_top .item .t {
    font-size: 18px
  }
}
.new_home2 .box1 .l .l_top .item .t .n {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.new_home2 .box1 .l .l_top .slick-dots {
  position: absolute;
  right: 22px;
  font-size: 0;
  bottom: 90px
}
.new_home2 .box1 .l .l_top .slick-dots li {
  list-style: none;
  width: 32px;
  height: 7px;
  background: #fff;
  opacity: 0.4;
  border-radius: 9px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px
}
.new_home2 .box1 .l .l_top .slick-dots li.slick-active {
  opacity: 1
}
.new_home2 .box1 .l .l_bottom .item {
  margin-top: 10px;
  font-size: 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s
}
@media screen and (max-width: 768px) {
  .new_home2 .box1 .l .l_bottom .item {
    font-size: 18px
  }
}
.new_home2 .box1 .l .l_bottom .item a {
  display: block;
  padding: 12px 38px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.new_home2 .box1 .l .l_bottom .n {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.new_home2 .box1 .r {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 22px;
  color: #481c1c;
  -ms-flex-line-pack: start;
  align-content: flex-start
}
@media screen and (max-width: 768px) {
  .new_home2 .box1 .r {
    font-size: 18px
  }
}
.new_home2 .box1 .r .item {
  margin: 10px 0 0 10px;
  width: calc((100% - 20px) / 2);
  height: calc((100% - 20px) / 3);
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s
}
.new_home2 .box1 .r .item::after {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../image/png66.png) no-repeat bottom right;
  position: absolute;
  top: 10px;
  left: 10px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1
}
.new_home2 .box1 .r .item a {
  padding: 50px;
  display: block;
  height: 100%;
  position: relative;
  z-index: 2;
  padding-right: 25px
}
.new_home2 .box1 .r .item:nth-child(-n+2) {
  margin-top: 0
}
.new_home2 .box1 .r .item .n {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden
}
.new_home2 .box1 .r-img-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
.new_home2 .box1 .r-img-box .t-box {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.new_home2 .box1 .r-img-box .b-box {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px
}
.new_home2 .box1 .r-img-box .item-txt {
  height: 200px
}
.new_home2 .box1 .r-img-box .item-img {
  width: calc(100% - 10px);
  height: auto
}
.new_home2 .box1 .r-img-box .item-img a {
  padding: 29px 44px
}
.new_home2 .box1 .r-img-box .item-img .img {
  position: relative;
  overflow: hidden
}
.new_home2 .box1 .r-img-box .item-img .img::before {
  content: '';
  display: block;
  padding-top: 56.40244%
}
.new_home2 .box1 .r-img-box .item-img .img .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.new_home2 .box1 .r-img-box .item-img .img .mask {
  background: url(../image/png70.png) no-repeat center
}
.new_home2 .box1 .r-img-box .item-img .t {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  padding: 22px
}
.new_home2 .box1 .r-imgtxt-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
.new_home2 .box1 .r-imgtxt-box .t-box {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.new_home2 .box1 .r-imgtxt-box .b-box {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px
}
.new_home2 .box1 .r-imgtxt-box .item-txt {
  height: 100%
}
.new_home2 .box1 .r-imgtxt-box .item-imgtxt {
  height: auto
}
.new_home2 .box1 .r-imgtxt-box .item-imgtxt::before {
  display: none
}
.new_home2 .box1 .r-imgtxt-box .item-imgtxt a {
  padding: 0
}
.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img {
  position: relative;
  z-index: 2
}
.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a {
  position: relative;
  overflow: hidden
}
.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a::before {
  content: '';
  display: block;
  padding-top: 56.13079%
}
.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
  position: relative;
  z-index: 2;
  padding: 43.5px 50px;
  overflow: hidden
}
.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt::before {
  content: '';
  height: 54px;
  border-left: 10px solid #c64141;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: skewY(-50deg);
  transform: skewY(-50deg);
  -webkit-transform-origin: left top;
  transform-origin: left top
}
.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t {
  font-size: 24px;
  line-height: 1.3333
}
@media screen and (max-width: 768px) {
  .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t {
    font-size: 18px
  }
}
.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
  font-size: 18px;
  color: #714646;
  margin-top: 8px;
  line-height: 1.6666
}
@media screen and (max-width: 768px) {
  .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
    font-size: 16px
  }
}
.new_home2 .box2 {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.new_home2 .box2 .li {
  width: 90px;
  height: 330px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.new_home2 .box2 .li .l-t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding: 20px 0;
  width: 90px
}
.new_home2 .box2 .li .l-t .t {
  color: #fff;
  font-size: 24px;
  line-height: 1.1;
  font-family: sh
}
@media screen and (max-width: 768px) {
  .new_home2 .box2 .li .l-t .t {
    font-size: 18px
  }
}
body:not(.lang-en) .new_home2 .box2 .li .l-t .t {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr
}
.new_home2 .box2 .li .l-t a {
  display: block
}
.new_home2 .box2 .li .bg {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 0
}
.new_home2 .box2 .li .bg a {
  display: block;
  width: 100%;
  height: 100%
}
.new_home2 .box2 .li.cur {
  width: calc(100% - 270px)
}
.new_home2 .morebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50px
}
.new_home3 {
  position: relative
}
.new_home3 .n-wrap {
  padding-top: 80px
}

.new_home3 .new_title .h {
  top: 43.6802%
}
.new_home3 .new_title::after {
  top: 43.6802%
}
.new_home3 .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top:120px
}
.new_home3 .cont .img-box {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.new_home3 .cont .img-box .bg {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 107px
}
.new_home3 .cont .txt-box {
  color: #fff;
  padding: 20px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1
}
.new_home3 .cont .txt-box .l-t {
  font-size: 24px;
  line-height: 1.5;

}
@media screen and (max-width: 768px) {
  .new_home3 .cont .txt-box .l-t {
    font-size: 18px
  }
}
.new_home3 .cont .txt-box .p {
  font-size: 18px;
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  .new_home3 .cont .txt-box .p {
    font-size: 16px
  }
}
body:not(.lang-en) .new_home3 .cont .txt-box .p {
  text-align: justify;
  text-justify: inter-ideograph
}
.new_home3 .cont .img {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: auto;
  z-index: 2
}
.new_home3 .cont .img::before {
  content: '';
  display: block;
  padding-top: 56.6%
}
.new_home3 .cont .img .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.new_home3 .cont .l-box {
  width: 33.333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.new_home3 .cont .l-box:hover img,.new_home3 .cont .r-box:hover img{opacity: 0.8;  transition: all 0.5s;transform: scale(1.1);}
.new_home3 .cont .l-box:hover .txt-box{padding-top:30px!important;transition: all 0.5s;}
.new_home3 .cont .r-box:hover .txt-box{padding-top:50px!important;transition: all 0.5s;}
.new_home3 .cont .l-box .img-box .bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.new_home3 .cont .l-box .img-box .bg::before, .new_home3 .cont .l-box .img-box .bg::after {
  content: '';
  width: 33.333%;
  height: 100%;
  display: block
}
.new_home3 .cont .l-box .img-box .bg::before {
  background-color: #953535
}
.new_home3 .cont .l-box .img-box .bg::after {
  background-color: #612525
}
.new_home3 .cont .l-box .txt-box {
  background-color: #fff;
text-align: center;
}
.new_home3 .cont .r-box {
  width: 33.3333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}
.new_home3 .cont .r-box .img-box .bg {
  top: 0;
  bottom: 107px;
  background: #9c7856
}
.new_home3 .cont .r-box .txt-box {
  background-color: #fff
}
.new_home3 .morebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 74px
}
.new_home4 {
 padding-bottom: 150px;
  position: relative
}
.new_home4 .n-wrap {
  padding-top: 104px
}
.new_home4 .new_title {
  left: 1px
}
.new_home4 .new_title .h {
  top: 52.1573%
}

.new_home4 .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.new_home4 .cont.pshow {
  margin-top: 10px
}
.new_home4 .cont.mshow {
  position: absolute;
  z-index: -1;
  opacity: 0;
  visibility: hidden
}
.new_home4 .cont .item {
  position: relative;
  width: calc(100% / 3);
  padding-left: 95px;
  -webkit-transition: all 1.4s;
  transition: all 1.4s
}
.new_home4 .cont .item:nth-child(2) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s
}
.new_home4 .cont .item:nth-child(3) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s
}
.new_home4 .cont .item .l-box .l-tit {
  font-size: 36px;
  font-family: sh;
  color: #481b1b;
  position: absolute;
  overflow: hidden;
  width: 95px;
  height: 207px;
  left: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  padding: 0 15px 0 7px
}
@media screen and (max-width: 768px) {
  .new_home4 .cont .item .l-box .l-tit {
    font-size: 24px
  }
}
body:not(.lang-en) .new_home4 .cont .item .l-box .l-tit {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr
}
.new_home4 .cont .item .l-box .l-tit::before {
  content: '';
  height: 100%;
  border-left: 15px solid;
  position: absolute;
  top: 0;
  right: -1px;
  -webkit-transform: skewY(-50deg);
  transform: skewY(-50deg);
  -webkit-transform-origin: left top;
  transform-origin: left top
}
.new_home4 .cont .item .l-box .bg {
  width: 95px;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  position: absolute;
  top: 17.23625%;
  bottom: 130px;
  left: 0;
  z-index: 1
}
.new_home4 .cont .item .img {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.8s;
  transition: all 0.8s
}
.new_home4 .cont .item .img::before {
  content: '';
  display: block;
  padding-top: 166.17284%
}
.new_home4 .cont .item .img .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.new_home4 .cont .item .img a {
  display: block
}
.new_home4 .cont .item .img .txtbox {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 45px 43px
}
.new_home4 .cont .item .img .txtbox .t {
  font-size: 20px;
  color: #fff;
  line-height: 1.8
}
@media screen and (max-width: 768px) {
  .new_home4 .cont .item .img .txtbox .t {
    font-size: 18px
  }
}
body:not(.lang-en) .new_home4 .cont .item .img .txtbox .t {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl
}
.new_home4 .cont .item .img .txtbox .new_more {
  position: absolute;
  right: 30px;
  bottom: 47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-shadow: 0px 0px 15px #000000
}
.new_home4 .cont .item .img .txtbox .new_more .icon {
  margin: 0 0 14px
}
.new_home4 .cont .item .img .txtbox .new_more .t {
  font-size: 16px
}
body:not(.lang-en) .new_home4 .cont .item .img .txtbox .new_more .t {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr
}
.new_home4 .cont .item .img .txtbox .new_more .icon::before {
  -webkit-box-shadow: 0px 0px 50px 0px #000000;
  box-shadow: 0px 0px 50px 0px #000000;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%
}

.new_home4 .cont .item:nth-child(3) .l-box .l-tit {
  top: 0px
}
.new_home4 .cont .item:nth-child(3) .l-box .l-tit::before {
  border-color: #556f98
}
.new_home5 {
  position: relative;
  overflow: hidden
}
.new_home5 .new_title::after {
  top: 42.3114%
}
.new_home5 .new_title .h {
  top: 42.3114%
}
.new_home5 .n-wrap {
  padding-top: 100px
}
.new_home5 .dl .hd strong {
  border-left: 1px solid rgba(179, 147, 141, 0.2);
  border-right: 1px solid rgba(179, 147, 141, 0.2);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  font-weight: normal;
  font-size: 18px;
  display: block
}
.new_home5 .dl .hd .disp {
  opacity: 0;
  visibility: hidden
}
.new_home5 .dl .calendar {
  margin: 15px 25px;
  width: auto;
  height: 322px
}
.new_home5 .dl .calendar .fc-calendar .fc-head {
  font-size: 18px
}
.new_home5 .dl .calendar .fc-calendar .fc-row > div {
  padding: 0;
  pointer-events: none
}
.new_home5 .dl .calendar .fc-calendar .fc-row > div, .new_home5 .dl .calendar .fc-calendar .fc-head > div {
  width: calc(99% / 7)
}
.new_home5 .dl .calendar .fc-calendar .fc-row > div > span.fc-date {
  left: 50%;
  text-align: center;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  top: 0px;
  width: 2.75em;
  height: 2.75em;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1;
  padding-top: 0.75em;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.new_home5 .dl .calendar .fc-calendar .fc-row > div > span.fc-date::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%
}
.new_home5 .dl .calendar .fc-calendar .fc-content > div {
  padding: 1.8em 0 0;
  text-align: center;
  line-height: 0;
  font-size: 20px;
  position: relative;
  z-index: 2
}
.new_home5 .dl .calendar .fc-today .fc-date {
  background: #9c7856;
  border-radius: 100%;
  color: #fff
}
.new_home5 .dl .calendar .fc-calendar .a {
  width: 7px;
  height: 7px;
  border-radius: 100%;
  display: inline-block;
  background: #7db879;
  margin: 0 2px
}
.new_home5 .dl .calendar .fc-calendar .b {
  width: 7px;
  height: 7px;
  border-radius: 100%;
  display: inline-block;
  background: #dc6868;
  margin: 0 2px
}
.new_home5 .dl .calendar .fc-calendar .c {
  width: 7px;
  height: 7px;
  border-radius: 100%;
  display: inline-block;
  background: #537db7;
  margin: 0 2px
}
.new_home5 .dl .calendar .fc-content {
  cursor: pointer
}
.new_home5 .dl .calendar .fc-content.act span.fc-date {
  background: #668664;
  border-radius: 100%;
  color: #fff
}
.new_home5 .dl .calendar .fc-calendar .fc-row .fc-content {
  pointer-events: visible
}
.new_home5 .dl .bb {
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  border-top: 1px solid rgba(179, 147, 141, 0.2);
  font-size: 14px
}
.new_home5 .dl .bb span {
  margin: 0 10px;
  position: relative;
  padding-left: 13px
}
.new_home5 .dl .bb span:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 7px
}
.new_home5 .dl .bb span:nth-child(1):before {
  background: #7db879
}
.new_home5 .dl .bb span:nth-child(2):before {
  background: #dc6868
}
.new_home5 .dl .bb span:nth-child(3):before {
  background: #537db7
}
.new_home5 .dr {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 140px;
  width: 0;
  position: relative
}
.new_home5 .dr .list {
  margin-top: 22px
}
.new_home5 .dr .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 8px
}
.new_home5 .dr .item .pic {
  position: relative;
  overflow: hidden;
  width: 43.7%;
  margin-top: 6px
}
.new_home5 .dr .item .pic::before {
  content: '';
  display: block;
  padding-top: 141.69096%
}
.new_home5 .dr .item .pic .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.new_home5 .dr .item .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 95px
}
.new_home5 .dr .item .text .h {
  font-size: 22px;
  line-height: 1.45
}
@media screen and (max-width: 768px) {
  .new_home5 .dr .item .text .h {
    font-size: 18px
  }
}
.new_home5 .dr .item .text ul {
  padding: 0;
  margin: 0;
  margin-top: 28px;
  font-size: 20px
}
@media screen and (max-width: 768px) {
  .new_home5 .dr .item .text ul {
    font-size: 18px
  }
}
.new_home5 .dr .item .text li {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 5px
}
.new_home5 .dr .item .text li i {
  margin-right: 15px;
  text-align: center;
  display: inline-block;
  width: 20px
}
.new_home5 .dr .item .text li i img {
  width: 100%;
  height: auto;
  display: block
}
.new_home5 .dr .slick-tools {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: calc(43.7% + 95px);
  bottom: 75px
}
.new_home5 .dr .slick-tools .slick-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.new_home5 .dr .slick-tools .slick-nav .slick-arrow {
  width: 50px;
  height: 50px;
  background: url(../image/png36.png) no-repeat center;
  background-size: contain;
  font-family: xfont
}
.new_home5 .dr .slick-tools .slick-nav .slick-arrow + .slick-arrow {
  margin-left: 20px
}
.new_home5 .dr .slick-tools .slick-nav .slick-arrow::before {
  content: '\e504';
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.new_home5 .dr .slick-tools .slick-nav .slick-next::before {
  content: '\e505'
}
.new_home5 .dr .slick-tools .slick-paging {
  margin-left: 20px;
  font-size: 24px;
  color: #fff
}
@media screen and (max-width: 768px) {
  .new_home5 .dr .slick-tools .slick-paging {
    font-size: 18px
  }
}
.new_home5 .dr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #612525;
  width: 4px
}
.new_home5 .dr .mCSB_scrollTools .mCSB_draggerRail {
  background: #1054a6;
  width: 2px
}
.new_home6 {
  position: relative
}
.new_home6 .new_title {
  left: -2px
}
.new_home6 .new_title::before {
  background-image: url(../image/png59.png);
  bottom: 76.4261%
}
.new_home6 .new_title::after {
  top: 23.5739%;
  bottom: 38.7583%
}
.new_home6 .new_title .h {
  top: 23.5739%
}
.new_home6 .n-wrap {
  padding-top: 107px
}
.new_home6 .cont {
  margin-top: 26px
}
.new_home6 .cont .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.new_home6 .cont .tabs .item {
  position: relative;
  width: 10.6%;
  margin: 0 4.4666%;
  text-align: center
}
.new_home6 .cont .tabs .item::before {
  content: '';
  padding-top: 94.96855%;
  display: block
}
.new_home6 .cont .tabs .item + .item .line {
  border-top: 1px solid #e0d9ce;
  position: absolute;
  bottom: 42px;
  width: 66.0377%;
  right: calc(100% + 13px)
}
.new_home6 .cont .tabs .item + .item .line::before, .new_home6 .cont .tabs .item + .item .line::after {
  content: '';
  position: absolute;
  top: 50%;
  border-left: 1px solid #e0d9ce;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 11px
}
.new_home6 .cont .tabs .item + .item .line::before {
  left: -1px
}
.new_home6 .cont .tabs .item + .item .line::after {
  right: -1px
}
.new_home6 .cont .tabs .item a {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent
}
.new_home6 .cont .tabs .item .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  visibility: hidden
}
.new_home6 .cont .tabs .item .bg .bg-item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: all 1.2s;
  transition: all 1.2s
}
.new_home6 .cont .tabs .item .bg .be {
  background-image: url(../image/png113.png);
  -webkit-animation: hd 5s infinite linear;
  animation: hd 5s infinite linear
}
.new_home6 .cont .tabs .item .bg .af {
  background-image: url(../image/png112.png);
  -webkit-animation: hd1 5s infinite linear;
  animation: hd1 5s infinite linear
}
.new_home6 .cont .tabs .item .ipd {
  position: absolute;
  z-index: 2;
  padding-bottom: 26px;
  bottom: 0;
  left: 0;
  width: 100%
}
.new_home6 .cont .tabs .item .icon {
  width: 32.7044%;
  position: relative;
  overflow: hidden;
  margin: auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s
}
.new_home6 .cont .tabs .item .icon::before {
  content: '';
  display: block;
  padding-top: 105.76923%
}
.new_home6 .cont .tabs .item .icon .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.new_home6 .cont .tabs .item .icon .i2 {
  opacity: 0
}
.new_home6 .cont .tabs .item .t {
  font-size: 22px;
  color: #481b1b;
  margin-top: 3px
}
@media screen and (max-width: 768px) {
  .new_home6 .cont .tabs .item .t {
    font-size: 18px
  }
}
.new_home6 .cont .tabs .item.now .bg {
  opacity: 1;
  visibility: visible
}
.new_home6 .cont .tabs .item.now .icon .i2 {
  opacity: 1
}
.new_home6 .cont .tabs .item.now .icon .i1 {
  opacity: 0
}
.new_home6 .cont .tabs .item.now .t {
  color: #fff
}
.new_home6 .cont .dr {
  position: relative;
  margin-top: 80px
}
.new_home6 .cont .dr .list {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  visibility: hidden;
  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.new_home6 .cont .dr .list.act {
  opacity: 1;
  visibility: visible;
  position: relative;
  z-index: 2
}
.new_home6 .cont .dr .list .item {
  position: relative;
  width: calc(100% / 3)
}
.new_home6 .cont .dr .list .item:hover {
  z-index: 1
}
.new_home6 .cont .dr .list .item .pic {
  position: relative;
  overflow: hidden
}
.new_home6 .cont .dr .list .item .pic::before {
  content: '';
  display: block;
  padding-top: 74%
}
.new_home6 .cont .dr .list .item .pic .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.new_home6 .cont .dr .list .item .text .h {
  color: #fff;
  font-size: 48px;
  line-height: 1.2;
  font-family: 'sh';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 10px;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  .new_home6 .cont .dr .list .item .text .h {
    font-size: 28px
  }
}
.new_home6 .cont .dr .list .item .text .new_more {
  position: absolute;
  bottom: 30px;
  left: 30px
}
.new_home6 .cont .dr .list .item .text .new_more .icon {
  margin: 0
}
@-webkit-keyframes bgani {
  0% {
    background-position: 0 center
  }
  100% {
    background-position: -1920px center
  }
}
@keyframes bgani {
  0% {
    background-position: 0 center
  }
  100% {
    background-position: -1920px center
  }
}
.new_home7 {
  position: relative
}

.new_home7 .n-wrap {
  padding-top: 88px;
  padding-bottom: 100px
}
.new_home7 .cont {
  margin-top: 82px;
  position: relative
}
.new_home7 .line-box {
  position: absolute;
  left: 50%;
  bottom: 25.792%;
  padding-top: 14.3229%;
  width: 100vw;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none
}
.new_home7 .line-box .slick-mod {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0
}
.new_home7 .line-box img {
  width: 100%;
  height: auto
}
.new_home7 .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.new_home7 .list .item {
  width: calc((100% - 100px) / 3);
  position: relative
}
.new_home7 .list .item + .item {
  margin-left: 50px
}
.new_home7 .img {
  width: 90%;
	margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 999px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.new_home7 .img:hover{width: 95%;transition: all .5s;}
.new_home7 .img::before {
  content: '';
  display: block;
  padding-top: 100%
}
.new_home7 .img .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.new_home7 .img img {
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.new_home7 .txt-box {
  text-align: center;
  position: absolute;
  top: 0;
  color: #fff;
  left: 0;
  right: 0;
  padding: 178px 10px 0
}
.new_home7 .txt-box .t1 {
    font-size: 40px;
    text-shadow: 2px 2px 5px #000000;
}
@media screen and (max-width: 768px) {
  .new_home7 .txt-box .t1 {
    font-size: 24px
  }
}
.new_home7 .txt-box .t2 {
  font-size: 22px;
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  .new_home7 .txt-box .t2 {
    font-size: 18px
  }
}
.new_home8 {
  position: relative
}
.new_home8::before {
  content: '';
  width: 19.7916%;
  padding-top: 54.9479%;
  position: absolute;
  left: 0;
  top: -8.714%;
  background: url(../image/png106.png) no-repeat center;
  background-size: contain
}
.new_home8::after {
  content: '';
  width: 11.4583%;
  padding-top: 14.7916%;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../image/png107.png) no-repeat center;
  background-size: contain
}
.new_home8 .n-wrap {
  padding: 108px 0 300px
}
.new_home8 .cont {
  position: relative;
  margin-top: 59px
}
.new_home8 .cont::after {
  content: '';
  width: 100vw;
  padding-top: 13.2%;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../image/png108.png);
  z-index: 1
}
.new_home8 .cont .imgbox {
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  padding-top: 98.86364%;
  position: relative
}
.new_home8 .cont .img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  overflow: hidden;
  border-radius: 0 150px 0 150px
}
.new_home8 .cont .img img {
  width: 100%;
  height: auto
}
.new_home8 .cont .i2 {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  -webkit-transform: scale(0);
  transform: scale(0)
}
.new_home8 .cont .tbox {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 25px 38px;
  z-index: 9;
  opacity: 0;
  -webkit-transition: all 0.8s;
  transition: all 0.8s
}
.new_home8 .cont .tbox .t {
  font-size: 24px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%
}
@media screen and (max-width: 768px) {
  .new_home8 .cont .tbox .t {
    font-size: 18px
  }
}
.new_home8 .cont .list {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.new_home8 .cont .list .li {
  position: relative;
  width: calc((100% - 180px) / 3)
}
.new_home8 .cont .list .li + .li {
  margin-left: 90px
}
.new_home8 .cont .list .li .zs {
  position: absolute;
  top: 42.0689%;
  left: 100%;
  height: 47.5862%;
  overflow: hidden
}
.new_home8 .cont .list .li .zs::before {
  content: '';
  height: 100%;
  border-left: 15px solid;
  -webkit-transform: skewY(-32deg);
  transform: skewY(-32deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  display: block
}
.new_home8 .cont .list .li:nth-child(1) .zs::before {
  border-color: #c64141
}
.new_home8 .cont .list .li:nth-child(1) .tbox {
  background-image: url(../image/png103.png)
}
.new_home8 .cont .list .li:nth-child(2) {
  -webkit-transform: translateY(83px);
  transform: translateY(83px)
}
.new_home8 .cont .list .li:nth-child(2) .zs::before {
  border-color: #b08b68
}
.new_home8 .cont .list .li:nth-child(2) .tbox {
  background-image: url(../image/png104-1.png)
}
.new_home8 .cont .list .li:nth-child(3) .zs::before {
  border-color: #556f98
}
.new_home8 .cont .list .li:nth-child(3) .tbox {
  background-image: url(../image/png105.png)
}
@media screen and (min-width: 1025px) {
  .new_home1 .banner-map .item-menubox .item-link:hover::before {
    background-image: url(../image/png91.png);
    background-position: center
  }
  .new_home2 .box1 .r .item:hover {
    background-color: #1054a6
  }
  .new_home2 .box1 .r .item:hover a {
    color: #fff
  }
  .new_home2 .box1 .r .item:hover::after {
    top: 0;
    left: 0;
    opacity: 1
  }
  .new_home2 .box1 .r-imgtxt-box .item-imgtxt:hover .p {
    color: #fff
  }
  .new_home2 .box1 .l .l_bottom .item:hover {
    background-color: #1054a6
  }
  .new_home2 .box1 .l .l_bottom .item:hover a {
    color: #fff
  }
  .new_home2 .box1 .r-img-box .item-img:hover {
    background: #fff
  }
  .new_home2 .box1 .r-img-box .item-img:hover::after {
    opacity: 0
  }
  .new_home4 .cont .item:hover .l-box .l-tit {
    -webkit-transform: translateY(-94px);
    transform: translateY(-94px);
    -webkit-transition-delay: 0.02s;
    transition-delay: 0.02s
  }
  .new_home4 .cont .item:hover .img {
    -webkit-transform: translateY(-64px);
    transform: translateY(-64px)
  }
  .new_home4 .cont .item .img:hover .i {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }
  .new_home6 .cont .tabs .item:hover .icon {
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
  }
  .new_home6 .cont .tabs .item:hover .bg .af {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }
  .new_home6 .cont .tabs .item:hover .bg .be {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }
  .new_home6 .cont .dr .list .item:hover .text .h {
    opacity: 1;
    margin-top: 0
  }
  .new_home7 .item:hover .i {
    width: 105%
  }
  .new_home8 .cont .list .li:hover .i2 {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  .new_home8 .cont .list .li:hover .tbox {
    opacity: 1
  }
}
@media screen and (max-width: 1720px) {
  .new_title {
    font-size: 40px;
    line-height: 1.2
  }
}
@media screen and (max-width: 1720px) and (max-width: 768px) {
  .new_title {
    font-size: 26px
  }
}
@media screen and (max-width: 1720px) {
  .new_home2 .n-wrap {
    padding-top: 80px
  }
  .new_home3 .n-wrap {
    padding-top: 80px
  }
  .new_home5 .n-wrap {
    padding-top: 80px
  }
  .new_home6 .n-wrap {
    padding-top: 80px
  }
}
@media screen and (max-width: 1600px) {
  .new_home2 .box1 .l .l_top .item .img .t {
    padding: 15px
  }
  .new_home2 .box1 .l .l_bottom .item a {
    padding-left: 35px;
    padding-right: 35px
  }
  .new_home2 .box1 .r .item a {
    padding: 25px;
    line-height: 1.5
  }
  .new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a, .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t a {
    padding: 0
  }
  .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
    padding: 25px 25px 44px
  }
  .new_home2 .box1 .r-img-box .item-txt {
    height: 189px
  }
  .new_home3 .cont .r .r-box {
    padding: 50px
  }
  .new_home3 .cont .r .r-box .list {
    margin-top: 40px
  }
  .new_home3 .cont .l .l-box {
    padding: 50px
  }
  .new_home3 .cont .l .l-box .morebox {
    margin-top: 40px
  }
  .new_home4 .cont .item {
    padding-left: 80px
  }
  .new_home4 .cont .item .img .txtbox {
    padding: 20px
  }
  .new_home4 .cont .item .l-box .bg {
    width: 80px
  }
  .new_home4 .cont .item .l-box .l-tit {
    width: 80px
  }
  .new_home4 .cont .item .img .txtbox .new_more {
    right: 20px;
    bottom: 20px
  }
  .new_home5 .cont {
    padding: 68px 50px 76px
  }
  .new_home5 .cont::before {
    left: 50px;
    right: 50px;
    bottom: 30px
  }
  .new_home5 .dr {
    margin-left: 100px
  }
  .new_home5 .dr .item .pic {
    width: 50%
  }
  .new_home5 .dr .item .text {
    margin-left: 20px
  }
  .new_home5 .dr .item:nth-child(even) .text {
    padding: 35px;
    margin: 0;
    padding-left: 0
  }
  .new_home5 .dr .item .text ul {
    margin-top: 15px
  }
  .new_home5 .dr .slick-tools {
    left: calc(50% + 20px)
  }
  .new_home6 .cont .tabs .item .t {
    font-size: 18px
  }
}
@media screen and (max-width: 1600px) and (max-width: 768px) {
  .new_home6 .cont .tabs .item .t {
    font-size: 16px
  }
}
@media screen and (max-width: 1600px) {
  .new_home6 .cont .dr {
    margin-top: 40px
  }
}
@media screen and (max-width: 1500px) {
  .new_home1 .child .txtbox .t1 {
    font-size: 60px
  }
  .new_home1 .child .txtbox .t2 {
    font-size: 40px
  }
  .new_home1 .child .tit {
    font-size: 80px;
    margin-left: 30px
  }
  .new_home5 .dr .item .text .h {
    font-size: 20px
  }
  .new_home5 .dr .item .text ul {
    font-size: 16px
  }
  .new_home3 .cont .txt-box {
    padding: 40px 50px
  }
  .new_home3 .cont .txt-box .p {
    margin-top: 20px
  }
}
@media screen and (max-width: 1400px) {
  .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
    padding-bottom: 45px
  }
  .new_home8 .cont .list .li {
    width: calc((100% - 80px) / 3)
  }
  .new_home8 .cont .list .li + .li {
    margin-left: 40px
  }
  .new_home8 .cont .tbox {
    padding: 20px
  }
  .new_home8 .cont .img {
    border-radius: 0 120px 0 120px
  }
  .new_home8 .cont .tbox .t {
    font-size: 18px
  }
}
@media screen and (max-width: 1400px) and (max-width: 768px) {
  .new_home8 .cont .tbox .t {
    font-size: 16px
  }
}
@media screen and (max-width: 1300px) {
  .new_home1 .child .tit {
    font-size: 60px;
    margin-left: 10px
  }
  .new_home2 .box1 .r-img-box .item-txt {
    height: 160px
  }
  .new_home2 .box1 .r-imgtxt-box .item-imgtxt {
    height: auto
  }
  .new_home2 .box1 .r {
    font-size: 18px
  }
  .new_home2 .box1 .l .l_top .item .t {
    font-size: 18px
  }
  .new_home2 .box1 .r .item a {
    padding: 20px
  }
  .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
    padding: 20px 20px 30px
  }
  .new_home2 .box1 .l .l_bottom .item, .new_home2 .box1 .l .l_top .item .img .t {
    font-size: 18px
  }
  .new_home2 .box1 .l .l_top .slick-dots {
    bottom: 78px
  }
  .new_home3 .cont .r .r-box .list .li .t {
    font-size: 18px;
    padding: 15px 0 0 15px
  }
  .new_home3 .cont .l .l-box .l-t, .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t {
    font-size: 18px
  }
  .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
    font-size: 16px
  }
  .new_home4 .cont .item .l-box .l-tit {
    font-size: 28px;
    height: 200x
  }
  .new_home4 .cont .item .img .txtbox .t {
    font-size: 16px
  }
}
@media screen and (max-width: 1200px) {
  .demo1 {
    right: 60px
  }
}
@media screen and (max-width: 1100px) {
  .new_home2 .n-wrap {
    padding-top: 60px
  }
  .new_home3 .n-wrap {
    padding-top: 60px
  }

  .new_home5 .n-wrap {
    padding-top: 60px
  }
  .new_home7 .n-wrap {
    padding-top: 60px;
    padding-bottom: 0
  }
  .new_home8 .n-wrap {
    padding-top: 60px;
    padding-bottom: 260px
  }
  .new_home6 .cont .tabs .item .ipd {
    padding-bottom: 15px
  }
}
@media screen and (max-width: 1024px) {
  .demo1 {
    display: none
  }
  .nh_line {
    display: none
  }
  .new_title {
    position: static;
    width: auto;
    margin-bottom: 30px
  }
  .new_title::before {
    display: none
  }
  .new_title::after {
    display: none
  }
  .new_title .h {
    -webkit-transform: none !important;
    transform: none !important;
    margin: 0;
    font-size: 38px;
    transform: none;
    position: static
  }
  body:not(.lang-en) .new_title .h {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb
  }
  .new_title .more1 {
    margin-top: 10px !important;
    opacity: 1;
    position: static
  }
  body:not(.lang-en) .new_title .more1 {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb
  }
  .new_home1 .child {
    height: calc(100vh - 62px)
  }
  .new_home2 .n-wrap {
    padding-top: 50px
  }
  .new_home3 .n-wrap {
    padding-top: 40px
  }

  .new_home5 .n-wrap {
    padding-top: 40px
  }
  .new_home6 .n-wrap {
    padding-top: 40px
  }
  .new_home1 {
    margin-top: 0
  }
  .new_home1 .child .tit {
    font-size: 40px;
    margin-left: 0
  }
  .new_home2 .box1 .item::before {
    display: none
  }
  .new_home2 .box2 {
    display: block
  }
  .new_home2 .box2 .li {
    width: 100% !important;
    height: 250px
  }
  .new_home2 .box2 .li .l-t {
    padding: 20px 0
  }
  .new_home2 .box2 .li .l-t .t {
    font-size: 18px
  }
  .new_home2 .box2 .li + .li {
    margin-top: 10px
  }
  .new_home2 .morebox {
    margin-top: 20px
  }
  .new_home2 .box1 .r .item a {
    padding: 15px
  }
  .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
    padding: 15px
  }
  .new_home3 .cont .txt-box .l-t {
    height: auto
  }
  .new_home3 .cont .r .r-box, .new_home3 .cont .l .l-box {
    padding: 35px
  }
  .new_home3 .cont .r .r-box .list, .new_home3 .cont .l .l-box .morebox {
    margin-top: 20px
  }
  .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt::before {
    display: none
  }
  .new_home4 .cont .item {
    padding-left: 60px
  }
  .new_home4 .cont .item .l-box .l-tit {
    padding: 0;
    top: 0 !important;
    bottom: auto;
    width: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .new_home4 .cont .item .l-box .bg {
    width: 60px
  }
  .new_home4 .cont .item .l-box .l-tit::before {
    display: none
  }
  .new_home4 .cont .item:nth-child(2) .img, .new_home4 .cont .item:nth-child(1) .img {
    top: 0
  }
  .new_home5 .cont {
    padding: 20px 20px 60px;
    display: block
  }
  .new_home5 .cont::before {
    left: 20px;
    right: 20px;
    height: 20px
  }
  .new_home5 .dl {
    width: 100%;
    min-width: auto;
    padding-top: 0
  }
  .new_home5 .dl::before {
    display: none
  }
  .new_home5 .dl .h b {
    font-size: 100px;
    margin-left: 0
  }
  .new_home5 .dl .box {
    margin-top: 0px
  }
  .new_home5 .dr {
    margin: 30px 0 0;
    width: 100%
  }
  .new_home5 .dr .item {
    padding-left: 0
  }
  .new_home6 .cont {
    display: block
  }
  .new_home6 .cont .tabs {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .new_home6 .cont .tabs .item {
    width: 15%;
    margin: 0 10px
  }
  .new_home6 .cont .dr {
    margin-top: 20px
  }
  .new_home6 .cont .dr .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .new_home6 .cont .dr .list .item {
    width: 50% !important;
    margin: 0 !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    left: auto !important
  }
  .new_home6 .cont .dr .list .m-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 15px
  }
  .new_home6 .cont .dr .list .item .text .h {
    margin: 0;
    opacity: 1;
    visibility: visible;
    font-size: 24px
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  .new_home6 .cont .dr .list .item .text .h {
    font-size: 18px
  }
}
@media screen and (max-width: 1024px) {
  .new_home6 .cont .dr .list .item .text {
    padding: 0
  }
  .new_home6 .cont .tabs .item::before {
    height: 5px;
    width: 100%;
    top: auto;
    bottom: 0
  }
  .new_home6 .cont .tabs .item.now::before {
    height: 100%
  }
  .new_home6 .cont .tabs .item + .item .line {
    display: none
  }
  .new_home1 .banner-map {
    right: 20px
  }
  .new_home1 .banner-map .img {
    width: 80px
  }
  .new_home1 .banner-map .item-menubox .item-menu {
    padding: 10px 10px 10px 30px
  }
  .new_home1 .banner-map .item-menubox .item-link::before {
    top: 11px;
    right: 100%
  }
  .new_home1 .banner-map .item-menubox .item-link a {
    padding: 5px 0
  }
  .new_home7 .cont {
    padding-top: 0
  }
  .new_home7 .line-box {
    display: none
  }
  .new_home7 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
  }
  .new_home7 .list .item {
    position: relative;
    width: calc((100% - 20px) / 2);
    height: auto;
    padding: 0;
    -webkit-transform: none !important;
    transform: none !important
  }
  .new_home7 .list .item:nth-child(2) {
    margin-left: 20px
  }
  .new_home7 .list .img, .new_home7 .list.on .img {
    width: 100%;
    position: relative;
    -webkit-transform: none;
    transform: none;
    left: auto;
    top: auto;
    -webkit-transition: none;
    transition: none
  }
  .new_home7 .list .txt-box, .new_home7 .list.on .txt-box {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: none;
    transition: none;
    padding-top: 0
  }
  .new_home7 .txt-box .t2 {
    margin-top: 5px
  }
  .new_home7 .item::after {
    display: none
  }
  .new_home7 .txt-box .t1, .new_home7 .txt-box .t2 {
    color: #fff
  }
  .new_home7 .img .mask {
    background: rgba(0, 0, 0, 0.3)
  }
  .new_home8 .n-wrap {
    padding-bottom: 160px
  }
  .new_home8 .cont {
    margin-top: 20px
  }
  .new_home7 .line-box {
    display: none
  }
  .new_home8 .cont .i2 {
    -webkit-transform: none;
    transform: none
  }
  .new_home8 .cont .tbox {
    opacity: 1
  }
}
@media screen and (max-width: 850px) {
  .new_home2 .box1 {
    display: none
  }
  .new_home2 .box1.m-show {
    display: block
  }
  .new_home2 .box1.m-show .item .img {
    width: 100%;
    position: relative;
    overflow: hidden
  }
  .new_home2 .box1.m-show .item .img::before {
    content: '';
    display: block;
    padding-top: 56.08108%
  }
  .new_home2 .box1.m-show .item .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
  }
  .new_home2 .box1.m-show .item + .item {
    margin-top: 10px
  }
  .new_home2 .box1.m-show .item.item-img a {
    padding: 0
  }
  .new_home2 .box1.m-show .item.item-img .t {
    padding: 10px 20px
  }
  .new_home2 .box1.m-show .item a {
    padding: 10px 20px;
    display: block
  }
  .new_home2 .box1 .l {
    width: 100%
  }
  .new_home2 .box1 .l .slick-track {
    width: 100% !important;
    -webkit-transform: none !important;
    transform: none !important
  }
  .new_home2 .box1 .l .l_top .slick-slide + .slick-slide {
    margin-top: 10px
  }
  .new_home2 .box1 .l .l_top .slick-slide + .slick-slide .img {
    display: none
  }
  .new_home2 .box1 .l .l_top .item .t {
    padding: 10px 20px
  }
  .new_home2 .box1 .l .l_bottom .item a {
    padding: 10px 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }
  .new_home2 .box1 .r {
    display: block;
    position: relative;
    width: 100%
  }
  .new_home2 .box1 .r .item {
    margin: 10px 0 0;
    width: 100%
  }
  .new_home2 .box1 .r .item a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }
  .new_home2 .box1 .r .item:nth-child(-n+2) {
    margin-top: 10px
  }
  .new_home2 .box1 .r-img-box .t-box {
    display: block
  }
  .new_home2 .box1 .r-img-box .b-box {
    margin: 0
  }
  .new_home2 .box1 .r-img-box .item {
    min-height: auto;
    height: auto
  }
  .new_home2 .box1 .r-imgtxt-box .item {
    min-height: auto
  }
  .new_home2 .box1 .r-imgtxt-box .item .txt {
    padding-bottom: 15px
  }
  .new_home2 .box1 .r-imgtxt-box .t-box, .new_home2 .box1 .r-imgtxt-box .b-box {
    display: block
  }
  .new_home2 .box2 .li {
    display: block;
    height: auto
  }
  .new_home2 .box2 .li .l-t {
    width: 100%;
    padding: 10px 20px;
    background-size: cover
  }
  .new_home2 .box2 .li .l-t .t {
    text-align: center
  }
  body:not(.lang-en) .new_home2 .box2 .li .l-t .t {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb
  }
  .new_home2 .box2 .li .bg {
    width: 100%;
    position: relative;
    overflow: hidden
  }
  .new_home2 .box2 .li .bg::before {
    content: '';
    display: block;
    padding-top: 34.375%
  }
  .new_home2 .box2 .li .bg .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
  }
  .new_home2 .box2 .li .bg a {
    position: absolute;
    top: 0;
    left: 0
  }
  .new_home2 .box1 .r-img-box .item-img .img::before {
    display: none
  }
  .new_home2 .box1 .r-img-box .item-img .img img, .new_home2 .box1 .r-img-box .item-img .img .mask {
    display: none
  }
  .new_home2 .box1 .r-img-box .item-img .t {
    position: static;
    padding: 0;
    color: #481c1c
  }
  .new_home2 .box1 .r-imgtxt-box .item-imgtxt .img, .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
    display: none
  }
  .new_home3 .cont {
    display: block
  }
  .new_home3 .cont .img-box .bg {
    display: none
  }
  .new_home3 .cont .img {
    width: 100%
  }
  .new_home3 .cont .txt-box {
    padding: 20px
  }
  .new_home3 .cont .txt-box .p {
    margin-top: 10px
  }
  .new_home3 .cont .r-box, .new_home3 .cont .l-box {
    width: 100%;
    display: block
  }
  .new_home3 .cont .r-box {
    margin-top: 30px
  }
  .new_home3 .cont .l-box .img-box .bg {
    display: none
  }
  .new_home3 .morebox {
    margin-top: 20px
  }
  .new_home8 .n-wrap {
    padding-top: 40px;
    padding-bottom: 80px
  }
  .new_home8 .cont::after {
    display: none
  }
  .new_home8 .cont .list {
    display: block
  }
  .new_home8 .cont .list .li {
    width: 100%
  }
  .new_home8 .cont .list .li + .li {
    margin: 20px 0 0
  }
  .new_home8 .cont .list .li:nth-child(2) {
    -webkit-transform: none;
    transform: none
  }
  .new_home8 .cont .list .li .zs {
    display: none
  }
}
@media screen and (max-width: 767px) {
  .new_home2 .box1 .item .n {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
  }
  .new_title .h {
    font-size: 28px
  }
  .new_home1 .child {
    height: calc(100vh - 60px)
  }
  .new_home1 .child video {
    position: absolute;
    top: 0;
    left: 0
  }
  .new_home1 .child .tit {
    margin-left: 10px;
    font-size: 24px
  }
  .new_home1 .banner-tools {
    bottom: 15px;
    right: 10px
  }
  .new_home1 .banner-tools .nav {
    padding: 5px
  }
  .new_home1 .slick-dot {
    margin: 0 5px
  }
  .new_home1 .child .txtbox {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .new_home1 .child .txtbox .t1 {
    font-size: 24px
  }
  .new_home1 .child .txtbox .t2 {
    font-size: 20px
  }
  .new_home1 .banner-map {
    position: static;
    -webkit-transform: none;
    transform: none;
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .new_home1 .banner-map .item-menubox {
    right: auto;
    left: 0px;
    top: calc(100% + 5px)
  }
  .new_home1 .banner-map .item-menubox .item-menu {
    width: 160px
  }
  .new_home1 .banner-map .item {
    z-index: 1
  }
  .new_home1 .banner-map .item:first-child {
    z-index: 9
  }
  .new_home1 .banner-map .item .img {
    width: 70px
  }
  .new_home1 .banner-map .item + .item {
    margin: 0 0 0 10px
  }
  .new_home3 .cont .r .r-box, .new_home3 .cont .l .l-box {
    padding: 20px
  }
  .new_home3 .cont .r .r-box .list .li a {
    display: block
  }
  .new_home3 .cont .r .r-box .list .li .img {
    width: 100%
  }
  .new_home3 .cont .r .r-box .list .li .t {
    font-size: 16px;
    padding: 5px 0 0
  }
  .new_home3 .cont .l .l-box .p {
    margin-top: 5px
  }
  .new_home3 .cont .txt-box .l-t {
    font-size: 18px
  }
  .new_home3 .cont .txt-box .p {
    font-size: 14px
  }
  .new_home4 .cont {
    display: block
  }
  .new_home4 .cont.mshow {
    opacity: 1;
    visibility: visible;
    position: relative;
    z-index: 2
  }
  .new_home4 .cont.pshow {

    visibility: hidden;
    position: absolute;
    z-index: -1
  }
  .new_home4 .cont .item {
    width: 85%;
    padding-left: 0
  }
  .new_home4 .cont .item + .item {
    margin-top: 15px
  }
  .new_home4 .cont .item .l-box .bg {
    display: none
  }
  .new_home4 .cont .item .img {
    margin-left: 60px
  }
  .new_home4 .cont .item .img .i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0
  }
  .new_home4 .m-arrbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0
  }
  .new_home4 .m-arrbox .slick-arrow {
    width: 40px;
    height: 40px;
    background: url(../image/png36.png) no-repeat center;
    background-size: contain;
    font-family: xfont
  }
  .new_home4 .m-arrbox .slick-arrow::before {
    content: '\e504';
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
  }
  .new_home4 .m-arrbox .slick-next {
    margin-left: 20px
  }
  .new_home4 .m-arrbox .slick-next::before {
    content: '\e505'
  }
  .new_home5 .dr {
    margin-top: 20px
  }
  .new_home5 .dr .item {
    display: block
  }
  .new_home5 .dr .item .pic {
    width: 100%;
    margin-top: 0
  }
  .new_home5 .dr .item .text {
    padding: 10px 0 0;
    margin: 0
  }
  .new_home5 .dr .item .text .h {
    font-size: 18px
  }
  .new_home5 .dr .item .text ul {
    margin-top: 5px
  }
  .new_home5 .dr .slick-tools {
    margin-top: 20px;
    position: relative;
    bottom: auto;
    left: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .new_home5 .dr .slick-tools .slick-paging {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0
  }
  .new_home5 .dr .slick-tools .slick-nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .new_home5 .dr .slick-tools .slick-nav .slick-arrow {
    width: 40px;
    height: 40px
  }
  .new_home5 .dr .slick-tools .slick-nav .slick-arrow + .slick-arrow {
    margin-left: 80px
  }
  .new_home5 .cont {
    padding: 20px 10px 40px
  }
  .new_home5 .cont::before {
    bottom: 15px
  }
  .new_home5 .dl .calendar {
    height: 280px
  }
  .new_home5 .dl .hd {
    height: 50px;
    line-height: 50px
  }
  .new_home5 .dl .hd span {
    width: 60px
  }
  .new_home5 .dl .calendar .fc-calendar .fc-row > div > span.fc-date {
    width: 2em;
    height: 2em;
    padding-top: 0.25em;
    font-size: 18px
  }
  .new_home5 .dl .calendar .fc-calendar .fc-content > div {
    padding-top: 1.5rem
  }
  .new_home5 .dl .calendar .fc-calendar .fc-head {
    font-size: 16px
  }
  .new_home5 .dl .h b {
    font-size: 40px
  }
  .new_home5 .dl .box {
    margin-top: 20px
  }
  .new_home5 .dl .calendar .fc-calendar .a, .new_home5 .dl .calendar .fc-calendar .b, .new_home5 .dl .calendar .fc-calendar .c {
    width: 4px;
    height: 4px
  }
  .new_home5 .dl .bb span {
    padding-left: 10px;
    margin: 0 5px;
    font-size: 12px
  }
  .new_home5 .dl .bb span:before {
    width: 5px;
    height: 5px
  }
  .new_home6 .n-wrap {
    padding-bottom: 0px
  }
  .new_home6 .cont .tabs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .new_home6 .cont .tabs .item {
    width: 30%;
    height: auto;
    padding: 0 2px;
    margin: 0 0 10px
  }
  .new_home6 .cont .tabs .item .icon {
    width: 28.7044%
  }
  .new_home6 .cont .tabs .item .t {
    font-size: 16px
  }
  .new_home6 .cont .dr .list .item {
    width: 100% !important
  }
  .new_home6 .cont .dr .list .item + .item {
    margin-top: 15px !important
  }
  .new_home7 .n-wrap {
    padding-top: 40px
  }
  .new_home2 .box2 .li .l-t .t br {
    display: block
  }
  .new_home2 .box2 .li .l-t {
    padding: 10px 10px
  }
}
.humanities1 {
  position: relative;
  height: 790px;
  background: #fff url(../image/bg81.jpg) center top no-repeat
}
.humanities1::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 5%;
  height: 96px;
  background: url(../image/png11.png) center no-repeat;
  pointer-events: none;
  z-index: 1
}
.humanities1 .x-wrap {
  z-index: 2
}
.humanities1 .line {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.humanities1 .line .i {
  width: 1px;
  background-color: #d6d6d6
}
.humanities1 .li {
  position: absolute;
  padding: 40px 38px;
  cursor: pointer
}
.humanities1 .li::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 40px 0;
  background: transparent;
  border-left: 8px solid;
  -webkit-transition: all .3s;
  transition: all .3s
}
.humanities1 .li .t {
  position: relative;
  font-family: sh;
  font-size: 24px;
  color: #333;
  line-height: 1;
  -webkit-transition: all .3s;
  transition: all .3s
}
body:not(.lang-en) .humanities1 .li .t {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr
}
@media screen and (max-width: 768px) {
  .humanities1 .li .t {
    font-size: 18px
  }
}
.humanities1 .li1 {
  left: calc((100% / 6) * 1);
  top: 120px;
  color: #903e3d
}
.humanities1 .li2 {
  left: calc((100% / 6) * 1);
  top: 378px;
  color: #5c7557
}
.humanities1 .li3 {
  left: calc((100% / 6) * 2);
  top: 246px;
  color: #476585
}
.humanities1 .li4 {
  left: calc((100% / 6) * 2);
  top: 450px;
  color: #476585
}
.humanities1 .li5 {
  left: calc((100% / 6) * 3);
  top: 136px;
  color: #5c7557
}
.humanities1 .li6 {
  left: calc((100% / 6) * 3);
  top: 434px;
  color: #903e3d
}
.humanities1 .li7 {
  left: calc((100% / 6) * 4);
  top: 240px;
  color: #476585
}
.humanities1 .li8 {
  left: calc((100% / 6) * 4);
  top: 440px;
  color: #903e3d
}
.humanities1 .li9 {
  left: calc((100% / 6) * 5);
  top: 110px;
  color: #476585
}
.humanities1 .li10 {
  left: calc((100% / 6) * 5);
  top: 368px;
  color: #5c7557
}
.humanities2 {
  position: relative;
  padding-bottom: 140px
}
.humanities2 .tracker-mod {
  background-color: #7c3030;
  color: #da9292;
  padding: 0 180px
}
.humanities2 .tracker-mod .tracker-track {
  display: table;
  white-space: nowrap;
  text-align: center
}
.humanities2 .tracker-mod .tracker-item {
  position: relative;
  margin: 0 50px;
  padding: 34px 0;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all .3s;
  transition: all .3s
}
@media screen and (max-width: 768px) {
  .humanities2 .tracker-mod .tracker-item {
    font-size: 16px
  }
}
.humanities2 .tracker-mod .tracker-item::before, .humanities2 .tracker-mod .tracker-item::after {
  content: '';
  position: absolute;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s
}
.humanities2 .tracker-mod .tracker-item::before {
  left: 0;
  right: 0;
  bottom: 30px;
  border-bottom: 1px solid #c06363
}
.humanities2 .tracker-mod .tracker-item::after {
  left: 50%;
  height: 30px;
  border-left: 1px solid #c06363
}
.humanities2 .tracker-mod .tracker-item.cur {
  color: #fff
}
.humanities2 .tracker-mod .tracker-item.cur::before, .humanities2 .tracker-mod .tracker-item.cur::after {
  opacity: 1
}
.humanities2 .unit {
  position: relative
}
.humanities2 .slick-item .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.humanities2 .slick-item .cont {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding: 0 50px;
  padding-bottom: 90px;
  width: 32%
}
.humanities2 .slick-item .t {
  font-family: sh;
  font-size: 30px
}
@media screen and (max-width: 768px) {
  .humanities2 .slick-item .t {
    font-size: 22px
  }
}
.humanities2 .slick-item .p {
  margin-top: 24px;
  line-height: 1.75
}
body:not(.lang-en) .humanities2 .slick-item .p {
  text-align: justify;
  text-justify: inter-ideograph
}
.humanities2 .slick-item .p .scroll-mod {
  height: 220px
}
.humanities2 .slick-item .p .scroll-mod .scroll-track-x {
  display: none
}
.humanities2 .slick-item .more1 {
  margin-top: 56px
}
.humanities2 .slick-item .img {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  position: relative;
  overflow: hidden;
  width: 68%
}
.humanities2 .slick-item .img::before {
  content: '';
  display: block;
  padding-top: 80.19608%
}
.humanities2 .slick-item .img .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.humanities2 .slick-item .line {
  position: relative;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-bottom: 2.4%;
  background: center no-repeat;
  background-size: contain
}
.humanities2 .slick-item .line::before {
  content: '';
  display: block;
  padding-top: 15.625%
}
.humanities2 .slick-item .line .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.humanities2 .slick-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 50%;

  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.humanities2 .slick-arrow::before, .humanities2 .slick-arrow::after {
  display: block;
  width: 76px;
  height: 67px;
  background: url(../image/png12.png) no-repeat;
  background-size: contain
}
.humanities2 .slick-arrow .t {
  margin: 0 18px;
  width: 1em;
  line-height: 1
}
.humanities2 .slick-prev {
  left: 0
}
.humanities2 .slick-prev::before {
  content: ''
}
.humanities2 .slick-next {
  right: 0
}
.humanities2 .slick-next::after {
  content: '';
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
@media screen and (min-width: 1025px) {
  .humanities1 .li:hover::before {
    margin: 0;
    background-color: #85a082
  }
  .humanities1 .li:hover .t {
    color: #fff
  }
  .humanities2 .slick-arrow:hover {
    color: #883736
  }
  .humanities2 .tracker-mod.f {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9;
    top: 0
  }
}
@media screen and (max-width: 1680px) {
  .humanities2 .tracker-mod {
    padding: 0 100px
  }
  .humanities2 .slick-item .box {
    margin: 0 90px
  }
}
@media screen and (max-width: 1500px) {
  .humanities2 .tracker-mod .tracker-item {
    margin: 0 30px
  }
}
@media screen and (max-width: 1280px) {
  .humanities2 .tracker-mod {
    padding: 0 70px
  }
  .humanities2 .slick-item .box {
    display: block
  }
  .humanities2 .slick-item .cont {
    padding: 50px;
    padding-bottom: 0;
    width: 100%
  }
  .humanities2 .slick-item .img {
    width: 100%
  }
}
@media screen and (max-width: 1024px) {
  .humanities2 .tracker-mod {
    padding: 0 15px
  }
  .humanities2 .tracker-mod .tracker-item {
    margin: 0 10px
  }
}
@media screen and (max-width: 767px) {
  .humanities1 {
    display: none
  }
  .humanities1::after {
    height: auto;
    background-size: cover
  }
  .humanities2 {
    padding-bottom: 50px;
    padding-top: 0 !important
  }
  .humanities2 .tracker-box {
    overflow: auto
  }
  .humanities2 .tracker-item {
    padding: 20px 0
  }
  .humanities2 .tracker-item::before {
    bottom: 15px
  }
  .humanities2 .tracker-item::after {
    height: 15px
  }
  .humanities2 .slick-item .line {
    display: none
  }
  .humanities2 .slick-item .box {
    margin: 0
  }
  .humanities2 .slick-item .cont {
    padding: 20px 0
  }
  .humanities2 .slick-item .p {
    margin-top: 10px
  }
  .humanities2 .slick-item .more1 {
    margin-top: 20px
  }
  .humanities2 .slick-arrow {
    visibility: hidden
  }
}
.identification {
  background: url(../image/jpg15-1.jpg) no-repeat top center;
  margin-bottom: -132px;
  padding: 235px 0 237px
}
.identification .line {
  width: 11px;
  height: 118px;
  background: url(../image/png251.png) no-repeat center;
  background-size: contain;
  margin: auto
}
.identification .img {
  margin: auto
}
.identification .img img {
  width: 100%
}
.identification .fw {
  font-weight: bold
}
.identification .pbox {
  line-height: 1.75;
  max-width: 1118px;
  margin: auto
}
.identification .box1 {
  padding-bottom: 40px
}
.identification .box1 .img {
  margin: 22px 0
}
.identification .box1 .p {
  margin-top: 20px
}
.identification .box1 img {
  max-width: 100%;
  width: auto;
  display: block;
  margin: auto
}
.identification .box1 .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px
}
.identification .box1 .img-box img {
  margin: 0 80px;
  width: 27.53333%
}
.identification .box1 .img-box img:nth-child(1) {
  width: 36%
}
.identification .box2 {
  padding: 34px 0
}
.identification .box2 .s_title + .s_title {
  margin-top: 10px
}
.identification .box2 .img {
  width: 297px;
  margin-top: 19px
}
.identification .box2 .img-1 {
  margin: 20px auto 0;
  width: 929px
}
.identification .box2 .img-1 img {
  display: block;
  width: 100%
}
.identification .box2 .rp {
  text-align: right;
  margin-top: 20px
}
.identification .box2 .school-anniversary-day {
  margin-top: 20px;
  font-family: sh;
  font-size: 42px;
  line-height: 1.2;
  text-align: center
}
@media screen and (max-width: 768px) {
  .identification .box2 .school-anniversary-day {
    font-size: 26px
  }
}
.identification .box2 .pbox {
  margin-top: 22px
}
.identification .box3 {
  padding-top: 35px
}
.identification .box3 .img {
  width: 929px;
  margin-top: 93px
}
.identification .box3 .pbox {
  margin-top: 14px
}
@media screen and (max-width: 1600px) {
  .identification {
    padding: 160px 0
  }
}
@media screen and (max-width: 1200px) {
  .identification .box3 .img, .identification .box2 .img-1 {
    width: 100%
  }
  .identification .pbox {
    width: 100%
  }
}
@media screen and (max-width: 1024px) {
  .identification {
    padding: 80px 0 160px;
    background-position: center -100px
  }
  .identification .box1 .img {
    width: 180px;
    margin: 20px auto
  }
}
@media screen and (max-width: 767px) {
  .identification {
    padding: 50px 0 160px;
    background-size: cover;
    background-position: center -40px
  }
  .identification .line {
    display: none
  }
  .identification .box1 {
    padding-bottom: 0
  }
  .identification .box1 .img-box {
    display: block
  }
  .identification .box1 .img-box img {
    width: 100% !important;
    margin: 0
  }
  .identification .box1 .img-box img + img {
    margin-top: 15px
  }
  .identification .box2 {
    padding: 50px 0 0
  }
  .identification .box3 {
    padding: 50px 0 0
  }
  .identification .box3 .img {
    margin-top: 45px
  }
  .identification .box2 .img {
    width: 40%
  }
}
.jzzjg1 {
  padding: 150px 0 215px
}
.jzzjg1 .box + .box {
  margin-top: 30px
}
.jzzjg1 .title2 {
  color: #fff;
  text-align: center;
  padding: 15px;
  background: url(../image/bar1.jpg) no-repeat center;
  background-size: cover
}
.jzzjg1 .title2 .t1 {
  font-size: 30px;
  line-height: 1.3;
  font-family: sh
}
@media screen and (max-width: 768px) {
  .jzzjg1 .title2 .t1 {
    font-size: 22px
  }
}
.jzzjg1 .list {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.jzzjg1 .list .item {
  margin-left: 30px;
  padding: 25px 0;
  position: relative
}
.jzzjg1 .list .item.item1 {
  width: 32.4%
}
.jzzjg1 .list .item.item2 {
  width: 30.6%
}
.jzzjg1 .list .item.item3 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0
}
.jzzjg1 .list .item .box {
  height: 100%;
  position: relative
}
.jzzjg1 .list .item + .item::before {
  content: '';
  background: url(../image/ico_nav2.png) center no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  left: -22px;
  top: 30px
}
.jzzjg1 .list .item + .item::after {
  content: '';
  background: url(../image/ico_nav2.png) center no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  left: -22px;
  bottom: 30px
}
.jzzjg1 .list .item + .item .box::before {
  content: '';
  border-left: 1px solid #d1d1d1;
  position: absolute;
  top: 40px;
  bottom: 40px;
  left: -15px
}
.jzzjg1 .list .item .link1 + .link1 {
  margin-top: 20px
}
.jzzjg1 .list .item .link1 .link1-tit {
  padding-left: 20px;
  position: relative
}
.jzzjg1 .list .item .link1 .link1-tit::before {
  content: '\e521';
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  text-align: center;
  font-family: xfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  color: #7d2f2f
}
.jzzjg1 .list .item .link1 .link2 {
  padding-left: 25px;
  margin-top: 20px
}
.jzzjg1 .list .item .link1 .link2 .link2-tit {
  padding-left: 20px;
  position: relative
}
.jzzjg1 .list .item .link1 .link2 .link2-tit::before {
  content: '';
  position: absolute;
  top: 11px;

  left: 0;
  display: block;
  background-color: #7d2f2f;
  width: 12px;
  height: 3px
}
@media screen and (max-width: 1600px) {
  .jzzjg1 .list .item {
    margin-left: 20px;
    margin-right: 20px
  }
}
@media screen and (max-width: 1500px) {
  .jzzjg1 {
    padding-top: 100px
  }
  .jzzjg1 .list .item .link1 + .link1 {
    margin-top: 15px
  }
  .jzzjg1 .list .item .link1 .link2 {
    margin-top: 15px
  }
}
@media screen and (max-width: 1300px) {
  .jzzjg1 {
    padding-top: 80px
  }
}
@media screen and (max-width: 1024px) {
  .jzzjg1 {
    padding-top: 60px
  }
  .jzzjg1 .list .item {
    width: 100% !important
  }
  .jzzjg1 .list .item + .item::before, .jzzjg1 .list .item + .item::after, .jzzjg1 .list .item + .item .box::before {
    content: none
  }
}
@media screen and (max-width: 1023px) {
  .jzzjg1 {
    padding-bottom: 60px
  }
  .jzzjg1 .title2 {
    padding: 15px 10px
  }
  .jzzjg1 .title2 .t1 {
    font-size: 28px
  }
}
@media screen and (max-width: 1023px) and (max-width: 768px) {
  .jzzjg1 .title2 .t1 {
    font-size: 20px
  }
}
@media screen and (max-width: 1023px) {
  .jzzjg1 .list {
    display: block;
    padding: 10px 15px 25px
  }
  .jzzjg1 .list .item {
    padding: 15px 0 0;
    margin: 0 !important
  }
}
.leader {
  padding: 115px 0 300px;
  background: #faf8f2
}
.leader .x-wrap {
  width: 100%;
  max-width: none
}
.leader .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow: hidden
}
.leader .l {
  width: 50%;
  position: relative;
  padding: 0 9% 0 18%
}
.leader .l .l1 {
  position: absolute;
  left: 0;
  top: 0%;
  bottom: 0;
  border-left: 1px solid #f1c3c3;
  display: none
}
.leader .l .l2 {
  position: absolute;
  left: 0;
  bottom: 0;
  right: -50px;
  border-bottom: 1px solid #f1c3c3;
  display: none
}
.leader .l .l3 {
  position: absolute;
  top: 100%;
  margin-top: -60px;
  right: 0;
  height: 10000px;
  border-left: 1px solid #f1c3c3;
  display: none
}
.leader .l::after {
  content: "";
  background: url(../image/png26.png);
  width: 9px;
  height: 9px;
  position: absolute;
  right: -4px;
  bottom: -4px;
  display: none
}
.leader .r {
  width: 50%;
  padding: 0 18% 0 9%
}
.leader .item {
  position: relative
}
.leader .item:nth-child(n+2) {
  margin-top: 43px
}
.leader .item .h {
  font-size: 24px;
  min-height: 75px;
  background: url(../image/png146.png) no-repeat left center;
  position: relative;
  line-height: 1.333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 25px
}
@media screen and (max-width: 768px) {
  .leader .item .h {
    font-size: 18px
  }
}
.leader .item .h::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-left: 5px solid #7c302f
}
.leader .item .cont {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.leader .item .cont .pic {
  width: 180px;
  position: relative;
  overflow: hidden
}
.leader .item .cont .pic::before {
  content: '';
  display: block;
  padding-top: 139.82808%
}
.leader .item .cont .pic .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.leader .item .cont .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-bottom: 30px;
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0
}
.leader .item .cont .text .name {
  font-size: 22px
}
@media screen and (max-width: 768px) {
  .leader .item .cont .text .name {
    font-size: 18px
  }
}
.leader .item .cont .text .p {
  margin-top: 10px;
  font-size: 18px;
  color: #666666;
  line-height: 1.5
}
@media screen and (max-width: 768px) {
  .leader .item .cont .text .p {
    font-size: 16px
  }
}
.leader .item .cont .more {
  position: absolute;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.leader .item .cont .more::after {
  content: "";
  background: url(../image/png28.png);
  width: 10px;
  height: 16px;
  display: inline-block;
  margin-left: 10px
}
.leader .name-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 50px 18% 25px
}
.leader .name-list .name-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px
}
.leader .name-list .name-cont .li {
  font-size: 22px;
  margin: 0 35px 10px 0
}
@media screen and (max-width: 768px) {
  .leader .name-list .name-cont .li {
    font-size: 18px
  }
}
@media screen and (max-width: 1720px) {
  .leader .x-wrap {
    width: auto
  }
  .leader .l {
    padding: 0 5% 0 10%
  }
  .leader .r {
    padding: 0 10% 0 5%
  }
}
@media screen and (max-width: 1400px) {
  .leader .item .cont .text {
    margin-left: 25px;
    padding-top: 30px
  }
}
@media screen and (max-width: 1300px) {
  .leader {
    padding: 80px 0 150px
  }
  .leader .item .h, .leader .item .cont .text .name {
    font-size: 24px
  }
  .leader .item .h {
    padding-left: 15px
  }
  .leader .l {
    padding: 0 5%
  }
  .leader .l .l2 {
    right: -20px
  }
  .leader .l .l3 {
    margin-top: -20px
  }
  .leader .r {
    padding: 0 5%
  }
  .leader .item .cont .pic {
    width: 50%
  }
  .leader .item .cont .text {
    left: 50%;
    padding-top: 0px;
    margin-left: 15px
  }
  .leader .item .cont .text .p {
    font-size: 20px;
    margin-top: 5px
  }
  .leader .name-list {
    padding-left: 5%;
    padding-right: 5%
  }
  .leader .name-list .name-cont .li {
    font-size: 24px
  }
}
@media screen and (max-width: 1024px) {
  .leader {
    padding: 80px 0
  }
}
@media screen and (max-width: 1023px) {
  .leader .l {
    padding: 0 3% 5%
  }
  .leader .r {
    padding: 0 3%
  }
  .leader .item:nth-child(n+2) {
    margin-top: 25px
  }
  .leader .item .cont .more {
    bottom: -16px;
    font-size: 16px
  }
  .leader .name-list {
    padding-left: 3%;
    padding-right: 3%
  }
}
@media screen and (max-width: 767px) {
  .leader {
    padding: 40px 0
  }
  .leader .list .l {
    padding: 0 5px 0 0
  }
  .leader .list .l::after {
    display: none
  }
  .leader .list .l .l1 {
    display: none
  }
  .leader .list .l .l2 {
    display: none
  }
  .leader .list .l .l3 {
    display: none
  }
  .leader .list .r {
    padding: 0 0 0 5px
  }
  .leader .item {
    padding-bottom: 0
  }
  .leader .item .cont {
    display: block;
    margin-top: 10px
  }
  .leader .item .cont .pic {
    width: auto
  }
  .leader .item .cont .text {
    margin: 15px 0 0;
    padding-bottom: 0;
    position: static
  }
  .leader .item .cont .text .p {
    font-size: 14px;
    height: calc(1em*1.5*5)
  }
  .leader .item .cont .more {
    position: static;
    margin: 10px 0 0
  }
  .leader .name-list {
    padding: 30px 0 20px
  }
  .leader .name-list .name-cont {
    margin-top: 10px
  }
  .leader .name-list .name-cont .li {
    margin-bottom: 5px;
    margin-right: 15px;
    font-size: 14px
  }
  .leader .item .h, .leader .item .cont .text .name {
    font-size: 14px
  }
  .leader .item .h {
    padding-left: 10px
  }
}
@media screen and (max-width: 550px) {
  .leader .item .h {
    min-height: 1.5em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 4.5em;
    line-height: 1.5;
    display: block
  }
}
.management_services {
  background-color: #f5f5f5;
  padding: 140px 0 205px;
  margin-bottom: -132px
}
.management_services .cont {
  margin-top: 18px;
  position: relative
}
.management_services .cont .item {
  width: 56%;
  border-top: 3px solid #aa1332;
  background: #fff;
  font-size: 18px;
  padding: 37px 30px 20px;
  margin-bottom: 20px
}
@media screen and (max-width: 768px) {
  .management_services .cont .item {
    font-size: 16px
  }
}
.management_services .cont .list {
  padding: 10px 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.management_services .cont .list .li {
  padding: 0 10px 0 24px;
  position: relative;
  min-width: 55%;
  margin-bottom: 19px
}
.management_services .cont .list .li:nth-child(2n) {
  min-width: 45%
}
.management_services .cont .list .li::after {
  content: '';
  width: 15px;
  border-top: 1px solid #aa1332;
  position: absolute;
  top: 13.5px;
  left: 0
}
.management_services .cont .icustom4 {
  width: 42.666%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin-bottom: 0
}
.management_services .cont .icustom4 .li {
  width: 100%
}
.management_services .cont .icustom4 .li, .management_services .cont .icustom4 .li:nth-child(2n) {
  min-width: 100%
}
.management_services .s_list {
  padding-left: 35px;
  font-size: 16px;
  color: #474747;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.management_services .s_list .sli {
  min-width: 50%;
  margin-top: 20px
}
@media screen and (max-width: 1500px) {
  .management_services .cont .item {
    font-size: 16px
  }
  .management_services .cont .list {
    padding: 10px 0 0
  }
}
@media screen and (max-width: 1300px) {
  .management_services .cont .item {
    width: 100%
  }
  .management_services .cont .icustom4 {
    position: static;
    margin-bottom: 20px
  }
  .management_services .cont .list .li {
    margin-bottom: 10px
  }
  .management_services .s_list .sli {
    margin-top: 5px
  }
  .management_services .cont .item {
    padding: 30px 20px
  }
}
@media screen and (max-width: 1024px) {
  .management_services {
    margin: 0;
    padding: 50px 0 70px
  }
}
@media screen and (max-width: 767px) {
  .management_services .cont .item {
    padding: 20px
  }
  .management_services .cont .list, .management_services .s_list {
    display: block
  }
  .management_services .cont .list .li, .management_services .cont .list .li:nth-child(2n), .management_services .s_list .sli {
    min-width: 100%
  }
  .management_services .s_list {
    padding-left: 15px
  }
}
.message1 {
  padding: 17vw 0 216px;
  background-color: #fffcf6
}
.message1 .x-wrap {
  padding: 0 184px
}
.message1 .desc {
  max-width: 965px;
  margin: 68px auto 0
}
.message1 .p {
  font-size: 18px;
  color: #666;
  text-indent: 2em
}
@media screen and (max-width: 768px) {
  .message1 .p {
    font-size: 16px
  }
}
.message1 .form {
  margin-top: 34px
}
.message1 .textarea {
  width: 100%;
  height: 383px;
  padding: 10px;
  background-color: #fffefc;
  margin: 0 auto;
  font-size: 22px;
  color: #666;
  border: 1px solid #eaeaea
}
@media screen and (max-width: 768px) {
  .message1 .textarea {
    font-size: 18px
  }
}
.message1 .textarea {
  scrollbar-width: none;
  -ms-overflow-style: none;
  -ms-scroll-rails: none
}
.message1 .textarea::-webkit-scrollbar {
  display: none
}
.message1 .textarea .scrollbar-rails {
  position: fixed;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.02)
}
.message1 .textarea .scrollbar-rails-x {
  left: 0;
  right: 0;
  bottom: 0
}
.message1 .textarea .scrollbar-rails-y {
  top: 0;
  bottom: 0;
  right: 0
}
.message1 .textarea .scrollbar-thumb {
  background-color: #aaa;
  border-radius: 999999px;
  cursor: pointer
}
.message1 .textarea .scrollbar-thumb-x {
  height: 10px
}
.message1 .textarea .scrollbar-thumb-y {
  width: 10px
}
.message1 .textarea .scrollbar-rails-disable {
  display: none
}
.message1 .textarea * {
  -ms-overflow-style: scrollbar
}
.message1 .li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 82px
}
.message1 .li + .li {
  margin-top: 30px
}
.message1 .li1 {
  height: auto
}
.message1 .name {
  font-size: 22px;
  color: #8d2d2e;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 22px 20px;
  background: #fffefc;
  width: 142px;
  text-align: center;
  border: 1px solid #eaeaea;
  border-right: none
}
@media screen and (max-width: 768px) {
  .message1 .name {
    font-size: 18px
  }
}
.message1 input {
  font-size: 22px;
  color: #666;
  border: 1px solid #eaeaea;
  background: #fffefc;
  padding: 0 20px;
  width: calc(100% - 142px);
  border-radius: 0
}
@media screen and (max-width: 768px) {
  .message1 input {
    font-size: 18px
  }
}
.message1 .img {
  position: relative;
  overflow: hidden;
  width: 229px;
  border: 1px solid #eaeaea;
  margin-left: 30px;
  cursor: pointer
}
.message1 .img::before {
  content: '';
  display: block;
  padding-top: 35.80786%
}
.message1 .img .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.message1 .img .i {
  width: 100%;
  height: 100%
}
.message1 .sub {
  height: 60px;
  background-color: #7e2f2f;
  color: #fff;
  font-size: 24px;
  text-align: center;
  line-height: 60px;
  border-radius: 50px
}
@media screen and (max-width: 768px) {
  .message1 .sub {
    font-size: 18px
  }
}
.message1 a {
  display: block;
  width: 212px;
  margin: 60px auto 0
}
@media screen and (max-width: 1300px) {
  .message1 {
    padding-top: 20vw
  }
  .message1 .x-wrap {
    padding: 0 50px
  }
}
@media screen and (max-width: 1024px) {
  .message1 {
    padding-top: 160px
  }
}
@media screen and (max-width: 767px) {
  .message1 {
    padding: 50px 0 70px
  }
  .message1 .x-wrap {
    padding: 0
  }
  .message1 .desc {
    margin-top: 20px
  }
  .message1 .textarea {
    height: 200px
  }
  .message1 .li {
    width: 100%;
    height: 50px;
    line-height: 50px
  }
  .message1 .li1 {
    height: auto
  }
  .message1 .li + .li {
    margin-top: 10px
  }
  .message1 .name {
    padding: 0 10px;
    width: 120px
  }
  .message1 input {
    padding: 0 10px;
    width: calc(100% - 120px)
  }
  .message1 .img {
    width: 100px;
    margin-left: 5px
  }
  .message1 .li2 input {
    width: calc(100% - 180px)
  }
  .message1 a {
    margin-top: 30px
  }
}
.organizational {
  padding: 120px 0 204px;
  background-color: #f5f5f5;
  margin-bottom: -132px
}
.organizational .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.organizational .cont .img {
  width: 24%;
  margin-left: 20px;
  margin-top: 30px
}
.organizational .cont .img img {
  width: 100%;
  display: block
}
.organizational .cont .child2 {
  width: 24%;
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.organizational .cont .child1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.organizational .cont .item {
  margin-top: 30px;
  background: #fff
}
.organizational .cont .itit {
  font-size: 30px;
  font-family: sh;
  height: 70px;
  background: #7e2f2f url(../image/jpg17.jpg) no-repeat right center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 80px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width: 768px) {
  .organizational .cont .itit {
    font-size: 22px
  }
}
.organizational .cont .icont {
  padding: 22px 25px 22px 80px;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (max-width: 768px) {
  .organizational .cont .icont {
    font-size: 16px
  }
}
.organizational .cont .icont .ili {
  margin-bottom: 18px;
  width: 100%;
  padding-right: 10px
}
.organizational .cont .icont .w50 {
  width: 50%
}
.organizational .cont .icont .ili a {
  position: relative;
  padding-left: 30px;
  display: inline-block
}
.organizational .cont .icont .ili a::after {
  content: '';
  width: 17px;
  height: 17px;
  background: url(../image/png261.png) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 5.5px;
  left: 0
}
.organizational .cont .item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.organizational .cont .child2 .item:last-child {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.organizational .cont .child1 .item:first-child {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width: 1400px) {
  .organizational {
    padding-top: 50px
  }
  .organizational .cont .itit {
    padding-left: 40px
  }
  .organizational .cont .icont {
    padding-left: 40px
  }
}
@media screen and (max-width: 1024px) {
  .organizational {
    margin: 0;
    padding-bottom: 120px
  }
  .organizational .cont .img {
    display: none
  }
  .organizational .cont .child2 {
    width: 40%
  }
}
@media screen and (max-width: 767px) {
  .organizational {
    padding: 30px 0 70px
  }
  .organizational .cont {
    display: block
  }
  .organizational .cont .itit {
    height: 60px;
    padding-left: 20px
  }
  .organizational .cont .icont {
    padding: 20px
  }
  .organizational .cont .icont .ili {
    margin-bottom: 10px
  }
  .organizational .cont .child2 {
    display: block;
    width: 100%;
    margin: 0
  }
  .organizational .cont .icont .w50 {
    width: 100%
  }
}
.organizational_division {
  background-color: #f5f5f5;
  padding: 145px 0 185px;
  margin-bottom: -132px
}
.organizational_division .cont {
  margin-top: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.organizational_division .cont .item {
  width: calc((100% - 21px) / 2);
  border-top: 3px solid #aa1332;
  margin-right: 20px;
  background: #fff;
  font-size: 18px;
  padding: 37px 30px 20px;
  margin-bottom: 20px
}
@media screen and (max-width: 768px) {
  .organizational_division .cont .item {
    font-size: 16px
  }
}
.organizational_division .cont .item:nth-child(2n) {
  margin-right: 0
}
.organizational_division .cont .list {
  padding: 10px 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.organizational_division .cont .list .li {
  padding: 0 10px 0 24px;
  position: relative;
  min-width: 50%;
  margin-bottom: 18px
}
.organizational_division .cont .list .li::after {
  content: '';
  width: 15px;
  border-top: 1px solid #aa1332;
  position: absolute;
  top: 13.5px;
  left: 0
}
@media screen and (max-width: 1600px) {
  .organizational_division {
    padding-top: 95px
  }
}
@media screen and (max-width: 1500px) {
  .organizational_division .cont .item {
    font-size: 16px
  }
  .organizational_division .cont .list {
    padding: 10px 0 0
  }
}
@media screen and (max-width: 1300px) {
  .organizational_division .cont {
    display: block
  }
  .organizational_division .cont .item {
    width: 100%;
    margin-right: 0;
    padding: 30px 20px
  }
}
@media screen and (max-width: 1024px) {
  .organizational_division {
    margin-bottom: 0;
    padding: 50px 0 70px
  }
  .organizational_division .cont .list .li {
    margin-bottom: 10px
  }
  .organizational_division .cont .list .li::after {
    top: 12px
  }
}
@media screen and (max-width: 768px) {
  .organizational_division .cont .list {
    display: block;
    padding: 10px 0 0
  }
  .organizational_division .cont .item {
    width: 100%;
    padding: 20px;
    margin-right: 0
  }
  .organizational_division .cont .list .li, .organizational_division .cont .list .li:nth-child(2n) {
    width: 100%;
    padding-right: 0
  }
}
.person_detail {
  background: #fffcf6;
  padding: 160px 0
}
.person_detail .des {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.person_detail .des .content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.person_detail .des .pic {
  position: relative;
  overflow: hidden;
  width: 250px;
  margin-top: 40px
}
.person_detail .des .pic::before {
  content: '';
  display: block;
  padding-top: 116.66667%
}
.person_detail .des .pic .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.person_detail .des .hd {
  padding: 30px 70px
}
.person_detail .des .hd .p {
  font-size: 30px;
  color: #e3cfcf;
  font-family: tj;
  line-height: 1;
  margin-top: 0.5em
}
@media screen and (max-width: 768px) {
  .person_detail .des .hd .p {
    font-size: 22px
  }
}
.person_detail .des .text {
  background: url(../image/bg7.jpg);
  color: #fff;
  padding: 50px 70px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1
}
.person_detail .des .text .h {
  font-size: 24px
}
@media screen and (max-width: 768px) {
  .person_detail .des .text .h {
    font-size: 18px
  }
}
.person_detail .des .text .p {
  margin-top: 15px;
  line-height: 1.8
}
body:not(.lang-en) .person_detail .des .text .p {
  text-align: justify;
  text-justify: inter-ideograph
}
.person_detail .des .title {
  font-size: 40px;
  line-height: 1.2
}
@media screen and (max-width: 768px) {
  .person_detail .des .title {
    font-size: 26px
  }
}
.person_detail .list {
  padding: 80px 0
}
.person_detail .list .item {
  padding-bottom: 50px;
  padding-left: 55px;
  position: relative
}
.person_detail .list .item::before {
  content: "";
  border-left: 1px solid #ae0a29;
  left: 9px;
  top: 20px;
  bottom: -5px;
  position: absolute
}
.person_detail .list .item::after {
  content: "";
  width: 18px;
  height: 18px;
  border: 1px solid #ae0a29;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 5px;
  background: #fffcf6
}
.person_detail .list .item:last-child {
  padding-bottom: 0
}
.person_detail .list .item .text {
  margin-top: 20px
}
.person_detail .list .item .h {
  font-size: 24px;
  line-height: 1
}
@media screen and (max-width: 768px) {
  .person_detail .list .item .h {
    font-size: 18px
  }
}
.person_detail .list .item .p {
  margin-top: 0.5em
}
.person_detail .table-box {
  padding: 44px 0 0 360px
}
.person_detail .table-box .item + .item {
  margin-top: 25px
}
.person_detail .table-box .item-tit {
  font-size: 32px;
  color: #1054a6;
  border-bottom: 1px solid #d7bdb9;
  padding-bottom: 28px;
  margin-bottom: 32px
}
@media screen and (max-width: 768px) {
  .person_detail .table-box .item-tit {
    font-size: 22px
  }
}
.person_detail .table-box .t2 {
  color: #9c7856
}
.person_detail .table-box .item-list1, .person_detail .table-box .item-list2 {
  font-size: 22px
}
@media screen and (max-width: 768px) {
  .person_detail .table-box .item-list1, .person_detail .table-box .item-list2 {
    font-size: 18px
  }
}
.person_detail .table-box .item-list1 .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.person_detail .table-box .item-list1 .row + .row {
  margin-top: 32px
}
.person_detail .table-box .item-list1 .li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 42px
}
.person_detail .table-box .item-list1 .li:nth-child(1) {
  margin-right: 95px
}
.person_detail .table-box .item-list1 .li:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.person_detail .table-box .item-list1 .r-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(6em + 40px)
}
.person_detail .table-box .item-list1 .r-box .t2 {
  margin-right: 20px
}
.person_detail .table-box .item-list2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.person_detail .table-box .item-list2 .t2 {
  margin-right: 23px
}
@media screen and (max-width: 1300px) {
  .person_detail {
    padding: 100px 0 160px
  }
  .person_detail .des .hd {
    padding: 30px 40px
  }
  .person_detail .des .text {
    padding: 30px 40px
  }
  .person_detail .table-box .item-list1 .li {
    padding-right: 20px
  }
  .person_detail .table-box .item-list1 .li:nth-child(1) {
    margin-right: 20px
  }
}
@media screen and (max-width: 1200px) {
  .person_detail .table-box {
    padding-left: 0
  }
}
@media screen and (max-width: 1024px) {
  .person_detail {
    padding: 60px 0 8.8%
  }
  .person_detail .table-box {
    padding: 20px 0 0
  }
  .person_detail .table-box .item-tit {
    padding-bottom: 10px;
    margin-bottom: 10px
  }
  .person_detail .table-box .item-list1 .row {
    display: block
  }
  .person_detail .table-box .item-list1 .row + .row {
    margin-top: 15px
  }
  .person_detail .table-box .item-list1 .li {
    width: 100%;
    padding-right: 0
  }
  .person_detail .table-box .item-list1 .li + .li {
    margin-top: 15px
  }
}
@media screen and (max-width: 1023px) {
  .person_detail .des {
    display: block
  }
  .person_detail .des .pic {
    width: 240px;
    float: left;
    margin: 0 30px 30px 0
  }
  .person_detail .des .content {
    display: block
  }
  .person_detail .list {
    padding: 40px 0
  }
}
@media screen and (max-width: 767px) {
  .person_detail {
    padding: 40px 0 8.8%
  }
  .person_detail .des .pic {
    width: 160px;
    margin: 0 20px 0 0
  }
  .person_detail .des .hd {
    padding: 15px
  }
  .person_detail .des .hd .p {
    font-size: 20px;
    overflow: hidden;
    line-height: 1.2
  }
  .person_detail .des .text {
    padding: 20px 20px;
    clear: both
  }
  .person_detail .list .item {
    padding: 0 0 30px 40px
  }
  .person_detail .list .item::after {
    top: 0px
  }
  .person_detail .list .item::before {
    top: 0
  }
  .person_detail .list .item .text {
    margin-top: 10px;
    font-size: 14px
  }
  .person_detail .table-box .item-list1 .row + .row {
    margin-top: 10px
  }
  .person_detail .table-box .item-list1 .li + .li {
    margin-top: 10px
  }
  .person_detail .table-box .item-list2 .t2, .person_detail .table-box .item-list1 .r-box .t2 {
    margin-right: 15px
  }
  .person_detail .table-box .item-list1 .r-box {
    width: calc(6em + 30px)
  }
}
.picture {
  background: #f5f5f5
}
.picture .dd {
  margin-top: 60px
}
.picture .tab-cont {
  margin-top: 100px
}
.picture .list {
  width: 100%;
  margin-top: 100px
}
.picture .list-width, .picture .list-item {
  width: calc((100% - 60px)/3)
}
.picture .list-space {
  width: 30px
}
.picture .list-item {
  margin-bottom: 30px;
  background-color: #fff
}
.picture .div {
  padding: 30px 38px
}
.picture .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.picture .more img {
  width: 50px
}
.picture .pic {
  overflow: hidden
}
.picture .pic img {
  width: 100%
}
.picture .icon-load {
  margin-right: 16px
}
.picture .icon-load::before {
  font-size: 40px;
  line-height: 1.2
}
@media screen and (max-width: 768px) {
  .picture .icon-load::before {
    font-size: 26px
  }
}
.picture .t {
  font-size: 20px
}
@media screen and (max-width: 768px) {
  .picture .t {
    font-size: 18px
  }
}
.picture .y {
  font-family: "times new roman";
  font-size: 20px;
  margin-top: 6px
}
@media screen and (max-width: 768px) {
  .picture .y {
    font-size: 18px
  }
}
@media screen and (min-width: 1025px) {
  .picture .list-item:hover .pic img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
  }
}
@media screen and (max-width: 1024px) {
  .picture .div {
    padding: 30px 15px
  }
  .picture .list-width, .picture .list-item {
    width: calc(50% - 15px)
  }
}
@media screen and (max-width: 768px) {
  .picture .dd {
    margin-top: 30px
  }
  .picture .tab-cont {
    margin-top: 30px
  }
  .picture .div {
    padding: 30px 15px
  }
  .picture .list {
    margin-top: 30px
  }
  .picture .list-width, .picture .list-item {
    width: 100%
  }
}
.recruit1 {
  padding: 140px 0;
  background: #f5f5f5 url(../image/png33.png) no-repeat right top
}
.recruit1 .content {
  margin-top: 50px;
  position: relative
}
.recruit1 .content .pic {
  position: absolute;
  left: 0;
  top: 0;
  right: 0
}
.recruit1 .content .pic img {
  width: 100%
}
.recruit1 .content .d1 {
  padding-left: 50%;
  height: 255px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.recruit1 .content .d1 .item {
  width: calc(50% - 10px);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-left: 10px
}
.recruit1 .content .d1 .item:nth-child(1) {
  background: #476585
}
.recruit1 .content .d1 .item:nth-child(2) {
  background: #5b7897
}
.recruit1 .content .d1 .item .ico {
  margin-top: 20px
}
.recruit1 .content .d1 .item .ico img {
  height: 80px
}
.recruit1 .content .d1 .item .h {
  margin-top: 10px;
  font-size: 30px;
  font-family: sh
}
@media screen and (max-width: 768px) {
  .recruit1 .content .d1 .item .h {
    font-size: 22px
  }
}
.recruit1 .content .d2 {
  margin-left: calc(50% + 10px);
  background: #fff;
  position: relative;
  padding-bottom: 80px
}
.recruit1 .content .d2 .tit {
  position: absolute;
  right: 100%;
  top: 0;
  width: 28%;
  height: 100%;
  background: #fff;
  font-size: 30px;
  font-family: sh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
body:not(.lang-en) .recruit1 .content .d2 .tit {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr
}
@media screen and (max-width: 768px) {
  .recruit1 .content .d2 .tit {
    font-size: 22px
  }
}
.recruit1 .content .d2 .list {
  border-left: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 20px;
  position: relative
}
.recruit1 .content .d2 .list::after {
  content: "";
  position: absolute;
  left: -6px;
  bottom: 0;
  width: 11px;
  height: 11px;
  border-radius: 100%;

  border: 1px solid #ddd;
  background: #fff
}
.recruit1 .content .d2 .list .item {
  width: 33.33%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 35px;
  position: relative
}
.recruit1 .content .d2 .list .item .ico img {
  height: 60px
}
.recruit1 .content .d2 .list .item .h {
  margin-top: 10px;
  font-size: 20px
}
@media screen and (max-width: 768px) {
  .recruit1 .content .d2 .list .item .h {
    font-size: 18px
  }
}
.recruit1 .bb {
  position: absolute;
  left: 80px;
  top: 175px
}
.recruit1 .bb .more1.red2:after {
  content: "";
  background: url(../image/png30.png) no-repeat center top;
  width: 11px;
  height: 433px;
  position: absolute;
  left: 20px;
  bottom: 100%;
  display: none
}
.recruit2 {
  background: #314561 url(../image/png291.png) no-repeat left bottom 5%;
  color: #fff;
  position: relative;
  padding-bottom: 150px
}
.recruit2 .x-wrap {
  padding: 140px 0 0
}
.recruit2 .title {
  position: relative
}
.recruit2 .pic {
  position: absolute;
  text-align: right;
  right: 0;
  bottom: 0;
  top: 0;
  text-align: right
}
.recruit2 .pic img {
  height: 100%
}
.recruit2 .content {
  margin-top: 50px;
  padding-right: calc(50% + 10px);
  position: relative
}
.recruit2 .d1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #6f8aa8;
  padding: 80px
}
.recruit2 .d1 .item {
  text-align: center;
  position: relative
}
.recruit2 .d1 .item .ico img {
  height: 60px
}
.recruit2 .d1 .item .h {
  margin-top: 10px;
  font-size: 18px
}
@media screen and (max-width: 768px) {
  .recruit2 .d1 .item .h {
    font-size: 16px
  }
}
.recruit2 .d2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 235px;
  margin-top: 10px
}
.recruit2 .d2 .item {
  width: calc(50% - 5px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}
.recruit2 .d2 .item:nth-child(1) {
  background: #476585
}
.recruit2 .d2 .item:nth-child(2) {
  background: #5b7897
}
.recruit2 .d2 .item .ico img {
  height: 90px
}
.recruit2 .d2 .item .h {
  margin-top: 10px;
  font-size: 30px;
  font-family: sh
}
@media screen and (max-width: 768px) {
  .recruit2 .d2 .item .h {
    font-size: 22px
  }
}
.recruit2 .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50px
}
.recruit2 .bottom a {
  margin: 0 20px
}
.recruit3 {
  padding: 140px 0 160px
}
.recruit3 .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.recruit3 .list .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  color: #fff
}
.recruit3 .list .item:nth-child(n+2) {
  margin-left: 10px
}
.recruit3 .list .item .pic {
  position: relative;
  overflow: hidden
}
.recruit3 .list .item .pic::before {
  content: '';
  display: block;
  padding-top: 112.52525%
}
.recruit3 .list .item .pic .i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.recruit3 .list .item .text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 18%
}
.recruit3 .list .item .text .h {
  font-size: 48px;
  line-height: 1.2;
  font-family: sh
}
@media screen and (max-width: 768px) {
  .recruit3 .list .item .text .h {
    font-size: 28px
  }
}
.recruit3 .list .item .text ul {
  padding: 0
}
.recruit3 .list .item .text li {
  margin-top: 25px;
  font-size: 20px;
  list-style-position: outside
}
@media screen and (max-width: 768px) {
  .recruit3 .list .item .text li {
    font-size: 18px
  }
}
.recruit3 .list .item .b {
  position: relative;
  margin-top: 25px;
  padding-top: 40%
}
.recruit3 .list .item .b:before {
  content: "";
  background: url(../image/png30.png) no-repeat center top;
  width: 11px;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0px;
  margin-left: -5px
}
.recruit3 .list .item .b .more1.red2 {
  margin-top: 25px;
  padding: 0;
  display: block
}
.recruit3 .list .item .b .more1.red2:before {
  position: static;
  display: block
}
@media screen and (min-width: 1025px) {
  .recruit1 .item:hover .ico {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s
  }
  .recruit2 .item:hover .ico {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s
  }
}
@media screen and (max-width: 1500px) {
  .recruit1 {
    padding: 100px 0
  }
  .recruit2 {
    padding-bottom: 100px
  }
  .recruit2 .x-wrap {
    padding-top: 100px
  }
  .recruit3 {
    padding: 100px 0 160px
  }
}
@media screen and (max-width: 1400px) {
  .recruit3 .list .item .text {
    padding: 18% 40px 0
  }
}
@media screen and (max-width: 1300px) {
  .recruit1 {
    padding: 80px 0
  }
  .recruit2 {
    padding-bottom: 80px
  }
  .recruit2 .x-wrap {
    padding-top: 80px
  }
  .recruit3 {
    padding: 80px 0 160px
  }
  .recruit1 .content .d1 .item .ico img {
    height: 60px
  }
  .recruit1 .content .d1 .item .h {
    font-size: 24px
  }
  .recruit1 .content .d2 {
    padding-bottom: 40px
  }
  .recruit1 .content .d2 .list .item .ico img {
    height: 40px
  }
  .recruit1 .content .d2 .list .item .h {
    font-size: 16px
  }
  .recruit1 .bb {
    left: 15px
  }
  .recruit2 .d1 {
    padding: 60px
  }
  .recruit2 .content .d2 .item .ico img {
    height: 60px
  }
  .recruit2 .content .d2 .item .h {
    font-size: 24px
  }
}
@media screen and (max-width: 1024px) {
  .recruit2 .d1 {
    padding: 40px
  }
  .recruit2 .d2 {
    height: 200px
  }
  .recruit1 .content .d1 {
    height: 200px
  }
  .recruit1 .content .d2 .list .item {
    margin-top: 20px
  }
}
@media screen and (max-width: 1023px) {
  .recruit1 {
    padding: 60px 0
  }
  .recruit2 {
    padding-bottom: 60px
  }
  .recruit2 .x-wrap {
    padding-top: 60px
  }
  .recruit3 {
    padding: 60px 0 8%
  }
  .recruit1 .content {
    margin-top: 30px
  }
  .recruit1 .bb {
    position: static;
    text-align: center;
    margin-top: 20px
  }
  .recruit1 .bb .more1 {
    color: #333
  }
  .recruit1 .bb .more1::after {
    display: none
  }
  .recruit1 .content .d1 {
    padding-left: 40%
  }
  .recruit1 .content .d2 {
    margin-left: 30%
  }
  .recruit2 .content {
    padding-right: 30%;
    margin-top: 30px
  }
  .recruit2 .bottom a {
    margin: 0 15px
  }
  .recruit3 .list .item .b {
    padding-top: 20%
  }
  .recruit3 .list .item .text li {
    margin-top: 15px
  }
}
@media screen and (max-width: 767px) {
  .recruit2 {
    padding-bottom: 40px
  }
  .recruit3 {
    padding: 15px 0 8%
  }
  .recruit1 .content {
    margin-top: 20px
  }
  .recruit2 .content {
    margin-top: 20px
  }
  .recruit1 .content .pic {
    display: none
  }
  .recruit1 .content .d1 {
    padding: 0;
    height: 150px
  }
  .recruit1 .content .d1 .item {
    width: calc(50% - 7.5px);
    margin: 0
  }
  .recruit1 .content .d1 .item:last-child {
    margin-left: 15px
  }
  .recruit1 .content .d1 .item .ico img {
    height: 45px
  }
  .recruit1 .content .d1 .item .h {
    font-size: 20px
  }
  .recruit1 .content .d2 {
    margin: 0;
    margin-top: 15px;
    padding: 0;
    background: none
  }
  .recruit1 .content .d2 .tit {
    position: static;
    width: auto;
    height: auto;
    padding-top: 20px;
    background: none
  }
  body:not(.lang-en) .recruit1 .content .d2 .tit {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb
  }
  .recruit1 .content .d2 .list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-left: none;
    padding: 0 0 15px;
    margin-top: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .recruit1 .content .d2 .list::after {
    display: none
  }
  .recruit1 .content .d2 .list .item {
    width: calc(50% - 5px);
    margin: 0;
    padding: 25px 0;
    background: #fff
  }
  .recruit1 .content .d2 .list .item:nth-child(n+3) {
    margin-top: 10px
  }
  .recruit1 .content .d2 .list .item .h {
    padding: 0 10px;
    text-align: center;
    margin-top: 5px
  }
  .recruit2 .pic {
    left: -15px;
    right: -15px
  }
  .recruit2 .content {
    padding: 0
  }
  .recruit2 .d1 {
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 0 0;
    background: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .recruit2 .d1 .item {
    width: calc(50% - 5px);
    padding: 25px 0;
    background: #6f8aa8
  }
  .recruit2 .d1 .item:nth-child(n+3) {
    margin-top: 10px
  }
  .recruit2 .d1 .item .h {
    line-height: 1
  }
  .recruit2 .d1 .item .ico img {
    height: 45px
  }
  .recruit2 .d2 {
    height: 150px
  }
  .recruit2 .content .d2 .item .ico img {
    height: 45px
  }
  .recruit2 .content .d2 .item .h {
    font-size: 20px
  }
  .recruit2 .bottom {
    margin-top: 20px;
    display: block
  }
  .recruit2 .bottom .more1 {
    margin-top: 10px
  }
  .recruit3 .list {
    display: block
  }
  .recruit3 .list .item:nth-child(n+2) {
    margin-left: 0;
    margin-top: 15px
  }
  .recruit3 .list .item .pic {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
  }
  .recruit3 .list .item .pic::before {
    padding-top: 0
  }
  .recruit3 .list .item .text {
    position: relative;
    padding: 40px 30px
  }
  .recruit3 .list .item .b {
    padding-top: 5%
  }
  .recruit3 .list .item ul {
    margin: 5px 0
  }
}
.research_institutions {
  background-color: #f5f5f5;
  padding: 140px 0 205px;
  margin-bottom: -132px
}
.research_institutions .cont {
  margin-top: 18px
}
.research_institutions .cont .item {
  width: calc((100% - 21px) / 2);
  border-top: 3px solid #aa1332;
  background: #fff;
  font-size: 18px;
  padding: 37px 30px 20px;
  margin-bottom: 20px
}
@media screen and (max-width: 768px) {
  .research_institutions .cont .item {
    font-size: 16px
  }
}
.research_institutions .cont .list-width {
  width: calc((100% - 21px) / 2)
}
.research_institutions .cont .list-space {
  width: 20px
}
.research_institutions .cont .list {
  padding: 10px 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.research_institutions .cont .list .li {
  padding: 0 10px 0 24px;
  position: relative;
  min-width: 50%;
  margin-bottom: 18px
}
.research_institutions .cont .list .li::after {
  content: '';
  width: 15px;
  border-top: 1px solid #aa1332;
  position: absolute;
  top: 13.5px;
  left: 0
}
.research_institutions .cont .icustom0 .list .li {
  min-width: 55%
}
.research_institutions .cont .icustom0 .list .li:nth-child(2n) {
  min-width: 45%
}
.research_institutions .cont .icustom1 .list .li {
  min-width: 40%
}
.research_institutions .cont .icustom1 .list .li:nth-child(2n) {
  min-width: 60%
}
.research_institutions .cont .icustom2 {
  height: 243px
}
@media screen and (max-width: 1500px) {
  .research_institutions .cont .item {
    font-size: 16px
  }
  .research_institutions .cont .list {
    padding: 10px 0 0
  }
  .research_institutions .cont .icustom2 {
    height: 195px
  }
}
@media screen and (max-width: 1300px) {
  .research_institutions {
    padding: 50px 0 90px;
    margin: 0
  }
  .research_institutions .cont {
    margin-top: 20px
  }
  .research_institutions .cont .item {
    padding: 30px 20px;
    border-top: 3px solid #aa1332;
    background: #fff;
    width: 100%
  }
  .research_institutions .cont .list {
    padding: 10px 15px 0;
    display: block
  }
  .research_institutions .cont .list .li {
    margin-bottom: 10px;
    padding: 0 10px 0 24px;
    position: relative
  }
  .research_institutions .cont .list .li::after {
    content: '';
    width: 15px;
    border-top: 1px solid #aa1332;
    position: absolute;
    top: 12px;
    left: 0
  }
  .research_institutions .cont .s_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .research_institutions .cont .s_list .sli {
    width: 50%;
    margin-top: 10px;
    padding: 0 1em
  }
  .research_institutions .cont .icustom2 {
    height: auto
  }
  .research_institutions .cont .icustom1 .list .li:nth-child(2n), .research_institutions .cont .icustom1 .list .li {
    min-width: auto
  }
}
@media screen and (max-width: 767px) {
  .research_institutions .cont .list {
    padding: 10px 0 0
  }
  .research_institutions .cont .item {
    padding: 20px
  }
  .research_institutions .cont .s_list {
    display: block
  }
  .research_institutions .cont .s_list .sli {
    width: 100%
  }
}
.result-page {
  padding: 220px 0 150px;
  background: #f5f5f5
}
.result-page .result-head {
  padding: 0 5%
}
.result-page .result-head .t {
  font-size: 1.7em
}
.result-page .result-head .s {
  margin-left: 30px;
  font-size: 1.2em;
  color: #707070
}
.result-page .result-list {
  padding: 0 5%;
  margin-top: 30px
}
.result-page .result-list .list-item {
  padding: 30px 0;
  background: #fff;
  padding: 30px
}
.result-page .result-list .list-item:nth-child(n+2) {
  margin-top: 20px
}
.result-page .result-list .p {
  color: #707070;
  text-align: justify;
  text-justify: inter-ideograph
}
.result-page .key {
  color: #aa1332
}
.result-page .liner {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.result-page .liner .t {
  -webkit-transition: color .3s;
  transition: color .3s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.2em
}
.result-page .liner .d {
  font-family: tj;
  margin-left: 100px;
  font-size: 1em
}
@media screen and (max-width: 1600px) {
  .result-page {
    padding-top: 180px
  }
}
@media screen and (min-width: 1025px) {
  .result-page .result-list .liner:hover {
    color: #aa1332
  }
}
@media screen and (max-width: 1024px) {
  .result-page {
    padding: 50px 0 8%
  }
  .result-page .result-head {
    padding: 0
  }
  .result-page .result-head .s {
    display: block;
    margin: 15px 0 0
  }
  .result-page .result-list {
    padding: 0
  }
  .result-page .result-list .list-item {
    padding: 20px
  }
  .result-page .liner {
    display: block
  }
  .result-page .liner .t {
    width: 100%
  }
  .result-page .liner .d {
    margin-left: 0;
    font-size: 14px
  }
}
.school_enterprise {
  background-color: #f5f5f5;
  padding: 140px 0 205px;
  margin-bottom: -132px
}
.school_enterprise .cont {
  margin-top: 18px
}
.school_enterprise .cont .item {
  border-top: 3px solid #aa1332;
  background: #fff;
  font-size: 18px;
  padding: 37px 30px 20px
}
@media screen and (max-width: 768px) {
  .school_enterprise .cont .item {
    font-size: 16px
  }
}
.school_enterprise .cont .list {
  padding: 10px 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.school_enterprise .cont .list .li {
  padding: 0 10px 0 24px;
  position: relative;
  min-width: 36.231%;
  margin-bottom: 18px
}
.school_enterprise .cont .list .li:nth-child(3n) {
  min-width: 27.538%
}
.school_enterprise .cont .list .li::after {
  content: '';
  width: 15px;
  border-top: 1px solid #aa1332;
  position: absolute;
  top: 13.5px;
  left: 0
}
@media screen and (max-width: 1600px) {
  .school_enterprise .cont .list .li, .school_enterprise .cont .list .li:nth-child(3n) {
    width: 50%
  }
}
@media screen and (max-width: 1500px) {
  .school_enterprise .cont .item {
    font-size: 16px
  }
  .school_enterprise .cont .list {
    padding: 10px 0 0
  }
}
@media screen and (max-width: 1300px) {
  .school_enterprise {
    margin: 0
  }
  .school_enterprise .cont .list .li {
    margin-bottom: 10px
  }
}
@media screen and (max-width: 767px) {
  .school_enterprise {
    padding: 50px 0 70px
  }
  .school_enterprise .cont .list {
    display: block
  }
  .school_enterprise .cont .list .li, .school_enterprise .cont .list .li:nth-child(3n) {
    width: 100%
  }
}
.sitemap-page {
  padding: 220px 0;
  background: url(../image/png60.jpg) no-repeat center;
  background-size: cover
}
.sitemap-page .list {
  padding: 0 5%
}
.sitemap-page .dl {
  padding: 1.5em 0;
  border-bottom: 1px solid #ddd
}
.sitemap-page .dt {
  font-size: 1.1em
}
.sitemap-page .dd {
  margin-top: 0.6em;
  padding-left: 2em
}
.sitemap-page .link {
  display: inline-block;
  -webkit-transition: color .3s;
  transition: color .3s
}
.sitemap-page .link {
  margin-right: 20px
}
.sitemap-page .link:last-child {
  margin-right: 0
}
@media screen and (max-width: 1600px) {
  .sitemap-page {
    padding-top: 180px
  }
}
@media screen and (min-width: 1025px) {
  .sitemap-page .link:hover {
    color: #aa1332
  }
}
@media screen and (max-width: 1024px) {
  .sitemap-page {
    padding: 50px 0
  }
}
.successive_leadership1 {
  padding: 150px 0 38px
}
.successive_leadership1 img {
  width: 100%;
  display: block
}
.successive_leadership2 {
  padding: 165px 0 160px;
  background: url(../image/jpg38-1.jpg) no-repeat top center;
  margin-bottom: -132px
}
.successive_leadership2 .img {
  margin-top: 115px
}
.successive_leadership2 img {
  width: 100%;
  display: block
}
@media screen and (max-width: 1024px) {
  .successive_leadership1 {
    padding: 50px 0 0
  }
  .successive_leadership2 {
    margin: 0;
    padding: 50px 0 100px;
    background: #fff
  }
  .successive_leadership2 .img {
    margin-top: 50px
  }
}