* {
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border-collapse: collapse;
  text-decoration: none;
}
::-webkit-scrollbar {
  width: 6px;
  height: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
::-webkit-scrollbar-track {
  background: #dadada;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb {
  background: #000;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
input, button, select, textarea{
  color: #333;
  font-size: 16px;
  font-family: 'PingFang-SC-Regular', 'PingFang SC', 'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', 'sans-serif';
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
::placeholder {
  font-weight: bold;
  opacity: 0.3;
  color: #333;
  font-size: 14px;
}
@media screen and (max-width: 1280px) {
  input,
  button,
  select {
    font-size: 14px;
  }
}
@media screen and (max-width: 990px) {
  input,
  button,
  select {
    font-size: 0.32rem;
  }
}
body {
  color: #333;
  font-size: 16px;
  font-family: 'SourceHanSansCN', 'PingFang-SC-Regular', 'PingFang SC', 'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', 'sans-serif';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  background-color: #f4f4f4;
  overflow-x: hidden;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
@media screen and (max-width: 1280px) {
  body {
    font-size: 14px;
  }
}
@media screen and (max-width: 990px) {
  body {
    font-size: 0.28rem;
  }
}
.wrapper {
  padding: 0 70px;
}
@media screen and (max-width: 1920px) {
  .wrapper {
    padding: 0 calc(70 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .wrapper {
    /* padding: 0 0.3rem; */
	padding: 0 25px;
  }
}
.wrap {
  padding: 0 140px;
}
@media screen and (max-width: 1920px) {
  .wrap {
    padding: 0 calc(140 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .wrap {
    /* padding: 0 0.3rem; */
    padding: 0 25px;
  }
}
h1,
h2,
h3 {
  font-family: 'SourceHanSansCN-Bold', 'SourceHanSansCN-Medium', 'SourceHanSansCN', 'PingFang-SC-Regular', 'PingFang SC', 'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', 'sans-serif';
}
@font-face {
  font-family: 'Geometos';
  font-style: normal;
  src: url("../fonts/geometos.ttf");
}
@font-face {
  font-family: 'HaginCapsMedium';
  font-style: normal;
  src: url("../fonts/HaginCapsMedium.otf");
}
@font-face {
  font-family: 'SourceHanSansCN';
  font-style: normal;
  src: url("../fonts/SourceHanSansCN.otf");
}
@font-face {
  font-family: 'SourceHanSansCN-Medium';
  font-style: normal;
  src: url("../fonts/SourceHanSansCN-Medium.otf");
}
@font-face {
  font-family: 'SourceHanSansCN-Bold';
  font-style: normal;
  src: url("../fonts/SourceHanSansCN-Bold.otf");
}
@font-face {
  font-family: 'contactIcon';
  font-style: normal;
  src: url("../fonts/contact.ttf");
}
#header {
  position: fixed;
  z-index: 9;
  left: 0;
  right: 0;
  top: 0;
  height: 96px;
  background-color: transparent;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
@media screen and (max-width: 1920px) {
  #header {
    height: calc(96 / 1920 * 100vw);
    min-height: 80px;
  }
}
@media screen and (max-width: 990px) {
  #header {
    height: 1rem;
    min-height: 50px;
  }
}
#header::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0));
  display: block;
}
#header:hover,
#header.scrolled {
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#header:hover::before,
#header.scrolled::before {
  display: none;
}
#header:hover .navigator .v1,
#header.scrolled .navigator .v1 {
  color: #333;
}
#header:hover .searchBtn,
#header.scrolled .searchBtn {
  color: #333;
}
#header:hover .menuBtn em,
#header.scrolled .menuBtn em {
  background-color: #333;
}
#header.showMenu {
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#header.showMenu::before {
  display: none;
}
#header.showMenu .logo img {
  /*filter: brightness(0);*/
}
#header.showMenu .menuBtn em {
  background-color: #333;
}
#header.showMenu .searchBtn {
  display: none;
}
#header.showSearch {
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#header.showSearch::before {
  display: none;
}
#header.showSearch .logo img {
  /*filter: brightness(0);*/
}
#header.showSearch .searchBtn {
  color: #333;
}
#header.showSearch .menuBtn {
  display: none;
}
#header.header_style2 .container .logo {
  height: 96px;
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
@media screen and (max-width: 1920px) {
  #header.header_style2 .container .logo {
    height: calc(96 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  #header.header_style2 .container .logo {
    height: 1rem;
  }
}
#header.header_style2 .container .logo .img {
  height: calc(64 / 96 * 100%);
  display: block;
}
#header.header_style2 .container .logo img {
  max-width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
#header.header_style2:hover .container .logo img,
#header.header_style2.scrolled .container .logo img {
  filter: brightness(0);
}
#header .container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 80px;
}
@media screen and (max-width: 1920px) {
  #header .container {
    padding: 0 calc(80 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  #header .container {
    /* padding: 0 0.3rem; */
    padding: 0 25px;
  }
}
@media screen and (max-width: 990px) {
  #header .container .left {
    display: none;
  }
}
#header .container .right {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
}
#header .container .right .navigator li {
  margin-right: 0;
  margin-left: 100px;
}
@media screen and (max-width: 1920px) {
  #header .container .right .navigator li {
    margin-left: calc(100 / 1920 * 100vw);
  }
}
#header .container .right .navigator li:first-child {
  margin-left: 0;
}
#header .container .right .navigator .sub {
  justify-content: flex-end;
}
#header .container .right .navigator .sub ul {
  justify-content: flex-end;
}
#header .container .logo {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 990px) {
  #header .container .logo {
    position: static;
    height: 1rem;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
#header .container .logo .img {
  height: calc(64 / 96 * 100%);
  display: block;
}
/*#header .container .logo img {
  max-width: 100%;
  height: 100%;
  display: block;
}*/
#header .container .logo img{
	max-width: 100%;
  height: 100%;
}
#header .container .logo img.bai {
  
  display: none;
}
#header .navigator {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
@media screen and (max-width: 990px) {
  #header .navigator {
    display: none;
  }
}
#header .navigator li {
  white-space: nowrap;
  margin-right: 100px;
}
@media screen and (max-width: 1920px) {
  #header .navigator li {
    margin-right: calc(100 / 1920 * 100vw);
  }
}
#header .navigator li:last-child {
  margin-right: 0;
}
#header .navigator li:hover .v1 {
  font-weight: bold;
}
#header .navigator li:hover .v1::before {
  width: 100%;
}
#header .navigator li:hover .sub {
  opacity: 1;
  visibility: visible;
}
#header .navigator li:hover .sub li {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
#header .navigator .v1 {
  color: #fff;
  height: 96px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1920px) {
  #header .navigator .v1 {
    height: calc(96 / 1920 * 100vw);
    min-height: 80px;
  }
}
#header .navigator .v1::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 2px;
  background-color: #333;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
#header .navigator .s1 {
  color: #333;
}
#header .navigator .s1:hover {
  color: #000;
}
#header .navigator .sub {
  padding: 20px 80px;
  background-color: #f7f7f7;
  min-height: 40px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
@media screen and (max-width: 1920px) {
  #header .navigator .sub {
    padding: calc(20 / 1920 * 100vw) calc(80 / 1920 * 100vw);
  }
}
#header .navigator .sub ul {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
#header .navigator .sub li {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
#header .searchBtn {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  width: 60px;
  height: 96px;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-left: 60px; */
  margin-left: 20px;
}
@media screen and (max-width: 1920px) {
  #header .searchBtn {
    width: calc(60 / 1920 * 100vw);
    margin-left: calc(20 / 1920 * 100vw);
    height: calc(96 / 1920 * 100vw);
    min-height: 80px;
  }
}
@media screen and (max-width: 990px) {
  #header .searchBtn {
    font-size: 0.4rem;
    width: 1rem;
    height: 1rem;
    min-height: 50px;
    margin-left: 10px;
  }
}
#header .searchBtn .icon-search {
  display: block;
}
#header .searchBtn .icon-x {
  display: none;
}
#header .searchBtn.on .icon-search {
  display: none;
}
#header .searchBtn.on .icon-x {
  display: block;
}
#header .menuBtn {
  position: relative;
  z-index: 9;
  width: 50px;
  height: 50px;
  cursor: pointer;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
@media screen and (max-width: 990px) {
  #header .menuBtn {
    width: 1rem;
    height: 1rem;
    min-height: 50px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
  }
}
#header .menuBtn span {
  width: 30px;
  height: 30px;
  display: block;
  position: relative;
}
@media screen and (max-width: 990px) {
  #header .menuBtn span {
    width: 0.6rem;
    height: 0.6rem;
  }
}
#header .menuBtn em {
  position: absolute;
  left: 0;
  top: calc(10 / 30 * 100%);
  width: 100%;
  height: 2px;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
#header .menuBtn .s1 {
  top: calc(10 / 30 * 100%);
}
#header .menuBtn .s2 {
  top: calc(20 / 30 * 100%);
}
#header .menuBtn.on .s1 {
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header .menuBtn.on .s2 {
  top: 50%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.menuBox {
  position: fixed;
  z-index: 8;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-top: 1rem;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 990px) {
  .menuBox.show {
    opacity: 1;
    visibility: visible;
  }
}
.menuBox.show::before {
  -webkit-transition: 1s;
  -ms-transition: 1s;
  transition: 1s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.menuBox.show .nav_m .v1 {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: 0.3s 0.8s ease-in-out;
  -ms-transition: 0.3s 0.8s ease-in-out;
  transition: 0.3s 0.8s ease-in-out;
}
.menuBox.show .nav_m li:nth-child(1) .v1 {
  transition-delay: 0.8s;
}
.menuBox.show .nav_m li:nth-child(2) .v1 {
  transition-delay: 0.9s;
}
.menuBox.show .nav_m li:nth-child(3) .v1 {
  transition-delay: 1s;
}
.menuBox.show .nav_m li:nth-child(4) .v1 {
  transition-delay: 1.1s;
}
.menuBox.show .nav_m li:nth-child(5) .v1 {
  transition-delay: 1.2s;
}
.menuBox.show .nav_m li:nth-child(6) .v1 {
  transition-delay: 1.3s;
}
.menuBox::before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: 150vh;
  height: 150vh;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  margin: -75vh 0 0 -75vh;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  background-color: #fff;
}
.menuBox .nav_m {
  position: relative;
  z-index: 2;
  height: 100%;
  overflow-y: auto;
  padding-top: 0.6rem;
  border-top: 1px solid #dadada;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.menuBox .nav_m.opening .v1 {
  color: #999;
  transition-delay: 0s !important;
}
.menuBox .nav_m.opening .v1 a {
  color: #999;
}
.menuBox .nav_m.opening .active .v1 {
  color: #333;
  transition-delay: 0s !important;
}
.menuBox .nav_m.opening .active .v1 a {
  color: #333;
}
.menuBox .nav_m.opening .active .v1 i {
  -webkit-transform: scale(0.6) rotate(90deg);
  -ms-transform: scale(0.6) rotate(90deg);
  transform: scale(0.6) rotate(90deg);
}
.menuBox .nav_m .v1 {
  color: #333;
  font-size: 0.36rem;
  padding: 0.3rem 25px;
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menuBox .nav_m .v1 a {
  color: #333;
}
.menuBox .nav_m .v1 i {
  opacity: 0.4;
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.menuBox .nav_m .s1 {
  color: #333;
}
.menuBox .nav_m .sub {
  font-size: 0.28rem;
  padding: 0.3rem 25px;
  padding-right: 0;
  background-color: #f7f7f7;
  display: none;
}
.menuBox .nav_m .sub ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.menuBox .nav_m .sub li {
  white-space: nowrap;
  margin: 0.1rem 0.3rem 0.1rem 0;
}
.searchBox {
  position: fixed;
  z-index: 8;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  padding-top: 96px;
}
@media screen and (max-width: 1920px) {
  .searchBox {
    padding-top: calc(96 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .searchBox {
    padding-top: 1rem;
  }
}
.searchBox .cont {
  flex: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #dadada;
  overflow: hidden;
}
.searchBox .cont .cont_box {
  max-width: 780px;
  /* margin: 0 0.3rem; */
  margin: 0 25px;
  padding: 50px 0;
}
.searchBox .cont .title {
  font-size: 64px;
  line-height: 1.25;
  font-weight: normal;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 1920px) {
  .searchBox .cont .title {
    font-size: calc(64 / 1920 * 100vw);
    margin-bottom: calc(50 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .searchBox .cont .title {
    font-size: 0.48rem;
    margin-bottom: 0.5rem;
  }
}
.searchBox .cont .form {
  height: 70px;
  position: relative;
  background-color: #f4f4f4;
  margin-bottom: 20px;
  -webkit-border-radius: 35px;
  -ms-border-radius: 35px;
  border-radius: 35px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
@media screen and (max-width: 1920px) {
  .searchBox .cont .form {
    height: calc(70 / 1920 * 100vw);
    min-height: 40px;
    -webkit-border-radius: calc(35 / 1920 * 100vw);
    -ms-border-radius: calc(35 / 1920 * 100vw);
    border-radius: calc(35 / 1920 * 100vw);
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .searchBox .cont .form {
    height: 0.8rem;
    -webkit-border-radius: 0.8rem;
    -ms-border-radius: 0.8rem;
    border-radius: 0.8rem;
    margin-bottom: 0.2rem;
  }
}
.searchBox .cont .form .inp,
.searchBox .cont .form .btn {
  height: 70px;
  background: none;
}
@media screen and (max-width: 1920px) {
  .searchBox .cont .form .inp,
  .searchBox .cont .form .btn {
    height: calc(70 / 1920 * 100vw);
    min-height: 40px;
  }
}
@media screen and (max-width: 990px) {
  .searchBox .cont .form .inp,
  .searchBox .cont .form .btn {
    height: 0.8rem;
  }
}
.searchBox .cont .form .inp {
  flex: 1;
  padding: 0 40px;
}
@media screen and (max-width: 1920px) {
  .searchBox .cont .form .inp {
    padding: 0 calc(40 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .searchBox .cont .form .inp {
    padding: 0 0.4rem;
  }
}
.searchBox .cont .form .btn {
  color: #333;
  padding: 0 30px;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1920px) {
  .searchBox .cont .form .btn {
    padding: 0 calc(30 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .searchBox .cont .form .btn {
    padding: 0 0.3rem;
  }
}
.searchBox .cont .form .btn i {
  font-size: 24px;
  font-weight: bold;
  margin-right: 10px;
}
@media screen and (max-width: 990px) {
  .searchBox .cont .form .btn i {
    font-size: 0.4rem;
  }
}
.searchBox .cont .hotWords {
  padding: 0 20px;
}
@media screen and (max-width: 990px) {
  .searchBox .cont .hotWords {
    padding: 0 0.2rem;
  }
}
.searchBox .cont .hotWords .tit {
  margin-bottom: 20px;
}
@media screen and (max-width: 1920px) {
  .searchBox .cont .hotWords .tit {
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .searchBox .cont .hotWords .tit {
    margin-bottom: 0.2rem;
  }
}
.searchBox .cont .hotWords .tit i {
  margin-right: 5px;
}
.searchBox .cont .hotWords .link a {
  color: #999;
  white-space: nowrap;
  margin: 5px 20px;
}
@media screen and (max-width: 990px) {
  .searchBox .cont .hotWords .link a {
    margin: 5px 0.2rem;
  }
}
.searchBox .cont .hotWords .link a:hover {
  color: #333;
}
.searchBox .foot {
  margin: 50px 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1920px) {
  .searchBox .foot {
    margin: calc(50 / 1920 * 100vw) 0;
  }
}
@media screen and (max-width: 990px) {
  .searchBox .foot {
    margin: 0.5rem 0;
  }
}
.searchBox .foot a {
  width: 42px;
  height: 42px;
  background-color: #ececec;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin: 0 10px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 990px) {
  .searchBox .foot a {
    width: 0.48rem;
    height: 0.48rem;
    margin: 0 0.1rem;
  }
}
.searchBox .foot a::before {
  content: "";
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.searchBox .foot a img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  z-index: 2;
}
.searchBox .foot a img.on {
  display: none;
}
.searchBox .foot a:hover::before {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}
.searchBox .foot a:hover img {
  display: none;
}
.searchBox .foot a:hover img.on {
  display: block;
}
.searchBox .title,
.searchBox .form,
.searchBox .tit,
.searchBox .link,
.searchBox .foot {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.searchBox.show {
  opacity: 1;
  visibility: visible;
}
.searchBox.show .title,
.searchBox.show .form,
.searchBox.show .tit,
.searchBox.show .link,
.searchBox.show .foot {
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
.searchBox.show .title {
  transition-delay: 0.1s;
}
.searchBox.show .form {
  transition-delay: 0.4s;
}
.searchBox.show .tit {
  transition-delay: 0.6s;
}
.searchBox.show .link {
  transition-delay: 0.7s;
}
.searchBox.show .foot {
  transition-delay: 0.9s;
}
#footer {
  color: #999;
  font-size: 14px;
  background-color: #fff;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 1280px) {
  #footer {
    font-size: 12px;
  }
}
@media screen and (max-width: 990px) {
  #footer {
    font-size: 0.24rem;
  }
}
#footer .container {
  padding: 0 70px;
}
@media screen and (max-width: 1920px) {
  #footer .container {
    padding: 0 calc(70 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  #footer .container {
    /* padding: 0 0.3rem; */
    padding: 0 25px;
  }
}
#footer .foot_box {
  padding: 0 70px;
  background-color: #fff;
}
@media screen and (max-width: 1920px) {
  #footer .foot_box {
    padding: 0 calc(70 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  #footer .foot_box {
    /* padding: 0 0.3rem; */
    padding: 0;
  }
  .index_jnby #footer .foot_box {
    padding: 0 25px;
  }
}
#footer .ftop {
  padding: 60px 0 50px;
  border-bottom: 1px solid rgba(218,218,218,0.5);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1920px) {
  #footer .ftop {
    padding: calc(60 / 1920 * 100vw) 0 calc(50 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  #footer .ftop {
    padding: 0.4rem 0 0.3rem;
  }
}
#footer .ftop .logo img {
  display: block;
  max-height: 80px;
}
@media screen and (max-width: 1920px) {
  #footer .ftop .logo img {
    max-height: calc(80 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  #footer .ftop .logo img {
    max-height: 0.6rem;
  }
}
#footer .ftop .tool {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 990px) {
  #footer .ftop .tool {
    padding-right: 1rem;
  }
}
#footer .ftop .tool .item {
  width: 42px;
  height: 42px;
  background-color: #ececec;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin: 0 10px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#footer .ftop .tool .item .icon {
  z-index: 1;
  position: relative;
  font-family: contactIcon;
  font-size: 44px;
  color: #000;
}
#footer .ftop .tool .item .icon.wx:before {
  content: '\e614';
}
#footer .ftop .tool .item .icon.top:before {
  content: '\e613';
}
#footer .ftop .tool .item:hover .icon {
  color: #fff;
}
@media screen and (max-width: 990px) {
  #footer .ftop .tool .item {
    width: 0.48rem;
    height: 0.48rem;
    margin: 0 0.1rem 0 0;
  }
  #footer .ftop .tool .item .icon {
    font-size: .5rem;
  }
}
#footer .ftop .tool .item::before {
  content: "";
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 990px) {
  #footer .ftop .tool .item#toTop {
    position: absolute;
    right: 0;
    top: 0;
  }
}
#footer .ftop .tool .item img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  z-index: 2;
}
#footer .ftop .tool .item img.on {
  display: none;
}
#footer .ftop .tool .item .pop {
  position: absolute;
  left: 50%;
  bottom: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 140px;
  height: 140px;
  background-color: #fff;
  border: 1px solid #dadada;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 15px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
