@font-face {
  font-family: MR;
  src: url("../font/MinionPro-Regular.otf");
}
@font-face {
  font-family: MB;
  src: url("../font/MinionPro-Bold.otf");
}
header {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  transition: all 1s;
}
header.active {
  background-color: #fff;
}
header.active .header .right .us a .btn__content {
  color: #252627;
}
header.active .header .right .tab {
  background-color: #252627;
}
header.active .header .right .tab .line {
  color: #fff;
}
header.active .header .right .tab a {
  color: #fff;
}
header.active .header .right .tab a.active {
  color: #B29FFF;
}
header.active .btn__outline rect {
  stroke: rgba(0, 0, 0, 0.3);
}
header.active .btn__outline rect + rect {
  stroke: #666;
}
header .header {
  width: calc(100% - 100px);
  height: 110px;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
  padding-right: 70px;
}
html[lang=en] header .header .logo .cn{
  display: none;
}
html[lang=zh-CN] header .header .logo .en{
  display: none;
}
html[lang=en] header .header .logo{
  /* height: 100px; */
  width: 310px;
  display: flex;
  align-items: center;
}
html[lang=en] header .header .logo img{
  width: 100%;
  height: auto;
}

/* html[lang=zh-CN] header .header .logo{
  width: 360px;
} */
header .header .logo {
  /* width: 160px; */
  height: 46px;
}
header .header .logo img{
  height: 100%;
  width: auto;
}
header .header .right {
  display: flex;
}
header .header .right .us {
  width: 140px;
  height: 50px;
  position: relative;
  overflow: hidden;
}
header .header .right .us a {
  width: 100%;
  height: 100%;
}
header .header .right .us a .btn__content {
  color: #fff;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}
header .header .right .us a .btn__content span {
  font-family: MR;
  text-transform: uppercase;
}
header .header .right .us a .btn__content span:nth-child(2) {
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
  transform: translateY(100%);
}
header .header .right .us a:hover .btn__content {
  transform: translateY(-100%);
}
header .header .right .us a:hover .btn__outline rect + rect {
  stroke-dashoffset: 0;
}
header .header .right .tab {
  height: 50px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  background-color: #F8F8E4;
  border-radius: 25px;
  margin-left: 25px;
  transition: all 1s;
}
header .header .right .tab .line {
  width: 1px;
  height: 14px;
  background-color: #BBBBA6;
  margin: 0 5px;
  transform: rotate(15deg);
  transition: all 1s;
}
header .header .right .tab a {
  color: #252627;
  font-family: 'PingFang SC';
  transition: all 1s;
}
header .header .right .tab a.en {
  font-family: MR;
  transform: translateY(0px);
}
header .header .right .tab a.active {
  color: #451CEC;
}
.more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #F8F8E4;
  border-radius: 50%;
  margin-left: 20px;
  position: fixed;
  z-index: 999999999999999;
  top: 30px;
  right: 50px;
  cursor: pointer;
  transition: all 1s;
}
.more.active {
  background-color: #252627;
}
.more.active .head_click .show div {
  background: #fff;
}
.more.active .head_click .hide:after,
.more.active .head_click .hide:before {
  background-color: #fff;
}
.more.white {
  background-color: #F8F8E4 !important;
}
.more.white .show div {
  background: #000 !important;
}
.more.white .hide:after,
.more.white .hide:before {
  background: #000 !important;
}
.more .head_click {
  display: block!important;
  position: relative;
  width: 20px;
  height: 14px;
}
.more .head_click .show {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.more .head_click .show div {
  width: 100%;
  height: 2px;
  background: #000;
  transition: 0.6s;
  transition-delay: 0.3s;
}
.more .head_click .hide {
  width: 100%;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.more .head_click .hide:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 2px;
  background: #000;
  transform: rotate(45deg) scaleX(0);
  transition: 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}
.more .head_click .hide:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 2px;
  background: #000;
  transform: rotate(-45deg) scaleX(0);
  transition: 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}