@media screen and (max-width: 990px) {
  #footer .ftop .tool .item .pop {
    left: auto;
    right: 0;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
#footer .ftop .tool .item .pop::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  border: 10px solid;
  border-color: #fff transparent transparent transparent;
  -webkit-transform: translateX(-50%) scaleX(0.8);
  -ms-transform: translateX(-50%) scaleX(0.8);
  transform: translateX(-50%) scaleX(0.8);
  margin-top: -1px;
  filter: drop-shadow(2px 5px 5px rgba(0,0,0,0.2));
}
@media screen and (max-width: 990px) {
  #footer .ftop .tool .item .pop::after {
    left: auto;
    right: 10%;
    -webkit-transform: translateX(0%) scaleX(0.8);
    -ms-transform: translateX(0%) scaleX(0.8);
    transform: translateX(0%) scaleX(0.8);
  }
}
#footer .ftop .tool .item .pop img {
  display: block;
  width: 100%;
  height: 100%;
}
#footer .ftop .tool .item:hover::before {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}
#footer .ftop .tool .item:hover .off {
  display: none;
}
#footer .ftop .tool .item:hover .on {
  display: block;
}
#footer .ftop .tool .item:hover .pop {
  opacity: 1;
  visibility: visible;
}
#footer .fcent {
  padding: 60px 0 50px;
  border-bottom: 1px solid rgba(218,218,218,0.5);
}
@media screen and (max-width: 1920px) {
  #footer .fcent {
    padding: calc(60 / 1920 * 100vw) 0 calc(50 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  #footer .fcent {
    padding: 0;
  }
}
#footer .fbot {
  padding: 40px 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1920px) {
  #footer .fbot {
    padding: calc(40 / 1920 * 100vw) 0;
  }
}
@media screen and (max-width: 990px) {
  #footer .fbot {
    padding: 0.3rem 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#footer .fbot .copy {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
}
#footer .fbot .copy img {
  margin-right: 6px;
}
#footer .fd_nav {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 990px) {
  #footer .fd_nav {
    display: block;
  }
}
@media screen and (max-width: 990px) {
  #footer .fd_nav li {
    border-bottom: 1px solid rgba(218,218,218,0.5);
  }
  #footer .fd_nav li:last-child {
    border: 0;
  }
}
#footer .fd_nav li.active .tit::after {
  content: '-';
}
#footer .fd_nav .tit {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  margin-bottom: 15px;
}
@media screen and (max-width: 1920px) {
  #footer .fd_nav .tit {
    margin-bottom: calc(15 / 1920 * 100vw);
  }
}
@media screen and (max-width: 1280px) {
  #footer .fd_nav .tit {
    font-size: 18px;
  }
}
@media screen and (max-width: 990px) {
  #footer .fd_nav .tit {
    font-size: 0.32rem;
    padding: 0.3rem 0;
    margin-bottom: 0;
  }
}
#footer .fd_nav .tit::after {
  content: '+';
  color: #999;
  font-size: 20px;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0.8rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 990px) {
  #footer .fd_nav .tit::after {
    font-size: 0.4rem;
    opacity: 1;
    visibility: visible;
  }
}
#footer .fd_nav .tit a {
  color: #333;
  display: block;
  background-color: #fff;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 990px) {
  #footer .fd_nav dl {
    display: none;
  }
}
#footer .fd_nav dd {
  margin-bottom: 10px;
}
@media screen and (max-width: 1920px) {
  #footer .fd_nav dd {
    margin-bottom: calc(10 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  #footer .fd_nav dd {
    margin-bottom: 0.3rem;
  }
}
#footer .fd_nav .s1 {
  color: #999;
}
#footer .fd_nav .s1:hover {
  color: #333;
}
.g_btn1 {
  color: #333;
  font-size: 14px;
  padding: 15px 0;
  line-height: 25px;
  border-bottom: 1px solid #333;
  display: inline-block;
}
@media screen and (max-width: 990px) {
  .g_btn1 {
    font-size: 0.28rem;
  }
}
.g_btn1 i {
  margin-left: 10px;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.g_btn1 .jt {
  width: 28px;
  height: 1px;
  background-color: #333;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
@media screen and (max-width: 990px) {
  .g_btn1 .jt {
    width: 0.28rem;
    margin-left: 0.1rem;
  }
}
.g_btn1 .jt::after {
  content: '';
  position: absolute;
  left: 100%;
  top: 0;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-left-width: 6px;
  border-left-color: #333;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.g_btn1:hover i {
  margin-left: 30px;
}
@media screen and (max-width: 990px) {
  .g_btn1:hover i {
    margin-left: 0.3rem;
  }
}
.g_btn1:hover .jt {
  margin-left: 30px;
}
@media screen and (max-width: 990px) {
  .g_btn1:hover .jt {
    margin-left: 0.3rem;
  }
}
.g_btn2 {
  color: #333;
  font-size: 14px;
  width: 220px;
  height: 60px;
  background-color: #fff;
  -webkit-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1920px) {
  .g_btn2 {
    width: calc(220 / 1920 * 100vw);
    height: calc(60 / 1920 * 100vw);
    min-height: 40px;
    min-width: 180px;
  }
}
@media screen and (max-width: 990px) {
  .g_btn2 {
    height: 0.6rem;
    -webkit-border-radius: 0.8rem;
    -ms-border-radius: 0.8rem;
    border-radius: 0.8rem;
  }
}
.g_btn2::before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: 300px;
  height: 300px;
  background-color: #ececec;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-left: -150px;
  margin-top: -150px;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
/* @media screen and (max-width: 1920px) {
			width calc(220/1920*100vw)
			height @width
			min-width 180px
			min-height 180px
			margin-left calc(-110/1920*100vw)
			margin-top calc(-110/1920*100vw)
		}
		@media screen and (max-width: 990px) {
			width 2.2rem
			height @width
			margin-left -1.1rem
			margin-top -1.1rem
		} */
}
.g_btn2 span {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
.g_btn2 i {
  font-size: 12px;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  margin: 0 -5px;
}
.g_btn2:hover::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.g_btn2:hover i {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}
.g_tit1 {
  margin-bottom: 70px;
}
@media screen and (max-width: 1920px) {
  .g_tit1 {
    margin-bottom: calc(70 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .g_tit1 {
    margin-bottom: 0.5rem;
  }
}
.g_tit1 .en {
  font-size: 100px;
  font-family: 'Georgia';
  line-height: 1;
}
@media screen and (max-width: 1920px) {
  .g_tit1 .en {
    font-size: calc(100 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .g_tit1 .en {
    font-size: 0.6rem;
  }
}
.g_tit1 .tab {
  display: inline-block;
}
@media screen and (max-width: 990px) {
  .g_tit1 .tab {
    display: block;
  }
}
.g_tit1 .tab ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
@media screen and (max-width: 990px) {
  .g_tit1 .tab ul {
    justify-content: space-between;
  }
}
.g_tit1 .tab ul li {
  color: #999;
  cursor: pointer;
  margin-left: 135px;
}
@media screen and (max-width: 1920px) {
  .g_tit1 .tab ul li {
    margin-left: calc(135 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .g_tit1 .tab ul li {
    margin-left: 0;
    font-size: 0.32rem;
  }
}
.g_tit1 .tab ul li.active {
  color: #333;
}
.g_tit1 .tab ul li.active a {
  color: #333;
}
.g_tit1 .tab ul li a {
  color: #999;
}
.gt1 {
  font-size: 36px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1920px) {
  .gt1 {
    font-size: calc(36 / 1920 * 100vw);
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .gt1 {
    font-size: 0.48rem;
    margin-bottom: 0.2rem;
  }
}
#banner {
  background-color: #69767e;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
#banner::before {
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  height: 150px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0));
}
#banner .nextPage {
  color: #fff;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-animation: movepoint 1s infinite ease-in-out;
  -ms-animation: movepoint 1s infinite ease-in-out;
  animation: movepoint 1s infinite ease-in-out;
}
#banner .langBox {
  color: #fff;
  position: absolute;
  z-index: 9;
  right: 70px;
  top: 100px;
}
@media screen and (max-width: 1920px) {
  #banner .langBox {
    right: calc(70 / 1920 * 100vw);
    top: calc(100 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  #banner .langBox {
    top: 1rem;
    right: 0.4rem;
  }
}
#banner .swiper {
  z-index: 1;
}
#banner .swiper:hover .prev,
#banner .swiper:hover .next {
  opacity: 1;
}
#banner .swiper .prev,
#banner .swiper .next {
  color: #fff;
  font-size: 36px;
  cursor: pointer;
  z-index: 9;
  position: absolute;
  z-index: 9;
  top: 50%;
  width: 50px;
  height: 50px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
#banner .swiper .prev {
  left: 0;
}
#banner .swiper .next {
  right: 0;
}
#banner .swiper .swiper-pagination {
  z-index: 9;
  bottom: 45px;
/* .swiper-pagination-bullet {
				width 8px
				height @width
				background-color transparent
				border 2px solid $white
				radius(50%)
				opacity 1
				margin 0 9px
				&.swiper-pagination-bullet-active {
					background-color $white
				}
			} */
}
#banner .swiper .swiper-pagination .dot {
  width: 21px;
  height: 21px;
  background-color: transparent;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  opacity: 1;
  margin: 0 9px;
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 990px) {
  #banner .swiper .swiper-pagination .dot {
    margin: 0 0.1rem;
  }
}
#banner .swiper .swiper-pagination .dot::before {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#banner .swiper .swiper-pagination .dot svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
#banner .swiper .swiper-pagination .dot svg path {
  opacity: 0;
}
#banner .swiper .swiper-pagination .dot svg path.path-loop-bg {
  opacity: 0.2;
}
#banner .item {
  display: block;
  position: relative;
  background: none;
/* &.animate {
			.bg {
				// animate(scaleBigSmall 4s forwards ease-in-out)
			}
			.text {
				.tit {
					animate(moveup .5s forwards ease-in-out)
				}
				.g_btn1 {
					animate(moveup .5s forwards ease-in-out .15s)
				}
			}
		} */