.more .head_click.on .show div {
  transition-delay: unset;
}
.more .head_click.on .show div:first-child {
  transform: translateY(-5px);
  opacity: 0;
}
.more .head_click.on .show div:nth-child(2) {
  opacity: 0;
}
.more .head_click.on .show div:last-child {
  transform: translateY(5px);
  opacity: 0;
}
.more .head_click.on .hide:after {
  transform: rotate(45deg) scaleX(1);
  transition-delay: 0.3s;
}
.more .head_click.on .hide:before {
  transform: rotate(-45deg) scaleX(1);
  transition-delay: 0.3s;
}
.banner {
  position: relative;
  z-index: -1;
  overflow: hidden;
}
.banner.aos-animate .bg img {
  transform: scale(1);
}
.banner .bg img {
  width: 100%;
  transform: scale(1.1);
  transition: all 2s;
}
.banner .text {
  position: absolute;
  left: 120px;
  bottom: 80px;
}
.banner .text h2 {
  color: #fff;
  font-size: 50px;
  font-family: MR;
}
.banner .text p {
  margin-top: 12px;
  color: #fff;
  font-family: MR;
}
.banner .text p a {
  color: #fff;
  font-size: 20px;
  font-family: MR;
}
.banner .text p span {
  margin: 0 1px;
}
.pagebox {
  margin: 0 auto;
  width: fit-content;
  display: flex;
  align-items: center;
}
.pagebox .prev,
.pagebox .next {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #E9E9E9;
  text-align: center;
  line-height: 36px;
  color: #111;
  transition: all 1s;
}
.pagebox .prev:hover,
.pagebox .next:hover {
  border: 1px solid #2B33FF;
  background-color: #2B33FF;
  color: #fff;
}
.pagebox .prev span {
  transform: rotate(-180deg);
  display: block;
}
.pagebox .page {
  margin: 0 30px;
  display: flex;
}
.pagebox .page .item {
  color: #111;
  font-size: 20px;
  font-family: MR;
  display: block;
  transition: all 1s;
}
.pagebox .page .item:hover,
.pagebox .page .item.active {
  color: #2B33FF;
}
.pagebox .page .item:not(:last-child) {
  margin-right: 20px;
}
.fixed_menu {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99;
}
.fixed_menu .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 1s;
}
.fixed_menu .main {
  width: 1100px;
  height: 100vh;
  position: absolute;
  right: 0;
  background: linear-gradient(51deg, #4B1B88 0%, #30186A 53%, #3F3989 100%);
  transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  clip-path: circle(0 at calc(100% - 75px) 55px);
  padding-left: 125px;
  /* padding-top: 100px; */
  display: flex;
  padding-bottom: 97px;
  flex-direction: column;
  justify-content: end;
}
.fixed_menu .main .top .list {
  /* margin-top: 150px; */
}
.fixed_menu .main .top .list .item {
  overflow: hidden;
  color: #F8F8E4;
  margin-bottom: 10px;
}
.fixed_menu .main .top .list .item div {
  transition: all 1s;
  transform: translateY(100px);
}
.fixed_menu .main .top .list .item span {
  font-size: 24px;
}
.fixed_menu .main .top .list .item a {
  font-size: 50px;
  margin-left: 25px;
  color: #F8F8E4;
  transition: all 1s;
}
.fixed_menu .main .top .list .item a:hover {
  color: #DA4516;
}
.fixed_menu .main .bottom {
  margin-top: 100px;
  display: flex;
  align-items: end;
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s;
}
.fixed_menu .main .bottom .left {
  width: 376px;
  margin-right: 186px;
}
.fixed_menu .main .bottom .left h4 {
  color: #F8F8E4;
  font-size: 24px;
  font-weight: 400;
}
.fixed_menu .main .bottom .left .input {
  display: flex;
}
.fixed_menu .main .bottom .left .input input {
  flex: 1;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(248, 248, 228, 0.2);
  color: #F8F8E4;
}
.fixed_menu .main .bottom .left .input input::placeholder {
  color: rgba(248, 248, 228, 0.5);
}
.fixed_menu .main .bottom .left .input button {
  padding: 5px 18px;
  background-color: #F8F8E4;
  border-radius: 20px;
  transition: all 1s;
}
.fixed_menu .main .bottom .left .input button:hover{
  color: #2B33FF;
}
.fixed_menu .main .bottom .right .item:nth-child(1) {
  margin-bottom: 20px;
}
.fixed_menu .main .bottom .right .item:nth-child(1) .value {
  font-size: 30px;
}
.fixed_menu .main .bottom .right .item .key {
  color: #F8F8E4;
  opacity: 0.5;
  margin-bottom: 8px;
}
.fixed_menu .main .bottom .right .item .value {
  color: #F8F8E4;
  font-size: 18px;
}
.fixed_menu.on {
  pointer-events: all;
}
.fixed_menu.on .mask {
  backdrop-filter: blur(5px);
  background: rgba(255, 255, 255, 0.1);
}
.fixed_menu.on .main {
  clip-path: circle(135% at calc(100% - 75px) 55px);
}
.fixed_menu.on .main .top .list .item div {
  transform: translateY(0);
}
.fixed_menu.on .main .top .list .item:nth-child(1) div {
  transition-delay: 0.2s;
}
.fixed_menu.on .main .top .list .item:nth-child(2) div {
  transition-delay: 0.4s;
}
.fixed_menu.on .main .top .list .item:nth-child(3) div {
  transition-delay: 0.6s;
}
.fixed_menu.on .main .top .list .item:nth-child(4) div {
  transition-delay: 0.8s;
}
.fixed_menu.on .main .top .list .item:nth-child(5) div {
  transition-delay: 1s;
}
.fixed_menu.on .main .top .list .item:nth-child(6) div {
  transition-delay: 1.2s;
}
.fixed_menu.on .main .top .list .item:nth-child(7) div {
  transition-delay: 1.4s;
}
.fixed_menu.on .main .bottom {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 1.4s;
}
footer {
  padding-top: 113px;
  background: linear-gradient(90deg, #4A1C87 0%, #31186B 37%, #382879 100%);
}
footer .warp {
  width: 1680px;
  margin: 0 auto;
  display: flex;
}
footer .warp .logo {
  width: 264px;
  margin-right: 100px;
}
footer .warp .main {
  width: 100%;
}
footer .warp .main .top {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
footer .warp .main .top .left {
  width: 420px;
}
footer .warp .main .top .left .text {
  color: #F8F8E4;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 130px;
}
footer .warp .main .top .left h4 {
  color: #F8F8E4;
  font-size: 24px;
  margin-bottom: 16px;
  font-weight: 400;
}
footer .warp .main .top .left .input {
  display: flex;
}
footer .warp .main .top .left .input input {
  flex: 1;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(248, 248, 228, 0.2);
  color: #F8F8E4;
}
footer .warp .main .top .left .input input::placeholder {
  color: rgba(248, 248, 228, 0.5);
}
footer .warp .main .top .left .input button {
  padding: 5px 18px;
  background-color: #F8F8E4;
  border-radius: 20px;
}
footer .warp .main .top .center {
  margin-left: 184px;
}
footer .warp .main .top .center .list {
  display: flex;
  flex-direction: column;
}
footer .warp .main .top .center .list .item {
  color: #F8F8E4;
  text-decoration: unset;
  border-bottom: 1px solid #F8F8E4;
  width: fit-content;
  margin-bottom: 20px;
  transition: all 1s;
  padding-bottom: 10px;
}
footer .warp .main .top .center .list .item:hover {
  color: #DA4516;
  border-color: #DA4516;
}
footer .warp .main .top .right {
  width: 340px;
}
footer .warp .main .top .right .item {
  margin-bottom: 20px;
}
footer .warp .main .top .right .item:nth-child(1) .value {
  font-size: 30px;
}
footer .warp .main .top .right .item .key {
  font-size: 18px;
  color: #F8F8E4;
  margin-bottom: 8px;
  opacity: 0.5;
}
footer .warp .main .top .right .item .value {
  color: #F8F8E4;
  font-size: 18px;
}
footer .warp .main .bottom {
  margin-top: 122px;
  padding-bottom: 102px;
}
footer .warp .main .bottom .text {
  display: flex;
  margin-bottom: 10px;
}
footer .warp .main .bottom .text p {
  color: #F8F8E4;
  opacity: 0.6;
}
footer .warp .main .bottom .text a {
  color: #F8F8E4;
}
/* footer .warp .main .bottom .text p{
  margin-right: 30px;
} */
footer .warp .main .bottom .text .list {
  display: flex;
  margin-left: 30px;
}
footer .warp .main .bottom .text .list .icon {
  color: #F8F8E4;
  opacity: 0.8;
  margin-right: 35px;
}
.btn__outline {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.btn__outline rect {
  fill: none;
  stroke-width: 1.25;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  stroke-dasharray: var(--path-length, 1000px) 2000px;
  stroke-dashoffset: 0;
  transition-property: stroke-dashoffset, transform;
  transform-origin: 50% 50%;
  stroke: rgba(255, 255, 255, 0.3);
  transition: all 1s;
  rx: 25px;
  ry: 25px;
}
.btn__outline rect + rect {
  stroke-dashoffset: var(--path-length, 1000px);
  stroke: #FFF;
  transition-duration: 1s;
}
.text_effect .text {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.text_effect .text .fist {
  display: flex;
  white-space: nowrap;
  z-index: 2;
}
.text_effect .text .fist:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.text_effect .text .fist:nth-child(2) div {
  transform: translate3d(0, 101%, 0);
  opacity: 0;
}
.text_effect .text .fist div {
  min-width: 5px;
}
.text_effect:hover .fist:first-child div {
  transform: translate3d(0, -101%, 0);
  opacity: 0;
}
.text_effect:hover .fist:nth-child(2) div {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}



.pages ul {
  display: flex;
  justify-content: center;
}
.pages ul li:first-child,.pages ul li:last-child {
  display: none;
}
.pages a ,.pages span{
  border: 1px solid #b2b2b2;
  padding: 5px 12px;
  margin: 0px 5px;
}
.pages ul li.active a,.pages ul li:hover a  {
  background-color: #252627;
  color: #ffffff;
}
.section_1 .warp .list .item .img img.proimgs {
  height: 320px;
  object-fit: cover;
}
.section_3 .warp .main .trem .img img.proimgs,.section_2 .warp .main .item .img img.proimgs    {
  height: 420px;
  object-fit: cover;
}
.section_1 .warp .main .left {
  width: 45%;
}
.section_1 .warp .main .right {
  width: 50%;
}




@media screen and (max-width:1856px){
  .fixed_menu .main .bottom {
      margin-top: 120px;
  }
  .fixed_menu .main{
    padding-left: 100px;
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 1792px){
  .banner .text{
    left: 5%;
  }
  footer .warp{
    width: 90%;
  }
  footer .warp .main .top .right {
    width: 260px;
  }
}
@media screen and (max-width: 1680px){
  .banner .text h2{
    font-size: 42px;
  }
  .fixed_menu .main .top .list .item a {
    font-size: 42px;
  }
  .fixed_menu .main {
    width: 950px;
  }
  footer .warp .main .top .center {
    margin-left: 100px;
  }
}
@media screen and (max-width: 1440px){
  .fixed_menu .main .bottom {
    margin-top: 60px;
  }
  .fixed_menu .main .bottom .right .item:nth-child(1) .value {
    font-size: 24px;
  }
  .fixed_menu .main .top .list .item span {
    font-size: 20px;
  }
  header .header .right .us a .btn__content span{
    font-size: 14px;
  }
  header .header .right .us {
    width: 120px;
    height: 40px;
  }
  .btn__outline rect {
    rx:20px;
    ry:20px;
  }
  header .header .right .tab {
    height: 40px;
    padding: 0 12px;
  }
  header .header .right .tab a{
    font-size: 14px;
  }
  .more{
    width: 40px;
    height: 40px;
    top: 25px;
  }
  .more .head_click {
    font-size: 16px;
  }
  header .header {
    padding-right: 60px;
  }
  .more .head_click{
    width: 18px;
    height: 12px;
  }
  /* header .header .logo {
    width: 50px;
  } */
  header .header{
    height: 90px;
  }
  .fixed_menu .main{
    clip-path: circle(0% at calc(100% - 70px) 45px);
  }
  .fixed_menu.on .main {
    clip-path: circle(135% at calc(100% - 70px) 45px);
  }
  footer .warp .logo {
    width: 100px;
    margin-right: 80px;
  }
  footer .warp .main .bottom {
    padding-bottom: 60px;
    margin-top: 80px;
  }
  /* html[lang=en] header .header .logo{
    width: 120px;
  } */
}
@media screen and (max-width: 1024px){
  .banner{
    height: 500px;
  }
  .banner .warp{
    height: 100%;
  }
  .banner .warp .bg img,
  .banner .warp .bg{
    height: 100%;
  }
  .banner .text h2{
    font-size: 32px;
  }
  .banner .text {
    bottom: 40px;
  }
  .fixed_menu .main{
    width: 100%;
  }
  .fixed_menu .main{
    padding: 260px 40px 60px;
    justify-content: space-between;
  }
  .fixed_menu .main .bottom{
    flex-direction: column;
    align-items: start;
  }
  .fixed_menu .main .bottom .left{
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .fixed_menu .main .top .list .item a {
    font-size: 36px;
  }
  header{
    background-color: #fff;
  }
  header .header{
    width: 90%;
    
  }
  .more{
    right: 5%;
    top: 15px;
  }
  .fixed_menu .main{
    clip-path: circle(0% at calc(100% - 5% - 20px) 35px);
  }
  .fixed_menu.on .main {
    clip-path: circle(135% at calc(100% - 5% - 20px) 35px);
  }
  header .header .logo {
    height: 40px;
  }
  /* header .header .logo {
    width: 40px;
  } */
  header .header {
    height: 70px;
  }
  footer .warp .main .top .center{
    display: none;
  }
  footer .warp{
    flex-direction: column;
  }
  footer .warp .logo {
    margin-bottom: 30px;
    width: 80px;
  }
  footer{
    padding-top: 60px;
  }
  footer .warp .main .top{
    flex-direction: column;
  }
  footer .warp .main .top .left{
    width: 100%;
    margin-bottom: 30px;
  }
  footer .warp .main .top .left .text{
    margin-bottom: 30px;
  }
  footer .warp .main .top .right {
    width: 100%;
  }
  footer .warp .main .bottom {
    margin-top: 20px;  
  }
  footer .warp .main .top .left .text {
    font-size: 16px;
  }
}
@media screen and (max-width:540px){
  .fixed_menu .main{
    padding-top: 120px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .fixed_menu .main .top .list .item a {
    font-size: 28px;
  }
  .fixed_menu .main .bottom .right{
    display: flex;
  }
  .fixed_menu .main .bottom .right .item:nth-child(1){
    margin-bottom: 0;
    margin-right: 20px;
  }
  .fixed_menu .main .bottom .right .item:nth-child(1) .value {
    font-size: 20px;
  }
  .fixed_menu .main .bottom .left h4 {
    font-size: 20px;
  }
  .fixed_menu .main .bottom {
    margin-top: 20px;
  }
  .fixed_menu .main .bottom .right .item .value,
  .fixed_menu .main .bottom .right .item .key{
    font-size: 14px;
  }
  .fixed_menu .main .bottom .right .item:nth-child(1) .value {
    font-size: 16px;
  }
  .fixed_menu .main .top .list .item a {
    margin-left: 12px;
    font-size: 24px;
  }
  header .header .right .us{
    display: none;
  }
  footer .warp .main .top .right .item:nth-child(1) .value {
    font-size: 20px;
  }
  footer .warp .main .top .right .item .key {
    font-size: 14px;
  }
  footer .warp .main .top .right .item .value {
    font-size: 14px;
  }
  footer .warp .main .bottom {
    padding-bottom: 20px;
  }
  footer .warp .logo {
    width: 50%;
  }
  footer .warp .main .top .left .text {
    font-size: 14px;
  }
  footer .warp .main .bottom .text{
    flex-direction: column-reverse;
  }
  footer .warp .main .bottom .text .list{
    margin-left: 0;
    margin-bottom: 10px;
  }
  footer .warp .main .bottom .text p{
    font-size: 14px;
  }
  /* html[lang=zh-CN] header .header .logo {
    width: 160px;
  } */
  header .header .logo {
    height: 32px;
  }
}
@media screen and (max-width:450px){
  header .header .logo {
    height: 22px;
  }
}
@media screen and (max-width:414px){
  .fixed_menu .main .bottom .right{
    flex-direction: column;
  }
  .fixed_menu .main{
    padding-top: 80px;
  }
  .fixed_menu .main .bottom .right .item:nth-child(1){
    margin-bottom: 20px;
  }
  /* html[lang=zh-CN] header .header .logo {
    width: 160px;
  } */
}