/* .text {
			.tit,
			.g_btn1 {
				opacity 0
			}
		} */
}
@media screen and (max-width: 990px) {
  #banner .item {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: auto 100%;
    -ms-background-size: auto 100%;
    background-size: auto 100%;
  }
}
#banner .item .bg {
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 990px) {
  #banner .item .bg {
    height: calc(100vh - 1rem - 60px);
    background: none !important;
  }
}
#banner .item .text {
  color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 990px) {
  #banner .item .text {
    text-align: center;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
#banner .item .text .tit {
  font-size: 64px;
  line-height: 1.2;
  margin-bottom: 30px;
}
@media screen and (max-width: 1440px) {
  #banner .item .text .tit {
    font-size: calc(64 / 1920 * 100vw);
    margin-bottom: calc(30 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  #banner .item .text .tit {
    font-size: 0.48rem;
    margin-bottom: 0.3rem;
  }
}
#banner .item .text .g_btn1 {
  color: #fff;
  border-color: #fff;
}
#banner .item .text .g_btn1 .jt {
  background-color: #fff;
}
#banner .item .text .g_btn1 .jt::after {
  border-left-color: #fff;
}
#main {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.index-brands {
  background-color: #fff;
  height: 250px;
}
@media screen and (max-width: 1440px) {
  .index-brands {
    height: calc(200 / 1920 * 100vw + 50px);
  }
}
@media screen and (max-width: 990px) {
  .index-brands {
    height: calc(1rem + 50px);
  }
}
.index-brands.fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}
@media screen and (max-width: 990px) {
  .index-brands.fixed {
    position: static;
  }
}
.index-brands .list {
  padding: 0 60px;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  overflow-x: auto;
}
@media screen and (max-width: 1920px) {
  .index-brands .list {
    padding: 0 calc(60 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-brands .list {
    padding: 0;
  }
}
.index-brands .list li {
  margin-right: 10px;
}
@media screen and (max-width: 990px) {
  .index-brands .list li {
    margin-right: 0;
    width: 25vw;
    flex: none;
  }
}
.index-brands .list li:last-child {
  margin-right: 0;
}
.index-brands .list .item {
  height: 200px;
  padding: 25px 0;
  position: relative;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1440px) {
  .index-brands .list .item {
    height: calc(200 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-brands .list .item {
    height: 1rem;
    padding: 0.2rem 0;
  }
}
.index-brands .list .item::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 2px;
  background-color: #dadada;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.index-brands .list .item:hover::after {
  width: 100%;
}
.index-brands .list .item img {
  display: block;
  max-height: 100%;
}
@media screen and (max-width: 990px) {
  .index-brands .list .item img {
    max-height: 100%;
    max-width: 80%;
  }
}
.index-news {
  padding: 140px 0 110px;
  background-color: #e8e8e8;
}
@media screen and (max-width: 1920px) {
  .index-news {
    padding: calc(140 / 1920 * 100vw) 0 calc(110 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-news {
    padding: 1rem 0 2rem;
    position: relative;
  }
}
.index-news .container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 990px) {
  .index-news .container {
    display: block;
  }
}
.index-news .container .aside {
  order: 2;
}
.index-news .container .content {
  order: 1;
  position: relative;
}
.index-news .g_tit1 {
  text-align: right;
}
.index-news .g_tit1 .gt1 {
  margin-bottom: 40px;
}
@media screen and (max-width: 1920px) {
  .index-news .g_tit1 .gt1 {
    margin-bottom: calc(40 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-news .g_tit1 .gt1 {
    margin-bottom: 0.4rem;
  }
}
.index-news .swiper-btns {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 50px;
/* .prev {
			@media screen and (max-width: 990px) {
				left 1%
			}
		}
		.next {
			@media screen and (max-width: 990px) {
				right 1%
			}
		} */
}
@media screen and (max-width: 1920px) {
  .index-news .swiper-btns {
    margin-bottom: calc(50 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-news .swiper-btns {
    margin-bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.8rem;
    justify-content: center;
  }
}
.index-news .swiper-btns .prev,
.index-news .swiper-btns .next {
  color: #000;
  font-size: 12px;
  width: 78px;
  height: 78px;
  border: 1px solid rgba(0,0,0,0.4);
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 30px;
  -webkit-transition: border 0.35s;
  -ms-transition: border 0.35s;
  transition: border 0.35s;
  position: relative;
}
@media screen and (max-width: 1920px) {
  .index-news .swiper-btns .prev,
  .index-news .swiper-btns .next {
    width: calc(78 / 1920 * 100vw);
    height: calc(78 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-news .swiper-btns .prev,
  .index-news .swiper-btns .next {
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 0.1rem;
  }
}
.index-news .swiper-btns .prev::before,
.index-news .swiper-btns .next::before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.index-news .swiper-btns .prev:hover,
.index-news .swiper-btns .next:hover {
  color: #fff;
  border-color: #000;
}
.index-news .swiper-btns .prev:hover::before,
.index-news .swiper-btns .next:hover::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.index-news .swiper-btns .prev i,
.index-news .swiper-btns .next i {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 990px) {
  .index-news .swiper-btns .prev i,
  .index-news .swiper-btns .next i {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.index-news .swiper_text {
  width: 700px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
@media screen and (max-width: 1920px) {
  .index-news .swiper_text {
    width: calc(700 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-news .swiper_text {
    position: static;
    width: 85%;
    height: 0;
    -webkit-transform: translateX(-0.3rem);
    -ms-transform: translateX(-0.3rem);
    transform: translateX(-0.3rem);
  }
}
.index-news .swiper_text.active {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 990px) {
  .index-news .swiper_text.active {
    height: auto;
  }
}
.index-news .swiper_text .item_con {
  padding: 70px 60px;
  background-color: #fff;
}
@media screen and (max-width: 1920px) {
  .index-news .swiper_text .item_con {
    padding: calc(70 / 1920 * 100vw) calc(60 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-news .swiper_text .item_con {
    padding: 0.7rem 0.3rem;
  }
}
.index-news .swiper_text .text {
  margin-bottom: 70px;
}
@media screen and (max-width: 1920px) {
  .index-news .swiper_text .text {
    margin-bottom: calc(70 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-news .swiper_text .text {
    margin-bottom: 0.6rem;
  }
}
.index-news .swiper_text .text .date {
  /*font-family: 'Georgia', 'Geometos';*/
  margin-bottom: 20px;
}
@media screen and (max-width: 1920px) {
  .index-news .swiper_text .text .date {
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-news .swiper_text .text .date {
    margin-bottom: 0.2rem;
  }
}
.index-news .swiper_text .text .title {
  font-size: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 20px;
}
@media screen and (max-width: 1920px) {
  .index-news .swiper_text .text .title {
    font-size: calc(30 / 1920 * 100vw);
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-news .swiper_text .text .title {
    font-size: 0.36rem;
    margin-bottom: 0.2rem;
  }
}
.index-news .swiper_text .text .title a {
  color: #333;
}
.index-news .swiper_text .text .intro {
  color: #999;
  line-height: 1.8;
  height: 3.6em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}
.index-news .swiper_text .picture {
  height: 0;
  padding-top: calc(480 / 580 * 100%);
  margin-bottom: 70px;
}
@media screen and (max-width: 1920px) {
  .index-news .swiper_text .picture {
    margin-bottom: calc(70 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-news .swiper_text .picture {
    margin-bottom: 0.6rem;
    padding-top: calc(570 / 870 * 100%);
  }
}
.index-news .swiper_text .g_btn1 {
  border: 0;
}
.index-news .swiper_img {
  width: 950px;
  height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
@media screen and (max-width: 1920px) {
  .index-news .swiper_img {
    width: calc(950 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-news .swiper_img {
    width: auto;
    position: absolute;
    left: 0.3rem;
    right: 0.6rem;
    bottom: calc(2.6rem + 55px);
  }
}
.index-news .swiper_img.active {
  opacity: 1;
  visibility: visible;
  height: 480px;
  overflow: visible;
}
@media screen and (max-width: 1920px) {
  .index-news .swiper_img.active {
    height: calc(480 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-news .swiper_img.active {
    height: calc(480 / 830 * 100vw);
  }
}
.index-news .swiper_img .swiper {
  overflow: visible;
}
.index-news .swiper_img .item_con {
  margin: 0 60px;
}
@media screen and (max-width: 1920px) {
  .index-news .swiper_img .item_con {
    margin: 0 calc(60 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-news .swiper_img .item_con {
    margin: 0 0.15rem 0 0;
  }
}
.index-news .swiper_img .picture {
  height: 0;
  padding-top: calc(480 / 830 * 100%);
  position: relative;
  overflow: hidden;
}
.index-news .swiper_img .picture img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.index-news .swiper_img .picture:hover img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.index-profile {
  padding: 200px 0 140px;
  background: #f1f1f1 url("../images/bg01.png") no-repeat center;
  background-attachment: fixed;
  -webkit-background-size: 100% auto;
  -ms-background-size: 100% auto;
  background-size: 100% auto;
}
@media screen and (max-width: 1920px) {
  .index-profile {
    padding: calc(200 / 1920 * 100vw + 60px) 0 calc(140 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-profile {
    padding: 1rem 0;
    background-attachment: scroll;
    background-position: center 2rem;
  }
}
.index-profile .index-profile_top {
  font-size: 18px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 120px;
}
@media screen and (max-width: 1920px) {
  .index-profile .index-profile_top {
    margin-bottom: calc(120 / 1920 * 100vw);
  }
}
@media screen and (max-width: 1280px) {
  .index-profile .index-profile_top {
    font-size: 16px;
  }
}
@media screen and (max-width: 990px) {
  .index-profile .index-profile_top {
    font-size: 0.28rem;
    margin-bottom: 0.8rem;
    display: block;
  }
}
.index-profile .index-profile_top .left {
  flex: 1;
  margin-right: 60px;
}
@media screen and (max-width: 1920px) {
  .index-profile .index-profile_top .left {
    margin-right: calc(60 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-profile .index-profile_top .left {
    margin-right: 0;
  }
}
.index-profile .index-profile_top .right {
  width: 660px;
  max-width: 60%;
}
@media screen and (max-width: 990px) {
  .index-profile .index-profile_top .right {
    width: auto;
    max-width: 100%;
  }
}
.index-profile .index-profile_top .g_tit1 {
  margin-bottom: 250px;
}
@media screen and (max-width: 1920px) {
  .index-profile .index-profile_top .g_tit1 {
    margin-bottom: calc(250 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-profile .index-profile_top .g_tit1 {
    margin-bottom: 1rem;
  }
}
.index-profile .index-profile_top .info {
  color: #999;
}
@media screen and (max-width: 990px) {
  .index-profile .index-profile_top .info {
    margin-bottom: 1rem;
  }
}
.index-profile .index-profile_top .info .year {
  font-size: 160px;
  font-family: 'Hagin Caps Medium', 'HaginCapsMedium';
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1px #999;
}
@media screen and (max-width: 1920px) {
  .index-profile .index-profile_top .info .year {
    font-size: calc(160 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-profile .index-profile_top .info .year {
    font-size: 1.2rem;
  }
}
.index-profile .index-profile_top .intro {
  line-height: 2;
  text-align: justify;
  margin-bottom: 50px;
}
@media screen and (max-width: 1920px) {
  .index-profile .index-profile_top .intro {
    margin-bottom: calc(50 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-profile .index-profile_top .intro {
    margin-bottom: 0.4rem;
  }
}
.index-profile_list {
  position: relative;
}
.index-profile_list .swiper {
  z-index: 1;
  overflow: visible;
}
.index-profile_list .swiper .swiper-slide {
  transform-origin: 50% 50%;
  z-index: 1;
  width: calc(660 / 1920 * 100vw);
}
@media screen and (max-width: 990px) {
  .index-profile_list .swiper .swiper-slide {
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    opacity: 0.6;
  }
}
.index-profile_list .swiper .swiper-slide.swiper-slide-next,
.index-profile_list .swiper .swiper-slide.swiper-slide-duplicate-next {
  width: calc(920 / 1920 * 100vw);
}
@media screen and (max-width: 990px) {
  .index-profile_list .swiper .swiper-slide.swiper-slide-next,
  .index-profile_list .swiper .swiper-slide.swiper-slide-duplicate-next {
    width: calc(920 / 660 * 60vw);
  }
}
.index-profile_list .swiper .swiper-slide.swiper-slide-duplicate.swiper-slide-prev {
  opacity: 0;
}
@media screen and (max-width: 990px) {
  .index-profile_list .swiper .swiper-slide.swiper-slide-duplicate.swiper-slide-prev {
    opacity: 0.6;
  }
}
.index-profile_list .swiper .swiper-slide.swiper-slide-active,
.index-profile_list .swiper .swiper-slide.swiper-slide-duplicate-active {
  z-index: 2;
}
@media screen and (max-width: 990px) {
  .index-profile_list .swiper .swiper-slide.swiper-slide-active,
  .index-profile_list .swiper .swiper-slide.swiper-slide-duplicate-active {
    opacity: 1;
  }
}
@media screen and (max-width: 990px) {
  .index-profile_list .swiper .swiper-slide.swiper-slide-active .split,
  .index-profile_list .swiper .swiper-slide.swiper-slide-duplicate-active .split {
    height: 0.2rem;
    margin: 0.2rem 0;
  }
}
@media screen and (max-width: 990px) {
  .index-profile_list .swiper .swiper-slide.swiper-slide-active .intro,
  .index-profile_list .swiper .swiper-slide.swiper-slide-duplicate-active .intro {
    height: 1.5em;
  }
}
@media screen and (max-width: 990px) {
  .index-profile_list .swiper .swiper-slide.swiper-slide-active .bot,
  .index-profile_list .swiper .swiper-slide.swiper-slide-duplicate-active .bot {
    height: 0.5rem;
    margin-top: 0.3rem;
  }
}
.index-profile_list .swiper .swiper-slide.swiper-slide-active .btn::after,
.index-profile_list .swiper .swiper-slide.swiper-slide-duplicate-active .btn::after {
  width: 100%;
}
.index-profile_list .swiper-btns {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
@media screen and (max-width: 990px) {
  .index-profile_list .swiper-btns {
    position: static;
    display: none;
  }
}
@media screen and (max-width: 990px) {
  .index-profile_list .swiper-btns .prev {
    left: 1%;
  }
}
@media screen and (max-width: 990px) {
  .index-profile_list .swiper-btns .next {
    right: 1%;
  }
}
.index-profile_list .swiper-btns .prev,
.index-profile_list .swiper-btns .next {
  color: #000;
  font-size: 12px;
  width: 78px;
  height: 78px;
  border: 1px solid rgba(0,0,0,0.4);
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 30px;
  -webkit-transition: border 0.35s;
  -ms-transition: border 0.35s;
  transition: border 0.35s;
  position: relative;
}
@media screen and (max-width: 1920px) {
  .index-profile_list .swiper-btns .prev,
  .index-profile_list .swiper-btns .next {
    width: calc(78 / 1920 * 100vw);
    height: calc(78 / 1920 * 100vw);
    margin-right: calc(30 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-profile_list .swiper-btns .prev,
  .index-profile_list .swiper-btns .next {
    width: 0.8rem;
    height: 0.8rem;
    margin: 0;
    position: absolute;
    z-index: 9;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.index-profile_list .swiper-btns .prev::before,
.index-profile_list .swiper-btns .next::before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.index-profile_list .swiper-btns .prev:hover,
.index-profile_list .swiper-btns .next:hover {
  color: #fff;
  border-color: #000;
}
.index-profile_list .swiper-btns .prev:hover::before,
.index-profile_list .swiper-btns .next:hover::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.index-profile_list .swiper-btns .prev i,
.index-profile_list .swiper-btns .next i {
  position: relative;
  z-index: 2;
}
.index-profile_list .item_con {
  display: block;
  position: relative;
}
.index-profile_list .item_con:hover .split {
  height: 20px;
  margin: 20px 0;
}
@media screen and (max-width: 1920px) {
  .index-profile_list .item_con:hover .split {
    height: calc(20 / 1920 * 100vw);
    margin: calc(20 / 1920 * 100vw) 0;
  }
}
@media screen and (max-width: 990px) {
  .index-profile_list .item_con:hover .split {
    height: 0.2rem;
    margin: 0.2rem 0;
  }
}
.index-profile_list .item_con:hover .intro {
  height: 1.5em;
}
.index-profile_list .item_con:hover .picture img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.index-profile_list .item_con:hover .bot {
  height: 50px;
  margin-top: 30px;
}
@media screen and (max-width: 1920px) {
  .index-profile_list .item_con:hover .bot {
    height: calc(50 / 1920 * 100vw);
    margin-top: calc(30 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-profile_list .item_con:hover .bot {
    height: 0.5rem;
    margin-top: 0.3rem;
  }
}
.index-profile_list .item_con:hover .btn::after {
  width: 100%;
}
.index-profile_list .picture {
  height: 0;
  padding-top: calc(390 / 660 * 100%);
  background-color: #69767e;
  overflow: hidden;
  position: relative;
/* &:hover {
			img {
				transform(scale(1.03))
			}
		} */
}
.index-profile_list .picture img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.index-profile_list .text {
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  padding: 0 50px;
}
@media screen and (max-width: 1920px) {
  .index-profile_list .text {
    bottom: calc(40 / 1920 * 100vw);
    padding: 0 calc(50 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-profile_list .text {
    bottom: 0.3rem;
    padding: 0 0.3rem;
  }
}
.index-profile_list .text .title {
  font-size: 30px;
}
@media screen and (max-width: 1920px) {
  .index-profile_list .text .title {
    font-size: calc(30 / 1920 * 100vw);
  }
}
@media screen and (max-width: 1280px) {
  .index-profile_list .text .title {
    font-size: 20px;
  }
}
@media screen and (max-width: 990px) {
  .index-profile_list .text .title {
    font-size: 0.4rem;
  }
}
.index-profile_list .text .split {
  height: 0;
  width: 2px;
  background-color: #fff;
  margin: 0;
  display: block;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.index-profile_list .text .intro {
  height: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.index-profile_list .text .bot {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.index-profile_list .text .btn {
  float: left;
  height: 50px;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1920px) {
  .index-profile_list .text .btn {
    height: calc(50 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-profile_list .text .btn {
    font-size: 0.24rem;
    height: 0.5rem;
  }
}
.index-profile_list .text .btn::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  -webkit-transition: 0.35s 0.5s;
  -ms-transition: 0.35s 0.5s;
  transition: 0.35s 0.5s;
}
.index-profile_list .text .btn i {
  font-size: 12px;
  margin-right: -10px;
  margin-left: 5px;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
@media screen and (max-width: 990px) {
  .index-profile_list .text .btn i {
    font-size: 0.2rem;
  }
}
.index-profile_list .text .btn:hover i {
  margin-left: 15px;
}
.index-job {
  padding: 250px 0;
}
@media screen and (max-width: 1920px) {
  .index-job {
    padding: calc(250 / 1920 * 100vw) 0;
  }
}
@media screen and (max-width: 990px) {
  .index-job {
    padding: 2rem 0;
  }
}
.index-job .text {
  color: #fff;
}
.index-job .text .title {
  font-size: 60px;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 80px;
}
@media screen and (max-width: 1920px) {
  .index-job .text .title {
    font-size: calc(60 / 1920 * 100vw);
    margin-bottom: calc(80 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index-job .text .title {
    font-size: 0.6rem;
    margin-bottom: 0.5rem;
  }
}
.index {
  background-color: #f1f1f1;
/* &::before {
		content ''
		position fixed
		z-index -1
		left 0
		top 0
		right 0
		bottom 0
		background-image url(../images/bg02.jpg)
		background-repeat no-repeat
		background-position center top
		bgsize(100% auto)
		@media screen and (max-width: 990px) {
			background-image url(../images/mbg02.jpg)
		}
	} */
}
.index #footer {
  background-color: transparent;
}
.index #footer .container {
  padding-bottom: 70px;
}
@media screen and (max-width: 1920px) {
  .index #footer .container {
    padding-bottom: calc(70 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .index #footer .container {
    padding-bottom: 0.3rem;
  }
}
.wow {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.wow:nth-child(2) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.wow:nth-child(3) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.wow:nth-child(4) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
@-webkit-keyframes movepoint {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  50% {
    opacity: 0.6;
    -webkit-transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes moveup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes moveup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes scaleBigSmall {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-moz-keyframes scaleBigSmall {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.h30 {
  height: 30px;
}
@media screen and (max-width: 1920px) {
  .h30 {
    height: calc(30 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .h30 {
    height: 0.3rem;
  }
}
.h80 {
  height: 80px;
}
@media screen and (max-width: 1920px) {
  .h80 {
    height: calc(80 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .h80 {
    height: 0.8rem;
  }
}
.h100 {
  height: 100px;
}
@media screen and (max-width: 1920px) {
  .h100 {
    height: calc(100 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .h100 {
    height: 1rem;
  }
}
.header_space {
  height: 100px;
}
@media screen and (max-width: 990px) {
  .header_space {
    height: 1rem;
  }
}
.currentBread {
  color: #333;
  font-size: 14px;
  height: 30px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 1920px) {
  .currentBread {
    margin-bottom: calc(50 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .currentBread {
    margin-bottom: 0.5rem;
  }
}
.currentBread a {
  color: #333;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  margin: 0 15px;
}
.currentBread a:first-child {
  margin-left: 0;
}
.currentBread span {
  margin-left: 15px;
}
.currentBread .iconfont {
  font-size: 24px;
}
#ban {
  height: 480px;
  padding: 100px 0;
  background-color: #000;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 1920px) {
  #ban {
    padding-bottom: calc(100 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  #ban {
    height: 4.8rem;
    padding: 1rem 0;
  }
}
#ban::before {
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  height: 150px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0));
}
#ban.ban_black {
  background-color: #f4f4f4;
}
#ban.ban_black .currentBread {
  color: #333;
}
#ban.ban_black .currentBread a {
  color: #333;
}
#ban .wrapper {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
#ban .currentBread {
  color: #fff;
}
@media screen and (max-width: 990px) {
  #ban .currentBread {
    position: absolute;
    left: 0.4rem;
    right: 0.4rem;
    bottom: 0.1rem;
    margin-bottom: 0;
  }
}
#ban .currentBread a {
  color: #fff;
}
#ban .banText {
  flex: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  align-items: center;
/* @media screen and (max-width: 1920px) {
			height calc(420/1920*100vw)
			min-height 100px
		} */
}
#ban .banText h2 {
  color: #fff;
  font-size: 46px;
  line-height: 1;
  margin-bottom: 25px;
}
@media screen and (max-width: 1920px) {
  #ban .banText h2 {
    font-size: calc(46 / 1920 * 100vw);
    margin-bottom: calc(25 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  #ban .banText h2 {
    font-size: 0.46rem;
    margin-bottom: 0.25rem;
  }
}
#ban .banText .line {
  width: 0;
  height: 30px;
  border-right: 1px solid #fff;
}
@media screen and (max-width: 1920px) {
  #ban .banText .line {
    height: calc(30 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  #ban .banText .line {
    height: 0.3rem;
  }
}
.m-brand-row {
  padding: 80px;
  min-height: 590px;
  background-color: #69767e;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 80px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1920px) {
  .m-brand-row {
    padding: calc(80 / 1920 * 100vw);
    min-height: calc(590 / 1920 * 100vw);
    margin-bottom: calc(80 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-brand-row {
    padding: 0.8rem 0.4rem;
    margin-bottom: 0.8rem;
    margin-top: 1rem;
  }
}
.m-brand-row:nth-child(2n) {
  justify-content: flex-end;
}
.m-brand-row:nth-child(2n) .text {
  text-align: right;
}
.m-brand-row:nth-child(2n) .text .g_btn2 {
  float: right;
}
.m-brand-row:nth-child(2n) .text .btn {
  float: right;
}
.m-brand-row::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.4);
  display: none;
}
@media screen and (max-width: 990px) {
  .m-brand-row::before {
    display: block;
  }
}
.m-brand-row.row_whitebg::before {
  background-color: rgba(255,255,255,0.4);
}
.m-brand-row .text {
  max-width: 700px;
  position: relative;
  z-index: 2;
}
.m-brand-row .text .icon {
  margin-bottom: 20px;
}
@media screen and (max-width: 1920px) {
  .m-brand-row .text .icon {
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-brand-row .text .icon {
    margin-bottom: 0.2rem;
  }
}
.m-brand-row .text .icon img {
  max-height: 120px;
}
@media screen and (max-width: 1920px) {
  .m-brand-row .text .icon img {
    max-height: calc(120 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-brand-row .text .icon img {
    max-height: 1.1rem;
  }
}
.m-brand-row .text .intro {
  color: #fff;
  line-height: 2;
  margin-bottom: 45px;
}
@media screen and (max-width: 1920px) {
  .m-brand-row .text .intro {
    margin-bottom: calc(45 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-brand-row .text .intro {
    margin-bottom: 0.45rem;
  }
}
.m-brand-row .text .intro.fcb {
  color: #000;
}
.m-brand-row .text .btn {
  color: #333;
  font-size: 14px;
  width: 180px;
  height: 60px;
  background-color: #f1f1f1;
  -webkit-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 1920px) {
  .m-brand-row .text .btn {
    width: calc(180 / 1920 * 100vw);
    height: calc(60 / 1920 * 100vw);
    min-width: 120px;
    min-height: 40px;
  }
}
@media screen and (max-width: 990px) {
  .m-brand-row .text .btn {
    font-size: 0.24rem;
    width: 2.2rem;
    height: 0.6rem;
  }
}
.m-brand-row .text .btn::before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: 220px;
  height: 220px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-left: -110px;
  margin-top: -110px;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
@media screen and (max-width: 1920px) {
  .m-brand-row .text .btn::before {
    width: calc(220 / 1920 * 100vw);
    height: calc(220 / 1920 * 100vw);
    min-width: 180px;
    min-height: 180px;
    margin-left: calc(-110 / 1920 * 100vw);
    margin-top: calc(-110 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-brand-row .text .btn::before {
    width: 3.2rem;
    height: 3.2rem;
    margin-left: -1.6rem;
    margin-top: -1.6rem;
  }
}
.m-brand-row .text .btn:hover::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.m-brand-row .text .btn:hover i {
  margin-left: 20px;
}
@media screen and (max-width: 1920px) {
  .m-brand-row .text .btn:hover i {
    margin-left: calc(20 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-brand-row .text .btn:hover i {
    margin-left: 0.2rem;
  }
}
.m-brand-row .text .btn span {
  position: relative;
  z-index: 2;
}
.m-brand-row .text .btn i {
  font-size: 12px;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  margin-left: 10px;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
@media screen and (max-width: 1920px) {
  .m-brand-row .text .btn i {
    margin-left: calc(10 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-brand-row .text .btn i {
    margin-left: 0.1rem;
  }
}
.m-tit1 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1280px) {
  .m-tit1 {
    margin-bottom: calc(70 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-tit1 {
    margin-bottom: 0.7rem;
    display: block;
  }
}
.m-tit1 h3 {
  font-size: 36px;
  line-height: 60px;
  flex: none;
}
@media screen and (max-width: 1920px) {
  .m-tit1 h3 {
    font-size: calc(36 / 1920 * 100vw);
  }
}
@media screen and (max-width: 1280px) {
  .m-tit1 h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 990px) {
  .m-tit1 h3 {
    font-size: 0.4rem;
    line-height: 0.6rem;
    margin-bottom: 0.3rem;
  }
}
@media screen and (max-width: 990px) {
  .m-tit1 .right {
    text-align: right;
  }
}
.m-tit1 .select {
  height: 60px;
  background-color: #e8e8e8;
  border: 1px solid #dcdcdc;
  width: 500px;
  padding: 0 20px 0 30px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  position: relative;
  z-index: 9999;
}
@media screen and (max-width: 1920px) {
  .m-tit1 .select {
    width: calc(500 / 1920 * 100vw);
    margin-bottom: calc(15 / 1920 * 100vw);
    padding: 0 calc(20 / 1920 * 100vw) 0 calc(30 / 1920 * 100vw);
    min-width: 300px;
  }
}
@media screen and (max-width: 990px) {
  .m-tit1 .select {
    width: auto;
    min-width: 0;
    padding: 0 0.2rem 0 0.3rem;
    height: 0.8rem;
    min-height: 50px;
    margin-bottom: 0.15rem;
  }
}
.m-tit1 .select:hover .value i {
  -webkit-transform: scale(0.8) rotate(90deg);
  -ms-transform: scale(0.8) rotate(90deg);
  transform: scale(0.8) rotate(90deg);
}
.m-tit1 .select:hover .option {
  opacity: 1;
  visibility: visible;
}
.m-tit1 .select .value {
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
}
.m-tit1 .select .value i {
  font-size: 12px;
  margin-left: 5px;
  display: inline-block;
  -webkit-transform: scale(0.8) rotate(-90deg);
  -ms-transform: scale(0.8) rotate(-90deg);
  transform: scale(0.8) rotate(-90deg);
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.m-tit1 .select .option {
  position: absolute;
  left: -1px;
  top: 100%;
  right: -1px;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.m-tit1 .select .option li {
  color: #999;
  font-size: 14px;
  line-height: 3.5;
  padding: 0 30px;
  cursor: pointer;
}
@media screen and (max-width: 990px) {
  .m-tit1 .select .option li {
    padding: 0 0.3rem;
  }
}
.m-tit1 .select .option li.select,
.m-tit1 .select .option li:hover {
  color: #000;
}
.m-list1 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}
.m-list1 .item {
  width: 33.333%;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 70px;
}
@media screen and (max-width: 1920px) {
  .m-list1 .item {
    margin-bottom: calc(70 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-list1 .item {
    margin-bottom: 0.7rem;
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .m-list1 .item {
    width: 100%;
  }
}
.m-list1 .item .con {
  display: block;
}
.m-list1 .item .con:hover .picture img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.m-list1 .item .picture {
  position: relative;
  height: 0;
  padding-top: calc(400 / 570 * 100%);
  overflow: hidden;
  margin-bottom: 40px;
}
@media screen and (max-width: 1920px) {
  .m-list1 .item .picture {
    margin-bottom: calc(40 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-list1 .item .picture {
    margin-bottom: 0.4rem;
  }
}
.m-list1 .item .picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.m-list1 .item .text {
  color: #333;
  font-size: 14px;
}
@media screen and (max-width: 1280px) {
  .m-list1 .item .text {
    font-size: 12px;
  }
}
@media screen and (max-width: 990px) {
  .m-list1 .item .text {
    font-size: 0.24rem;
  }
}
.m-list1 .item .text .date {
  /*font-family: 'Georgia', 'Geometos';*/
}
.m-list1 .item .text .title {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 5px 0;
}
@media screen and (max-width: 1440px) {
  .m-list1 .item .text .title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1280px) {
  .m-list1 .item .text .title {
    font-size: 16px;
  }
}
@media screen and (max-width: 990px) {
  .m-list1 .item .text .title {
    font-size: 0.32rem;
  }
}
.m-page {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 990px) {
  .m-page {
    display: block;
  }
}
.m-page ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 990px) {
  .m-page ul {
    justify-content: center;
  }
}
.m-page ul li,
.m-page ul span,
.m-page ul a {
  color: #333;
  width: 62px;
  height: 62px;
  padding-top: 12px;
  background: url("../images/bg_btn.png") no-repeat left center;
  background-color: #e3e3e3;
  -webkit-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px;
}
@media screen and (max-width: 1920px) {
  .m-page ul li,
  .m-page ul span,
	.m-page ul a {
    width: calc(62 / 1920 * 100vw);
    height: calc(62 / 1920 * 100vw);
    padding-top: 0;
    min-width: 50px;
    min-height: 50px;
  }
}
@media screen and (max-width: 990px) {
  .m-page ul li,
  .m-page ul span,
	.m-page ul a {
    width: 0.62rem;
    height: 0.62rem;
    padding-top: 0;
  }
}
.m-page ul li.current,
.m-page span.current {
  color: #fff;
  background-image: url("../images/bg_btn-b.png");
  background-color: #000;
}
.m-page ul li.pbtn {
  color: #333;
  background-image: none;
  width: auto;
  min-width: 0;
  padding-left: 12px;
  padding-right: 12px;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.m-page ul li.pbtn:hover {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}
.m-page .form {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  margin-left: 40px;
}
@media screen and (max-width: 1920px) {
  .m-page .form {
    margin-left: calc(40 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-page .form {
    margin-left: 0;
    justify-content: center;
    margin-top: 0.4rem;
  }
}
.m-page .inp,
.m-page .btn {
  color: #333;
  width: 62px;
  height: 62px;
  padding-top: 12px;
  background: url("../images/bg_btn.png") no-repeat left center;
  -webkit-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
}
@media screen and (max-width: 1920px) {
  .m-page .inp,
  .m-page .btn {
    width: calc(62 / 1920 * 100vw);
    height: calc(62 / 1920 * 100vw);
    padding-top: calc(12 / 1920 * 100vw);
    min-width: 50px;
    min-height: 50px;
  }
}
@media screen and (max-width: 990px) {
  .m-page .inp,
  .m-page .btn {
    width: 0.62rem;
    height: 0.62rem;
    padding-top: 0.12rem;
    font-size: 0.24rem;
  }
}
.m-page .inp {
  color: #fff;
  text-align: center;
  background-image: url("../images/bg_btn-b.png");
}
.m-page .btn {
  cursor: pointer;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.report_container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 990px) {
  .report_container {
    display: block;
  }
}
.report_container .report_aside {
  width: 595px;
}
@media screen and (max-width: 1920px) {
  .report_container .report_aside {
    width: calc(595 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .report_container .report_aside {
    width: auto;
  }
}
.report_container .report_line {
  width: 0;
  border-right: 1px dotted #dadada;
}
.report_container .report_main {
  width: 965px;
}
@media screen and (max-width: 1920px) {
  .report_container .report_main {
    width: calc(965 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .report_container .report_main {
    width: auto;
  }
}
.m-list2 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -40px;
}
@media screen and (max-width: 1920px) {
  .m-list2 {
    margin: 0 calc(-40 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-list2 {
    margin: 0 -0.2rem;
  }
}
.m-list2 .item {
  width: 50%;
  padding: 0 40px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 70px;
}
@media screen and (max-width: 1920px) {
  .m-list2 .item {
    padding: 0 calc(40 / 1920 * 100vw);
    margin-bottom: calc(70 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-list2 .item {
    padding: 0 0.2rem;
    margin-bottom: 0.7rem;
  }
}
@media screen and (max-width: 480px) {
  .m-list2 .item {
    width: 100%;
  }
}
.m-list2 .item.con {
  width: 100%;
}
.m-list2 .picture {
  position: relative;
  height: 0;
  padding-top: calc(736 / 595 * 100%);
  overflow: hidden;
  margin-bottom: 40px;
}
@media screen and (max-width: 1920px) {
  .m-list2 .picture {
    margin-bottom: calc(40 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-list2 .picture {
    margin-bottom: 0.4rem;
  }
}
.m-list2 .picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.m-list2 .picture:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.m-list2 .text {
  color: #333;
  font-size: 14px;
  overflow: hidden;
}
@media screen and (max-width: 1280px) {
  .m-list2 .text {
    font-size: 12px;
  }
}
@media screen and (max-width: 990px) {
  .m-list2 .text {
    font-size: 0.24rem;
  }
}
.m-list2 .text .title {
  font-size: 22px;
  line-height: 1.5;
  max-height: 3em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 50px;
}
@media screen and (max-width: 1920px) {
  .m-list2 .text .title {
    margin-bottom: calc(50 / 1920 * 100vw);
  }
}
@media screen and (max-width: 1440px) {
  .m-list2 .text .title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1280px) {
  .m-list2 .text .title {
    font-size: 16px;
  }
}
@media screen and (max-width: 990px) {
  .m-list2 .text .title {
    font-size: 0.4rem;
    margin-bottom: 0.5rem;
  }
}
.m-list2 .text .btn {
  color: #fff;
  font-size: 14px;
  width: 140px;
  height: 50px;
  background-color: #999;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  margin-bottom: 10px;
  float: left;
}
@media screen and (max-width: 1920px) {
  .m-list2 .text .btn {
    margin-right: calc(20 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-list2 .text .btn {
    margin-right: 0.2rem;
  }
}
.m-list2 .text .btn.active {
  background-color: #000;
}
.m-tit2 {
  text-align: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 1920px) {
  .m-tit2 {
    margin-bottom: calc(80 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-tit2 {
    margin-bottom: 0.8rem;
  }
}
.m-tit2 h2 {
  font-size: 54px;
}
@media screen and (max-width: 1920px) {
  .m-tit2 h2 {
    font-size: calc(54 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-tit2 h2 {
    font-size: 0.54rem;
  }
}
.m-media-info .tabtit {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
  margin-bottom: 100px;
}
@media screen and (max-width: 1920px) {
  .m-media-info .tabtit {
    margin-bottom: calc(100 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-media-info .tabtit {
    margin: 0 -0.3rem;
    margin-bottom: 1rem;
  }
}
.m-media-info .tabtit::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 50%;
  border-bottom: 1px solid #dadada;
  display: none;
}
@media screen and (max-width: 990px) {
  .m-media-info .tabtit::before {
    display: block;
  }
}
.m-media-info .tabtit ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 990px) {
  .m-media-info .tabtit ul {
    padding: 0 0.3rem 0.3rem;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
}
.m-media-info .tabtit ul::-webkit-scrollbar {
  height: 0;
}
.m-media-info .tabtit ul::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 50%;
  border-bottom: 1px solid #dadada;
}
@media screen and (max-width: 990px) {
  .m-media-info .tabtit ul::before {
    display: none;
  }
}
.m-media-info .tabtit ul li {
  cursor: pointer;
  margin: 0 60px;
}
@media screen and (max-width: 1920px) {
  .m-media-info .tabtit ul li {
    margin: 0 calc(60 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-media-info .tabtit ul li {
    margin: 0 0.3rem;
  }
}
.m-media-info .tabtit ul li:first-child {
  margin-left: 0;
}
.m-media-info .tabtit ul li:last-child {
  margin-right: 0;
}
.m-media-info .tabtit ul li .icon {
  width: 68px;
  height: 68px;
  background-color: #fff;
  border: 1px solid #dadada;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1920px) {
  .m-media-info .tabtit ul li .icon {
    width: calc(68 / 1920 * 100vw);
    height: calc(68 / 1920 * 100vw);
    min-width: 40px;
    min-height: 40px;
  }
}
@media screen and (max-width: 990px) {
  .m-media-info .tabtit ul li .icon {
    width: 0.68rem;
    height: 0.68rem;
  }
}
.m-media-info .tabtit ul li .icon img {
  max-width: 80%;
  max-height: 80%;
  filter: brightness(0%);
}
.m-media-info .tabtit ul li.active .icon {
  width: 88px;
  height: 88px;
  background-color: #000;
}
@media screen and (max-width: 1920px) {
  .m-media-info .tabtit ul li.active .icon {
    width: calc(88 / 1920 * 100vw);
    height: calc(88 / 1920 * 100vw);
    min-width: 50px;
    min-width: 50px;
  }
}
@media screen and (max-width: 990px) {
  .m-media-info .tabtit ul li.active .icon {
    width: 0.88rem;
    height: 0.88rem;
  }
}
.m-media-info .tabtit ul li.active .icon img {
  filter: brightness(100%);
}
.m-list3 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media screen and (max-width: 1920px) {
  .m-list3 {
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-list3 {
    margin-bottom: 0.2rem;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.m-list3 .item {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
@media screen and (max-width: 990px) {
  .m-list3 .item {
    margin-bottom: 0.8rem;
  }
}
.m-list3 .item .icon {
  height: 50px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  margin-right: 20px;
}
@media screen and (max-width: 1920px) {
  .m-list3 .item .icon {
    margin-right: calc(20 / 1920 * 100vw);
    height: calc(50 / 1920 * 100vw);
    min-height: 30px;
  }
}
@media screen and (max-width: 990px) {
  .m-list3 .item .icon {
    height: 0.5rem;
    margin-right: 0.2rem;
  }
}
.m-list3 .item .icon img {
  max-height: 100%;
}
.m-list3 .item .text .title {
  font-size: 40px;
  height: 50px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 1920px) {
  .m-list3 .item .text .title {
    font-size: calc(40 / 1920 * 100vw);
    margin-bottom: calc(20 / 1920 * 100vw);
    height: calc(50 / 1920 * 100vw);
    min-height: 30px;
  }
}
@media screen and (max-width: 990px) {
  .m-list3 .item .text .title {
    font-size: 0.4rem;
    height: 0.5rem;
    margin-bottom: 0.2rem;
  }
}
.m-list3 .item .text .line {
  width: 0;
  height: 30px;
  border-right: 1px solid #000;
  margin-bottom: 40px;
  display: block;
}
@media screen and (max-width: 1920px) {
  .m-list3 .item .text .line {
    height: calc(30 / 1920 * 100vw);
    margin-bottom: calc(40 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-list3 .item .text .line {
    height: 0.3rem;
    margin-bottom: 0.4rem;
  }
}
.m-list3 .item .text .detail {
  font-size: 18px;
}
@media screen and (max-width: 1440px) {
  .m-list3 .item .text .detail {
    font-size: 16px;
  }
}
@media screen and (max-width: 1280px) {
  .m-list3 .item .text .detail {
    font-size: 14px;
  }
}
@media screen and (max-width: 990px) {
  .m-list3 .item .text .detail {
    font-size: 0.28rem;
  }
}
.m-list3 .item .text .detail a {
  color: #333;
}
/*.header_page:not(.header_black) #header:not(.scrolled) .logo img {
  filter: brightness(100);
}
.header_page:not(.header_black) #header:hover .logo img {
  filter: none;
}*/
.header_page:not(.header_black) #header:not(.scrolled) .logo img.hei {
 display: none;
}
.header_page:not(.header_black) #header:not(.scrolled) .logo img.bai{
	display: block;
}
.header_page:not(.header_black) #header:hover .logo img.hei {
  display: block;
}
.header_page:not(.header_black) #header:hover .logo img.bai {
  display: none;
}
.header_black #header .navigator .v1 {
  color: #333;
}
.header_black #header .searchBtn {
  color: #333;
}
.header_black #header .menuBtn em {
  background-color: #333;
}
.m-article {
  color: #000;
  margin: 0 auto;
  max-width: 900px;
  line-height: 2;
}
@media screen and (max-width: 990px) {
  .m-article {
    display: block;
  }
}
.m-article.fixme .code {
  position: fixed;
}
@media screen and (max-width: 990px) {
  .m-article.fixme .code {
    position: static;
  }
}
.m-article .content {
  flex: 1;
}
.m-article .content .hd {
  color: #999;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 1920px) {
  .m-article .content .hd {
    margin-bottom: calc(40 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-article .content .hd {
    margin-bottom: 0.4rem;
  }
}
.m-article .content .hd h1 {
  color: #000;
  font-size: 46px;
  padding: 40px 0;
  border-bottom: 1px solid #dadada;
  margin-bottom: 30px;
}
@media screen and (max-width: 1920px) {
  .m-article .content .hd h1 {
    font-size: calc(46 / 1920 * 100vw);
    padding: calc(40 / 1920 * 100vw) 0;
    margin-bottom: calc(30 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-article .content .hd h1 {
    font-size: 0.36rem;
    padding: 0.4rem 0;
    margin-bottom: 0.3rem;
  }
}
.m-article .content .bd img {
  max-width: 100%;
}
.m-article .content .load {
  color: #999;
  margin-top: 70px;
  text-align: center;
}
@media screen and (max-width: 1920px) {
  .m-article .content .load {
    margin-top: calc(70 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-article .content .load {
    margin-top: 0.7rem;
  }
}
.m-article .content .fd {
  margin: 100px 0;
  text-align: center;
}
.m-article .content .fd .back {
  color: #000;
  width: 6em;
  line-height: 2.5;
  margin: 0 auto;
  display: block;
  border-bottom: 1px solid #000;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
.m-article .content .fd .back:hover {
  padding: 0 10px;
}
.m-article .side {
  width: 170px;
  margin-left: 70px;
}
@media screen and (max-width: 1920px) {
  .m-article .side {
    margin-left: calc(70 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-article .side {
    width: 3.4rem;
    margin: 0.7rem auto 0;
  }
}
.m-article .side .code {
  text-align: center;
  padding: 25px;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.m-article .side .code img {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.m-about-intro {
  background-color: #f4f4f4;
}
.m-about-intro-joinus {
  background-color: #f9f9f9;
}
.m-about-gangwei{
	 background-color: #fff;
}
.m-about-intro .intro-text {
  font-size: 18px;
  line-height: 2;
  text-align:justify;
  max-width: 970px;
  margin: 0 auto 80px;
}
@media screen and (max-width: 1920px) {
  .m-about-intro .intro-text {
    margin-bottom: calc(80 / 1920 * 100vw);
  }
}
@media screen and (max-width: 1440px) {
  .m-about-intro .intro-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 990px) {
  .m-about-intro .intro-text {
    font-size: 0.32rem;
    margin-bottom: 0.8rem;
	text-align: justify;
  }
}
.m-about-intro .intro-text .en {
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (max-width: 1280px) {
  .m-about-intro .intro-text .en {
    font-size: 14px;
  }
}
@media screen and (max-width: 990px) {
  .m-about-intro .intro-text .en {
    font-size: 0.28rem;
  }
}
.m-about-intro .intro-list .swiper {
  overflow: visible;
}
.m-about-intro .intro-list .swiper .prev,
.m-about-intro .intro-list .swiper .next {
  color: #333;
  font-size: 12px;
  cursor: pointer;
  z-index: 9;
  position: absolute;
  z-index: 9;
  top: 50%;
  width: 78px;
  height: 78px;
  border: 1px solid rgba(0,0,0,0.2);
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1920px) {
  .m-about-intro .intro-list .swiper .prev,
  .m-about-intro .intro-list .swiper .next {
    width: calc(78 / 1920 * 100vw);
    height: calc(78 / 1920 * 100vw);
    min-width: 50px;
    min-height: 50px;
  }
}
.m-about-intro .intro-list .swiper .prev.swiper-button-disabled,
.m-about-intro .intro-list .swiper .next.swiper-button-disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.m-about-intro .intro-list .swiper .prev::before,
.m-about-intro .intro-list .swiper .next::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.m-about-intro .intro-list .swiper .prev i,
.m-about-intro .intro-list .swiper .next i {
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.m-about-intro .intro-list .swiper .prev:hover::before,
.m-about-intro .intro-list .swiper .next:hover::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.m-about-intro .intro-list .swiper .prev:hover i,
.m-about-intro .intro-list .swiper .next:hover i {
  color: #fff;
}
.m-about-intro .intro-list .swiper .prev {
  left: 50%;
  margin-left: calc(-400px - 120px);
}
@media screen and (max-width: 1920px) {
  .m-about-intro .intro-list .swiper .prev {
    margin-left: calc(-400 / 1920 * 100vw - 120 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-about-intro .intro-list .swiper .prev {
    left: 8%;
    margin-left: 0;
  }
}
.m-about-intro .intro-list .swiper .next {
  right: 50%;
  margin-right: calc(-400px - 120px);
}
@media screen and (max-width: 1920px) {
  .m-about-intro .intro-list .swiper .next {
    margin-right: calc(-400 / 1920 * 100vw - 120 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-about-intro .intro-list .swiper .next {
    right: 8%;
    margin-right: 0;
  }
}
.m-about-intro .intro-list .swiper .swiper-slide-active .picture {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.m-about-intro .intro-list .item {
  width: 800px;
}
@media screen and (max-width: 1920px) {
  .m-about-intro .intro-list .item {
    width: calc(800 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-about-intro .intro-list .item {
    width: 60vw;
  }
}
.m-about-intro .intro-list .item.swiper-slide-duplicate {
  /*opacity: 0.4;*/
}
.m-about-intro .intro-list .picture {
  height: 0;
  padding-top: calc(524 / 800 * 100%);
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  -webkit-transform: scale(calc(360 / 525));
  -ms-transform: scale(calc(360 / 525));
  transform: scale(calc(360 / 525));
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.m-about-intro .intro-list .picture:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.m-about-intro .intro-list .picture img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.m-tit3 {
  color: #333;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 1920px) {
  .m-tit3 {
    margin-bottom: calc(50 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-tit3 {
    margin-bottom: 0.5rem;
  }
}
.m-tit3.tit-w {
  color: #fff;
}
.m-tit3.tit-w .line {
  border-color: #fff;
}
.m-tit3 h2 {
  font-size: 44px;
}
@media screen and (max-width: 1920px) {
  .m-tit3 h2 {
    font-size: calc(44 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-tit3 h2 {
    font-size: 0.44rem;
  }
}
.m-tit3 .line {
  width: 0;
  height: 30px;
  border-right: 1px solid #333;
  display: block;
  margin: 30px auto 0;
}
@media screen and (max-width: 1920px) {
  .m-tit3 .line {
    height: calc(30 / 1920 * 100vw);
    margin-top: calc(30 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-tit3 .line {
    height: 0.3rem;
    margin-top: 0.3rem;
  }
}
.m-row {
  padding: 140px 0;
}
@media screen and (max-width: 1920px) {
  .m-row {
    padding: calc(140 / 1920 * 100vw) 0;
  }
}
@media screen and (max-width: 990px) {
  .m-row {
    padding: 1rem 0;
  }
}
.about::before {
  content: '';
  position: fixed;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  height: 100vh;
  background-image: url("../images/bg02.jpg");
  background-repeat: no-repeat;
  background-position: center 80px;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 1920px) {
  .about::before {
    background-position: center calc(80 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .about::before {
    background-position: center 0.8rem;
  }
}
.m-about-history {
  position: relative;
  min-height: 260vh;
  overflow: hidden;
}
@media screen and (max-width: 990px) {
  .m-about-history {
    min-height: 0;
  }
}
.m-about-history .m-about-history-fixbox.fixme {
  position: fixed;
  top: 120px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 990px) {
  .m-about-history .m-about-history-fixbox.fixme {
    position: static;
  }
}
.m-about-history .history-list {
  padding: 0 250px;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1920px) {
  .m-about-history .history-list {
    padding: 0 calc(250 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-about-history .history-list {
    display: block;
    /* padding: 0 0.4rem; */
    padding: 0 25px;
  }
}
.m-about-history .history-list .txtlist {
  flex: 1;
  overflow: hidden;
  position: absolute;
  left: 520px;
  top: 0;
  right: 120px;
/* &.fixme {
				position fixed
				top 220px
				z-index 0
				@media screen and (max-width: 1920px) {
					top calc(220/1920*100vw)
				}
				@media screen and (max-width: 990px) {
					// display block
					position static
				}
			} */
}
@media screen and (max-width: 1920px) {
  .m-about-history .history-list .txtlist {
    left: calc(520 / 1920 * 100vw);
    right: calc(120 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-about-history .history-list .txtlist {
    position: static;
  }
}
.m-about-history .history-list .txtlist .item {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  display: none;
}
@media screen and (max-width: 990px) {
  .m-about-history .history-list .txtlist .item {
    display: block;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding-bottom: 0.4rem;
    margin-bottom: 0.4rem;
  }
}
.m-about-history .history-list .txtlist .item.active {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
@media screen and (max-width: 990px) {
  .m-about-history .history-list .txtlist .item.active {
    display: block;
  }
}
.m-about-history .history-list .txtlist .picture {
  width: 730px;
}
@media screen and (max-width: 1920px) {
  .m-about-history .history-list .txtlist .picture {
    width: calc(730 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-about-history .history-list .txtlist .picture {
    width: auto;
  }
}
.m-about-history .history-list .txtlist .picture img {
  width: 100%;
  display: block;
}
.m-about-history .history-list .txtlist .text {
  color: #fff;
  width: 390px;
  flex: none;
  margin-right: 50px;
}
@media screen and (max-width: 1920px) {
  .m-about-history .history-list .txtlist .text {
    margin-right: calc(50 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-about-history .history-list .txtlist .text {
    width: auto;
  }
}
.m-about-history .history-list .txtlist .text .year {
  font-size: 36px;
  /*font-family: 'Georgia', 'Geometos';*/
  height: 90px;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  margin-bottom: 40px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1920px) {
  .m-about-history .history-list .txtlist .text .year {
    font-size: calc(36 / 1920 * 100vw);
    height: calc(90 / 1920 * 100vw);
    min-height: 50px;
    margin-bottom: calc(40 / 1920 * 100vw);
  }
}
@media screen and (max-width: 1280px) {
  .m-about-history .history-list .txtlist .text .year {
    font-size: 20px;
  }
}
@media screen and (max-width: 990px) {
  .m-about-history .history-list .txtlist .text .year {
    font-size: 0.4rem;
    font-weight: bold;
    border: 0;
    height: auto;
    min-height: 0;
    margin-bottom: 0.2rem;
  }
}
.m-about-history .history-list .txtlist .text .desc {
  font-size: 22px;
}
@media screen and (max-width: 1440px) {
  .m-about-history .history-list .txtlist .text .desc {
    font-size: 18px;
  }
}
@media screen and (max-width: 1280px) {
  .m-about-history .history-list .txtlist .text .desc {
    font-size: 14px;
  }
}
@media screen and (max-width: 990px) {
  .m-about-history .history-list .txtlist .text .desc {
    font-size: 0.28rem;
    margin-bottom: 0.3rem;
  }
}
.m-about-history .history-list .dotlist {
  width: 280px;
  position: relative;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
/* &.fixme {
				position fixed
				top 220px
				z-index 0
				@media screen and (max-width: 1920px) {
					top calc(220/1920*100vw)
				}
				@media screen and (max-width: 990px) {
					// display block
					position static
				}
			} */
}
@media screen and (max-width: 1920px) {
  .m-about-history .history-list .dotlist {
    width: calc(280 / 1920 * 100vw);
    min-width: 120px;
  }
}
@media screen and (max-width: 990px) {
  .m-about-history .history-list .dotlist {
    width: auto;
    margin: 0 -0.4rem;
    display: none;
  }
}
.m-about-history .history-list .dotlist::before {
  content: '';
  position: absolute;
  left: 12px;
  border-right: 1px solid #99a4ac;
  top: 20px;
  bottom: 20px;
}
@media screen and (max-width: 990px) {
  .m-about-history .history-list .dotlist::before {
    left: 0;
    right: 0;
    top: 12px;
    bottom: auto;
    border-right: 0;
    border-bottom: 1px solid #99a4ac;
  }
}
.m-about-history .history-list .dotlist ul {
  display: inline-block;
}
@media screen and (max-width: 990px) {
  .m-about-history .history-list .dotlist ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: space-between;
    padding: 0 0.4rem;
  }
}
.m-about-history .history-list .dotlist ul::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.m-about-history .history-list .dotlist li {
  color: #fff;
  /*font-family: 'Georgia', 'Geometos';*/
  height: 40px;
  cursor: pointer;
  margin-bottom: 60px;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1920px) {
  .m-about-history .history-list .dotlist li {
    margin-bottom: calc(60 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-about-history .history-list .dotlist li {
    flex: none;
    width: 20vw;
    font-size: 0.24rem;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 2px;
    height: 1rem;
  }
}
.m-about-history .history-list .dotlist li:last-child {
  margin-bottom: 0;
}
.m-about-history .history-list .dotlist li.active {
  font-size: 36px;
}
@media screen and (max-width: 1920px) {
  .m-about-history .history-list .dotlist li.active {
    font-size: calc(36 / 1920 * 100vw);
  }
}
@media screen and (max-width: 1280px) {
  .m-about-history .history-list .dotlist li.active {
    font-size: 20px;
  }
}
@media screen and (max-width: 990px) {
  .m-about-history .history-list .dotlist li.active {
    font-size: 0.4rem;
  }
}
.m-about-history .history-list .dotlist li.active i {
  margin-right: 14px;
}
@media screen and (max-width: 1920px) {
  .m-about-history .history-list .dotlist li.active i {
    margin-right: calc(14 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-about-history .history-list .dotlist li.active i {
    margin-right: 0;
  }
}
.m-about-history .history-list .dotlist li.active i::before {
  background-color: #fff;
}
.m-about-history .history-list .dotlist li.active i::after {
  border-color: #fff;
}
.m-about-history .history-list .dotlist li i {
  width: 25px;
  height: 25px;
  position: relative;
}
.m-about-history .history-list .dotlist li i::before,
.m-about-history .history-list .dotlist li i::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.m-about-history .history-list .dotlist li i::before {
  width: 10px;
  height: 10px;
  background-color: #99a4ac;
}
@media screen and (max-width: 1920px) {
  .m-about-history .history-list .dotlist li i::before {
    width: calc(10 / 1920 * 100vw);
    height: calc(10 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-about-history .history-list .dotlist li i::before {
    width: 0.1rem;
    height: 0.1rem;
  }
}
.m-about-history .history-list .dotlist li i::after {
  width: 25px;
  height: 25px;
  border: 1px solid transparent;
}
@media screen and (max-width: 1920px) {
  .m-about-history .history-list .dotlist li i::after {
    width: calc(25 / 1920 * 100vw);
    height: calc(25 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-about-history .history-list .dotlist li i::after {
    width: 0.25rem;
    height: 0.25rem;
  }
}
.m-about-contact {
  position: relative;
  z-index: 2;
  padding: 80px 0;
  background-color: #f9f9f9;
}
@media screen and (max-width: 1920px) {
  .m-about-contact {
    padding: calc(80 / 1920 * 100vw) 0;
  }
}
@media screen and (max-width: 990px) {
  .m-about-contact {
    padding: 0.8rem 0;
  }
}
.m-about-contact .contact-list {
  background-color: #fff;
}
.m-about-contact .contact-list .left,
.m-about-contact .contact-list .right {
  width: 50%;
  padding: 70px 20px 70px 80px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1920px) {
  .m-about-contact .contact-list .left,
  .m-about-contact .contact-list .right {
    padding: calc(70 / 1920 * 100vw) 20px calc(70 / 1920 * 100vw) calc(80 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-about-contact .contact-list .left,
  .m-about-contact .contact-list .right {
    width: 100%;
    padding: 0.6rem 0.4rem;
  }
}
.m-about-contact .contact-list .left:hover,
.m-about-contact .contact-list .right:hover {
  background-color: #f9f9f9;
}
.m-about-contact .contact-list i {
  width: 0;
  border-right: 1px dotted #dadada;
}
.m-about-contact .contact-list .swiper-slide {
  margin-right: 0 !important;
}
.m-about-contact .contact-list .swiper-slide:last-child .box {
  border: 0;
}
.m-about-contact .contact-list .box {
  padding: 70px 20px 70px 80px;
  border-right: 1px dotted #dadada;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 1920px) {
  .m-about-contact .contact-list .box {
    padding: calc(70 / 1920 * 100vw) 20px calc(70 / 1920 * 100vw) calc(80 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-about-contact .contact-list .box {
    padding: 0.6rem 0.4rem;
  }
}
.m-about-contact .contact-list .box:hover {
  background-color: #f9f9f9;
}
.m-about-contact .contact-list .title {
  font-size: 36px;
  text-align: center;
  margin-bottom: 60px;
  padding-right: calc(80 / 1920 * 100vw - 20px);
}
@media screen and (max-width: 1920px) {
  .m-about-contact .contact-list .title {
    font-size: calc(36 / 1920 * 100vw);
    margin-bottom: calc(60 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-about-contact .contact-list .title {
    font-size: 0.36rem;
    margin-bottom: 0.4rem;
  }
}
.m-about-contact .contact-list .list .item {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  margin-bottom: 20px;
}
@media screen and (max-width: 1920px) {
  .m-about-contact .contact-list .list .item {
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-about-contact .contact-list .list .item {
    margin-bottom: 0.4rem;
  }
}
.m-about-contact .contact-list .list .item:last-child .text .det {
  min-height: 0;
}
.m-about-contact .contact-list .list .item .icon {
  width: 46px;
  height: 46px;
  background-color: #333;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 30px;
}
@media screen and (max-width: 1920px) {
  .m-about-contact .contact-list .list .item .icon {
    margin-right: calc(30 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-about-contact .contact-list .list .item .icon {
    margin-right: 0.3rem;
  }
}
@media screen and (max-width: 750px) {
  .m-about-contact .contact-list .list .item .icon {
    width: 0.5rem;
    height: 0.5rem;
    min-width: 32px;
    min-height: 32px;
  }
}
.m-about-contact .contact-list .list .item .icon img {
  max-width: 100%;
  max-height: 100%;
}
@media screen and (max-width: 750px) {
  .m-about-contact .contact-list .list .item .icon img {
    max-width: 50%;
    max-height: 50%;
  }
}
.m-about-contact .contact-list .list .item .text {
  flex: 1;
}
.m-about-contact .contact-list .list .item .text h3 {
  font-size: 30px;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 20px;
}
@media screen and (max-width: 1920px) {
  .m-about-contact .contact-list .list .item .text h3 {
    font-size: calc(30 / 1920 * 100vw);
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-about-contact .contact-list .list .item .text h3 {
    font-size: 0.32rem;
    margin-bottom: 0.2rem;
  }
}
.m-about-contact .contact-list .list .item .text .det {
  line-height: 1.6;
  min-height: 6.4em;
}
@media screen and (max-width: 990px) {
  .m-about-contact .contact-list .list .item .text .det {
    min-height: 0;
  }
}
.m-about-contact .contact-list .list .item .text .det a {
  color: #333;
}
#sideMenu {
  position: fixed;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 8;
  display: none;
}
@media screen and (max-width: 990px) {
  #sideMenu {
    opacity: 0;
    visibility: hidden;
  }
}
#sideMenu li {
  color: #999;
  position: relative;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin: 12px 0;
}
#sideMenu li.active {
  color: #333;
}
#sideMenu li.active .dot svg path.path-loop {
  opacity: 1;
}
#sideMenu li .dot {
  width: 10px;
  height: 10px;
  display: block;
  position: relative;
  margin-right: 15px;
}
#sideMenu li .dot::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4px;
  height: 4px;
  background: #000;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#sideMenu li .dot svg {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: #000;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
#sideMenu li .dot svg path {
  opacity: 0;
}
#sideMenu li .dot svg path.path-loop-bg {
  opacity: 0.2;
}
.m-develop_manifesto {
  font-size: 18px;
  line-height: 2.2;
  text-align: center;
  max-width: 940px;
  margin: 0 auto;
}
@media screen and (max-width: 1440px) {
  .m-develop_manifesto {
    font-size: 16px;
  }
}
@media screen and (max-width: 990px) {
  .m-develop_manifesto {
    font-size: 0.32rem;
    padding: 0 0.4rem;
  }
}
.m-develop_manifesto .squot {
  width: 0;
  height: 0;
  position: relative;
}
.m-develop_manifesto .squot img {
  position: absolute;
  width: 35px;
  height: 45px;
}
@media screen and (max-width: 1920px) {
  .m-develop_manifesto .squot img {
    width: calc(35 / 1920 * 100vw);
    height: calc(45 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-develop_manifesto .squot img {
    width: 0.35rem;
    height: 0.45rem;
  }
}
.m-develop_manifesto .squot.squot1 img {
  right: 100%;
  bottom: 0;
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
}
@media screen and (max-width: 1920px) {
  .m-develop_manifesto .squot.squot1 img {
    -webkit-transform: translateX(calc(-20 / 1920 * 100vw));
    -ms-transform: translateX(calc(-20 / 1920 * 100vw));
    transform: translateX(calc(-20 / 1920 * 100vw));
  }
}
@media screen and (max-width: 990px) {
  .m-develop_manifesto .squot.squot1 img {
    -webkit-transform: translateX(-0.1rem);
    -ms-transform: translateX(-0.1rem);
    transform: translateX(-0.1rem);
  }
}
.m-develop_manifesto .squot.squot2 img {
  left: 0;
  top: 0;
}
.m-develop_manifesto .sign {
  color: #999;
}
.m-develop_list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: 110px;
}
@media screen and (max-width: 1920px) {
  .m-develop_list {
    margin-top: calc(110 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-develop_list {
    display: block;
    margin-top: 0.8rem;
  }
}
.m-develop_list .item {
  width: calc((100% - 140px) / 3);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  margin-right: 70px;
}
@media screen and (max-width: 1920px) {
  .m-develop_list .item {
    width: calc((100% - calc(140 / 1920 * 100vw)) / 3);
    margin-right: calc(70 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-develop_list .item {
    width: auto;
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
}
.m-develop_list .item:hover .con {
  color: #fff;
  background-color: transparent;
}
.m-develop_list .item:hover .con::after {
  opacity: 0;
}
.m-develop_list .item:hover .con .title {
  border-color: rgba(232,232,232,0.2);
}
.m-develop_list .item:hover .con .num {
  opacity: 0;
}
.m-develop_list .item:nth-child(3n) {
  margin-right: 0;
}
.m-develop_list .item .con {
  color: #333;
  height: 620px;
  padding: 40px 0 90px 50px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1920px) {
  .m-develop_list .item .con {
    height: calc(620 / 1920 * 100vw);
    padding: calc(40 / 1920 * 100vw) 0 calc(90 / 1920 * 100vw) calc(50 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-develop_list .item .con {
    height: auto;
    padding: 0.4rem 0 0.9rem 0.5rem;
  }
}
.m-develop_list .item .con::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background-color: #22ac38;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.m-develop_list .item .con .title {
  font-size: 20px;
  height: 40px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  padding-bottom: 40px;
  border-bottom: 1px solid #e8e8e8;
  -webkit-transition: border 0.5s;
  -ms-transition: border 0.5s;
  transition: border 0.5s;
}
@media screen and (max-width: 1920px) {
  .m-develop_list .item .con .title {
    padding-bottom: calc(40 / 1920 * 100vw);
  }
}
@media screen and (max-width: 1440px) {
  .m-develop_list .item .con .title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1280px) {
  .m-develop_list .item .con .title {
    font-size: 16px;
  }
}
@media screen and (max-width: 990px) {
  .m-develop_list .item .con .title {
    font-size: 0.32rem;
    padding-bottom: 0.4rem;
    margin-bottom: 0.9rem;
  }
}
.m-develop_list .item .con .desc {
  font-size: 18px;
}
@media screen and (max-width: 1440px) {
  .m-develop_list .item .con .desc {
    font-size: 16px;
  }
}
@media screen and (max-width: 1280px) {
  .m-develop_list .item .con .desc {
    font-size: 14px;
  }
}
@media screen and (max-width: 990px) {
  .m-develop_list .item .con .desc {
    font-size: 0.28rem;
  }
}
.m-develop_list .item .con .num {
  font-size: 300px;
  /* font-family: 'PrivaFourItalicPro', 'Geometos'; */
  line-height: 0.8;
  opacity: 0.03;
  position: absolute;
  right: 60px;
  bottom: 60px;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 1440px) {
  .m-develop_list .item .con .num {
    font-size: calc(300 / 1920 * 100vw);
    right: calc(60 / 1920 * 100vw);
    bottom: calc(60 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-develop_list .item .con .num {
    font-size: 3rem;
    right: 0.6rem;
    bottom: 0.6rem;
  }
}
.develop .m-tit3 i {
  border-color: #22ac38;
}
.develop .swiper-btns .prev::before,
.develop .swiper-btns .next::before {
  background-color: #22ac38 !important;
}
.develop .swiper-btns .prev:hover,
.develop .swiper-btns .next:hover {
  border-color: #22ac38 !important;
}
.m-develop_future .picture {
  position: relative;
  height: 0;
  padding-top: calc(310 / 470 * 100%);
  background-color: #dedede;
  -webkit-box-shadow: 0px 30px 40px 0px rgba(0,0,0,0.1);
  -ms-box-shadow: 0px 30px 40px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 30px 40px 0px rgba(0,0,0,0.1);
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: 0.15s;
  -ms-transition: 0.15s;
  transition: 0.15s;
}
@media screen and (max-width: 1920px) {
  .m-develop_future .picture {
    -webkit-box-shadow: 0px calc(30 / 1920 * 100vw) calc(40 / 1920 * 100vw) 0px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px calc(30 / 1920 * 100vw) calc(40 / 1920 * 100vw) 0px rgba(0,0,0,0.1);
    box-shadow: 0px calc(30 / 1920 * 100vw) calc(40 / 1920 * 100vw) 0px rgba(0,0,0,0.1);
  }
}
@media screen and (max-width: 990px) {
  .m-develop_future .picture {
    -webkit-box-shadow: 0px 0.3rem 0.4rem 0px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 0.3rem 0.4rem 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0.3rem 0.4rem 0px rgba(0,0,0,0.1);
  }
}
.m-develop_future .picture img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.m-develop_future .text {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 0.35s;
  -ms-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.m-develop_future .text .title {
  font-size: 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1920px) {
  .m-develop_future .text .title {
    font-size: calc(30 / 1920 * 100vw);
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}
@media screen and (max-width: 1280px) {
  .m-develop_future .text .title {
    font-size: 18px;
  }
}
@media screen and (max-width: 990px) {
  .m-develop_future .text .title {
    font-size: 0.36rem;
    margin-bottom: 0.2rem;
  }
}
.m-develop_future .text .desc {
  font-size: 18px;
  line-height: 2.2;
}
@media screen and (max-width: 1440px) {
  .m-develop_future .text .desc {
    font-size: 16px;
  }
}
@media screen and (max-width: 990px) {
  .m-develop_future .text .desc {
    font-size: 0.32rem;
  }
}
.m-develop_future .swiper-btns {
  position: relative;
  z-index: 2;
  max-width: 960px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: flex-end;
  margin: -50px auto 0;
}
@media screen and (max-width: 990px) {
  .m-develop_future .swiper-btns {
    margin: -0.4rem auto 0.4rem;
  }
}
.m-develop_future .swiper-btns .prev,
.m-develop_future .swiper-btns .next {
  color: #000;
  font-size: 12px;
  cursor: pointer;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(0,0,0,0.2);
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  margin: 0 10px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
@media screen and (max-width: 990px) {
  .m-develop_future .swiper-btns .prev,
  .m-develop_future .swiper-btns .next {
    width: 0.56rem;
    height: 0.56rem;
    margin: 0 0.1rem;
  }
}
.m-develop_future .swiper-btns .prev::before,
.m-develop_future .swiper-btns .next::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.m-develop_future .swiper-btns .prev:hover,
.m-develop_future .swiper-btns .next:hover {
  color: #fff;
  border-color: #000;
}
.m-develop_future .swiper-btns .prev:hover::before,
.m-develop_future .swiper-btns .next:hover::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.m-develop_future .swiper-btns .prev i,
.m-develop_future .swiper-btns .next i {
  -webkit-transform: scale(0.65);
  -ms-transform: scale(0.65);
  transform: scale(0.65);
}
@media screen and (max-width: 990px) {
  .m-develop_future .swiper-btns .prev i,
  .m-develop_future .swiper-btns .next i {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
}
.m-develop_future .imgSlider {
  overflow: visible;
  padding-bottom: 20px;
  margin-bottom: 100px;
}
@media screen and (max-width: 1920px) {
  .m-develop_future .imgSlider {
    padding-bottom: calc(20 / 1920 * 100vw);
    margin-bottom: calc(100 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-develop_future .imgSlider {
    padding-bottom: 0.2rem;
  }
}
.m-develop_future .imgSlider .swiper-slide .picture {
  opacity: 0;
  -webkit-transform: scale(1.1) rotateY(40deg);
  -ms-transform: scale(1.1) rotateY(40deg);
  transform: scale(1.1) rotateY(40deg);
  transform-origin: 70% 50%;
  transform-style: preserve-3d;
}
@media screen and (max-width: 1440px) {
  .m-develop_future .imgSlider .swiper-slide .picture {
    -webkit-transform: scale(1.1) rotateY(30deg);
    -ms-transform: scale(1.1) rotateY(30deg);
    transform: scale(1.1) rotateY(30deg);
  }
}
@media screen and (max-width: 750px) {
  .m-develop_future .imgSlider .swiper-slide .picture {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.m-develop_future .imgSlider .swiper-slide.swiper-slide-visible .picture {
  opacity: 1;
}
.m-develop_future .imgSlider .swiper-slide.swiper-slide-prev .picture {
  -webkit-transform: scale(1) translateX(6%) rotateY(30deg);
  -ms-transform: scale(1) translateX(6%) rotateY(30deg);
  transform: scale(1) translateX(6%) rotateY(30deg);
  transform-origin: 80% 50%;
}
@media screen and (max-width: 1440px) {
  .m-develop_future .imgSlider .swiper-slide.swiper-slide-prev .picture {
    -webkit-transform: scale(1) translateX(6%) rotateY(20deg);
    -ms-transform: scale(1) translateX(6%) rotateY(20deg);
    transform: scale(1) translateX(6%) rotateY(20deg);
  }
}
@media screen and (max-width: 750px) {
  .m-develop_future .imgSlider .swiper-slide.swiper-slide-prev .picture {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transform-origin: 50% 50%;
  }
}
.m-develop_future .imgSlider .swiper-slide.swiper-slide-next .picture {
  -webkit-transform: scale(1) translateX(-6%) rotateY(-30deg);
  -ms-transform: scale(1) translateX(-6%) rotateY(-30deg);
  transform: scale(1) translateX(-6%) rotateY(-30deg);
  transform-origin: 20% 50%;
}
@media screen and (max-width: 1440px) {
  .m-develop_future .imgSlider .swiper-slide.swiper-slide-next .picture {
    -webkit-transform: scale(1) translateX(-6%) rotateY(-20deg);
    -ms-transform: scale(1) translateX(-6%) rotateY(-20deg);
    transform: scale(1) translateX(-6%) rotateY(-20deg);
  }
}
@media screen and (max-width: 750px) {
  .m-develop_future .imgSlider .swiper-slide.swiper-slide-next .picture {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transform-origin: 50% 50%;
  }
}
.m-develop_future .imgSlider .swiper-slide.swiper-slide-next + .swiper-slide .picture {
  -webkit-transform: scale(1.1) rotateY(-40deg);
  -ms-transform: scale(1.1) rotateY(-40deg);
  transform: scale(1.1) rotateY(-40deg);
  transform-origin: 30% 50%;
}
@media screen and (max-width: 1440px) {
  .m-develop_future .imgSlider .swiper-slide.swiper-slide-next + .swiper-slide .picture {
    -webkit-transform: scale(1.1) rotateY(-30deg);
    -ms-transform: scale(1.1) rotateY(-30deg);
    transform: scale(1.1) rotateY(-30deg);
  }
}
.m-develop_future .imgSlider .swiper-slide.swiper-slide-active .picture {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  transform-origin: 50% 50%;
}
@media screen and (max-width: 750px) {
  .m-develop_future .imgSlider .swiper-slide.swiper-slide-active .picture {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.m-develop_future .txtSlider {
  max-width: 960px;
  margin: 0 auto;
  z-index: 1;
}
.m-develop_future .txtSlider .swiper-slide-active .text {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.35s 0.3s;
  -ms-transition: all 0.35s 0.3s;
  transition: all 0.35s 0.3s;
}
.tc {
  text-align: center;
}
.m-list4 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.m-list4 .item {
  padding: 35px;
  width: calc((100% - 90px) / 4);
  height: 340px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-right: 30px;
  margin-bottom: 60px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
@media screen and (max-width: 1920px) {
  .m-list4 .item {
    padding: calc(35 / 1920 * 100vw);
    height: calc(340 / 1920 * 100vw);
    margin-bottom: calc(60 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-list4 .item {
    padding: 0.35rem;
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
}
.m-list4 .item:nth-child(4n) {
  margin-right: 0;
}
.m-list4 .item::before,
.m-list4 .item::after {
  content: '';
  position: absolute;
  bottom: 0;
}
.m-list4 .item::before {
  z-index: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url("../images/mark.png") no-repeat right bottom;
  -webkit-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
  opacity: 0.4;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.m-list4 .item::after {
  left: 0;
  width: 100%;
  height: 0px;
  background-color: #000;
  overflow: hidden;
  -webkit-transition: 0.35s linear;
  -ms-transition: 0.35s linear;
  transition: 0.35s linear;
}
.m-list4 .item:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}
.m-list4 .item:hover::before {
  opacity: 1;
}
.m-list4 .item:hover::after {
  height: 4px;
}
.m-list4 .item .hd,
.m-list4 .item .fd {
  position: relative;
  z-index: 2;
}
.m-list4 .item .title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  font-size: 26px;
  font-weight: bold;
}
@media screen and (max-width: 1920px) {
  .m-list4 .item .title {
    font-size: calc(26 / 1920 * 100vw);
  }
}
@media screen and (max-width: 1440px) {
  .m-list4 .item .title {
    font-size: 22px;
  }
}
@media screen and (max-width: 1280px) {
  .m-list4 .item .title {
    font-size: 18px;
  }
}
@media screen and (max-width: 990px) {
  .m-list4 .item .title {
    font-size: 0.34rem;
    margin-bottom: 0.4rem;
  }
}
.m-list4 .item .btn {
  color: #333;
  font-size: 14px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-list4 .item .btn .pdf {
  font-family: contactIcon;
  font-style: normal;
  font-size: 30px;
}
@media screen and (max-width: 990px) {
  .m-list4 .item .btn {
    font-size: 0.24rem;
  }
}
.m-invest_struct {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 990px) {
  .m-invest_struct {
    display: block;
  }
}
.m-invest_struct .left {
  width: 50%;
}
@media screen and (max-width: 990px) {
  .m-invest_struct .left {
    width: auto;
    margin-bottom: 0.5rem;
  }
}
.m-invest_struct .right {
  flex: 1;
  margin-left: 100px;
}
@media screen and (max-width: 1920px) {
  .m-invest_struct .right {
    margin-left: calc(100 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-invest_struct .right {
    margin-left: 0;
  }
}
.m-invest_struct .info {
  position: relative;
}
.m-invest_struct .info:hover .picture img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.m-invest_struct .info:hover .text .btn i {
  margin-left: 10px;
}
.m-invest_struct .info .picture {
  position: relative;
  height: 0;
  padding-top: calc(480 / 880 * 100%);
  overflow: hidden;
}
.m-invest_struct .info .picture img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.m-invest_struct .info .text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  padding: 40px 45px;
}
@media screen and (max-width: 1920px) {
  .m-invest_struct .info .text {
    padding: calc(40 / 1920 * 100vw) calc(45 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-invest_struct .info .text {
    padding: 0.4rem 0.45rem;
  }
}
.m-invest_struct .info .text .title {
  font-size: 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1440px) {
  .m-invest_struct .info .text .title {
    font-size: 24px;
  }
}
@media screen and (max-width: 1280px) {
  .m-invest_struct .info .text .title {
    font-size: 20px;
  }
}
@media screen and (max-width: 990px) {
  .m-invest_struct .info .text .title {
    font-size: 0.36rem;
    margin-bottom: 0.2rem;
  }
}
.m-invest_struct .info .text .btn {
  color: #fff;
  font-size: 14px;
}
@media screen and (max-width: 990px) {
  .m-invest_struct .info .text .btn {
    font-size: 0.24rem;
  }
}
.m-invest_struct .info .text .btn i {
  font-size: 12px;
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
@media screen and (max-width: 990px) {
  .m-invest_struct .info .text .btn i {
    font-size: 0.24rem;
  }
}
.m-invest_struct .list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 990px) {
  .m-invest_struct .list {
    justify-content: space-between;
  }
}
.m-invest_struct .list:last-child {
  margin-bottom: -40px;
}
@media screen and (max-width: 1920px) {
  .m-invest_struct .list:last-child {
    margin-bottom: calc(-40 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-invest_struct .list:last-child {
    margin-bottom: -0.4rem;
  }
}
.m-invest_struct .list li {
  width: calc((100% - 60px) / 2);
  margin-right: 30px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1920px) {
  .m-invest_struct .list li {
    width: calc((100% - calc(60 / 1920 * 100vw)) / 2);
    margin-right: calc(30 / 1920 * 100vw);
    margin-bottom: calc(40 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-invest_struct .list li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
}
.m-invest_struct .list li:nth-child(2n) {
  margin-right: 0;
}
.m-invest_struct .list li.big {
  width: 100%;
  margin-right: 0;
}
.m-invest_struct .list li.big .item {
  width: calc((100% - 60px) / 2);
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .m-invest_struct .list li.big .item {
    width: calc((100% - calc(60 / 1920 * 100vw)) / 2);
  }
}
@media screen and (max-width: 990px) {
  .m-invest_struct .list li.big .item {
    width: 48%;
  }
}
.m-invest_struct .list .item {
  color: #333;
  text-align: center;
  height: 135px;
  border: 1px solid #adadad;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 1920px) {
  .m-invest_struct .list .item {
    height: calc(135 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-invest_struct .list .item {
    height: 1.35rem;
  }
}
.m-invest_struct .list .item:hover {
  background-color: #d9d9d9;
  border-color: transparent;
}
.m-invest_struct .list .item:hover .btn {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.m-invest_struct .list .item .tit {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 1920px) {
  .m-invest_struct .list .item .tit {
    margin-bottom: calc(10 / 1920 * 100vw);
  }
}
@media screen and (max-width: 1440px) {
  .m-invest_struct .list .item .tit {
    font-size: 18px;
  }
}
@media screen and (max-width: 1280px) {
  .m-invest_struct .list .item .tit {
    font-size: 16px;
  }
}
@media screen and (max-width: 990px) {
  .m-invest_struct .list .item .tit {
    font-size: 0.32rem;
    margin-bottom: 0.1rem;
  }
}
.m-invest_struct .list .item .btn {
  font-size: 14px;
  margin-top: -2em;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 1280px) {
  .m-invest_struct .list .item .btn {
    font-size: 12px;
  }
}
@media screen and (max-width: 990px) {
  .m-invest_struct .list .item .btn {
    font-size: 0.24rem;
  }
}
.m-invest_struct .list .item .btn i {
  font-size: 12px;
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
@media screen and (max-width: 990px) {
  .m-invest_struct .list .item .btn i {
    font-size: 0.24rem;
  }
}
.m-invest_row {
  max-height: calc(100vh -100px);
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
@media screen and (max-width: 990px) {
  .m-row .h80 {
    height: 0.3rem;
  }
}
.m-invest_contact {
  width: 680px;
  padding: 50px 60px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
}
@media screen and (max-width: 990px) {
  .m-invest_contact {
    width: auto;
    padding: 0.5rem 0.6rem;
    float: none;
  }
}
.m-invest_contact .item {
  padding-bottom: 40px;
  border-bottom: 1px solid #dadada;
  margin-bottom: 50px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
@media screen and (max-width: 1920px) {
  .m-invest_contact .item {
    padding-bottom: calc(40 / 1920 * 100vw);
    margin-bottom: calc(50 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-invest_contact .item {
    padding-bottom: 0.4rem;
    margin-bottom: 0.5rem;
  }
}
.m-invest_contact .item:last-child {
  padding-bottom: 0;
  border: 0;
  margin-bottom: 0;
}
.m-invest_contact .item .icon {
  width: 33px;
  height: 33px;
  background-color: #333;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: contactIcon;
  font-size: 40px;
  color: #fff;
}
.m-invest_contact .item .icon:before {
  content: '\e60c';
}
@media screen and (max-width: 1920px) {
  .m-invest_contact .item .icon {
    margin-right: calc(20 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-invest_contact .item .icon {
    width: 0.45rem;
    height: 0.45rem;
    margin-right: 0.2rem;
    font-size: .6rem;
  }
}
.m-invest_contact .item .icon img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}
@media screen and (max-width: 990px) {
  .m-invest_contact .item .icon img {
    max-width: 60%;
    max-height: 60%;
  }
}
.m-invest_contact .item .text {
  flex: 1;
}
.m-invest_contact .item .text .city {
  font-size: 40px;
  line-height: 33px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1920px) {
  .m-invest_contact .item .text .city {
    font-size: calc(40 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-invest_contact .item .text .city {
    font-size: 0.4rem;
    line-height: 0.45rem;
  }
}
.m-invest_contact .item .text .address {
  font-size: 18px;
  line-height: 2;
}
@media screen and (max-width: 1280px) {
  .m-invest_contact .item .text .address {
    font-size: 16px;
  }
}
@media screen and (max-width: 990px) {
  .m-invest_contact .item .text .address {
    font-size: 0.32rem;
    line-height: 1.5;
  }
}
.bgVideo {
  position: fixed;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-image: url("../images/bg02.jpg");
}
.bgVideo video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.m-tit4 {
  font-size: 20px;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .m-tit4 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1280px) {
  .m-tit4 {
    font-size: 16px;
  }
}
@media screen and (max-width: 990px) {
  .m-tit4 {
    font-size: 0.32rem;
  }
}
.m-tit4 ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 990px) {
  .m-tit4 ul {
    justify-content: space-around;
  }
}
.m-tit4 ul li {
  color: #333;
  height: 125px;
  margin: 0 80px;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1920px) {
  .m-tit4 ul li {
    height: calc(125 / 1920 * 100vw);
    margin: 0 calc(80 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-tit4 ul li {
    height: 1.25rem;
    margin: 0;
  }
}
.m-tit4 ul li::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 3px;
  width: 0;
  background-color: #000;
  overflow: hidden;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.m-tit4 ul li a {
  color: #333;
  display: block;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
 

}
.m-tit4 ul li.active {
  color: #000;
}
.m-tit4 ul li.active::after {
  width: 100%;
}
.m-tit4 ul li.active a {
  color: #000;
}
.m-list5 .item {
  color: #333;
  padding: 50px 0;
  border-bottom: 1px solid #dadada;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1920px) {
  .m-list5 .item {
    padding: calc(50 / 1920 * 100vw) 0;
  }
}
@media screen and (max-width: 990px) {
  .m-list5 .item {
    padding: 0.5rem 0;
  }
}
.m-list5 .item::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  background-color: #000;
  overflow: hidden;
  -webkit-transition: 0.15s;
  -ms-transition: 0.15s;
  transition: 0.15s;
}
.m-list5 .item:hover::after {
  height: 3px;
}
@media screen and (max-width: 990px) {
  .m-list5 .item:hover::after {
    height: 0.03rem;
  }
}
.m-list5 .item:hover .title {
  font-weight: bold;
}
.m-list5 .item:hover .btn i {
  margin-left: 10px;
}
@media screen and (max-width: 1920px) {
  .m-list5 .item:hover .btn i {
    margin-left: calc(10 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-list5 .item:hover .btn i {
    margin-left: 0.1rem;
  }
}
.m-list5 .item .text {
  flex: 1;
  margin-right: 100px;
}
@media screen and (max-width: 1920px) {
  .m-list5 .item .text {
    margin-right: calc(100 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-list5 .item .text {
    margin-right: 1rem;
  }
}
.m-list5 .item .date {
  margin-bottom: 10px;
}
@media screen and (max-width: 1920px) {
  .m-list5 .item .date {
    margin-bottom: calc(10 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-list5 .item .date {
    margin-bottom: 0.1rem;
  }
}
.m-list5 .item .title {
  font-size: 26px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1920px) {
  .m-list5 .item .title {
    font-size: calc(26 / 1920 * 100vw);
    margin-bottom: calc(40 / 1920 * 100vw);
  }
}
@media screen and (max-width: 1440px) {
  .m-list5 .item .title {
    font-size: 22px;
  }
}
@media screen and (max-width: 1280px) {
  .m-list5 .item .title {
    font-size: 18px;
  }
}
@media screen and (max-width: 990px) {
  .m-list5 .item .title {
    font-size: 0.34rem;
    font-weight: bold;
    margin-bottom: 0.4rem;
  }
}
.m-list5 .item .tag {
  height: 32px;
}
@media screen and (max-width: 1280px) {
  .m-list5 .item .tag {
    height: calc(32 / 1920 * 100vw);
    min-height: 24px;
  }
}
@media screen and (max-width: 990px) {
  .m-list5 .item .tag {
    height: 0.32rem;
  }
}
.m-list5 .item .tag img {
  max-height: 100%;
}
.m-list5 .item .btn {
  font-size: 14px;
}
@media screen and (max-width: 1280px) {
  .m-list5 .item .btn {
    font-size: 12px;
  }
}
@media screen and (max-width: 990px) {
  .m-list5 .item .btn {
    font-size: 0.24rem;
  }
}
.m-list5 .item .btn i {
  display: inline-block;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.search_inner {
  max-width: 870px;
  margin: 0 auto;
/* .cont_box {
		padding 320px 0 220px
		@media screen and (max-width: 1920px) {
			padding calc(320/1920*100vw) 0 calc(220/1920*100vw)
		}
		@media screen and (max-width: 990px) {
			padding 1.6rem 0 1rem
		}
		.title {
			font-size 36px
			line-height 1.25
			font-weight normal
			text-align center
			margin-bottom 30px
			@media screen and (max-width: 1920px) {
				font-size calc(36/1920*100vw)
				margin-bottom calc(30/1920*100vw)
			}
			@media screen and (max-width: 990px) {
				font-size .36rem
				margin-bottom .3rem
			}
		}
		.form {
			height 70px
			position relative
			border 1px solid $border
			radius(35px)
			flexbox()
			align-items center
			@media screen and (max-width: 1920px) {
				height calc(70/1920*100vw)
				min-height 40px
				radius(calc(35/1920*100vw))
			}
			@media screen and (max-width: 990px) {
				height .8rem
				radius(.8rem)
			}
			.inp {
				flex 1
				font-size 18px
				height 70px
				padding-right 40px
				background none
				@media screen and (max-width: 1920px) {
					padding-right calc(40/1920*100vw)
					height calc(70/1920*100vw)
					min-height 40px
				}
				@media screen and (max-width: 1280px) {
					font-size 16px
				}
				@media screen and (max-width: 990px) {
					font-size .32rem
					height .8rem
					padding-right .4rem
				}
			}
			i {
				font-size 24px
				font-weight bold
				width 70px
				text-align center
				@media screen and (max-width: 1920px) {
					width calc(70/1920*100vw)
				}
				@media screen and (max-width: 990px) {
					font-size .4rem
					width .7rem
				}
			}
		}
	} */
}
.search_inner .cont_box {
  padding: 100px 0;
}
@media screen and (max-width: 1920px) {
  .search_inner .cont_box {
    padding: calc(100 / 1920 * 100vw) 0;
  }
}
@media screen and (max-width: 990px) {
  .search_inner .cont_box {
    padding: 1rem 0;
  }
}
.search_inner .cont_box .title {
  font-size: 64px;
  line-height: 1.25;
  font-weight: normal;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 1920px) {
  .search_inner .cont_box .title {
    font-size: calc(64 / 1920 * 100vw);
    margin-bottom: calc(50 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .search_inner .cont_box .title {
    font-size: 0.48rem;
    margin-bottom: 0.5rem;
  }
}
.search_inner .cont_box .form {
  height: 70px;
  position: relative;
  background-color: #fff;
  margin-bottom: 20px;
  -webkit-border-radius: 35px;
  -ms-border-radius: 35px;
  border-radius: 35px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
@media screen and (max-width: 1920px) {
  .search_inner .cont_box .form {
    height: calc(70 / 1920 * 100vw);
    min-height: 40px;
    -webkit-border-radius: calc(35 / 1920 * 100vw);
    -ms-border-radius: calc(35 / 1920 * 100vw);
    border-radius: calc(35 / 1920 * 100vw);
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .search_inner .cont_box .form {
    height: 0.8rem;
    -webkit-border-radius: 0.8rem;
    -ms-border-radius: 0.8rem;
    border-radius: 0.8rem;
    margin-bottom: 0.2rem;
  }
}
.search_inner .cont_box .form .inp,
.search_inner .cont_box .form .btn {
  height: 70px;
  background: none;
}
@media screen and (max-width: 1920px) {
  .search_inner .cont_box .form .inp,
  .search_inner .cont_box .form .btn {
    height: calc(70 / 1920 * 100vw);
    min-height: 40px;
  }
}
@media screen and (max-width: 990px) {
  .search_inner .cont_box .form .inp,
  .search_inner .cont_box .form .btn {
    height: 0.8rem;
  }
}
.search_inner .cont_box .form .inp {
  flex: 1;
  padding: 0 40px;
}
@media screen and (max-width: 1920px) {
  .search_inner .cont_box .form .inp {
    padding: 0 calc(40 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .search_inner .cont_box .form .inp {
    padding: 0 0.4rem;
  }
}
.search_inner .cont_box .form .btn {
  padding: 0 30px;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1920px) {
  .search_inner .cont_box .form .btn {
    padding: 0 calc(30 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .search_inner .cont_box .form .btn {
    padding: 0 0.3rem;
  }
}
.search_inner .cont_box .form .btn i {
  font-size: 24px;
  font-weight: bold;
  margin-right: 10px;
}
@media screen and (max-width: 990px) {
  .search_inner .cont_box .form .btn i {
    font-size: 0.4rem;
  }
}
.search_inner .cont_box .hotWords {
  padding: 0 20px;
}
@media screen and (max-width: 990px) {
  .search_inner .cont_box .hotWords {
    padding: 0 0.2rem;
  }
}
.search_inner .cont_box .hotWords .tit {
  margin-bottom: 20px;
}
@media screen and (max-width: 1920px) {
  .search_inner .cont_box .hotWords .tit {
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .search_inner .cont_box .hotWords .tit {
    margin-bottom: 0.2rem;
  }
}
.search_inner .cont_box .hotWords .tit i {
  margin-right: 5px;
}
.search_inner .cont_box .hotWords .link a {
  color: #999;
  white-space: nowrap;
  margin: 5px 20px;
}
@media screen and (max-width: 990px) {
  .search_inner .cont_box .hotWords .link a {
    margin: 5px 0.2rem;
  }
}
.search_inner .cont_box .hotWords .link a:hover {
  color: #333;
}
.search_inner .tab_box ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
.search_inner .tab_box ul a {
  color: #333;
}
.search_inner .tab_box ul li {
  color: #333;
  font-size: 18px;
  height: 80px;
  border-bottom: 3px solid transparent;
  margin-right: 140px;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1920px) {
  .search_inner .tab_box ul li {
    height: calc(80 / 1920 * 100vw);
    margin-right: calc(140 / 1920 * 100vw);
  }
}
@media screen and (max-width: 1280px) {
  .search_inner .tab_box ul li {
    font-size: 16px;
  }
}
@media screen and (max-width: 990px) {
  .search_inner .tab_box ul li {
    font-size: 0.32rem;
    height: 0.8rem;
    margin-right: 1rem;
  }
}
.search_inner .tab_box ul li.active {
  font-weight: bold;
  border-color: #333;
}
.search_result {
  padding: 110px 0 100px;
  background-color: #eee;
}
@media screen and (max-width: 1920px) {
  .search_result {
    padding: calc(110 / 1920 * 100vw) 0 calc(100 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .search_result {
    padding: 1rem 0;
  }
}
.search_result .list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 990px) {
  .search_result .list {
    display: block;
  }
}
.search_result .list .item {
  width: 48%;
  max-width: 780px;
  margin-bottom: 80px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
@media screen and (max-width: 1920px) {
  .search_result .list .item {
    margin-bottom: calc(80 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .search_result .list .item {
    width: auto;
    margin-bottom: 0.4rem;
  }
}
.search_result .list .item:last-child {
  margin-bottom: 0;
}
.search_result .list .item .picture {
  width: 324px;
  height: 228px;
  background-color: #69767e;
  margin-right: 80px;
  overflow: hidden;
}
@media screen and (max-width: 1920px) {
  .search_result .list .item .picture {
    width: calc(324 / 1920 * 100vw);
    height: calc(228 / 1920 * 100vw);
    margin-right: calc(80 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .search_result .list .item .picture {
    width: 3.24rem;
    height: 2.28rem;
    margin-right: 0.3rem;
  }
}
.search_result .list .item .picture img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.search_result .list .item .picture:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.search_result .list .item .text {
  flex: 1;
  overflow: hidden;
  font-size: 14px;
}
@media screen and (max-width: 1280px) {
  .search_result .list .item .text {
    font-size: 12px;
  }
}
@media screen and (max-width: 990px) {
  .search_result .list .item .text {
    font-size: 0.24rem;
  }
}
.search_result .list .item .text .title {
  color: #333;
  font-size: 22px;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 8px 0;
}
@media screen and (max-width: 1440px) {
  .search_result .list .item .text .title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1280px) {
  .search_result .list .item .text .title {
    font-size: 18px;
  }
}
@media screen and (max-width: 990px) {
  .search_result .list .item .text .title {
    font-size: 0.36rem;
    margin: 0.1rem 0;
  }
}
.search_result .list .item .text .title a {
  color: #333;
}
.m_contact_listbox {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 990px) {
  .m_contact_listbox {
    flex-wrap: wrap;
  }
}
.m_contact_listbox .item {
  width: calc((100% - 60px) / 3);
  padding: 40px;
  min-height: 200px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 30px;
}
@media screen and (max-width: 1920px) {
  .m_contact_listbox .item {
    width: calc((100% - 60 / 1920 * 100vw) / 3);
    padding: calc(40 / 1920 * 100vw);
    min-height: calc(200 / 1920 * 100vw);
    margin-bottom: calc(30 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m_contact_listbox .item {
    padding: 0.4rem;
    margin-bottom: 0.3rem;
    width: 100%;
    order: 2;
  }
}
.m_contact_listbox .item.item_half {
  width: calc((100% - 30px) / 2);
}
@media screen and (max-width: 1920px) {
  .m_contact_listbox .item.item_half {
    width: calc((100% - 30 / 1920 * 100vw) / 2);
  }
}
@media screen and (max-width: 990px) {
  .m_contact_listbox .item.item_half {
    width: 100%;
  }
}
@media screen and (max-width: 990px) {
  .m_contact_listbox .item:nth-child(3) {
    order: 1;
  }
}
.m_contact_listbox .item .icon {
  width: 40px;
  height: 40px;
  background-color: #333;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}
@media screen and (max-width: 1920px) {
  .m_contact_listbox .item .icon {
    margin-right: calc(15 / 1920 * 100vw);
  }
}
@media screen and (max-width: 1280px) {
  .m_contact_listbox .item .icon {
    width: 32px;
    height: 32px;
  }
}
@media screen and (max-width: 990px) {
  .m_contact_listbox .item .icon {
    margin-right: 0.15rem;
  }
}
@media screen and (max-width: 750px) {
  .m_contact_listbox .item .icon {
    width: 0.4rem;
    height: 0.4rem;
  }
}
.m_contact_listbox .item .icon img {
  max-width: 100%;
  max-height: 100%;
}
.m_contact_listbox .item h3 {
  font-size: 30px;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1920px) {
  .m_contact_listbox .item h3 {
    font-size: calc(30 / 1920 * 100vw);
    margin-bottom: calc(15 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m_contact_listbox .item h3 {
    font-size: 0.32rem;
    margin-bottom: 0.15rem;
  }
}
.m_contact_listbox .item .det {
  line-height: 1.6;
}
.m_contact_listbox .item .det a {
  color: #333;
}
@media screen and (max-width: 990px) {
  .m_contact_listbox .item .det .split {
    display: block;
  }
}
.m-develop_flexlist {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  margin-right: -10px;
}
@media screen and (max-width: 1920px) {
  .m-develop_flexlist {
    margin-right: calc(-10 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-develop_flexlist {
    display: none;
  }
}
.m-develop_flexlist .item {
  position: relative;
  overflow: hidden;
  width: 240px;
  margin-right: 10px;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 1920px) {
  .m-develop_flexlist .item {
    width: calc(240 / 1920 * 100vw);
    margin-right: calc(10 / 1920 * 100vw);
  }
}
.m-develop_flexlist .item.active {
  flex: 1;
}
.m-develop_flexlist .item.active .mask {
  opacity: 0;
  visibility: hidden;
}
.m-develop_flexlist .item.active .picture .poster {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.5s 0.5s;
  -ms-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}
.m-develop_flexlist .item.active .picture .poster.hide {
  opacity: 0;
  visibility: hidden;
}
.m-develop_flexlist .item.active .text {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.5s 0.5s;
  -ms-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}
.m-develop_flexlist .item .picture {
  height: 620px;
  background-repeat: no-repeat;
  background-position: left center;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  overflow: hidden;
  z-index: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1920px) {
  .m-develop_flexlist .item .picture {
    height: calc(620 / 1920 * 100vw);
  }
}
.m-develop_flexlist .item .picture .poster {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0s;
  -ms-transition: 0s;
  transition: 0s;
  position: relative;
  z-index: 2;
}
.m-develop_flexlist .item .picture video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.m-develop_flexlist .item .mask {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0,0,0,0.5);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-develop_flexlist .item .mask .title {
  width: 1em;
  color: #fff;
  font-size: 30px;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 1920px) {
  .m-develop_flexlist .item .mask .title {
    font-size: calc(30 / 1920 * 100vw);
  }
}
@media screen and (max-width: 1280px) {
  .m-develop_flexlist .item .mask .title {
    font-size: 20px;
  }
}
@media screen and (max-width: 990px) {
  .m-develop_flexlist .item .mask .title {
    font-size: 0.4rem;
  }
}
.m-develop_flexlist .item .text {
  color: #fff;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 40px;
  padding: 0 40px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0s;
  -ms-transition: 0s;
  transition: 0s;
}
@media screen and (max-width: 1920px) {
  .m-develop_flexlist .item .text {
    bottom: calc(40 / 1920 * 100vw);
    padding: 0 calc(40 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-develop_flexlist .item .text {
    bottom: 0.3rem;
    padding: 0 0.3rem;
  }
}
.m-develop_flexlist .item .text .title {
  font-size: 30px;
}
@media screen and (max-width: 1920px) {
  .m-develop_flexlist .item .text .title {
    font-size: calc(30 / 1920 * 100vw);
  }
}
@media screen and (max-width: 1280px) {
  .m-develop_flexlist .item .text .title {
    font-size: 20px;
  }
}
@media screen and (max-width: 990px) {
  .m-develop_flexlist .item .text .title {
    font-size: 0.4rem;
  }
}
.m-develop_flexlist .item .text .split {
  height: 20px;
  width: 2px;
  background-color: #fff;
  margin: 20px 0;
  display: block;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 1920px) {
  .m-develop_flexlist .item .text .split {
    height: calc(20 / 1920 * 100vw);
    margin: calc(20 / 1920 * 100vw) 0;
  }
}
@media screen and (max-width: 990px) {
  .m-develop_flexlist .item .text .split {
    height: 0.2rem;
    margin: 0.2rem 0;
  }
}
.m-develop_flexlist .item .text .btn {
  color: #fff;
  float: left;
  height: 50px;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1920px) {
  .m-develop_flexlist .item .text .btn {
    height: calc(50 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-develop_flexlist .item .text .btn {
    font-size: 0.24rem;
    height: 0.5rem;
  }
}
.m-develop_flexlist .item .text .btn::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  -webkit-transition: 0.35s 0.5s;
  -ms-transition: 0.35s 0.5s;
  transition: 0.35s 0.5s;
}
.m-develop_flexlist .item .text .btn i {
  font-size: 12px;
  margin-right: -10px;
  margin-left: 5px;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
@media screen and (max-width: 990px) {
  .m-develop_flexlist .item .text .btn i {
    font-size: 0.2rem;
  }
}
.m-develop_flexlist .item .text .btn:hover i {
  margin-left: 15px;
}
.m-develop_swiper {
  height: 0;
  overflow: hidden;
}
@media screen and (max-width: 990px) {
  .m-develop_swiper {
    height: auto;
  }
}
.m-develop_swiper .swiper-pagination {
  position: static;
}
.m-develop_swiper .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.m-develop_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000;
}
.m-develop_swiper .item {
  position: relative;
}
.m-develop_swiper .item .picture {
  height: 0;
  padding-top: calc(620 / 1100 * 100%);
  background-repeat: no-repeat;
  background-position: left center;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.m-develop_swiper .item .picture .poster {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 30%;
  top: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0s;
  -ms-transition: 0s;
  transition: 0s;
}
.m-develop_swiper .item .picture .poster.hide {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s 0.5s;
  -ms-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}
.m-develop_swiper .item .picture video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.m-develop_swiper .item .text {
  color: #fff;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 40px;
  padding: 0 40px;
}
@media screen and (max-width: 1920px) {
  .m-develop_swiper .item .text {
    bottom: calc(40 / 1920 * 100vw);
    padding: 0 calc(40 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-develop_swiper .item .text {
    bottom: 0.3rem;
    padding: 0 0.3rem;
  }
}
.m-develop_swiper .item .text .title {
  font-size: 30px;
}
@media screen and (max-width: 1920px) {
  .m-develop_swiper .item .text .title {
    font-size: calc(30 / 1920 * 100vw);
  }
}
@media screen and (max-width: 1280px) {
  .m-develop_swiper .item .text .title {
    font-size: 20px;
  }
}
@media screen and (max-width: 990px) {
  .m-develop_swiper .item .text .title {
    font-size: 0.4rem;
  }
}
.m-develop_swiper .item .text .split {
  height: 20px;
  width: 2px;
  background-color: #fff;
  margin: 20px 0;
  display: block;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 1920px) {
  .m-develop_swiper .item .text .split {
    height: calc(20 / 1920 * 100vw);
    margin: calc(20 / 1920 * 100vw) 0;
  }
}
@media screen and (max-width: 990px) {
  .m-develop_swiper .item .text .split {
    height: 0.2rem;
    margin: 0.2rem 0;
  }
}
.m-develop_swiper .item .text .btn {
  color: #fff;
  float: left;
  height: 50px;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1920px) {
  .m-develop_swiper .item .text .btn {
    height: calc(50 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-develop_swiper .item .text .btn {
    font-size: 0.24rem;
    height: 0.5rem;
  }
}
.m-develop_swiper .item .text .btn::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  -webkit-transition: 0.35s 0.5s;
  -ms-transition: 0.35s 0.5s;
  transition: 0.35s 0.5s;
}
.m-develop_swiper .item .text .btn i {
  font-size: 12px;
  margin-right: -10px;
  margin-left: 5px;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
@media screen and (max-width: 990px) {
  .m-develop_swiper .item .text .btn i {
    font-size: 0.2rem;
  }
}
.m-develop_swiper .item .text .btn:hover i {
  margin-left: 15px;
}
.m-develop_video {
  max-width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .m-develop_video {
    width: calc(1200 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  .m-develop_video {
    width: auto;
  }
}
.m-develop_video .box {
  position: relative;
  height: 0;
  padding-top: calc(675 / 1200 * 100%);
  overflow: hidden;
}
.m-develop_video .box video {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.m-develop_video .poster {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 70px);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-transition: 0s;
  -ms-transition: 0s;
  transition: 0s;
  opacity: 1;
}
.m-develop_video .poster .title {
  color: #fff;
  font-size: 24px;
  margin-top: 10px;
}
@media screen and (max-width: 1920px) {
  .m-develop_video .poster .title {
    margin-top: calc(10 / 1920 * 100vw);
  }
}
@media screen and (max-width: 1440px) {
  .m-develop_video .poster .title {
    font-size: 20px;
  }
}
@media screen and (max-width: 990px) {
  .m-develop_video .poster .title {
    font-size: 18px;
  }
}
@media screen and (max-width: 750px) {
  .m-develop_video .poster .title {
    font-size: 0.36rem;
    margin-top: 0.1rem;
  }
}
.m-develop_video .poster .icon img {
  max-height: 40px;
}
@media screen and (max-width: 750px) {
  .m-develop_video .poster .icon img {
    max-height: 0.6rem;
  }
}
.m-develop_video .poster .icon img.pause {
  display: block;
}
.m-develop_video .poster .icon img.play {
  display: none;
}
.m-develop_video .poster.hide {
  opacity: 0;
  -webkit-transition: 0.35s 0.5s;
  -ms-transition: 0.35s 0.5s;
  transition: 0.35s 0.5s;
}
.m-develop_video .poster.hide .icon img.pause {
  display: none;
}
.m-develop_video .poster.hide .icon img.play {
  display: block;
}
@-moz-keyframes movepoint {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    opacity: 0.6;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes movepoint {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    opacity: 0.6;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes movepoint {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    opacity: 0.6;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes movepoint {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    opacity: 0.6;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* ---------[20230113-start]------------ */

#header .lang {
  color: #fff;
  cursor: pointer;
  height: 96px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  margin-left: 60px;
  position: relative;
}
@media screen and (max-width: 1920px) {
  #header .lang {
	  height: calc(96 / 1920 * 100vw);
	margin-left: calc(60 / 1920 * 100vw);
  }
}
@media screen and (max-width: 990px) {
  #header .lang {
	  height: 1rem;
	  margin-left: 0;
	position: static;
  }
}
#header .lang i {
  font-size: 24px;
  margin-left: 10px;
}
@media screen and (max-width: 990px) {
  #header .lang i {
	font-size: 0.4rem;
  }
}
#header .lang .jt {
  width: 0;
  height: 0;
  border-width: 5px 4px 0 4px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
#header .lang:hover .option {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 990px) {
  #header .lang span {
	display: none;
  }
}
#header .lang .option {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
  position: absolute;
  /* right: 0; */
  left: 50%;
  top: 100%;
  width: 100px;
  -webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
  /* padding: 10px 0; */
  background-color: #fff;
  -webkit-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
@media screen and (max-width: 990px) {
  #header .lang .option {
	width: 100%;
  }
}
#header .lang .option li {
  border-top: 1px solid rgba(0,0,0,0.2);
}
#header .lang .option li:first-child {
  border-width: 0;
}
@media screen and (max-width: 990px) {
  #header .lang .option li:first-child {
	border-width: 1px;
  }
}
#header .lang .option a {
  color: #333;
  text-align: center;
  line-height: 40px;
  display: block;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
@media screen and (max-width: 990px) {
  #header .lang .option a {
	line-height: .8rem;
  }
}
@media screen and (max-width: 990px) {
  #header .lang .option a {
	padding: 0;
  }
}
#header .lang .option a:hover {
  color: #333;
  background-color: rgba(0,0,0,0.1);
}
#header:hover .lang,
#header.scrolled .lang {
  color: #333;
}
#header:hover .lang .jt,
#header.scrolled .lang .jt {
	border-color: #333 transparent transparent transparent;
}
.header_black #header .lang {
  color: #333;
}
.header_black #header .lang .jt {
  border-color: #333 transparent transparent transparent;
}
	
/* ---------[20230113-end]------------ */

/* 隐藏 左上角中英文切换 改为下拉 by-npp 2023.1.13*/

.langBox{
  display: none !important;
}
.md-row4{
	position: absolute;
	bottom: 30px;
}
.md-row4{
	position: absolute;
	bottom: 30px;
}