/* 这个css是初始化的css，在任何项目里面都可以使用 */
/* 禁用iPhone中Safari的字号自动调整 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 解决IOS默认滑动很卡的情况 */
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: scroll;
}

body {
  font-family: -apple-system, BlinkMacSystem, 'Noto Sans SC', 'sourcehansans', sans-serif !important;
}

/*@font-face {*/
/*  font-family: 'Inter';*/
/*  src: url(https://www.highstar.com/assets/addons/cms/frontend/font/Inter-Medium-8.otf);*/
/*}*/

/*@font-face {*/
/*  font-family: 'Inter-light';*/
/*  src: url(https://www.highstar.com/assets/addons/cms/frontend/font/Inter-Light-7.otf);*/
/*}*/

/* 滚动条宽度 */  
::-webkit-scrollbar {  
  width: 4px; /* 你可以设置为你想要的宽度 */  
}  
  
/* 滚动条轨道样式 */  
::-webkit-scrollbar-track {  
  background: #f1f1f1; /* 滚动条的背景颜色 */  
}  
  
/* 滚动条滑块样式 */  
::-webkit-scrollbar-thumb {  
  background: #DF1523 ; /* 滑块的颜色 */  
  border-radius: 10px; /* 滑块的圆角 */  
}  
  
/* 滑块悬停时样式（可选） */  
::-webkit-scrollbar-thumb:hover {  
  background: #DF1523 ; /* 滑块悬停时的颜色 */  
}
body {
  --header_h: 6.25rem;
  --container: 14.8125rem;
  outline: none;
  font-weight: 500;

}

.p_top {
  position: absolute;
  top: -6rem;
}

.p_top1 {
  position: absolute;
  top: -8.75rem;
}

.bg {
  background: #DF1523;
}

.c {
  color: #DF1523;
}

.phone_show_990,
.phone_show_767 {
  display: none;
}


.pagination>li,
.list_news_two .swiper-pagination-bullet {
  margin: 0 5px;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: 1px solid #DBDBDB;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 600;
  opacity: 1;
}

.pagination>li.active,
.pagination>li:hover,
.list_news_two .swiper-pagination-bullet.swiper-pagination-bullet-active,
.list_news_two .swiper-pagination-bullet:hover {
  background: #DF1523;
  color: #fff;
  border-color: #DF1523;
}

.pagination,
.list_news_two .swiper-pagination {
  display: flex;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
  justify-content: center;
}

.pagination>li.active a,
.pagination>li:hover a,
.list_news_two .swiper-pagination-bullet.swiper-pagination-bullet-active {
  color: #fff;
}

.pagination>li.disabled:hover {
  color: #333;
  background: #FFF;
}

.list_news_two .swiper-pagination {
  justify-content: center;
  margin-top: 2.5rem;
  position: relative;
}

.foot-fot {
  background: #1A1A1A;
}

/* 禁止缩放表单 */
input[type="submit"],
input[type="reset"],
input[type="button"],
input {
  resize: none;
  border: none;
}

img {
  max-width: 100%;
  height: auto;
  width: auto;
  /* ie8 */
  -ms-interpolation-mode: bicubic;
  /*为了照顾ie图片缩放失真*/
}

.search_more {
  margin-top: 1.25rem;
  font-size: 1rem;
  color: #444;
  position: relative;
  display: inline-block;
}

.search_more:hover {
  color: #DF1523;
}

.search_more:hover::before {
  background: #DF1523;
}

.search_more::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #E5E5E5;
}

.line1 {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.line3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.line4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.line5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.trans {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.er-ul>li {
  font-size: 1rem;
}

.er-ul>li:hover a {
  color: #DF1523;
}

.er-ul>li:nth-child(1) {
  padding-top: 0.625rem;
}

.er-ul>li:last-child {
  padding-bottom: 0.625rem;
}

header .center>ul>li:hover .er-ul {
  transform: scaleY(1) translateX(-50%);
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

header .center>ul>li:hover .er-ul1 {
  transform: scaleY(1);
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.er-ul {
  width: 10rem;
  position: absolute;
  top: 100%;
  left: 50%;
  background: #fff;
  transition: 400ms ease-in-out;
  transform: scaleY(0) translateX(-50%);
  transform-origin: top center;
  opacity: 0;
  z-index: 100;
  padding: 0.5rem 0;
}

.er-ul1 {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  transition: 400ms ease-in-out;
  transform: scaleY(0);
  transform-origin: top center;
  opacity: 0;
  z-index: 100;
  padding: 2.625rem 0 0.4375rem;
  /*padding: 1.625rem 0 3.4375rem;*/
}

.er-ul1 ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.625rem;
}

.er-ul1 ul li {
  padding: 0 1.625rem;
  /*flex: 1 0 0;*/
  width: 20%;
}
header .center>ul>li:nth-child(3) .er-ul1 ul li{
    padding: 0 1.625rem;
      /*flex: 1 0 0;*/
      width: 33%;
      margin-bottom: 4%;
}
.er-ul1 ul li .name {
  font-size: 1.125rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #303030;
  padding-bottom: 0.75rem;
  line-height: 1.875rem;
  margin-bottom: 1.25rem;
}

.er-ul1 ul li .name:hover {
  color: #DF1523;
  border-bottom: 1px solid rgb(223 21 35);
}

.er-ul1 ul li .text {
  /*font-size: 1rem;*/
  font-size: 0.9rem;
  line-height: 1.5rem;
  margin-bottom: 0.875rem;
  color: #606060;
  font-weight: 400;
  padding-left: 1rem;
  position: relative;
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
}

.er-ul1 ul li .text::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background: #858585;
}

.er-ul1 ul li .text:hover {
  color: #DF1523;
}

.er-ul1 ul li .text:hover::before {
  background: #DF1523;
}

.logo_phone img {
  width: 7.5rem;
}

.cf {
  color: #fff !important;
}

.c0 {
  color: #000 !important;
}

.phone_weibu {
  background: #0A0A0A;
  display: none;
}

.phone_weibu .mobMenu>li>a {
  font-size: 14px;
  padding: 10px 0;
  color: #fff;
}

.phone_weibu .mobMenu>li {
  border-bottom: #424245 1px solid;
}

.phone_weibu .mobMenu>li>.subDepth>li>a {
  font-size: 1em;
  color: #9a9797;
  line-height: 28px;
}

.phone_weibu .mobMenu>li>a::before {
  background-color: #fff;
}

.phone_weibu .mobMenu>li>a::after {
  background-color: #fff;
}

.phone_weibu .mobMenu>li>.subDepth {
  display: none;
}

body {
  --container: 14.8125rem;
}

@media (max-width: 1600px) {
  body {
    --container: 10rem;
  }
}

@media (max-width: 1440px) {
  body {
    --container: 8rem;
  }
}

@media (max-width: 1280px) {
  body {
    --container: 6rem;
  }
}

@media (max-width: 990px) {
  body {
    --container: 15px;
  }
}

.container {
  padding: 0 var(--container);
  width: 100%;
  max-width: 100%;
}

.container.container_l {
  padding: 0 0 0 var(--container);
}

.container.container_r {
  padding: 0 var(--container) 0 0;
}

/* 搜索 */
.search {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* background: #000; */
  background: rgba(0, 0, 0, 0.85);
  z-index: 9999;
  display: none;
}

.search-box {
  width: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 25%;
}

.inp {
  width: 100%;
  height: 6.25rem;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.7);
}

.inp::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.bu {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  color: rgba(255, 255, 255, 0.7);
  background: none;
  border: none;
  z-index: 9999;
}

.bu .iconfont {
  font-size: 3.125rem;
}

.search-con {
  position: absolute;
  right: 7%;
  top: 7%;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
}

.search-con .iconfont {
  font-size: 2.125rem;
  font-weight: 100;
}

.ds {
  cursor: pointer;
}

.fenxiang .flex {
  justify-content: flex-start;
}

.fenxiang .social-share li {
  float: left;
  margin-right: 1.25rem;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.375rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  text-align: center;
}

.fenxiang .social-share li a {
  margin: 0 !important;
  width: 100%;
  height: 100%;
  line-height: 2.375rem;
  color: rgba(0, 0, 0, 0.5) !important;
  border: none !important;
  font-size: 1rem;
}

.serbtn {
  background: #DF1523;
}

.searchbox {
  border-color: #DF1523;
}

@media (max-width: 990px) {
  body {
    padding-bottom: 0;
    overflow: hidden;
  }
}

@media (max-width: 990px) {
  .pc-hidden {
    display: none;
  }

  .pc_show_990 {
    display: none;
  }

  .phone_show_990 {
    display: block;
  }
}

.m-hidden {
  display: none;
}

@media (max-width: 990px) {
  .m-hidden {
    display: block;
  }
}

.foot1-m {
  display: none;
  width: 100%;
  position: relative;
  z-index: 1;
}

/*手机底部*/
@media (max-width: 991px) {
  .foot1-m {
    display: block;
  }
}

/*手机端头部*/
.m-bm-head {
  position: fixed;
  top: 0;
  z-index: 999999;
  left: 0;
  right: 0;
  background: #000;
}

.m-bm-head .m-bm-head-box {
  position: relative;
  height: 60px;
}

.m-bm-head .phone_lanu {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 65px;
}

.m-bm-head .m-bm-head-box .m-bm-logo {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto 4%;
  max-width: 100%;
  height: 34px;
}

.m-bm-nav .aniut.aniut_son {
  height: 35px;
  line-height: 35px;
}

.m-bm-head .m-bm-head-box .m-bm-logo h1,
.m-bm-head .m-bm-head-box .m-bm-logo a {
  display: inline;
  font-size: 0;
}

.m-bm-head .m-bm-head-box .m-bm-logo img {
  height: 40px;
  width: 120px;
}

.m-bm-head .m-bm-head-box .m-bm-navbtn {
  position: absolute;
  z-index: 9;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 4% auto 0;
  width: 20px;
  height: 15px;
}

.m-bm-head .m-bm-head-box .m-bm-navbtn span,
.m-bm-head .m-bm-head-box .m-bm-navbtn:after,
.m-bm-head .m-bm-head-box .m-bm-navbtn:before {
  display: block;
  height: 1.5px;
  width: 100%;
  background: #fff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.m-bm-head .m-bm-head-box .m-bm-navbtn span {
  margin: 4.5px 0;
}

.m-bm-head .m-bm-head-box .m-bm-navbtn:after,
.m-bm-head .m-bm-head-box .m-bm-navbtn:before {
  content: '';
  -webkit-transform-origin: 7.5%;
  -moz-transform-origin: 7.5%;
  -ms-transform-origin: 7.5%;
  -o-transform-origin: 7.5%;
  transform-origin: 7.5%;
}

.m-bm-head .m-bm-head-box .m-bm-navbtn.clicked span {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}

.m-bm-head .m-bm-head-box .m-bm-navbtn.clicked:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.m-bm-head .m-bm-head-box .m-bm-navbtn.clicked:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.m-bm-head .m-bm-menu {
  display: none;
  position: absolute;
  z-index: 9999;
  left: 0;
  right: 0;
  height: 100vh;
  background: #050505;
}

.m-bm-head .m-bm-menu .m-bm-menu-box {
  height: -webkit-calc(40vh);
  height: -moz-calc(40vh);
  height: calc(100vh - 60px);
  overflow: auto;
  padding-bottom: 80px;
}

.m-bm-head .mrhgxt {
  color: #fff;
  font: 500 1.125rem/60px "helvetica";
  margin-left: 63%;
  position: relative;
  z-index: 9;
}

.m-bm-head .mrhgxt i {
  font-size: 1.125rem;
  margin-right: 0.25em;
}

.m-bm-nav>li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}

.m-bm-nav>li>a {
  display: block;
  line-height: 50px;
  font-size: 14px;
  color: #fff;
  padding: 0 15px;
  font-weight: 600;
}

.m-bm-nav>li>a span {
  display: inline-block;
  min-width: 40%;
  max-width: 50%;
  font-weight: 500;
}

.m-bm-nav>li .sec {
  display: none;
  padding: 10px 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.m-bm-nav>li .sec a {
  display: block;
  font-size: 12px;
  color: #fff;
  line-height: 35px;
}

.m-bm-nav>li .sec a span {
  display: inline-block;
  min-width: 40%;
  max-width: 50%;
}

.m-bm-nav .aniut {
  position: absolute;
  width: 40px;
  height: 50px;
  line-height: 50px;
  right: 2%;
  top: 0;
  text-align: center;
  z-index: 9;
}

.m-bm-nav .aniut i {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #fff;
}

.m-bm-head.white {
  background: #fff;
}

.m-bm-head.white .m-bm-head-box .m-bm-navbtn span,
.m-bm-head.white .m-bm-head-box .m-bm-navbtn:after,
.m-bm-head.white .m-bm-head-box .m-bm-navbtn:before {
  background: #000;
}

.m-bm-head.white .m-bm-menu {
  background: #fff;
}

.m-bm-head.white .m-bm-nav>li,
.m-bm-head.white .m-bm-nav>li .sec {
  border-color: rgba(51, 51, 51, 0.1);
}

.m-bm-head.white .m-bm-nav>li>a,
.m-bm-head.white .m-bm-nav .aniut i,
.m-bm-head.white .m-bm-nav>li .sec a,
.m-bm-head.white .mrhgxt {
  color: #000;
}

.ajhhsd {
  color: #777;
  font: 500 1rem/1.5em "sourcehansans";
  padding: 1em 0;
}

.ajhhsd a {
  color: #777;
}

.ajhhsd a:hover {
  color: #DF1523;
}

.ajhhsd span {
  padding: 0 0.3em;
}

.ajhhsd span:last-child {
  display: none;
}

.xw_ny_banner {
  background: #333;
  -o-background-size: cover;
  background-size: cover;
  padding: 13.5rem 0 7.25rem;
}

.banner {
  /*padding-top:6.25rem;*/
}

@media (max-width: 990px) {
  .xw_ny_banner {
    padding: 7.25rem 0;
  }

  .banner {
    padding-top: 0px;
  }
}

@media (max-width: 768px) {
  .xw_ny_banner {
    padding: 4rem 0;
  }
}

.xw_ny_banner h2 {
  color: #FFFFFF;
  font: 600 3.125rem/1.2em "montserrat";
}

@media (max-width: 768px) {
  .xw_ny_banner h2 {
    font-size: 1.8rem;
  }
}

.ssy-sskaa {
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  .ssy-sskaa {
    margin-bottom: 1.5rem;
  }
}

.ssy-sskaa .searchsa form {
  width: 50%;
  border: 1px solid #999;
  padding: 0 1.5em;
  border-radius: 2rem;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .ssy-sskaa .searchsa form {
    width: 90%;
  }

  .pc_show_767 {
    display: none;
  }

  .phone_show_767 {
    display: block;
  }
}

.ssy-sskaa .searchsa form input {
  width: 70%;
  font: 500 1.25rem/4rem "sourcehansans";
  background: transparent;
  color: #999;
}

@media (max-width: 768px) {
  .ssy-sskaa .searchsa form input {
    font-size: 1.125rem;
    line-height: 3rem;
  }
}

.ssy-sskaa .searchsa form button {
  width: auto;
  outline: none;
  border: none;
  background: transparent;
}

.ssy-sskaa .searchsa form button i {
  font: 500 1.6rem/4rem "sourcehansans";
  color: #333;
}

@media (max-width: 768px) {
  .ssy-sskaa .searchsa form button i {
    font-size: 1.35rem;
    line-height: 3rem;
  }
}

.sssjga {
  color: #333;
  font: 600 1.25rem/1.5em "sourcehansans";
  margin-bottom: 1em;
}

.ss-list li+li {
  margin-top: 2rem;
}

@media (max-width: 768px) {
  .ss-list li+li {
    margin-top: 1rem;
  }
}

.ss-list li div.img {
  width: 25%;
}

@media (max-width: 768px) {
  .ss-list li div.img {
    width: 100%;
  }
}

.ss-list li div.img a.img {
  display: block;
  border: 1px solid #f2f2f2;
}

.ss-list li .xw-nycont {
  width: 72%;
}

.ss-list li .xw-nycont.w100 {
  width: 100%;
}

@media (max-width: 768px) {
  .ss-list li .xw-nycont {
    width: 100%;
    margin-top: 1.2em;
  }
}

.ss-list li .xw-nycont h2 a {
  display: block;
  color: #656363;
  font: 500 1.25rem/1.35em "sourcehansans";
  overflow: hidden;
  margin-bottom: 0.2em;
}

@media (max-width: 768px) {
  .ss-list li .xw-nycont h2 a {
    font-size: 1.125rem;
  }
}

.ss-list li .xw-nycont span {
  color: #DF1523;
  font: 500 1rem/1.5em "montserrat";
}

.ss-list li .xw-nycont .datea {
  color: #999999;
  font: 500 0.95rem/1.5em "montserrat";
}

.ss-list li .xw-nycont .p {
  color: #999999;
  font: 500 1rem/1.5em "sourcehansans";
  margin-top: 0.5em;
}

.ss-list li .xw-nycont a.more-msl {
  margin-top: 1em;
}

@media (max-width: 990px) {
  body {
    padding: 60px 0 0 !important;
  }
}

/* end */
.list_website ul li {
  padding: 1.875rem 0;
  border-bottom: 1px solid #ddd;
}

.list_website ul li:first-child {
  padding-top: 0;
}

.list_website ul li .top {
  font-size: 1.375rem;
  line-height: 1.875rem;
  margin-bottom: 0.625rem;
  font-weight: 600;
}

.list_website ul li .bot {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #717171;
  margin-right: 1.25rem;
}

@media (max-width: 1600px) {

  body,
  html {
    font-size: calc(100vw / 110);
  }

  .container {
    padding: 0 var(--container);
  }
}

@media (max-width: 1440px) {

  body,
  html {
    font-size: calc(100vw / 100);
  }

  .container {
    padding: 0 var(--container);
  }
}

@media (max-width: 1366px) {

  body,
  html {
    font-size: calc(100vw / 95);
  }
}

@media (max-width: 1280px) {

  body,
  html {
    font-size: calc(100vw / 90);
  }
}

@media (max-width: 990px) {

  body,
  html {
    font-size: 14px;
  }

  .container {
    padding: 0 var(--container);
  }
}

@media (max-width: 767px) {
  .container {
    padding: 0 var(--container);
  }
}

.phone {
  line-height: 60px;
  padding: 0 30px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  background: #000;
}

.phone.white {
  background: #fff;
}

.phone.white .left img {
  filter: brightness(0);
}

@media (max-width: 767px) {
  .phone {
    padding: 0 15px;
  }
}

.phone>.clearfix {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.phone.noLanuage .center {
  width: 60%;
  text-align: left;
  order: 1;
}

.phone.noLanuage .left {
  width: 40%;
  text-align: right;
  order: 2;
}

.phone.noLanuage .right {
  display: none;
}

.phone .left,
.phone .right {
  width: 20%;
}

.phone .left {
  text-align: right;
}

.phone .left img {
  height: 22px;
}

.phone .right {
  text-align: left;
}

.phone .right span {
  width: 1px;
  height: 10px;
  background: #1D1D1F;
  display: inline-block;
  margin: 0 5px;
  position: relative;
  top: 1px;
}

.phone .right a {
  font-weight: bold;
  font-size: 18px;
  color: #161616;
}

.phone .right a.c {
  color: #1D1D1F;
}

.phone .center {
  width: 60%;
  margin: 0 auto;
  text-align: center;
}

.phone .center img {
  height: 40px;
  width: 120px;
}

.sjj_nav {
  position: fixed;
  z-index: 9999;
  background: #1D1D1F;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 40px;
  top: 0;
  left: -100%;
  overflow: auto;
  overflow-x: hidden;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.nav_show {
  left: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.sjj_nav>ul>li:first-child {
  overflow: hidden;
  border-top: 0;
}

.sjj_nav>ul>li:first-child>a {
  width: 60%;
}

.sjj_nav>ul>li:first-child .language {
  width: 100%;
  overflow: hidden;
  line-height: 30px;
  margin-top: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
}

.sjj_nav>ul>li:first-child .language a {
  width: 25%;
  float: left;
  border-left: 1px #ddd solid;
  text-align: center;
  color: #999;
  display: inline-block;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.sjj_nav>ul>li:first-child .language a.active {
  background: #DF1523;
  color: #fff !important;
}

.sjj_nav>ul>li:first-child .language a:last-child {
  border-right: 1px #ddd solid;
}

.sjj_nav ul li .sjj_nav_i_se svg {
  transform: rotate(0deg);
}

.sjj_nav ul li {
  position: relative;
  line-height: 40px;
  font-size: 14px;
}

.sjj_nav>ul>li:last-child {
  border-bottom: 1px #ddd solid;
}

.sjj_nav ul li ul {
  display: none;
}

.sjj_nav ul li i svg {
  width: 20px;
  height: 20px;
  fill: #555;
}

.sjj_nav ul li .sjj_nav_i_se svg {
  fill: #DF1523;
}

.sjj_nav ul li ul li>ul {
  margin-left: 10px;
}

.sjj_nav .top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #1D1D1F;
}

.sjj_nav .top .ta img {
  height: 40px;
  filter: brightness(0) invert(1);
  width: 120px;
}

.sjj_nav .top .fr img {
  height: 22px;
}

.sjj_nav .bot {
  padding: 25px 40px 0;
  margin-top: 60px;
  height: calc(100% - 60px);
  overflow: scroll;
}

.sjj_nav .bot>li:first-child {
  margin-bottom: 34px;
}

.sjj_nav .bot>li:first-child input {
  padding-left: 28px;
  width: 100%;
  font-size: 12px;
  color: #a7a7a7;
  line-height: 28px;
  border: 1px solid #A7A7A8;
  background: transparent;
}

.sjj_nav .bot>li:first-child button {
  background: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 28px;
  height: 100%;
  border: none;
}

.sjj_nav .bot>li:first-child button .iconfont {
  position: static;
  text-align: center;
  color: #a7a7a7;
  font-size: 14px;
  padding: 0;
  border: none;
}

.sjj_nav .bot>li {
  font-size: 18px;
  line-height: 20px;
  color: #a7a7a7;
  border-bottom: none !important;
  margin-bottom: 30px;
}

.sjj_nav .bot>li>ul {
  padding-left: 1.25rem;
}

.sjj_nav .bot>li>div>a {
  width: calc(100% - 3.75rem);
}

.sjj_nav .bot>li>a {
  display: inline-block;
}

.sjj_nav .bot>li img {
  height: 30px;
}

.sjj_nav .bot>li .list .left {
  width: 100%;
  font-size: 14px;
  line-height: 40px;
  color: #EBEBEC;
  float: left;
}

.sjj_nav .bot>li .list .left a {
  color: #EBEBEC;
}

.sjj_nav .bot>li .list .right.w100 {
  width: 100%;
  float: none;
  padding-bottom: 20px;
}

.sjj_nav .bot>li .list .right {
  width: 90%;
  float: right;
  font-size: 14px;
  color: #EBEBEC;
  line-height: 20px;
}

.sjj_nav .bot>li .list .right a {
  color: #EBEBEC;
  margin-bottom: 18px;
}

.sjj_nav .bot>li ul {
  margin-top: 20px;
}

.sjj_nav .bot>li>div {
  color: #a7a7a7;
  position: relative;
  padding-bottom: 8px;
  line-height: 1.875rem;
  display: flex;
  align-items: center;
}

.sjj_nav .bot>li>div>a {
  color: #a7a7a7;
}

.sjj_nav .bot>li>div .iconfont {
  width: 3.75rem;
  text-align: right;
  display: block;
  font-size: 1rem;
}

.sjj_nav .bot>li>a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  background: #a7a7a7;
}

.sjj_nav .bot>li:hover>a::before,
.sjj_nav .bot>li.active>a::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.sjj_nav .top .container {
  padding: 0 40px;
}

@media (max-width: 767px) {
  .sjj_nav .top .container {
    padding: 0 15px;
  }
}

.rightfix {
  bottom: 10%;
  top: auto;
  transform: translateY(0);
  right: 1.25rem;
  width: auto;
  box-shadow: none;
  border: none;
  background: transparent;
}

.rightfix li {
  width: 3.375rem;
  height: 3.375rem;
  border-radius: 50%;
  line-height: 3.375rem;
  padding: 0;
  border: none;
  background: transparent;
  margin-bottom: 1.25rem;
}

.rightfix li .iconfont {
  font-size: 1.375rem;
}

.rightfix li::before {
  display: none;
}

.fixright_li_last {
  display: none;
}

.rightfix li {
  position: relative;
  border: none !important;
}

.rightfix li .iconfont {
  font-size: 1.375rem;
  display: block;
  color: #fff;
  border-radius: 50%;
  background: #DF1523;
  border: 1px solid #DF1523;
}

.rightfix li:hover .iconfont {
  background: #fff;
  color: #DF1523;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.rightfix li::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  background: #DEDDDD;
  width: 1.1875rem;
}

.rightfix li:last-child::before {
  display: none;
}

.right_div.img {
  min-width: 7.5rem !important;
}

.right_div.img img {
  height: 7.5rem;
  object-fit: contain;
}

@-webkit-keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@-moz-keyframes sticky {
  0% {
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@-o-keyframes sticky {
  0% {
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}

header {
  position: fixed;
  line-height: 6.25rem;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 1000;
  --color: #606060;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

@media (max-width: 990px) {
  header {
    display: none;
  }
}

header>.container {
  padding: 0 5rem;
}

header:hover,
header.active {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

header:hover::before,
header.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}

header .tel {
  margin-left: 2.5rem;
}

header .tel img {
  margin-right: 0.5rem;
}

header.active {
  animation: sticky 0.65s;
}

header .ds img,
header .lanuage img,
header .tel img {
  height: 1.25rem;
  filter: brightness(0) invert(1);
}

header .lanuage {
  position: relative;
  margin-right: 1.25rem;
  padding: 0 1rem 0 1.25rem;
  margin-left: 1.875rem;
}

header .lanuage::before,
header .lanuage::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 1rem;
  background: rgba(255, 255, 255, 0.3);
}

header .lanuage::before {
  left: 0;
}

header .lanuage::after {
  right: 0;
}

header .lanuage:hover ul {
  transform: scaleY(1) translateX(0%);
  opacity: 1;
}

header .lanuage ul {
  background: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 0.625rem;
  transition: 400ms ease-in-out;
  transform: scaleY(0) translateX(0%);
  transform-origin: top center;
  opacity: 0;
}

header .lanuage ul li {
  line-height: 1.875rem;
  text-align: center;
}

header .lanuage ul a {
  font-size: 0.875rem;
  display: block;
  text-align: center;
}

header .lanuage ul a:hover {
  color: #DF1523;
}

header .lanuage a {
  display: flex;
  align-items: center;
  color: var(--color);
  font-size: 1rem;
}

header .ds img,
header .lanuage img,
header .tel img {
  filter: brightness(1) invert(0);
}

header .lanuage::before,
header .lanuage::after {
  background: rgba(0, 0, 0, 0.1);
}

header.active .center>ul>li:hover>a,
header:hover .center>ul>li:hover>a,
header.active .center>ul>li.active>a,
header:hover .center>ul>li.active>a {
  color: #DF1523;
}

header.active .center>ul>li:hover>a::before,
header:hover .center>ul>li:hover>a::before,
header.active .center>ul>li.active>a::before,
header:hover .center>ul>li.active>a::before {
  background: #DF1523;
}

header .logo img {
  /*height: 2.3rem;*/
  height: 3.8rem;
}

header .logo img:nth-child(2) {
  display: none;
}

header .ds .iconfont {
  font-size: 1.25rem;
  display: block;
  color: var(--color);
}

header .tel {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  color: var(--color);
}

header .center>ul>li {
  float: left;
  padding: 0 1.25rem;
}

header .center>ul>li>a {
  font-size: 1.125rem;
  color: var(--color);
}

header .center>ul>li>a img {
  position: absolute;
  right: -1.25rem;
  opacity: 0;
  height: 1.0625rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  top: 50%;
  transform: translateY(-50%);
}

header .center>ul>li>a::before {
  content: '';
  position: absolute;
  height: 2px;
  width: 0%;
  background: #DF1523;
  left: 0;
  bottom: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

header .center>ul>li:hover>a,
header .center>ul>li.active>a {
  color: #DF1523;
}

header .center>ul>li:hover>a::before,
header .center>ul>li.active>a::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

header .center>ul>li:hover>a img,
header .center>ul>li.active>a img {
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  right: -1rem;
}

@-webkit-keyframes banscaleDraw {

  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    /*开始为原始大小*/
  }

  25% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    /*放大1.1倍*/
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes banscaleDraw {

  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
    /*开始为原始大小*/
  }

  25% {
    -moz-transform: scale(1.05);
    transform: scale(1.05);
    /*放大1.1倍*/
  }

  50% {
    -moz-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -moz-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

@-o-keyframes banscaleDraw {

  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    -o-transform: scale(1);
    transform: scale(1);
    /*开始为原始大小*/
  }

  25% {
    -o-transform: scale(1.05);
    transform: scale(1.05);
    /*放大1.1倍*/
  }

  50% {
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes banscaleDraw {

  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    /*开始为原始大小*/
  }

  25% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    /*放大1.1倍*/
  }

  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

/*.banner {padding-top: 6.25rem;}*/
.banner .hover {
  position: absolute;
  bottom: 12%;
  left: 0;
  width: 100%;
}

.banner .hover .container {
  padding: 0 0 0 6.75rem;
}

.banner .hover.hover89 .p1,
.banner .hover.hover90 .p1,
.banner .hover.hover92 .p1,
.banner .hover.hover89 .p2,
.banner .hover.hover90 .p2,
.banner .hover.hover92 .p2 {
  color: #fff;
}

.banner .hover .p2 {
  font-family: url(../font/Inter-Bold-4.otf);
}

/*.banner .hover .p1 { */
/*  font-style: italic;*/
/*  font-size: 1.375rem;*/
/*  line-height: 2rem;*/
/*  margin-top: 1.5rem;*/
/*  color: #000205;*/
/*  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);*/
/*}*/
/*.banner .hover .p2 {*/
/*  font-style: italic;*/
/*  font-size: 3.6rem;*/
/*  line-height: 4.25rem;*/
/*  font-weight: bold;*/
/*  color: #000205;*/
/*  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);*/
/*}*/
.banner video {
  object-fit: cover;
  /*height: calc(100vh - 100px);*/
}

.banner .img img {
  object-fit: cover;
}

.banner .swiper-button-next {
  right: -2rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.banner .swiper-button-prev {
  left: -2rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.banner:hover .swiper-button-next {
  right: 5rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.banner:hover .swiper-button-prev {
  left: 5rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.title {
  font-weight: bold;
  font-size: 2.75rem;
  line-height: 3.125rem;
  color: #000000;
}

.subtitle {
  font-size: 1.5rem;
  line-height: 2.25rem;
  text-transform: uppercase;
  color: #F9001E;
  margin-bottom: 0.3125rem;
}

.subtitle div {
  display: inline-block;
  padding-right: 1.5rem;
  position: relative;
}

.subtitle div::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 0.9375rem;
  height: 1.25rem;
  /*background: url(../img/1.svg) no-repeat;*/
  background-size: contain;
  background-position: center right;
}

.subtitle.cf div::before {
  filter: brightness(0) invert(1);
}

.text {
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #7C7C7C;
  font-weight: 400;
}
.bread .text{color:#fff;}

.more {
  background: #DF1523;
  display: inline-block;
  border: 1px solid #DF1523;
  font-size: 1rem;
  line-height: 3.4375rem;
  color: #FFFFFF;
  padding: 0 2rem;
  position: relative;
  z-index: 4;
}

.more.borgray.bor {
  border-color: #d8d8d8;
  color: #8c8c8c;
}

.more.borgray.bor img {
  filter: brightness(0) invert(0.6);
}

.more.borgray.bor:hover {
  border-color: #DF1523;
}

.more.bor {
  background: transparent;
  color: #DF1523;
}

.more.bor img {
  filter: brightness(1) invert(0);
}

.more.bor::before {
  background: #DF1523;
}

.more.bor:hover {
  color: #fff;
}

.more.bor:hover img {
  filter: brightness(0) invert(1);
}

.more.borf {
  background: transparent;
  color: #fff;
  border-color: #fff;
}

.more.borf::before {
  background: #DF1523;
}

.more.borf:hover {
  color: #fff;
  border-color: #DF1523;
}

.more.borf:hover img {
  filter: brightness(0) invert(1);
}

.more div {
  display: flex;
  align-items: center;
}

.more div img {
  height: 0.375rem;
  margin-left: 1rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  filter: brightness(0) invert(1);
}

.more::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #fff;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  z-index: -1;
  transform: scale(0.6);
  opacity: 0;
}

.more:hover {
  color: #DF1523;
}

.more:hover img {
  filter: brightness(1) invert(0);
  transform: translateX(0.25rem);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.more:hover::before {
  transform: scale(1);
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_one {
  padding: 5.625rem 0 0;
}

.index_one .text,
.list_about_four .text {
  font-size: 1rem;
  text-align: justify;
}

.index_one .title {
  display: flex;
  align-items: center;
}
.title{position:relative;}
.title::after{
    content: "";
    position: absolute;
    width: 8px;
    height: 100%;
    top: 1%;
    /*margin-top: -17px;*/
    background: linear-gradient(0deg, #e50014 0%, #e5001412 100%);
    left: -1%;
}
.title.titles::after{content:none;}
@media (max-width: 767px) {
    .title{padding-left: 3%;}
}
.index_one .title img {
  height: 2.5rem;
  margin-left: 0.75rem;
}

.index_one .margin {
  margin: 1.25rem 0;
line-height: 35px;
    font-size: 1rem;
color: #393837;
}

.index_one ul {
  margin: 0 -2.125rem;
}

.index_one ul li {
  padding: 0 2.125rem;
}

.index_one ul li .name,
.list_about_four .name {
  font-size: 1.375rem;
  line-height: 1.875rem;
  color: #DF1523;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.list_about_four .icon {
  margin-left: -0.5rem;
}

.index_one ul .more {
  margin-top: 0.75rem;
}

.index_two {
  position: relative;
  width: 100%;
  height: 100vh;
}

.index_two .parallel {
  width: 100%;
  height: 100%;
  margin-top: 0;
  position: relative;
  overflow: hidden;
  z-index: 50;
  box-sizing: border-box;
}

.index_two .top {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.index_two .top .p1 {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #000;
  font-weight: bold;
  font-size: 4.25rem;
  line-height: 4.375rem;
}

.index_two .top video {
  width: 100%;
  position: absolute;
  left: 0;
  height: 100vh;
  object-fit: cover;
}

.con_w .text {
  margin-top: 1.5625rem;
  font-size: 1.25rem;
}

.con_w ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -1.5625rem;
}

.con_w ul li {
  padding: 0 1.5625rem;
  flex: 1 0 0;
  text-align: center;
}

.con_w ul li a {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #FFFFFF;
  padding-bottom: 1rem;
  position: relative;
  display: block;
}

.con_w ul li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: 3;
  background: #fff;
}

.con_w ul li a::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: #DF1523;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  z-index: 5;
}

.con_w ul li.active a::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.con_w .more {
  margin-top: 3.125rem;
}

#main .con02 .navs strong {
  color: #fff;
}

#main .con02 .navs .scrolls {
  background-color: rgba(255, 255, 255, 0.3);
}

#main .con02 .navs .scrolls:before {
  background-color: #fff;
}

.phone_b_tab {
  background: url(../img/con02_bg.png);
  background-attachment: fixed;
  background-size: cover;
  margin-top: 0 !important;
  padding-top: 25px;
}

.phone_b_tab #main {
  margin-bottom: 15px;
}

#main .con02 .st {
  position: relative;
  width: 100%;
  height: 100vh;
}

#main .con02 .st .tit {
  position: absolute;
  left: 0;
  top: 30%;
  transition: opacity 0.4s;
}

#main .con02 .st .tit strong {
  display: block;
  font-size: 100px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 40px;
}

#main .con02 .st .tit p {
  font-size: 32px;
  line-height: 60px;
  color: #FFFFFF;
}

#main .con02 .st .inner {
  position: relative;
  height: 100%;
}

#main .con02 .st .b_tab {
  position: absolute;
  left: 0;
  bottom: 20%;
  width: 100%;
}

#main .con02 .st.on {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  padding-right: 17px;
}

#main .con02 .st.dis {
  position: absolute;
}

#main .con02.on2 {
  padding-top: 100vh;
}

#main .con02 {
  width: 100%;
}

#main .con02 .st.on2 {
  height: auto;
  top: auto;
  bottom: 5rem;
}

#main .con02 .st.on2 .tit {
  display: none;
}

#main .con02 .st .tit strong {
  transform: translateX(40px);
  filter: blur(20px);
  -webkit-filter: blur(20px);
  opacity: 0;
  transition: transform 1s, opacity 1s, filter 1s;
  transition-delay: 0.3s;
}

#main .con02.on .st .tit strong {
  transform: translateX(0);
  filter: blur(0);
  -webkit-filter: blur(0);
  opacity: 1;
}

#main .con02 .st .tit p {
  transform: translateX(30px);
  filter: blur(10px);
  -webkit-filter: blur(10px);
  opacity: 0;
  transition: transform 1s, opacity 1s, filter 1s;
  transition-delay: 0.6s;
}

#main .con02.on .st .tit p {
  transform: translateX(0);
  filter: blur(0);
  -webkit-filter: blur(0);
  opacity: 1;
}

/*  */
#main .con02 .wrap2 {
  justify-content: center;
  align-items: center;
  container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --justify-content: center;
  --overflow: hidden;
  --background-transition: 0.3s;
  --margin-top: 0px;
  --margin-right: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
}

#main .con02 .b_con {
  z-index: 1;
  width: var(--container-widget-width, 90%);
  max-width: 90%;
  -container-widget-width: 90%;
  --container-widget-flex-grow: 0;
  z-index: 0;
  margin: 0 auto;
  height: 100vh;
  padding-top: 90px;
  filter: drop-shadow(30px -30px 40px rgba(0, 0, 0, 0.16));
  position: relative;
  bottom: 0;
}

#main .con02 .b_con.ac {
  position: sticky;
  margin-top: 0px;
  margin-bottom: 0px;
  top: 0;
  bottom: auto;
}

#main .con02 .b_con.ac2 {
  position: sticky;
  margin-top: 0px;
  margin-bottom: 0px;
  top: 0;
  bottom: auto;
}

#main .con02 .b_con .name_tag {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 10;
}

#main .con02 .b_con .name_tag strong {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

#main .con02 .b_con .name_tag strong span {
  font-family: 'Pretendard';
  margin-left: 18px;
  margin-right: 15px;
  display: inline-block;
}

#main .con02 .b_con .name_tag i {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fff;
  transform: translate(0, -5px);
  margin-left: 4px;
  animation: tags 2s cubic-bezier(0.36, 0, 0.06, 1) alternate infinite;
  opacity: 0;
}

#main .con02 .b_con .name_tag .i02 {
  animation-delay: 0.2s;
}

@keyframes tags {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

#main .con02 .b_con .wrap {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 40px 40px 0 0;
  overflow: hidden;
}

#main .con02 .b_con .bg_video:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

#main .con02 .b_con .bg_video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
}

#main .con02 .b_con .bg_video img {
  height: 100%;
  object-fit: cover;
}

#main .con02 .b_con .bg_video video {
  width: 100%;
  object-fit: cover;
}

#main .con02 .b_con .txt {
  position: absolute;
  left: 8.125rem;
  top: 33%;
  transform: translate(0, -50%);
  z-index: 11;
  padding-right: 5rem;
  width: 100%;
}

#main .con02 .b_con .txt strong {
  font-weight: bold;
  font-size: 2.75rem;
  line-height: 3.125rem;
  color: #000000;
  color: #fff;
  display: block;
  margin-bottom: 0.5rem;
}

#main .con02 .b_con .txt p {
  font-size: 1.25rem;
  line-height: 2.375rem;
  color: #7C7C7C;
  color: #fff;
  margin-top: 0.875rem;
  width: 60%;
  font-weight: 400;
}

#main .con02 #business01~.b_con {
  padding-top: 9%;
}

#main .con02 #business02~.b_con {
  padding-top: 14%;
}

#main .more_b {
  width: 191px;
  height: 58px;
  border-radius: 58px;
  background-color: #fff;
  margin-top: 50px;
  border: 2px solid rgba(255, 255, 255, 0);
  transition: background 0.5s, border 0.5s;
}

#main .more_b a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 3.375rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: #003774;
  transition: color 0.4s;
  padding-left: 1.875rem;
}

#main .more_b .dots {
  display: block;
  width: 1.25rem;
  height: 0.5625rem;
  position: absolute;
  right: 1.875rem;
  transform: translate(0, -50%);
  top: 50%;
}

#main .more_b .dots i {
  display: block;
  border-radius: 50%;
  width: 0.5625rem;
  height: 0.5625rem;
  background-color: #003774;
  transition: background 0.4s;
  position: absolute;
}

#main .more_b .dots i:nth-child(1) {
  opacity: 0.1;
  right: 0;
  top: 0;
  transform: translateX(-11px);
  animation: op 1s alternate ease-in-out infinite;
}

#main .more_b .dots i:nth-child(2) {
  opacity: 0.5;
  right: 0;
  top: 0;
  transform: translateX(-6px);
  animation: op 1s alternate ease-in-out infinite;
  animation-delay: 0.2s;
}

#main .more_b .dots i:nth-child(3) {
  opacity: 1;
  right: 0;
  top: 0;
  transform: translateX(0);
  animation: op 1s alternate ease-in-out infinite;
  animation-delay: 0.4s;
}

#main .more_b a:hover .dots i:nth-child(1) {
  animation: dots2 1s alternate infinite;
}

#main .more_b a:hover .dots i:nth-child(2) {
  animation: dots2 1s alternate infinite;
}

#main .more_b a:hover .dots i:nth-child(3) {
  animation: dots2 1s alternate infinite;
}

#main .more_b:hover {
  background-color: rgba(255, 255, 255, 0);
  border: 2px solid #fff;
}

#main .more_b:hover .dots i {
  background-color: #fff;
}

#main .more_b:hover a {
  color: #fff;
}

#main .more_b2 {
  background-color: #0055B4;
  box-shadow: 0px 0px 30px rgba(0, 55, 116, 0.2);
}

#main .more_b2 a {
  color: #fff;
}

#main .more_b2 .dots i {
  background-color: #fff;
}

#main .more_b2:hover {
  border: 2px solid #0055B4;
}

#main .more_b2:hover a {
  color: #0055B4;
}

#main .more_b2:hover .dots i {
  background-color: #0055B4;
}

#main .m_tit strong {
  font-size: 100px;
  line-height: 140px;
  display: block;
  color: #000000;
}

#main .m_tit p {
  font-size: 24px;
  line-height: 42px;
  font-weight: 500;
  color: #4E4E4E;
  margin-top: 60px;
}

@keyframes op {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 0.9;
  }
}

#main .m_tit strong {
  transform: translateX(30px);
  filter: blur(10px);
  -webkit-filter: blur(10px);
  opacity: 0;
  transition: transform 1s, opacity 1s, filter 1s;
}

#main .on .m_tit strong {
  transform: translateX(0);
  filter: blur(0);
  -webkit-filter: blur(0);
  opacity: 1;
}

#main .m_tit p {
  transform: translateX(30px);
  filter: blur(10px);
  -webkit-filter: blur(10px);
  opacity: 0;
  transition: transform 1s, opacity 1s, filter 1s;
  transition-delay: 0.3s;
}

#main .on .m_tit p {
  transform: translateX(0);
  filter: blur(0);
  -webkit-filter: blur(0);
  opacity: 1;
}

#main .m_tit .more_b {
  transform: translateX(30px);
  filter: blur(10px);
  -webkit-filter: blur(10px);
  opacity: 0;
  transition: transform 1s, opacity 1s, filter 1s;
  transition-delay: 0.6s;
}

#main .on .m_tit .more_b {
  transform: translateX(0);
  filter: blur(0);
  -webkit-filter: blur(0);
  opacity: 1;
}

footer {
  position: relative;
  z-index: 9;
  background: #1A1A1A;
  padding: 5rem 0 2.5rem;
}

footer .top li,
footer .bot li {
  float: left;
}

footer .top li:nth-child(1),
footer .bot li:nth-child(1) {
  width: 14%;
}

footer .top li:nth-child(2),
footer .bot li:nth-child(2) {
  width: 17%;
}

footer .bot {
  margin-top: 2.8125rem;
}

footer .bot ul {
  display: flex;
  align-items: center;
}

footer .bot ul li:nth-child(3) {
  width: calc(100% - 15% - 21% - 6.875rem);
}

footer .bot ul li .img {
  width: 6.875rem;
  height: 6.875rem;
}

footer .bot ul li .img img {
  width: 100%;
  height: 100%;
}

footer .bot ul li .name {
  font-size: 1.125rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.875rem;
  position: relative;
  padding-bottom: 0.3125rem;
  margin-bottom: 0.375rem;
}

footer .bot ul li .name::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.5625rem;
  height: 2px;
  background: #DF1523;
}

footer .bot ul li p {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #969696;
}

footer .top li:nth-child(3) {
  /*width: 18.16%;*/
  width: 14.16%;
}

footer .top li:nth-child(4) {
  width: 14.16%;
}

footer .top li:nth-child(5) {
  width: 14.16%;
}

footer .top li:nth-child(6) {
  width: 11.5%;
}

footer .name {
  font-weight: bold;
  font-size: 1.125rem;
  color: #fff;
  margin-bottom: 1rem;
}

footer .text {
  font-size: 1rem;
  line-height: 2rem;
  color: #969696;
}

footer a.text:hover {
  color: #DF1523;
}

.beian {
  position: relative;
  z-index: 9;
  background: #1A1A1A;
}

.beian .content {
  padding: 1.25rem 0;
  border-top: 1px solid rgba(234, 234, 234, 0.3);
}

.beian .content .text,
.beian .content a {
  font-size: 0.975rem;
  line-height: 1.875rem;
  color: #969696;
  display: inline-block;
}

.beian .content a:hover {
  color: #DF1523;
}

.beian .fenxiang li {
  width: auto;
  height: auto;
  margin-right: 0;
  border: none;
  margin-left: 0.8125rem;
}

.beian .fenxiang li a {
  color: #B3B3B3 !important;
}

.beian .fenxiang li:hover a {
  background: transparent;
  color: #DF1523 !important;
}

.beian .fenxiang li a {
  line-height: 1.875rem;
  border: none;
}

body {
  overflow-x: visible;
}

.index_four {
  padding: 7.1875rem 0;
}

.index_four .left {
  width: 35%;
  display: inline-block;
  position: sticky;
  top: 12rem;
  height: auto;
  padding-right: 1rem;
}

.index_four .left .more-div {
  margin-top: 4.375rem;
}

.index_four .left .text {
  margin-top: 1.125rem;
  text-align: justify;
}

.index_four .right {
  width: 65%;
  padding-left: 3rem;
}

.index_four .right .news-ul {
  margin: 0 -1.25rem;
}

.index_four .right .news-ul li {
  margin-bottom: 3.125rem;
  padding: 0 1.25rem;
}

.index_four .right .news-ul li .name {
  font-size: 1.5rem;
  line-height: 1.875rem;
  color: #232323;
  margin: 1.5625rem 0 0.625rem;
}

.index_four .right .news-ul li .more_a {
  margin-top: 1.25rem;
}

.index_four .right .news-ul li:nth-child(2n) {
  top: 6rem;
  position: relative;
}

.index_four .right .news-ul li:hover .name {
  color: #DF1523;
}

.index_four .right .news-ul li:hover .over img {
  transform: scale(1.1);
}

.bgf4 {
  background: rgba(124, 124, 124, 0.05);
}

.shu-ul1 {
  margin: 1rem -1rem 0;
  display: flex;
  flex-wrap: wrap;
}

.shu-ul1 li {
  padding: 0 1rem;
  width: 50%;
}

.shu-ul1 li:hover .icon-img img {
  transform: rotateY(180deg);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.shu-ul1 li>div {
  padding: 1.25rem 0 1rem;
  border-bottom: 1px solid #dddddd;
  display: flex;
  align-items: center;
}

.shu-ul1 li>div>div:nth-child(1) {
  width: calc(100% - 2.8125rem);
}

.shu-ul1 li .p1 {
  color: #262626;
  font-size: 2.5rem;
  font-weight: 600;
  opacity: 1;
  color: #DF1523;
}

.shu-ul1 li .p1 sub {
  font-size: 1.25rem;
  bottom: 0;
}

.shu-ul1 li .p2 {
  font-size: 1rem;
  margin-top: 0.1875rem;
  line-height: 1.8;
  color: #7C7C7C;
}

.shu-ul1 li .icon-img {
  width: 2.8125rem;
}

.shu-ul1 li .icon-img img {
  width: 100%;
  height: 2.8125rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  display: block;
}

.index_five {
  padding: 7rem 0 7rem;
  position: relative;
  --widthearth: 37.5rem;
  /*background: url(../img/map.jpg) no-repeat top center;*/
}

.index_five #earth {
  margin: 0 auto 0 0;
  width: var(--widthearth) !important;
  height: var(--widthearth) !important;
}

.index_five #earth canvas {
  width: var(--widthearth) !important;
  height: var(--widthearth) !important;
}

.index_five .left {
  width: var(--widthearth);
  height: 100%;
  position: relative;
}

.index_five .right {
  width: calc(100% - var(--widthearth));
  padding-left: 5rem;
}

.index_five .more-div {
  margin-top: 4.375rem;
}

.index_five .index_five_lunbo {
  margin: 2rem -0.5rem -0.5rem;
}

.index_five .index_five_lunbo .swiper-container {
  padding: 0.5rem;
}

.index_five .index_five_lunbo .swiper-button-next {
  background: none;
  right: -2em;
  width: auto;
  margin-top: -8px;
  height: auto;
}

.index_five .index_five_lunbo .swiper-button-prev {
  background: none;
  left: -2rem;
  width: auto;
  height: auto;
  margin-top: -8px;
}

.index_five .index_five_lunbo .swiper-slide {
  box-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

.index_five .index_five_lunbo .swiper-slide .img {
  overflow: hidden;
}

.index_five .index_five_lunbo .swiper-slide .img img {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_five .index_five_lunbo .swiper-slide:hover img {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transform: scale(1.2);
}

#bodymask {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: calc(100vh - 1.12rem);
  top: 0;
  left: 0;
  transform: translateZ(0);
  backdrop-filter: blur(0px);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

#bodymask.bodymask {
  z-index: 4;
  transform: translateZ(1);
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(9px);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.banner-wz {
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  left: 5.8%;
  width: 34%;
  color: #FFF;
}

.banner-wz .title {
  color: #FFF;
}

.banner-wz .title img {
  width: 1rem;
}

.banner-wz .wz {
  font-size: 1.125rem;
  line-height: 1.7;
  margin-top: 1rem;
  text-align: justify;
}

.alignc {
  align-items: center;
}

.index_two_two .swiper-slide video {
  display: block;
}

.index_two_two .swiper-slide .hover {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 31%;
}

.index_two_two .swiper-slide .hover .text {
  margin: 1.125rem 0 2.8125rem;
}

.index_two_two .img {
  width: 100%;
  margin: 0 0 0 auto;
}

.index_two_two .img img {
  width: 100%;
}

.index_two_two .img video {
  width: 100%;
}

.index_two_two .bg_before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background: #DF1523;
  z-index: -1;
  transition: width 0.8s;
  -webkit-transform: width 0.8s;
  -moz-transition: width 0.8s;
  -o-transition: width 0.8s;
  height: 100%;
}

.index_two_two ul {
  display: flex;
  position: relative;
}

.index_two_two ul::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #000;
  z-index: -1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  height: 100%;
  content: "";
}

.index_two_two ul li {
  line-height: 5rem;
  font-size: 1.25rem;
  position: relative;
  width: 25%;
  text-align: center;
  cursor: pointer;
  color: #FFFFFF;
}

.index_two_two ul li:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1px;
  height: 2.8125rem;
  background: #fff;
}

.index_three {
  padding: 2rem 0 7.85rem;
}

.index_three.channel_pro_energy {
  padding-bottom: 5rem;
}

.index_three .ul>li .list {
  display: flex;
  align-items: center;
  margin-bottom: 2.125rem;
}

.index_three .ul>li .list .con {
  width: calc(100% - 3.125rem);
  padding-left: 2rem;
}

.index_three .ul>li .list .con .name {

  font-style: italic;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #3D3D3D;
}

.index_three .ul>li .list .con .text {

  font-style: italic;
  font-size: 0.875rem;
  line-height: 1.6875rem;
  color: #7C7C7C;
}

.index_three .ul>li .list .icon {
  width: 3.125rem;
}

.index_three .ul>li .title {
  margin-bottom: 2.5rem;
  position: relative;
}

.index_three .ul>li .left ul {
  margin-bottom: 1.875rem;
}

.index_three .ul>li .left ul li {
  display: flex;
  align-items: center;
  margin-bottom: 1.5625rem;
}

.index_three .ul>li .left ul li .icon {
  width: 4.125rem;
  height: 4.125rem;
  border: 1px solid #727272;
  border-radius: 0.3125rem;
}

.index_three .ul>li .left ul li .icon img {
  width: 100%;
  height: 100%;
}

.index_three .ul>li .left ul li p {
  width: calc(100% - 4.125rem);
  padding-left: 1.25rem;
}

.index_three .ul>li .right img {
  position: relative;
  z-index: -1;
}

.index_six {
  padding: 10rem 0 7.5rem;
}

.index_six .text {
  margin: 1.375rem 0 2.8125rem;
}

.more_a {
  display: inline-block;
}

.more_a>div {
  display: flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #DF1523;
  font-weight: 500;
}

.more_a>div div {
  margin-left: 0.4375rem;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: #DF1523;
  display: flex;
  align-items: center;
  justify-content: center;
}

.more_a>div div .iconfont {
  color: #fff;
  display: block;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  font-size: 0.75rem;
  font-weight: 600;
}

.more_a>div span {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  display: inline-block;
}

.more_a.bor>div {
  color: #A1A1A1;
}

.more_a.bor>div div {
  position: relative;
  background: transparent;
}

.more_a.bor>div div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #A1A1A1;
  border-radius: 50%;
}

.more_a.bor>div div .iconfont {
  color: #A1A1A1;
}

.more_a.bor:hover>div {
  color: #DF1523;
}

.more_a.bor:hover>div div {
  background: #DF1523;
  border-color: transparent;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.more_a.bor:hover>div div::before {
  display: none;
}

.more_a.bor:hover>div div .iconfont {
  color: #fff;
  transform: translateX(0);
}

.more_a.borff>div {
  color: #fff;
}

.more_a.borff>div div {
  position: relative;
  background: transparent;
}

.more_a.borff>div div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  border-radius: 50%;
}

.more_a.borff>div div .iconfont {
  color: #fff;
}

.more_a:hover>div span {
  transform: translateX(0.25rem);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.more_a:hover>div .iconfont {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_news {
  padding: 5.625rem 0 7.5rem;
  position: relative;
}

.index_news .more {
  border-color: #d8d8d8;
  color: #8c8c8c;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 2.8rem;
  padding: 0 1rem;
}

.index_news .more img {
  height: 0.3rem;
  margin-left: 0.75rem;
}

.index_news .more img {
  filter: brightness(0) invert(0.6);
}

.index_news::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: #fff;
}

.index_news .name {
  font-size: 1.375rem;
  line-height: 1.875rem;
  color: #2D2D2D;
}

.index_news .data {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #7C7C7C;
}

.index_news .bot {
  margin-left: -1.5625rem;
  margin-right: -1.5625rem;
}

.index_news .bot .left,
.index_news .bot .right {
  padding: 0 1.5625rem;
}

.index_news .bot .left .data {
  margin-top: 1.875rem;
}

.index_news .bot .left .over,
.index_news .bot .left .over img {
  border-radius: 0.625rem;
}

.index_news .bot .left .over img {
  height: 27.375rem;
  object-fit: cover;
}

.index_news .bot .left:hover .name {
  color: #DF1523;
}

.index_news .bot .left:hover img {
  transform: scale(1.1);
}

.index_news .bot .left .name {
  margin: 0.5rem 0;
}

.index_news .bot .left .more_a {
  margin-top: 1.25rem;
}

.index_news .bot .right ul li {
    margin-bottom: 1.3rem;
  border-bottom: 1px solid #D5D5D5;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_news .bot .right ul li:hover,
.index_news .bot .right ul li.active {
  background: rgba(124, 124, 124, 0.05);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_news .bot .right ul li:hover .name,
.index_news .bot .right ul li.active .name {
  color: #DF1523;
}

.index_news .bot .right ul li a {
  /*padding: 2.25rem 2.5rem 2.5rem 0;*/
  padding: 0.75rem 0.5rem 0rem 0;
  display: flex;
  align-items: center;
}

.index_news .bot .right ul li a .l {
    width: 9.125rem;
    padding-left: 0;
  /*width: 8.125rem;*/
  /*padding-left: 1rem;*/
}
.index_news .bot .right ul li a .l img{
    overflow: hidden;
    border-radius: 0.625rem;
}
.index_news .bot .right ul li a .l div {
  font-weight: bold;
  font-size: 2.375rem;
  line-height: 2.5rem;
  margin-bottom: 0.625rem;
  color: #2D2D2D;
  padding-left: 0.625rem;
}

.index_news .bot .right ul li a .r {
  /*width: calc(100% - 8.125rem);*/
  width: calc(100% - 9.125rem);
  padding-left: 1rem;
}

.index_news .bot .right ul li a .r .font18 {
  margin: 0.6875rem 0 1.125rem;
  font-weight: 400;
}

.index_news .bot .left .font18 {
  font-weight: 400;
}

@media (max-width: 1366px) {
  .index_news .bot .right ul li a .l {
    width: 6rem;
    padding-left: 0;
  }

  .index_news .bot .right ul li a .r {
    width: calc(100% - 6rem);
  }

  .index_news .bot .right ul li a {
    padding: 1.875rem 2.5rem;
  }
}

@media (max-width: 1280px) {
  .index_news .bot .right ul li a .r .font18 {
    margin: 0.5rem 0 0.65rem;
  }
}

@media (max-width: 767px) {
  .index_news .top ul li a {
    line-height: 44px;
    width: 9rem;
  }

  .index_news .bot .right {
    margin-top: 20px;
  }

  .index_news .bot .right ul li a {
    padding: 15px;
  }

  .index_news .mt30 {
    margin-top: 20px;
  }

  .index_news .bot .left .data {
    font-size: 14px;
    margin-top: 10px;
  }

  .index_news .name {
    font-size: 18px;
    line-height: 26px;
    margin: 5px 0;
  }

  .index_news .bot .left .more {
    margin-top: 15px;
  }

  .index_news .bot .left .over img {
    min-height: 15rem;
    height: auto;
  }
}

.nyban .hover {
  position: absolute;
  top: 53%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
}

.nyban .hover .p1 {
  font-size: 4rem;
  line-height: 4.6875rem;
  color: #FFFFFF;
  margin-bottom: 0.625rem;
  font-weight: bolder;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.329);
}

.nyban .hover .p2 {
  font-weight: bold;
  font-size: 1.375rem;
  line-height: 1.875rem;
  color: #FFFFFF;
}

.nyban .bread {
  position: absolute;
  bottom: 1.875rem;
  width: 100%;
  text-align: right;
}

.bread span:last-child {
  display: none;
}

.bread.bgf4 .text {
  line-height: 3.125rem;
  color: #868686;
}

.bread.bgf4 .text a,
.bread.bgf4 .text span {
  color: #868686;
}

.bread span {
  margin: 0 0.3125rem;
  color: #fff;
}

.bread a {
  color: #fff;
  font-size: 1rem;
  line-height: 1.875rem;
}

.bread a:hover {
  color: #DF1523 !important;
}

.p120 {
  padding: 6.25rem 0;
}

.p120.pt0 {
  padding-top: 0;
}

.p120.pb0 {
  padding-bottom: 0;
}

.list_social_two {
  /*padding: 11.25rem 0 12.3125rem;*/
}

.list_social_two .text {
  font-size: 1.125rem;
    line-height: 2.0125rem;
    padding: 0 18%;
  color: #FFFFFF;
  margin-top: 1.5625rem;
}

.row20 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.row20>div,
.row20>li {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.row30 {
  margin-left: -1.875rem;
  margin-right: -1.875rem;
}

.row30>div,
.row30>li {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.row25 {
  margin-left: 1.5625rem;
  margin-right: 1.5625rem;
}

.row25>div,
.row25>li {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}

.channel_join .text {
  margin: 1.125rem 0 2.8125rem;
}

.channel_join .img {
  margin-top: 4rem;
}

.channel_join_two {
  position: relative;
  height: 100vh;
  padding: 16.25rem 0 11.25rem;
}

.channel_join_two.isfixed .img {
  position: fixed;
  top: 6.25rem;
}

.channel_join_two.notfixed .img {
  position: absolute;
  top: auto;
  bottom: 0;
}

.channel_join_two .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: -1;
}

.channel_join_two .img img {
  height: 100%;
  object-fit: cover;
}

.channel_join_two ul {
  min-height: 28.4375rem;
  position: relative;
  width: 43.3125rem;
}

.channel_join_two ul li {
  border-radius: 0.625rem;
  background: #DF1523;
  height: 28.4375rem;
  padding: 4rem 3.4375rem 0;
  padding-bottom: 7.5rem;
  position: absolute;
  transform-origin: top;
  width: 100%;
}

.channel_join_two ul li .top {
  display: flex;
  align-items: center;
  margin-bottom: 1.875rem;
}

.channel_join_two ul li .top p {
  width: calc(100% - 4rem);
  padding-right: 1rem;
  font-size: 1.625rem;
  line-height: 1.875rem;
  color: #FFFFFF;
}

.channel_join_two ul li .top div {
  width: 4rem;
}

.channel_join_two ul li .top div img {
  filter: brightness(0) invert(1);
}

.channel_join_three ul {
  justify-content: space-between;
  display: flex;
  margin: 3.3125rem -2rem 0;
}

.channel_join_three ul li {
  flex: 1 0 0;
  padding: 0 2rem;
  position: relative;
}

.channel_join_three ul li:not(:last-child)::before {
  content: "";
  position: absolute;
  top: calc(50% + 1.5rem);
  transform: translateY(-50%);
  right: -0.75rem;
  width: 4rem;
  height: 2rem;
  background: url(../img/24_1.png) no-repeat;
  background-size: contain;
}

.channel_join_three .icon {
  width: 6.0625rem;
  height: 6.0625rem;
  border-radius: 50%;
  background: #1A1A1A;
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 3.5rem;
  color: #FFFFFF;
  position: relative;
  z-index: 2;
  margin: 0 auto;
}

.channel_join_three .content {
  height: 13.5rem;
  border-radius: 0.625rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  margin-top: -2.9375rem;
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #7C7C7C;
  padding: 4.375rem 0.5rem 0;
  position: relative;
  z-index: 9;
  background: #fff;
  text-align: center;
}

.channel_join_four ul {
  margin-top: 2.5rem;
}

.channel_join_four ul li {
  overflow: hidden;
}

.channel_join_four ul li>div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(50% 2.27% -90deg, rgba(96, 96, 96, 0.1) 0%, #000000 100%);
  background: -webkit-linear-gradient(-90deg, rgba(96, 96, 96, 0.1) 0%, #000000 100%);
  background: -webkit-gradient(linear, 50% 2.27%, 50% 98.48%, color-stop(0, rgba(96, 96, 96, 0.1)), color-stop(1, #000000));
  background: -o-linear-gradient(-90deg, rgba(96, 96, 96, 0.1) 0%, #000000 100%);
  background: -ms-linear-gradient(-90deg, rgba(96, 96, 96, 0.1) 0%, #000000 100%);
  background: linear-gradient(180deg, rgba(96, 96, 96, 0.1) 0%, #000000 100%);
  opacity: 0.8;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.channel_join_four ul li:hover>div::before {
  background: #000000 !important;
  opacity: 0.6;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.channel_join_four ul li:hover>div .hover {
  opacity: 0;
  bottom: -2rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.channel_join_four ul li:hover>div .hover2 {
  bottom: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.channel_join_four .hover {
  position: absolute;
  bottom: 2.1875rem;
  left: 0;
  width: 100%;
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #FFFFFF;
  padding: 0 1rem;
  text-align: center;
}

.channel_join_four .hover2 {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.channel_join_four .hover2 .name2 {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.875rem;
  color: #FFFFFF;
  margin-bottom: 2.5rem;
}

.channel_join_four .hover2 .text {
  color: #FFFFFF;
}

.channel_join_four .hover2 .text p {
  position: relative;
}

.channel_join_four .hover2 .text img {
  height: 0.675rem;
}

.channel_join_five ul {
  margin-top: 2.1875rem;
}

.channel_join_five ul li {
  display: flex;
  align-items: center;
}

.channel_join_five ul li:hover .icon img {
  transform: rotateY(180deg);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.channel_join_five ul li:nth-child(-n+2) {
  margin-bottom: 5.625rem;
}

.channel_join_five ul li .icon {
  width: 8.3125rem;
  height: 8.3125rem;
  border-radius: 50%;
  background: #fff;
  margin-top: 0.5rem;
}

.channel_join_five ul li .icon img {
  height: 100%;
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.channel_join_five ul li .right {
  width: calc(100% - 8.3125rem);
  padding-left: 1.375rem;
}

.channel_join_five ul li .right .name {
  font-size: 1.5rem;
  line-height: 1.875rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}

.picMarquee-left {
  overflow: hidden;
  position: relative;
  border: 1px solid #ccc;
}

.picMarquee-left .bd ul {
  overflow: hidden;
  zoom: 1;
}

.picMarquee-left .bd ul li {
  float: left;
  _display: inline;
  overflow: hidden;
  text-align: center;
  width: 33.3%;
}

.channel_join_seven .text {
  width: 50%;
  margin: 1rem auto 2.5rem;
}

.squera_news .data {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #7C7C7C;
  font-family: 'Inter-light';
}

.squera_news .name {
  font-size: 1.375rem;
  line-height: 1.875rem;
  color: #232323;
  margin: 0.5rem 0 !important;
}

.squera_news .more_a {
  margin-top: 0.75rem;
}

.squera_news:hover .over img {
  transform: scale(1.1);
}

.squera_news:hover .name {
  color: #DF1523;
}

.list_news .text,
.list_news_two .text {
  font-size: 1rem;
  line-height: 1.875rem;
}

.list_news .swiper_pag {
  position: absolute;
  bottom: 2.5rem;
  right: 2.5rem;
}

.list_news .swiper-container {
  margin-top: 2.1875rem;
}

.list_news .swiper-container:hover {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);
}

.list_news .squera_news .more_a {
  margin-top: 1.875rem;
}

.list_news .swiper-slide {
  background: #fff;
}

.list_news .swiper-slide .right>div {
  padding: 3.4375rem 2.8125rem 0;
}

.swiper_pag .swiper-pagination-bullet {
  width: 0.875rem;
  height: 2px;
  background: #A4A4A4;
  opacity: 1;
  border-radius: 1.875rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  margin: 0 4px;
}

.swiper_pag .swiper-pagination-bullet-active {
  width: 1.875rem;
  background: #DF1523;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_news_two .ul li:hover .over,
.about_news .ul li:hover .over {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);
}

.list_news_two .ul li .over img,
.about_news .ul li .over img {
  height: 18.0625rem;
  object-fit: cover;
}

.list_news_two .ul li .data,
.about_news .ul li .data {
  margin-top: 1.5625rem;
}

.list_news_two .ul li .name,
.about_news .ul li .name {
  margin-top: 0;
}

.list_news_two .ul2 {
  display: flex;
  margin: 0 -1rem 3rem;
}

.list_news_two .ul2 li {
  margin: 0 1rem;
}

.list_news_two .ul2 li a {
  padding: 0;
  text-align: center;
  width: 10rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  border-color: #a6a6a6;
  color: #6c6c6c;
}

.list_news_two .ul2 li a::before {
  display: none;
}

.list_news_two .ul2 li a div {
  justify-content: center;
}

.list_news_two .ul2 li:hover a,
.list_news_two .ul2 li.active a {
  background: #DF1523;
  color: #fff;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_news_two .ul2 li:hover a::before {
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
}

.show_news .top {
  padding: 2.75rem 0;
}

.show_news .data {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #7C7C7C;
}

.show_news .title {
  font-size: 2.5rem;
  color: #000000;
  margin-top: 0.625rem;
}

.show_news .bottom {
  border-top: 1px solid #DADADA;
  padding-top: 3.75rem;
}

.show_news .bottom .left {
  width: 14.0625rem;
  height: 100%;
  position: sticky;
  top: 8rem;
}

.show_news .bottom .left .name {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #000000;
  margin-bottom: 0.375rem;
}

.show_news .bottom .left>ul:first-child {
  padding-top: 0;
}

.show_news .bottom .left>ul>li {
  padding: 1rem 0 1.25rem;
  border-bottom: 1px solid #DADADA;
}

.show_news .bottom .left>ul>li ul {
  display: flex;
  margin: 0 -0.4375rem;
}

.show_news .bottom .left>ul>li ul li {
  padding: 0 0.4375rem;
}

.show_news .bottom .left>ul>li ul li:hover a {
  background: #DF1523;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  border-color: #DF1523;
}

.show_news .bottom .left>ul>li ul li:hover a .iconfont {
  color: #fff;
}

.show_news .bottom .left>ul>li ul li a {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  border: 1px solid #303030;
  display: flex;
  align-items: center;
  justify-content: center;
}

.show_news .bottom .left>ul>li ul li a .iconfont {
  font-size: 1rem;
  color: #000;
}

.show_news .bottom .right {
  width: 100%;
  padding-left: 3rem;
}

.show_news .bottom .right .desc {
  background: rgba(124, 124, 124, 0.05);
  border-radius: 0.625rem;
  padding: 1.375rem 1.5625rem;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #515151;
}

.show_news .bottom .right .desc strong {
  font-weight: 600;
  color: #000000;
}

.show_news .bottom .right .text {
  margin: 2rem 0 4.375rem;
  font-size: 1rem;

}

.show_detail {
  padding-top: 6.25rem;
}

.about_news {
  border-top: 1px solid #DADADA;
}

.about_news .name {
  margin: 0.5rem 0 !important;
  font-size: 1.375rem;
}

.about_news .text {
  font-size: 1rem;
}

.about_news .ul {
  margin-top: 1.875rem;
}

.icon_vid {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.icon_vid .iconfont {
  font-size: 1.5rem;
  display: block;
  color: #fff;
}

.icon_vid::before {
  content: "";
  position: absolute;
  top: -0.4375rem;
  left: -0.4375rem;
  width: calc(100% + 0.875rem);
  height: calc(100% + 0.875rem);
  background: rgb(229 0 20 / 75%);
  border-radius: 50%;
  animation: cen 2s infinite;
  z-index: -1;
}

@keyframes cen {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.icon_vid::after {
  content: "";
  position: absolute;
  top: -1.25rem;
  left: -1.25rem;
  width: calc(100% + 2.5rem);
  height: calc(100% + 2.5rem);
  background:rgb(229 0 20 / 23%);
  border-radius: 50%;
  animation: cen 2s infinite;
  z-index: -3;
}

.tdt-bottom,
.tdt-top {
  z-index: 900 !important;
}

.list_about_two {
  background: url(../img/23.png) no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.list_about_two .bot {
  margin-top: 8.125rem;
  position: relative;
}

.list_about_two .bot .swiper_top {
  padding-bottom: 3.125rem;
}

.list_about_two .bot::before {
  content: "";
  position: absolute;
  top: 0.3125rem;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  opacity: 0.3;
}

.list_about_two .swiper_top .swiper-slide .text p {
  position: relative;
  padding-left: 1rem;
}

.list_about_two .swiper_top .swiper-slide .text p::before {
  content: "";
  position: absolute;
  top: 0.675rem;
  left: 0;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: #fff;
}

.list_about_two .year {
  font-size: 1.75rem;
  line-height: 2.125rem;
  color: #FFFFFF;
  padding: 2.125rem 0 0.75rem;
  position: relative;
}

.list_about_two .year::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background: #fff;
}

.list_about_two .text {
  color: #FFFFFF;
}

.list_about_two .swiper-slide-thumb-active .year::before {
  background: #DF1523;
}

.list_about_two .flex .left .swiper-slide {
  height: auto;
  display: flex;
  align-items: center;
}

.list_about_two .flex .left .swiper-slide .name {
  font-size: 1.875rem;
  line-height: 2.4rem;
}

.list_about_two .flex .left .swiper-slide p {
  position: relative;
  padding-left: 1.25rem;
}

.list_about_two .flex .left .swiper-slide p::before {
  content: "";
  position: absolute;
  top: 0.875rem;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #fff;
}

.list_about_two .flex .right {
  margin: 0 -0.5625rem;
  display: flex;
  justify-content: flex-end;
}

.list_about_two .flex .right .swiper_btn {
  margin: 0 0.5625rem;
  width: 3.875rem;
  height: 3.875rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
  position: static;
  text-align: center;
  line-height: 3.875rem;
  background-position: center center;
  background-color: #DF1523;
}

.list_about_two .flex .right .swiper-button-next.swiper-button-disabled,
.list_about_two .flex .right .swiper-button-prev.swiper-button-disabled {
  opacity: 0.5;
}

.list_about_three .hover {
  position: absolute;
  top: 6.25rem;
  left: 0;
  width: 100%;
}

.list_about_three .hover .name {
  font-weight: bold;
  font-size: 1.375rem;
  line-height: 1.875rem;
  color: #DF1523;
  padding-top: 1.5625rem;
}

.list_about_three .hover .text {
  font-size: 1.375rem;
  line-height: 2.8125rem;
  color: #3D3D3D;
  margin: 1rem 0 2.5rem;
  font-family: "Inter";
}

.list_about_four .icon {
  margin-bottom: 0.5rem;
}

.list_about_four .icon img {
  height: 5rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_about_four ul {
  margin: 2.1875rem -1.6875rem;
}

.list_about_four ul li {
  padding: 0 1.6875rem;
}

/*.list_about_four ul li:nth-child(-n+3) {*/
/*  margin-bottom: 3.75rem;*/
/*}*/

.list_about_four ul li:hover .icon img {
  transform: rotateY(180deg);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_about_four .name {
  font-size: 1.375rem;
  line-height: 1.875rem;
  color: #DE1523;
  margin-bottom: 0.625rem;
}

.list_join ul {
  display: flex;
}

.list_join ul li {
  width: 35%;
  position: relative;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_join ul li .img img {
  height: 48.75rem;
  object-fit: cover;
}

.list_join ul li.active {
  width: 65%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_join ul li.active .hover2 {
  opacity: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_join ul li.active .hover {
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_join ul li .hover {
  position: absolute;
  top: 8.75rem;
  left: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  opacity: 0;
  width: 100%;
}

.list_join ul li .hover .title {
  font-size: 4rem;
  line-height: 4.6875rem;
  color: #FFFFFF;
}

.list_join ul li .hover .text {
  font-weight: bold;
  font-size: 1.375rem;
  line-height: 2rem;
  color: #FFFFFF;
  margin: 0.625rem 0 2.125rem;
}

.list_join ul li .hover2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  text-align: center;
  width: 100%;
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_join ul li .hover2 .name {
  font-size: 2.5rem;
  line-height: 3.125rem;
  color: #FFFFFF;
}

.list_join_list form .contact {
  display: flex;
}

.list_join_list form .contact p {
  font-weight: bold;
  font-size: 1rem;
  line-height: 3.4375rem;
  color: #000000;
  margin-right: 0.625rem;
}

.list_join_list form .contact select {
  width: 10rem;
  line-height: 3.4375rem;
  border-radius: 6.25rem;
  border: 1px solid rgba(81, 81, 81, 0.3);
  font-size: 1rem;
  color: #7C7C7C;
  padding: 0 1.25rem;
  margin-right: 1.75rem;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("../img/jt1.svg") no-repeat;
  background-size: 1.25rem 1.25rem;
  background-position-x: 90%;
  background-position-y: center;
}

.list_join_list form .contact>.pr {
  width: 21.375rem;
}

.list_join_list form .contact>.pr input {
  width: 100%;
  line-height: 3.4375rem;
  border-radius: 6.25rem;
  border: 1px solid rgba(81, 81, 81, 0.3);
  padding: 0 1.25rem 0 3.125rem;
  font-weight: 500;
}

.list_join_list form .contact>.pr button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.25rem;
  background: transparent;
  border: none;
}

.list_join_list form .contact>.pr button .iconfont {
  font-size: 1.125rem;
  color: #989898;
  font-weight: 600;
}

.list_join_list form .contact input {
  width: 1;
}

.job-cont2 .job_list1 li:nth-child(odd) {
  background: rgba(124, 124, 124, 0.05);
}

.job-cont2 .job_list2a li,
.job-cont2 .job_list1 li .job_as1 .as1 {
  width: 15%;
}

.job-cont2 .job_list2a li:nth-child(1),
.job-cont2 .job_list1 li .job_as1 .as1:nth-child(1) {
  width: 35%;
}

.job-cont2 .job_list2a li:nth-child(2),
.job-cont2 .job_list1 li .job_as1 .as1:nth-child(2) {
  width: 35%;
  text-align: left;
}

.list_join_three .margin {
  color: #424242;
  margin: 1.25rem 0 2.5rem;
}

.list_join_three .job_list2a li,
.list_join_three .job_as1>div {
  width: 15%;
}

.list_join_three .job_list2a li:nth-child(1),
.list_join_three .job_as1>div:nth-child(1) {
  width: 35%;
}

.list_join_three .job_list2a li:nth-child(2),
.list_join_three .job_as1>div:nth-child(2) {
  width: 35%;
  text-align: left;
}

.job-cont2 {
  position: relative;
}

@media (max-width: 768px) {
  .job-cont2 {
    padding: 2rem 0;
  }
}

.job-cont2 .dtad {
  position: absolute;
  right: 18%;
  top: -6.45rem;
  width: 8.9375rem;
}

@media (max-width: 768px) {
  .job-cont2 .dtad {
    right: 4%;
    top: -2rem;
    width: 5rem;
  }
}

.job-cont2 .dtad1 {
  position: absolute;
  left: 20%;
  bottom: -7rem;
  width: 6rem;
}

@media (max-width: 768px) {
  .job-cont2 .dtad1 {
    left: 4%;
    bottom: -3rem;
    width: 3rem;
  }
}

.job-cont2 .wehdxc {
  margin-top: 1rem;
}

@media (max-width: 768px) {
  .job-cont2 .wehdxc {
    margin-top: 0.4rem;
  }
}

.job-cont2 .wehdxc dl+dl {
  margin-left: 3em;
}

@media (max-width: 768px) {
  .job-cont2 .wehdxc dl+dl {
    margin-left: 1.5em;
  }
}

.job-cont2 .wehdxc dl dt {
  width: 1.375rem;
}

@media (max-width: 768px) {
  .job-cont2 .wehdxc dl dt {
    width: 1.15rem;
  }
}

.job-cont2 .wehdxc dl dt img {
  width: 100%;
}

.job-cont2 .wehdxc dl dd {
  color: #5b5b5b;
  font: 400 1rem/1.8em;
  margin-left: 1em;
}

@media (max-width: 768px) {
  .job-cont2 .wehdxc dl dd {
    margin-left: 0.5em;
  }
}

.job-cont2 .xw-ss-bj {
  padding: 2.2rem 2.5rem;
  margin-top: 2rem;
}

@media (max-width: 768px) {
  .job-cont2 .xw-ss-bj {
    margin-top: 1rem;
    padding: 0.85rem 1.5rem 1.5rem;
  }
}

.job-cont2 .job_list2a {
  background-color: #1A1A1A;
}

@media (max-width: 768px) {
  .job-cont2 .job_list2a {
    margin-top: 1.6rem;
  }
}

.job-cont2 .job_list2a li {
  color: #fff;
  text-align: center;
  padding: 1.15rem 0;
  font-size: 1.25rem;
}

.job-cont2 .job_list2a li:nth-child(1) {
  text-align: left;
  padding-left: 5rem;
}

@media (max-width: 768px) {
  .job-cont2 .job_list2a li:nth-child(1) {
    padding-left: 6%;
  }
}

.job-cont2 .more {
  font-weight: 600;
}

.job-cont2 .job_list1 {
  text-align: center;
}

.job-cont2 .job_list1 strong {
  display: block;
}

.job-cont2 .job_list1 li {
  width: 100%;
  text-align: left;
}

.job-cont2 .job_list1 li strong {
  font-weight: 600;
  font-family: 'Inter';
}

.job-cont2 .job_list1 li .job_as1 {
  border-bottom: 1px solid #e8e8e8;
  cursor: pointer;
}

.job-cont2 .job_list1 li .job_as1 .as1 {
  color: #424242;
  text-align: center;
  padding: 1.375rem 0;
  font-size: 1rem;
}

.job-cont2 .job_list1 li .job_as1 .as1 i {
  font-size: 1rem;
}

.job-cont2 .job_list1 li .job_as1 .as1:nth-child(1) {
  text-align: left;
  padding-left: 5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media (max-width: 768px) {
  .job-cont2 .job_list1 li .job_as1 .as1:nth-child(1) {
    padding-left: 6%;
  }
}

.job-cont2 .job_list1 li .wehha-job {
  padding: 2rem 3.75rem 3rem 5rem;
}

@media (max-width: 768px) {
  .job-cont2 .job_list1 li .wehha-job {
    padding: 1.5rem 6%;
  }
}

.job-cont2 .job_list1 li .wehha-job .wehgs-as {
  margin-bottom: 0.75rem;
}

.job-cont2 .job_list1 li .wehha-job .wehgs-as li {
  color: #5b5b5b;
  font-size: 0.875rem;
  line-height: 1.625rem;
  width: 48%;
}

.job-cont2 .job_list1 li .wehha-job .pead-cont strong {
  color: #DF1523;
  margin-bottom: 0.25rem;
}

.job-cont2 .job_list1 li .wehha-job a.more-b {
  margin-top: 2rem;
}

@media (max-width: 768px) {
  .job-cont2 .job_list1 li .wehha-job a.more-b {
    margin-top: 1rem;
  }
}

.job_list1 li .wehha-job {
  display: none;
}

.job_list1 li:nth-child(1) .wehha-job {
  display: block;
}

.job_list1 li .pead-cont ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.875rem;
}

.job_list1 li .pead-cont ul li {
  width: auto;
  margin-right: 3.125rem;
  color: #5a5a5a;
}

.job_list1 li .pead-cont ul li>div,
.job_list1 li .pead-cont ul li a {
  display: flex;
  align-items: center;
}

.job_list1 li .pead-cont ul li a:hover {
  color: #DF1523;
}

.job_list1 li .pead-cont ul li .iconfont {
  color: #DF1523;
  margin-right: 0.625rem;
  font-size: 1rem;
  display: block;
}

.job_list1 li .pead-cont ul li a {
  color: #5a5a5a;
  font-size: 0.875rem;
}

.job_list1 li.active {
  background: rgba(124, 124, 124, 0.05);
}

@media (max-width: 767px) {
  .list_join .right {
    margin-top: 15px;
  }

  .list_join .text {
    font-size: 14px;
    line-height: 26px;
  }

  .list_join_two .swiper-container {
    margin-top: 15px;
  }

  .list_join_two .hover div {
    font-size: 16px;
    line-height: 24px;
  }

  .list_join_three .subtitle {
    width: 100%;
  }

  .job-cont2 .job_list1 li .wehha-job .wehgs-as li {
    width: 100%;
    font-size: 14px;
  }

  .list_join .text {
    margin-top: 5px;
  }

  .list_join_three .margin {
    margin: 5px 0 15px;
  }
}

.list_rd p,
.dian {
  font-size: 1rem;
  line-height: 1.75rem;
  color: #7C7C7C;
  padding-left: 1.5625rem;
  position: relative;
  text-align: left;
}

.list_rd p:not(:last-child),
.dian:not(:last-child) {
  margin-bottom: 0.65rem;
}

.list_rd p::before,
.dian::before {
  content: "";
  position: absolute;
  top: 0.55rem;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #D2D2D2;
}

.list_rd .ul {
  display: flex;
  margin: 2.5rem -1.25rem 0;
}

.list_rd .ul>li.li2 .flex2 .l2 {
  width: 11.25rem;
  margin-top: 1.75rem;
}

.list_rd .ul>li.li2 .flex2 .l2 ul li {
  border: 1px solid rgba(182, 182, 182, 0.3);
  padding: 0.625rem;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.5625rem;
  color: #DE1523;
}

.list_rd .ul>li.li2 .flex2 .l2 ul li:not(:last-child) {
  margin-bottom: 1.375rem;
}

.list_rd .ul>li.li2 .flex2 .r2 {
  width: calc(100% - 11.25rem);
  margin-top: 3.4375rem;
}

.list_rd .ul>li.li3 p:not(:last-child) {
  margin-bottom: 0.25rem;
}

.list_rd .ul>li.li3 .flex2 {
  margin-top: 1.8125rem;
}

.list_rd .ul>li.li3 .l3 {
  width: 55%;
}

.list_rd .ul>li.li3 .r3 {
  width: 45%;
}

.list_rd .ul>li {
  width: 50%;
  padding: 0 1.25rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  height: 28rem;
  position: relative;
}

.list_rd .ul>li>.pr {
  height: 100%;
  overflow: hidden;
  background: #fff;
}

.list_rd .ul>li .con {
  border: 1px solid #B6B6B6;
  height: 100%;
  padding: 0 1.5625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.list_rd .ul>li .con .number {
  margin: 1.25rem 0 0.625rem;
  font-size: 2.5rem;
}

.list_rd .ul>li .con .text {
  color: #000000;
}

.list_rd .ul>li .con {
  opacity: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  z-index: -1;
}

.list_rd .ul>li>div {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);
}

.list_rd .ul>li .hover {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  padding: 3.125rem 2.1875rem;
}

.list_rd .ul>li .hover .text {
  margin-top: 0.875rem;
}

.list_rd .ul>li .hover .name1,
.list_rd .ul>li .hover .text {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-family: 'Inter';
  color: #000000;
}

.list_rd .ul>li .hover .text {
  border-bottom: 1px solid #DF1523;
  padding-bottom: 1.25rem;
}

.list_rd .ul>li .hover .name1 {
  margin-top: 1.25rem;
  margin-bottom: 1.125rem;
}

.list_rd .ul>li .hover {
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  z-index: 99;
}

.list_rd .bottom {
  margin-top: 2rem;
}

.list_rd .bottom .hover {
  position: absolute;
  top: 50%;
  right: 4.375rem;
  width: 40%;
  transform: translateY(-50%);
}

.list_rd .bottom .hover ul {
  margin: 0 -1.5625rem;
}

.list_rd .bottom .hover ul li {
  text-align: center;
  padding: 0 1.5625rem;
}

.list_rd .bottom .hover ul li:hover .name {
  color: #DF1523;
}

.list_rd .bottom .flex {
  background: #fff;
  padding: 2rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_rd .bottom .flex:hover {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_rd .bottom .r1 .name {
  font-size: 1.25rem;
  color: #000000;
  margin-top: 0.75rem;
}

.list_rd .name2 {
  font-size: 1.75rem;
  line-height: 2rem;
  color: #191919;
  padding-left: 1.5rem;
  position: relative;
  margin-top: 5rem;
  margin-bottom: 1rem;
}

.list_rd .name2::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.25rem;
  height: 70%;
  background: #DF1523;
}

.list_rd .icon {
  height: 4rem;
}

.list_rd .icon img {
  height: 100%;
}

.list_rd .number {
  line-height: 1;
}

.list_rd .number span {
  font-weight: bold;
  font-size: 3.125rem;
  line-height: 3.125rem;
  color: #DE1523;
}

.list_rd .number sub {
  color: #DE1523;
  bottom: 0;
  font-weight: bold;
  font-size: 1.25rem;
}

.list_rd_two .text {
  margin: 1rem 0;
}

.list_rd_three .margin {
  margin: 1.25rem 0 3.375rem;
}

.list_rd_three .flex2 .left {
  width: 18.125rem;
  border-radius: 1.25rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  padding: 0 1.125rem;
}

.list_rd_three .flex2 .center {
  width: calc(100% - 18.25rem * 2);
}

.list_rd_three .bottom {
  display: flex;
  margin-top: 2.5rem;
}

.list_rd_three .bottom li {
  width: 25%;
  padding: 2.8125rem 1.5625rem 2.125rem;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  text-align: center;
}

.list_rd_three .bottom li:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}

.list_rd_three .bottom li .name {
  font-size: 1.25rem;
  line-height: 2.8125rem;
  color: #494949;
  position: relative;
  margin-bottom: 0.5rem;
  padding-bottom: 0.25rem;
}

.list_rd_three .bottom li .name::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1.5rem;
  height: 1px;
  background: #DF1523;
}

.list_contact {
  padding-bottom: 5.8125rem;
}

.list_contact .flex {
  margin-top: 2.125rem;
}

.list_contact .flex .name {
  font-weight: bold;
  font-size: 1.625rem;
  line-height: 1.875rem;
  color: #000000;
}

.list_contact .flex .name p {
  font-size: 1.375rem;
  line-height: 2.5rem;
  color: #7C7C7C;
}

.list_contact .flex .right {
  width: calc(100% - 26.6875rem);
  display: flex;
  align-items: flex-end;
}

.list_contact .flex .right .r {
  width: 9.625rem;
}

.list_contact .flex .right .l {
  width: calc(100% - 9.625rem);
  padding-right: 5rem;
}

.list_contact .flex .right ul {
  margin-top: 1.25rem;
  display: flex;
  justify-content: space-between;
}

.list_contact .flex .right ul div {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #7c7c7c;
}

.list_contact .flex .right ul p {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #DF1523;
  margin-bottom: 0.3125rem;
}

.list_contact .flex .left {
  width: 26.6875rem;
  padding-right: 3.5625rem;
}

.list_contact .flex .left .img {
  position: relative;
  margin-top: -1rem;
}

.list_contact .flex .left .img img {
  width: 100%;
}

.list_contact .flex .left .name {
  margin-top: 1rem;
}

.list_contact .flex .left .tel {
  font-weight: bold;
  font-size: 1.625rem;
  line-height: 2.5rem;
  color: #1A1A1A;
}

.list_message .name {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #888888;
  margin-bottom: 0.625rem;
}

.list_message .name span {
  color: #DF1523;
}

.list_message input {
  border-radius: 0.375rem;
  border: 1px solid #B6B6B6;
  line-height: 3.75rem;
  padding: 0 1.875rem;
  font-size: 1.125rem;
  color: #2e2e2e;
  width: 100%;
  font-weight: 500;
}

.list_message input::placeholder {
  color: #5B5B5B;
}

.list_message textarea {
  display: block;
  height: 7.5rem;
  border-radius: 0.375rem;
  padding: 0.875rem 1.875rem;
  color: #2e2e2e;
  width: 100%;
  font-weight: 500;
  border: 1px solid #B6B6B6;
}

.list_message textarea::placeholder {
  color: #5B5B5B;
}

.MicrosoftMap .Infobox .infobox-info {
  white-space: nowrap;
}

#mapmap {
  height: 40rem;
}

.tdt-bottom,
.tdt-top {
  z-index: 990;
}

.channel_service .margin {
  padding: 1.25rem 0 2.8125rem;
  color: #7C7C7C;
  line-height: 2.5rem;
}

.channel_service .margin span {
  font-size: 1.375rem;
  color: #DE1523;
}

.channel_service .margin p {
  font-size: 1.5rem;
  line-height: 2.5rem;
  color: #262626;
}

.channel_service ul {
  margin: 0 -1.5625rem;
}

.channel_service ul li {
  padding: 0 1.5625rem;
}

.channel_service ul li:hover .img img {
  transform: scale(1.1);
}

.channel_service ul li .hover {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  padding: 0 4.0625rem;
}

.channel_service ul li .hover .name {
  font-weight: bold;
  font-size: 1.625rem;
  line-height: 1.875rem;
  color: #FFFFFF;
}

.channel_service ul li .hover .text {
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #FFFFFF;
  margin: 0.75rem 0 1.25rem;
}

.channel_service_two .row {
  margin-top: 2.1875rem;
}

.channel_service_two .left ul {
  background: #fff;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  padding: 1.25rem 1.875rem;
  height: 37.125rem;
  overflow-y: scroll;
  overflow-x: hidden;
}

.channel_service_two .left ul li {
  border-bottom: 1px solid rgba(182, 182, 182, 0.3);
  padding: 1rem 0;
  cursor: pointer;
}

.channel_service_two .left ul li.active .bot {
  display: block;
}

.channel_service_two .left ul li.active .top p {
  transform: rotateX(180deg);
}

.channel_service_two .left ul .top {
  display: flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1.875rem;
  text-transform: uppercase;
  color: #000000;
}

.channel_service_two .left ul .top p {
  width: 1.5625rem;
  color: #DF1523;
  font-size: 1.125rem;
  font-weight: 600;
}

.channel_service_two .left ul .top div {
  width: calc(100% - 1.5625rem);
  font-size: 1.125rem;
}

.channel_service_two .left ul .bot {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #7C7C7C;
  margin-top: 0.375rem;
  display: none;
  padding-bottom: 1.25rem;
}

.channel_service_two .left ul .bot .more {
  margin-top: 0.875rem;
  padding: 0 1rem;
  text-align: center;
  line-height: 2.8rem;
}

.channel_service_two .left ul .bot .more div {
  justify-content: center;
}

.channel_service_two .left ul .bot span {
  color: #000000;
}

.channel_service_two .right>div {
  height: 100%;
}

.channel_service_two .right>div img {
  height: 100%;
  object-fit: cover;
}

.list_download .left {
  padding-right: 2rem;
}

.list_download .left .ul>li {
  padding: 1rem 0;
  border-bottom: 1px solid rgba(182, 182, 182, 0.3);
}

.list_download .left .ul>li ul {
  margin-top: 0.625rem;
}

.list_download .left .ul>li ul li {
  margin-bottom: 0.625rem;
}

.list_download .left .ul .top {
  display: flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1.875rem;
  text-transform: uppercase;
  color: #000000;
}

.list_download .left .ul .top p {
  width: 1.5625rem;
  color: #DF1523;
  font-size: 1.125rem;
  font-weight: 600;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_download .left .ul .top div {
  width: calc(100% - 1.5625rem);
}

.list_download .left .ul ul li:hover a::after,
.list_download .left .ul ul li.active a::after {
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_download .left .ul ul li:hover a::before,
.list_download .left .ul ul li.active a::before {
  border-color: #DF1523;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  background: #DF1523;
}

.list_download .left .ul ul li a {
  position: relative;
  padding-left: 1.875rem;
  display: block;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #7C7C7C;
}

.list_download .left .ul ul li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 0.125rem;
  border: 1px solid rgba(23, 63, 134, 0.2);
}

.list_download .left .ul ul li a::after {
  content: "";
  background: url(../img/duigou.svg) no-repeat;
  filter: brightness(0) invert(1);
  background-size: contain;
  width: 0.6875rem;
  height: 0.5rem;
  position: absolute;
  top: 50%;
  left: 0.25rem;
  transform: translateY(-50%);
  border-radius: 0.125rem;
  opacity: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_download .right .name {
  font-size: 1.625rem;
  line-height: 1.875rem;
  color: #000000;
}

.list_download .right .flex {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 1rem 0 2.5rem;
}

.list_download .right .flex>a {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #1A1A1A;
  text-decoration: underline;
}

.list_download .right .flex ul {
  display: flex;
  flex-wrap: wrap;
}

.list_download .right .flex ul li {
  background: rgba(124, 124, 124, 0.05);
  padding: 0 2.25rem 0 1rem;
  line-height: 2.5rem;
  margin-right: 1.25rem;
  position: relative;
  color: #7C7C7C;
  margin-bottom: 5px;
}

.list_download .right .flex ul li a {
  color: #7C7C7C;
}

.list_download .right .flex ul li .iconfont {
  color: #7C7C7C;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.5rem;
  font-weight: 600;
  font-size: 0.75rem;
}

.list_download .right .flex ul li:hover .iconfont {
  color: #DF1523;
}

.list_download .right .ul_bot li:nth-child(1) {
  background: #1A1A1A;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.875rem;
}

.list_download .right .ul_bot li:nth-child(1) div {
  color: #FFFFFF !important;
}

.list_download .right .ul_bot li {
  height: 4.375rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.list_download .right .ul_bot li:hover>div:nth-child(3) a {
  color: #DF1523;
}

.list_download .right .ul_bot li:hover>div:nth-child(3) a div {
  border-color: #DF1523;
}

.list_download .right .ul_bot li:hover>div:nth-child(3) a div .iconfont {
  color: #DF1523;
}

.list_download .right .ul_bot li>div:nth-child(1) {
  padding-left: 3.125rem;
  width: 60%;
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #565656;
}

.list_download .right .ul_bot li>div:nth-child(2) {
  width: 20%;
  text-align: center;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #7C7C7C;
}

.list_download .right .ul_bot li>div:nth-child(3) {
  text-align: right;
  width: 20%;
  padding-right: 2.125rem;
}

.list_download .right .ul_bot li>div:nth-child(3) a {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #A2A2A2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.list_download .right .ul_bot li>div:nth-child(3) a div {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  border: 1px solid #A2A2A2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5rem;
}

.list_download .right .ul_bot li>div:nth-child(3) a div .iconfont {
  font-size: 0.875rem;
}

.list_cooperation_two {
  margin-top: 100vh;
  z-index: 999;
  background: #fff;
  position: relative;
}

.list_cooperation_two .title {
  margin-bottom: 2.875rem;
}

.list_cooperation_two .bb {
  position: relative;
}

.list_cooperation_two .bb::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.7), #fff);
  height: 10rem;
  z-index: 6;
}

.list_cooperation_two .bb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.7), #fff);
  height: 10rem;
  z-index: 6;
}

.list_cooperation_two .bb>div {
  flex: 1;
  padding: 0 1rem;
}

.list_cooperation_two .bb {
  margin: 0 -1rem;
}

.list_cooperation_two ul li {
  width: 100%;
}

.list_cooperation_two ul li>div {
  padding: 1.5rem 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.list_cooperation_two ul li>div img {
  height: 5.375rem;
  object-fit: contain;
}

.list_cooperation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding-top: 6.25rem;
}

.list_cooperation .con {
  height: calc(100vh - 6.25rem);
}

.list_cooperation .partner_ban_slick {
  height: 100%;
}

.list_cooperation .top {
  position: relative;
  z-index: 3;
}

.list_cooperation .top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
}

.list_cooperation video {
  height: 100vh;
  object-fit: cover;
  width: 100vw;
}

.list_cooperation .hover {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  text-align: center;
}

.list_cooperation .text {
  color: #fff;
  margin: 1.5625rem 0 2.1875rem;
}

.list_cooperation .title1 {
  font-size: 4rem;
  line-height: 4.6875rem;
  color: #fff;
  text-align: center;
}

.list_cooperation .icon img {
  height: 3.875rem;
}

.list_cooperation .name {
  font-size: 1.25rem;
  line-height: 4.375rem;
  color: #FFFFFF;
  margin: 1.375rem 0 3.4375rem;
}

.list_cooperation .partner_ban_modal {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  transform-origin: right bottom;
  pointer-events: none;
  transition: transform 1.5s cubic-bezier(0.18, 0.63, 0, 1);
}

.list_cooperation .partner_ban_modal_img {
  width: 100%;
  height: 100%;
}

.list_cooperation .hover2 {
  width: 100%;
  z-index: 10;
}

.list_cooperation .hover2 .list {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #7C7C7C;
  display: flex;
  align-items: center;
}

.list_cooperation .hover2 .list:not(:last-child) {
  margin-bottom: 0.625rem;
}

.list_cooperation .hover2 .list div {
  width: 3.625rem;
  height: 3.625rem;
  border: 1px solid #DF1523;
  border-radius: 50%;
}

.list_cooperation .hover2 .list div img {
  height: 100%;
  width: 100%;
}

.list_cooperation .hover2 .list p {
  width: calc(100% - 3.625rem);
  padding-left: 2rem;
}

.list_cooperation .hover2 .title {
  margin-bottom: 1.25rem;
}

.list_cooperation .hover2 ul li:not(:last-child) {
  margin-bottom: 2.5rem;
}

html.on1 .partner_ban_modal {
  opacity: 1;
}

html.on1.off .partner_ban_modal {
  transition: transform 0.8s cubic-bezier(0, 0, 0.2, 1) 0.6s, opacity 0.6s ease-out 1s;
  opacity: 0;
  transform: translate3d(0px, 0px, 0px) scale(10, 10);
}

html.off .partner_ban_modal {
  z-index: 0;
}

.partner_ban video {
  height: 100vh;
  object-fit: cover;
}

html.act body {
  height: 100vh !important;
}

body {
  height: auto !important;
}

html.act {
  height: 100vh;
  overflow-y: scroll;
}

.next_page1 .list_cooperation_two {
  margin-top: 0px;
}

.partner_ban_cont_text {
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s ease-out;
  transition-delay: 0.8s;
}

html.off {
  opacity: 0;
}

html.on1 {
  opacity: 1;
}

html.off .partner_ban_cont_text {
  transform: translateY(50px);
  opacity: 0;
}

html.on1 .partner_ban_cont_text {
  transition: transform 0.8s cubic-bezier(0, 0, 0.2, 1), opacity 0.8s ease-out;
  opacity: 1;
  transition-delay: 1s;
}

html.on1.off .partner_ban_cont_text {
  transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s ease-out;
  transition-delay: 0s;
}

html.on1 {
  opacity: 1;
}

html.on1.off .hover2 {
  opacity: 0;
}

.channel_product .top .flex_light {
  display: flex;
}

.channel_product .top .flex_light>div:nth-child(1) {
  width: 70%;
}

.channel_product .top .flex_light>div:nth-child(2) {
  width: 30%;
}

.channel_product .top .flex_light .name2_ul {
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.channel_product .top .flex_light .name2_ul li {
  width: 50%;
  flex: none;
  display: flex;
  align-items: center;
  padding-bottom: 0.875rem;
  border: none;
}

.channel_product .top .flex_light .name2_ul li:first-child {
  border: none;
}

.channel_product .top .flex_light .name2_ul li .icon {
  width: 3.2rem;
}

.channel_product .top .flex_light .name2_ul li .name1,
.channel_product .top .flex_light .name2_ul li .text {
  width: calc(100% - 3.2rem);
  padding-left: 1rem;
  margin-top: 0;
  text-align: left;
}

.channel_product .list .name2_ul {
  margin-top: 1.5rem !important;
}

.channel_product .list .name2_ul.mt0 {
  margin-top: 0 !important;
}

.channel_product .list ul.name2_ul2 {
  display: block !important;
  margin-top: 0 !important;
}

.channel_product .list ul.name2_ul2 li {
  width: 100%;
  border: none !important;
  text-align: left !important;
}

.channel_product .list ul.name2_ul2 li:not(:last-child) {
  margin-bottom: 1rem;
}

.channel_product .list ul.name2_ul2 li span {
  padding: 0 0.625rem;
  line-height: 1.875rem;
  border: 1px solid #DF1523;
  color: #DF1523;
  display: inline-block;
  width: 4.375rem;
  margin-bottom: 0.5rem;
}

.channel_product .list ul.name2_ul2 li div {
  width: 100%;
  font-size: 1rem;
  color: #7C7C7C;
  text-align: left;
}

.channel_product .list .name2 {
  position: relative;
  padding-left: 1.5rem;
  font-size: 1.25rem;
  line-height: 1.25rem;
  color: #2F2F2F;
  margin-bottom: 1.5rem;
  font-weight: 600;
}

.channel_product .list .name2::before {
  content: "";
  position: absolute;
  top: 0.375rem;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  background: #DF1523;
}

.channel_product .list:nth-child(even) {
  background: rgba(124, 124, 124, 0.05);
}

.channel_product .top .left .text {
  margin: 0.9375rem 0 2.125rem;
}

.channel_product .top .left ul {
  margin-top: 2.75rem;
  display: flex;
  justify-content: space-between;
}

.channel_product .top .left ul li {
  padding: 0 0.375rem 0.375rem;
  border-right: 1px solid rgba(96, 96, 96, 0.15);
  flex: 1 0 0;
  text-align: center;
}

.channel_product .list .left {
  padding-right: 0;
}

@media (max-width:990px) {
  .channel_product .list .left {
    padding-right: 15px;
  }
}

.channel_product .top .left ul li:first-child {
  border-left: 1px solid rgba(96, 96, 96, 0.15);
}

.channel_product .top .left ul li:hover .icon img {
  transform: rotateY(180deg);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.channel_product .top .left ul li .icon img {
  height: 3.2rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.channel_product .top .left ul li .name1 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-top: 1rem;
  color: #7C7C7C;
  text-wrap: balance;
  font-weight: 600;
}

.channel_product .top .left ul li .text1 {
  margin: 0;
  line-height: 1.375rem;
  margin-top: 0.375rem;
  font-size: 1rem;
  color: #7C7C7C;
  font-weight: 400;
}

.channel_product .bottom {
  margin: 3rem -0.875rem -0.875rem;
}

.channel_product .bottom .name {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #494949;
  position: relative;
  padding-bottom: 0.5rem;
  margin-bottom: 0.625rem;
}

.channel_product .bottom .name::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1.5rem;
  height: 2px;
  background: #DF1523;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.channel_product .bottom .swiper-slide {
  text-align: center;
  padding: 0.875rem;
  height: auto;
}

.channel_product .bottom .swiper-slide:hover .name::before {
  width: 4rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.channel_product .bottom .swiper-slide>div {
  height: 100%;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  padding: 2.125rem 1rem 1.375rem;
}

.list_product .right {
  padding-left: 0;
}

.list_product .right .model {
  font-size: 1rem;
}

.list_product .right .model p {
  font-size: 1.25rem;
  margin-top: 3rem;
  color: #000;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.list_product .right .model .row>div {
  padding-left: 2rem;
  position: relative;
}

.list_product .right .model .row>div::before {
  content: "";
  position: absolute;
  top: 0.7rem;
  left: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background: #7C7C7C;
  left: 1rem;
}

.list_product .right .ul>li:not(:last-child) {
  margin-bottom: 5rem;
}

.list_product .right .ul>li:hover .l div {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_product .right .l div .over {
  border: 1px solid rgba(124, 124, 124, 0.1);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_product .right .title {
  margin: 0.9375rem 0;
}

.list_product .right .margin {
  margin-bottom: 1.5rem;
}

.list_product .left {
  padding: 0 5rem 0 2.9375rem;
  height: 100%;
  position: sticky;
  top: 8rem;
  left: 0;
}

.list_product .left>ul>li.active ul,
.list_product .left>ul>li:hover ul {
  display: block;
}

.list_product .left>ul>li.active .top,
.list_product .left>ul>li:hover .top {
  color: #DF1523;
}

.list_product .left>ul>li .top {
  font-size: 1.125rem;
  color: #606060;
  display: flex;
  align-items: center;
  padding: 0.875rem 0;
  border-bottom: 1px solid rgba(73, 73, 73, 0.3);
  cursor: pointer;
}

.list_product .left>ul>li .top div {
  width: calc(100% - 2rem);
}

.list_product .left>ul>li .top .iconfont {
  font-size: 2rem;
  text-align: right;
  font-size: 1.125rem;
  font-weight: 600;
}

.list_product .left>ul>li ul {
  padding: 1rem 0;
  display: none;
  border-bottom: 1px solid rgba(73, 73, 73, 0.3);
}

.list_product .left>ul>li ul li {
  padding-bottom: 0.625rem;
}

.list_product .left>ul>li ul li a {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #5B5B5B;
}

.list_product .left>ul>li ul li:hover a,
.list_product .left>ul>li ul li.active a {
  color: #DF1523;
}

.show_product_one ul {
  display: flex;
  margin: 0 -0.875rem 0;
}

.show_product_one ul li {
  flex: 1 0 0;
  padding: 0.875rem;
}

.show_product_one ul li>div {
  padding: 2.8125rem 1.25rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  text-align: center;
  height: 100%;
}

.show_product_one ul li>div .icon img {
  height: 4.375rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.show_product_one ul li>div .name {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #494949;
  margin-top: 0.625rem;
}

.show_product_one ul li:hover .icon img {
  transform: rotateY(180deg);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.show_pro .title {
  margin-bottom: 2.8125rem;
}

.show_product_two table {
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 1rem;
  line-height: 1.875rem;
  color: #565656;
}

.show_product_two tr td {
  padding: 1.25rem 1.25rem;
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.show_product_two tr:nth-child(odd) {
  background: rgba(124, 124, 124, 0.05);
}

.show_product_two tr:nth-child(1) {
  background-color: #1A1A1A;
}

.show_product_two tr:nth-child(1) td {
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
  color: #FFFFFF;
  padding: 1.5rem 1.25rem;
}

.show_product_three ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.5rem;
}

.show_product_three ul li {
  flex: 1 0 0;
  text-align: center;
  padding: 0 0.5rem;
}

.show_product_three ul li .name {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #494949;
  margin-top: 0.9375rem;
}

.show_product_three ul li .icon {
  width: 7.875rem;
  height: 7.875rem;
  border-radius: 50%;
  margin: 0 auto;
  background: #DF1523;
  display: flex;
  align-items: center;
  justify-content: baseline;
  justify-content: center;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.show_product_three ul li .icon img {
  height: 5rem;
  filter: brightness(0) invert(1);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.show_product_three ul li:hover .icon {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.show_product_three ul li:hover .icon img {
  transform: rotateY(180deg);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.show_product {
  background: url(../img/45.png) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 250vh;
}

.show_product .content {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

.show_product .content .wenzi {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 9.375rem;
  line-height: 0.8;
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
  width: 100%;
  font-weight: 600;
  z-index: 8;
}

.show_product .content .img {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 30%;
  text-align: center;
  z-index: 9;
}

.show_product .content .img img {
  width: 100%;
}

.show_product .content .con {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  z-index: 10;
  opacity: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.show_product .content .con .w45 {
  padding: 2.625rem;
  border-radius: 1.25rem;
  background: -moz-linear-gradient(50% 0.62% -90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -webkit-gradient(linear, 50% 0.62%, 50% 99.31%, color-stop(0, rgba(255, 255, 255, 0.2)), color-stop(1, rgba(0, 0, 0, 0.2)));
  background: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#000000' ,GradientType=0)";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.show_product .content .con .w45 .text.c {
  color: #DF1523;
  font-weight: bold;
}

.show_product .content .con .w45 .title {
  margin: 0.75rem 0;
}

.show_product .content .con .w45 .flex {
  margin-top: 5.9375rem;
}

.show_product .content .con .w45 .flex img {
  height: 1.125rem;
}

.top-video-overlay {
  position: absolute;
  height: 200vh;
  width: 100vw;
  top: 0;
  background-image: url(../img/gradient.png);
  z-index: 10;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  z-index: 2;
}

.index_two .top .p1 {
  z-index: 4;
  font-family: "Inter";
  line-height: 5rem;
  color: #DF1523;
}

.list_rd_ill ul {
  display: flex;
  flex-wrap: wrap;
}

.list_rd_ill ul li {
  padding: 0.6875rem 0 1.25rem;
  text-align: center;
  flex: 1 0 0;
}

.list_rd_ill ul li:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}

.list_rd_ill ul li:hover .icon img {
  transform: rotateY(180deg);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_rd_ill ul li .icon img {
  height: 3.875rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_rd_ill ul li .text {
  color: #7C7C7C;
  margin-top: 1.25rem;
  padding: 0 1rem;
  line-height: 1.5rem;
}

.list_rd_ill_two .margin {
  margin: 1rem 0;
  width: 40%;
}

.list_rd_ill_two .bottom {
  position: relative;
}

.list_rd_ill_two .bottom .row {
  align-items: flex-end;
}

.list_rd_ill_two .bottom .hover {
  position: absolute;
  bottom: 1.875rem;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.list_rd_ill_two .left {
  padding-bottom: 9.375rem;
  padding-right: 2rem;
}

.list_rd_ill_two .left ul li {
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #7C7C7C;
  height: 100%;
  height: 6.25rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
  position: relative;
}

.list_rd_ill_two .left ul li::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 2px;
  background: #DF1523;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_rd_ill_two .left ul li:hover,
.list_rd_ill_two .left ul li.active {
  font-size: 1.25rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  color: #DF1523;
}

.list_rd_ill_two .left ul li:hover::before,
.list_rd_ill_two .left ul li.active::before {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  width: 100%;
}

.list_rd_ill_two .swiper_btn {
  border: none;
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  margin-top: 0;
  margin-right: 1.125rem;
  width: auto;
}

.list_rd_ill_two .swiper_btn.swiper-button-prev img {
  transform: rotateY(180deg);
  margin-right: 1rem;
  margin-left: 0;
}

.list_rd_ill_two .right {
  position: static;
}

.list_rd_ill_two .right>div {
  display: none;
}

.list_rd_ill_two .right>div.active {
  display: block;
}

.list_rd_ill_two .right .swiper-container {
  padding-right: calc(var(--container) * 2);
}

.list_rd_ill_two .right .swiper-slide .img {
  height: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_rd_ill_two .right .swiper-slide .img img {
  height: calc(100% - 5.625rem);
  object-fit: cover;
}

.list_rd_ill_two .right .swiper-slide-active.swiper-slide .img {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_rd_ill_two .right .swiper-slide {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_honor .swiper-button-prev {
  left: -5rem;
}

.list_honor .swiper-button-next {
  right: -5rem;
}

.list_honor .swiper_btn {
  width: 3.75rem;
  height: 3.75rem;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}

.list_honor .swiper_btn:hover {
  background: #DF1523;
}

.list_honor .swiper_btn:hover .iconfont {
  color: #fff;
}

.list_honor .swiper_btn .iconfont {
  font-size: 1.25rem;
  color: rgba(0, 0, 0, 0.3);
}

.list_honor .margin {
  margin: 2.5rem -3rem 0;
}

.list_honor .margin li:hover>div {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_honor .margin li:hover>div .over {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.08);
}

.list_honor .margin li {
  padding: 0 3rem;
  margin-bottom: 4rem;
}

.list_honor .margin li>div {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_honor .margin li>div .over {
  border: 1px solid #ededed;
  padding: 1rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_honor .margin li>div .name {
  font-size: 0.875rem;
  color: #686868;
  margin-top: 1rem;
}

.list_honor .margin .swiper-slide {
  padding: 0 1rem;
}

.list_honor .margin .swiper-slide>div {
  padding: 1.25rem;
  border-radius: 0.625rem;
  border: 1px solid #ddd;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_honor .margin .swiper-slide img {
  height: 25rem;
  object-fit: contain;
}

.list_honor .margin .swiper-slide:hover>div {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_about_five .dtdian {
  position: absolute;
  cursor: pointer;
}

.list_about_five .dtdian:hover div,
.list_about_five .dtdian.active div {
  color: #DF1523 !important;
}

.list_about_five .dtdian p {
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #DF1523;
  border-radius: 50%;
  position: relative;
  animation: dianfd 2s infinite;
  margin: 0 auto;
}

.list_about_five .dtdian p::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.5rem;
  height: 0.5rem;
  background: #DF1523;
  border-radius: 50%;
}

@keyframes dianfd {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

.list_about_five .dtdian div {
  font-size: 1rem;
  color: #000;
  text-align: center;
}

.list_about_five .dtdian div.aa {
  font-size: 0.75rem;
  color: #424245;
}

.list_about_five .dtdian.dian11 {
  top: 35%;
  left: 20%;
}

.list_about_five .dtdian.dian11 p {
  margin-top: 0.5rem;
}

.list_about_five .dtdian.dian12 {
  top: 26.5%;
  left: 49.875%;
}

.list_about_five .dtdian.dian12 p {
  margin-top: 0.5rem;
}

.list_about_five .dtdian.dian13 {
  bottom: 34.5%;
  right: 22.5%;
}

.list_about_five .dtdian.dian14 {
  bottom: 48%;
  right: 26.5%;
}

.list_about_five .dtdian.dian15 {
  bottom: 54%;
  right: 14.75%;
  display: flex;
}

.list_about_five .dtdian.dian15 div {
  padding-left: 0.875rem;
}

.list_about_five .dtdian.dian16 {
  bottom: 58%;
  right: 19.75%;
}

.list_about_five .dtdian.dian17 {
  bottom: 51%;
  /*right: 13.75%;*/
  right: 7.25%;
  display: flex;
}

.list_about_five .dtdian.dian17 p {
  width: 1.65rem;
  height: 1.65rem;
}

.list_about_five .dtdian.dian17 p::before {
  width: 0.875rem;
  height: 0.875rem;
}

.list_about_five .dtdian.dian17 div {
  margin-left: 0.5rem;
}

.list_about_five .dtdian.dian18 {
  bottom: 45.5%;
  right: 18.75%;
}

.list_about_five .dtdian.dian19 {
  bottom: 48%;
  right: 22.75%;
  display: flex;
}

.list_about_five .dtdian.dian19 .aa {
  padding-left: 0.5rem;
}

.list_about_five .dtdian.dian20 {
  bottom: 56.5%;
  right: 25.75%;
  display: flex;
  ;
}

.list_about_five .dtdian.dian20 .aa {
  padding-right: 0.25rem;
}

.list_about_five .top {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
}

.list_about_five .top .left {
  position: relative;
  width: 100%;
}

.list_about_five .top .left .hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.list_about_five .top .left .hover img {
  animation: fangda 2s infinite;
  transform-origin: center;
}

@keyframes fangda {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.005);
  }

  100% {
    transform: scale(1);
  }
}

.list_about_five .top .right {
  width: 19rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -6rem;
  z-index: 9;
  display: none;
}

.list_about_five .top .right ul {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  border-radius: 0.625rem;
  padding: 2rem 0;
  height: 25rem;
  overflow-y: scroll;
  background: rgba(255, 255, 255, 0.95);
}

.list_about_five .top .right ul::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background-color: #c9c9c9;
  width: 4px;
  height: 164px;
  position: absolute;
}

.list_about_five .top .right ul::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
}

.list_about_five .top .right ul::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  display: block;
  width: 10px;
  height: 35px;
  background: #000;
}

.list_about_five .top .right ul li .name,
.list_about_five .top .right ul li .text {
  padding: 0 0.625rem 0 1.75rem;
}

.list_about_five .top .right ul li:not(:last-child) {
  margin-bottom: 1rem;
}

.list_about_five .top .right ul .name {
  font-size: 1rem;
  position: relative;
  line-height: 1.5625rem;
  color: #191919;
}

.list_about_five .top .right ul .name::before {
  content: "";
  position: absolute;
  top: 0.375rem;
  left: -1px;
  width: 0.1875rem;
  border-radius: 0.3125rem;
  background: #DF1523;
  height: 0.75rem;
}

.list_about_five .top .right ul .text {
  font-size: 0.75rem;
  line-height: 1.5625rem;
  color: #686868;
}

.list_about_five .shu-ul1 {
  margin: 0 -1.875rem;
}

.list_about_five .shu-ul1>li {
  padding: 0 1.875rem;
}

.none_img {
  display: none;
}

.none_img.active {
  display: block;
}

.list_download_top {
  padding: 6.25rem 0;
}

.list_download_top form {
  margin-top: 1.875rem;
}

.list_download_top form .conxx {
  justify-content: space-between;
  display: flex;
}

.list_download_top form .pr {
  width: calc(100% - 11.875rem);
}

.list_download_top form .pr input {
  line-height: 3.4375rem;
  border-radius: 3.125rem;
  background: #fff;
  padding: 0 1.25rem 0 3.25rem;
  font-size: 1rem;
  color: #292929;
  width: 100%;
}

.list_download_top form .pr input::placeholder {
  color: #909090;
}

.list_download_top form .pr .iconfont {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.25rem;
  font-size: 1.25rem;
  color: #909090;
}

.list_download_top form button {
  width: 10rem;
  border-radius: 3.125rem;
}

.list_download_top form button::before {
  border-radius: 3.75rem;
}

.ys_pos_center .title1 {
  font-size: 4rem;
  line-height: 4.6875rem;
  color: #FFFFFF;
  font-weight: 600;
}

.ys_pos_center .text {
  color: #FFFFFF;
  margin: 1.875rem 0 1.375rem;
}

.ys_pos_center .icon img {
  height: 4rem;
}

.ys_pos_center .name {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #FFFFFF;
  margin: 1.125rem 0 3.125rem;
}

.ys_pos_center .list_l:not(:last-child) {
  margin-bottom: 3.4375rem;
}

.ys_pos_center .title {
  margin-bottom: 1.25rem;
}

.ys_pos_center .list {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #7C7C7C;
  display: flex;
  align-items: center;
}

.ys_pos_center .list:not(:last-child) {
  margin-bottom: 0.625rem;
}

.ys_pos_center .list div {
  width: 3.625rem;
  height: 3.625rem;
  border: 1px solid #DF1523;
  border-radius: 50%;
}

.ys_pos_center .list div img {
  height: 100%;
  width: 100%;
}

.ys_pos_center .list p {
  width: calc(100% - 3.625rem);
  padding-left: 2rem;
}

.ys_ban_imgbox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
}

.partner_ban_slick_li .more img {
  height: 0.875rem;
}

.MicrosoftMap .Infobox .infobox-info {
  padding-top: 0 !important;
}

.show_page.show_news .top {
  padding-bottom: 10px;
}

.list_rd_one .left,
.list_rd_one .right {
  width: 29%;
}

.list_rd_one .right li .con {
  text-align: left;
  order: 1;
  padding: 0 1.5rem 0 0;
}

.list_rd_one .right li .icon {
  order: 2;
}

.list_rd_one .center {
  width: 42%;
}

.list_rd_one .center .swiper-slide {
  padding: 0 3rem;
}

.list_rd_one ul {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.list_rd_one ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  height: 8.75rem;
  display: flex;
  align-items: center;
}

.list_rd_one ul li:hover .name {
  color: #DF1523;
}

.list_rd_one ul li:hover img {
  transform: rotateY(180deg);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_rd_one ul li img {
  height: 3.5rem;
  filter: brightness(0);
  width: 3.5rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_rd_one ul li .con {
  padding-left: 1.5rem;
  width: calc(100% - 3.5rem);
  text-align: right;
}

.list_rd_one .name {
  color: #000;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.875rem;
  margin-bottom: 0.5rem;
}

.list_rd_one .text {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.875rem;
}

.renzheng_shu_ul {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem -1rem;
}

.renzheng_shu_ul li {
  width: calc(100% / 4);
  padding: 0.5rem 1rem;
}

@media (max-width: 767px) {
  .renzheng_shu_ul li {
    width: calc(100% / 2);
  }
}

.renzheng_shu_ul li:hover>div {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.renzheng_shu_ul li>div {
  border-radius: 0.625rem;
  background: #fff;
  text-align: center;
  padding: 0.25rem 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.renzheng_shu_ul li>div img {
  height: 8rem;
}

.parent_ul_index .tempWrap {
  width: 100% !important;
}

.parent_ul_index ul li {
  width: calc(100% / 8);
}

.parent_ul_index.news ul li {
  width: calc(100% / 7);
}

.parent_ul_index ul li>div {
  margin: 1rem 0.5rem;
  background: #fff;
  padding: 0.625rem;
}

.index_one_news .name {
  background-image: -webkit-linear-gradient(top, #F9001E, #0F415F);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 5rem;
  line-height: 7rem;
  font-weight: 700;
}

.index_one_news .text {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2.375rem;
  margin-bottom: 2.5rem;
}

.list_join_0731 .title {
  padding-bottom: 0.875rem;
  font-size: 2rem;
  border-bottom: 1px solid #ddd;
}

.list_join_0731 .ul>li:not(:last-child) {
  margin-bottom: 3rem;
}

.list_join_0731 .ul>li .title {
  margin-bottom: 2rem;
}

.list_join_0731 .ul>li ul li {
  margin-bottom: 2rem;
}

.list_join_0731 .ul>li ul li div {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}

.list_join_0731 .ul>li ul li p {
  font-size: 1rem;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.cont4 {
  background-color: #fff;
  overflow: hidden;
}

.cont4 .dig_vs_sticty {
  position: static;
  left: 0;
  height: 100vh;
  background-color: #fff;
  overflow: hidden;
}

.cont4 .dig_vs_video_start {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: url(../img/e0402c9bc87a6db310226ddee79311d9.png) no-repeat center center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none;
}

.cont4 .dig_vs_video {
  width: 25%;
  height: 25%;
  position: absolute;
  left: 37.5%;
  top: 37.5%;
}

.cont4 .dig_vs_video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cont4 .dig_vs_video>video {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
}

.cont4 .dig_vs_img_wrap {
  width: 100%;
  height: 100%;
}

.cont4 {
  overflow: hidden;
  background: url(../img/con02_bg.png);
  background-attachment: fixed;
  background-size: cover;
}

.cont4 ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -1rem 2rem;
}

.cont4 ul.ul2 {
  position: relative;
  width: 200%;
}

.cont4 ul.ul2 li {
  width: 35rem;
}

.cont4 ul li {
  padding: 0 1rem;
  position: relative;
  width: 35rem;
  height: 16.25rem;
}

.cont4 ul li>div {
  height: 100%;
  overflow: hidden;
}

.cont4 ul li>div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cont4 .dig_vs_img {
  overflow: hidden;
}

.cont4 .dig_vs_img:hover .hover {
  bottom: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.cont4 .dig_vs_img:hover img {
  transform: scale(1.1);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.cont4 .dig_vs_img img {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.cont4 .dig_vs_img .hover {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(9px);
  display: flex;
  align-items: center;
  padding: 0 1rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.cont4 .dig_vs_img .hover .name {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.cont4 .dig_vs_img .hover .text {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #fff;
}

.cont4 .dig_vs_img_wrap .dig_vs_img>img {
  width: 100%;
  height: 100%;
}

.cont4 .dig_vs_img_wrap .dig_vs_img0 {
  left: 13.58%;
  top: 4.17%;
  width: 22.13%;
  height: 26.11%;
}

.cont4 .dig_vs_img_wrap .dig_vs_img01 {
  right: 14.5%;
  top: 4.17%;
  width: 21.3%;
  height: 26.11%;
}

.cont4 .dig_vs_img_wrap .dig_vs_img1 {
  left: 36.75%;
  top: 4.17%;
  width: 26.5%;
  height: 31.11%;
}

.cont4 .dig_vs_img_wrap .dig_vs_img2 {
  left: 10.58%;
  width: 25%;
  height: 30%;
  top: 32.5%;
}

.cont4 .dig_vs_img_wrap .dig_vs_img4 {
  left: 64.18%;
  top: 37.5%;
  width: 25%;
  height: 25%;
  height: 30%;
  top: 32.5%;
}

.cont4 .dig_vs_img_wrap .dig_vs_img5 {
  left: 13.34%;
  top: 64.72%;
  width: 25.35%;
  height: 27.96%;
}

.cont4 .dig_vs_img_wrap .dig_vs_img6 {
  left: 40.36%;
  top: 64.72%;
  width: 20.16%;
  height: 27.96%;
}

.cont4 .dig_vs_img_wrap .dig_vs_img7 {
  left: 62.18%;
  top: 64.72%;
  width: 23.14%;
  height: 27.96%;
}

.cont5 {
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  padding: 10rem 0 22rem;
  -webkit-transition: background-position cubic-bezier(0, 0, 0.35, 1) 0.5s;
  -o-transition: background-position cubic-bezier(0, 0, 0.35, 1) 0.5s;
  -moz-transition: background-position cubic-bezier(0, 0, 0.35, 1) 0.5s;
  transition: background-position cubic-bezier(0, 0, 0.35, 1) 0.5s;
  text-align: center;
  position: relative;
}

.cont5 .a5_b1 {
  color: #2B2D2D;
  position: relative;
  z-index: 1;
}

.cont5 .a5_b1 .title,
.cont5 .a5_b1 .text {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.329);
}

.cont5 .a5_b1 .p1 {
  color: #2B2D2D;
  margin-top: 0.65rem;
  text-align: center;
}

.cont5 .a5_b1 a.more-a {
  display: block;
  margin: 0 auto;
  margin-top: 4rem;
}

.cont5 .a5_b1 a.more-a:before {
  background: #fff;
}

.channel_join_six .swiper-slide {
  transform: scale(0.8);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.channel_join_six .swiper-slide.swiper-slide-active {
  transform: scale(1);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.channel_join_six .swiper-button-next {
  right: -5rem;
}

.channel_join_six .swiper-button-prev {
  left: -5rem;
}

.channel_join_six .swiper-button-next,
.channel_join_six .swiper-button-prev {
  background-image: none;
  width: 3.125rem;
  height: 3.125rem;
  border: 1px solid #d8d8d8;
  color: #8c8c8c;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 8;
}

.channel_join_six .swiper-button-next::before,
.channel_join_six .swiper-button-prev::before {
  background: #DF1523;
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  z-index: -1;
  transform: scale(0.6);
  opacity: 0;
}

.channel_join_six .swiper-button-next:hover,
.channel_join_six .swiper-button-prev:hover {
  border-color: #DF1523;
}

.channel_join_six .swiper-button-next:hover::before,
.channel_join_six .swiper-button-prev:hover::before {
  transform: scale(1);
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.channel_join_six .swiper-button-next:hover .iconfont,
.channel_join_six .swiper-button-prev:hover .iconfont {
  color: #fff;
}

.channel_join_six .swiper-button-next .iconfont,
.channel_join_six .swiper-button-prev .iconfont {
  font-size: 1.25rem;
}

.channel_product .list.list_p45 .left ul {
  flex-wrap: wrap;
}

.channel_product .list.list_p45 .left ul li {
  width: 33.3%;
  flex: none;
}

@media (max-width: 990px) {
  .channel_product .list.list_p45 .left ul li {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .channel_product .list.list_p45 .left ul li {
    width: 100%;
  }
}

.channel_product .list.list_p45 .left ul li:nth-child(4) {
  border-left: 1px solid rgba(96, 96, 96, 0.15);
}

.channel_product .list.list_p45 .left ul li:nth-child(1),
.channel_product .list.list_p45 .left ul li:nth-child(2),
.channel_product .list.list_p45 .left ul li:nth-child(3) {
  border-bottom: 1px solid rgba(96, 96, 96, 0.15);
  padding-bottom: 1.25rem;
}

.channel_product .list.list_p45 .left ul li:nth-child(4),
.channel_product .list.list_p45 .left ul li:nth-child(5),
.channel_product .list.list_p45 .left ul li:nth-child(6) {
  padding-top: 1.25rem;
}

.channel_product .list.list_p45 .right .swiper-container {
  padding-top: 4rem;
}

@media (max-width: 990px) {
  .channel_product .list.list_p45 .right .swiper-container {
    padding-top: 0;
  }
}

.channel_product .list.list_p46 .right .swiper-container,
.channel_product .list.list_p66 .right .swiper-container,
.channel_product .list.list_p67 .right .swiper-container {
  padding-top: 5rem;
}

@media (max-width: 990px) {

  .channel_product .list.list_p46 .right .swiper-container,
  .channel_product .list.list_p66 .right .swiper-container,
  .channel_product .list.list_p67 .right .swiper-container {
    padding-top: 0;
  }
}

.index_three.channel_pro_energy .ul>li .list {
  align-items: flex-start;
}

.index_three.channel_pro_energy .ul>li .list .con .text {
  line-height: 1.375rem;
  margin-top: 0.65rem;
  font-size: 1rem;
  color: #7C7C7C;
  font-weight: 400;
}

.index_three.channel_pro_energy .ul>li .list .con .name {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #3D3D3D;
  font-weight: 600;
}

.index_three.channel_pro_energy .ul>li .list .con .text,
.index_three.channel_pro_energy .ul>li .list .con .name {
  font-style: normal;
}

@media (max-width: 767px) {
  .index_three.channel_pro_energy .ul>li .list {
    align-items: flex-start;
  }

  .index_three .ul>li .list .icon {
    width: 40px;
  }

  .index_three.channel_pro_energy .ul>li .list {
    margin-bottom: 15px;
  }

  .index_three.channel_pro_energy .ul>li .list .con:nth-child(2) {
    width: calc(100% - 40px);
    padding-left: 15px;
  }

  .index_three.channel_pro_energy .ul>li .list .con:nth-child(2) .name {
    font-size: 12px;
    color: #7C7C7C;
    line-height: 1.375rem;
  }

  .index_three.channel_pro_energy .ul>li .list .con:nth-child(2) .text {
    font-size: 12px;
    line-height: 1.25rem;
    color: #7C7C7C;
  }

  .index_three.channel_pro_energy {
    padding-bottom: 20px;
  }
}

.cont4_phone {
  background: url(../img/con02_bg.png);
  background-size: cover;
  padding: 25px 0;
}

.cont4_phone .swiper-slide:hover .hover {
  bottom: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.cont4_phone .hover .name {
  font-family: "Inter";
  font-size: 1rem;
  line-height: 1.25rem;
  margin-top: 0.625rem;
  margin-bottom: 0.375rem;
  color: #fff;
}

.cont4_phone .hover .text {
  font-size: 0.875rem;
  color: #fff;
  line-height: 1.25rem;
}

.banner .pc_show_990 {
  /*height: calc(100vh - 6.25rem);*/
  /*object-fit: cover;*/
}

@media (min-width: 990px) {
  .banner .swiper-pagination-bullet {
    width: 2.5rem;
    height: 0.125rem;
    background: rgba(255, 255, 255, 0.8);
  }

  .banner .swiper-pagination-bullet-active {
    width: 4rem;
    background: #DF1523;
  }

  .banner .swiper-pagination {
    bottom: 1.875rem;
  }
}

.banner .hover {
  bottom: 14%;
}

.banner .hover .container {
  padding-left: 6.75rem;
}

@media (max-width: 990px) {
  .banner .hover {
    display: none;
  }
}

.banner .hover.hover91 .p2,
.banner .hover.hover89 .p2,
.banner .hover.hover92 .p2,
.banner .hover.hover189 .p2,
.banner .hover.hover90 .p2 {
  font-style: normal;
  font-size: 5.65rem;
  color: rgb(255, 255, 255, 0.9) !important;
  line-height: 6.5rem;
  text-align: left;
  font-weight: bolder;
  height: 13rem;
}

.banner .hover.hover91 .p1,
.banner .hover.hover89 .p1,
.banner .hover.hover92 .p1,
.banner .hover.hover189 .p1,
.banner .hover.hover90 .p1 {
  font-size: 1.9rem;
  color: rgba(255, 255, 255, 0.969);
  line-height: 2.65rem;
  text-align: left;
  font-weight: 400;
  margin-top: 3.65rem;
}

.banner .hover.hover91 .more.borf,
.banner .hover.hover89 .more.borf,
.banner .hover.hover92 .more.borf,
.banner .hover.hover189 .more.borf,
.banner .hover.hover90 .more.borf {
  margin-top: 11rem;
}

.channel_product .list.list_p57 .right .swiper-container {
  padding-top: 3.5rem;
}

.channel_product .list.list_p108 .right .swiper-container {
  padding-top: 1rem;
}

@media (max-width:990px) {

  .channel_product .list.list_p57 .right .swiper-container,
  .channel_product .list.list_p108 .right .swiper-container {
    padding-top: 0;
  }
}

.channel_product .top .left ul li .name1 {
  color: #3D3D3D;
}



@media (min-width:2560px) {

  .banner .hover .container {
    padding-left: 6.65rem;
  }
}





/*@media (max-width: 1600px) {*/
/*  .banner .hover {*/
/*    bottom: 11%;*/
/*  }*/
/*  .banner .hover.hover91 .p2,*/
/*  .banner .hover.hover89 .p2,*/
/*  .banner .hover.hover92 .p2,*/
/*  .banner .hover.hover189 .p2,*/
/*  .banner .hover.hover90 .p2{*/
/*    font-size: 5rem;*/
/*    height: 11rem;*/
/*    line-height: 5.5rem; */
/*  } */
/*}*/
@media (max-width: 1440px) {

  .banner .hover.hover91 .p2,
  .banner .hover.hover89 .p2,
  .banner .hover.hover92 .p2,
  .banner .hover.hover189 .p2,
  .banner .hover.hover90 .p2 {
    font-size: 4.875rem;
    line-height: 5.75rem;
    height: 11.5rem;
  }


}

@media (max-width: 1366px) {}

@media (max-width: 1280px) {

  /*.banner .hover.hover91 .p2,*/
  /*.banner .hover.hover89 .p2,*/
  /*.banner .hover.hover92 .p2,*/
  /*.banner .hover.hover189 .p2 {*/
  /*  font-size: 3.4rem;*/
  /*  line-height: 3.875rem;*/
  /*  height: 15.5rem;*/
  /*}*/
  .banner .hover.hover91 .p2,
  .banner .hover.hover89 .p2,
  .banner .hover.hover92 .p2,
  .banner .hover.hover189 .p2,
  .banner .hover.hover90 .p2 {
    font-size: 4rem;
    line-height: 4.5rem;
    height: 9rem;
  }

  .banner .hover.hover91 .more.borf,
  .banner .hover.hover89 .more.borf,
  .banner .hover.hover92 .more.borf,
  .banner .hover.hover189 .more.borf,
  .banner .hover.hover90 .more.borf {
    margin-top: 7rem;
  }

  .banner .hover {
    bottom: 11%;
  }

  .banner .swiper-pagination {
    bottom: 1.25rem;
  }

  .banner .hover.hover91 .p1,
  .banner .hover.hover89 .p1,
  .banner .hover.hover92 .p1,
  .banner .hover.hover189 .p1,
  .banner .hover.hover90 .p1 {
    font-size: 1.375rem;
    margin-top: 1.65rem;
  }
}

.list_rd_one_0815.list_rd_one li img {
  width: 4.25rem;
  height: 4.25rem;
}

.list_rd_one_0815.list_rd_one .left li .text {
  text-align: left;
}

.list_rd_one_0815.list_rd_one .right li .text {
  text-align: right;
}

.list_rd_one_0815.list_rd_one .center.center1 {
  padding: 4rem 0;
}

.list_rd_one_0815.list_rd_one .center.center1 .pr {
  margin: 0 1.25rem;
  padding: 0 3.4375rem;
}

.list_rd_one_0815.list_rd_one .center.center1 .pr .c_text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.5rem;
  color: #DF1523;
  color: #DE1523;
}

.list_rd_one_0815.list_rd_one .center.center1 .pr .li {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.075);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  color: #7C7C7C;
  position: absolute;
  background: #fff;
  z-index: 9;
}

.list_rd_one_0815.list_rd_one .center.center1 .pr .li1 {
  top: -4rem;
  left: 50%;
  transform: translateX(-50%);
}

.list_rd_one_0815.list_rd_one .center.center1 .pr .li2 {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.list_rd_one_0815.list_rd_one .center.center1 .pr .li3 {
  bottom: -4rem;
  left: 50%;
  transform: translateX(-50%);
}

.list_rd_one_0815.list_rd_one .center.center1 .pr .li4 {
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.banner {
  /*padding-top: 6.25rem;*/
  /*padding-top: 2.35rem;*/
  padding-top: 0.45rem;
}

.index_two_two .swiper-slide {
  height: auto;
}

.index_two_two .swiper-slide .img {
  height: 100%;
}

.index_two_two .swiper-slide video {
  height: 100%;
  object-fit: cover;
}

.channel_product .list .name2_ul.mt0 li .name1 {
  font-size: 1.125rem;
  font-weight: 500;
}



header .lanuage {
  margin-right: 1.25rem;
  margin-left: 0;
  padding: 0 1.25rem;
}

header .lanuage a {
  font-size: 1.125rem;
}

header .buy {
  color: var(--color);
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  margin-right: 1.25rem;
  margin-left: 5rem;
}

header .buy a {
  display: flex;
  align-items: center;
  color: var(--color);
}

header .buy img {
  height: 1.2rem;
  margin-right: 0.5rem;
  position: relative;
  top: -2px;
  display: block;
}

.index_two_two .swiper-slide .img .pc_show_990 {
  height: 100%;
}

.index_two_two .swiper-slide .img .pc_show_990 video {
  height: 100%;
  object-fit: cover;
}



/* cookies */
.cookic_fix {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 0 0;
  margin-bottom: 0;
  margin-right: 32px;
  border-radius: 0;
  box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.22);
  z-index: 999;
  left: 0;
  background: #555;
  padding: 1.25rem 0;
  display: none;
}

.cookic_fix .text a {
  color: #fff;
  text-decoration: underline;
}

.cookic_fix .text a:hover {
  color: #DF1523;
}

.cookic_fix .tit {
  font-family: "sss";
  font-size: 16px;
  line-height: 1.41;
  font-weight: 700;
  padding: 24px 24px 0;
}

.cookic_fix .tit i {
  font-size: 1rem;
  cursor: pointer;
}

.cookic_fix .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1rem;
  color: #fff;
  text-transform: none;
}

.cookic_fix .buttona {
  width: 100%;
  border-top: 1px solid #ddd;
}

.gbzs.more {
  color: #fff;
  cursor: pointer;
  width: 10rem;
  text-align: center;
}

.gbzs.more:hover {
  color: #DF1523;
}

.gbzs.guanbi {
  position: absolute;
  right: 2rem;
}

.gbzs.guanbi .iconfont {
  font-weight: 600;
  color: #000;
}

.cookic_fix .buttona .moree {
  padding: 16px 0;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
}

.cookic_fix .buttona .moree:nth-child(1) {
  width: 27.5%;
}

.cookic_fix .buttona .moree:nth-child(2) {
  width: 27.5%;
}

.cookic_fix .buttona .moree:nth-child(3) {
  width: 45%;
}

.cookic_fix .buttona .moree+.moree {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width:767px) {
  .cookic_fix .flex {
    flex-wrap: wrap;
  }

  .cookic_fix .text {
    width: 100%;
    margin-bottom: 10px;
    flex: none;
  }

  .index_three .ul>li {
    padding: 25px 8px !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #f5f5f5;
  }

  .index_three .ul>li .title {
    margin-bottom: 0 !important;
  }
}

/* end */
/* .index_five.news {
  padding-top: 0;
}
.index_five.news .parent_ul_index ul li > div{
  background: rgba(124, 124, 124, 0.05);
} */


.page_404 {
  background: #fff !important;
}

.page_404 .text ul li {
  display: flex;
  align-items: center;
  line-height: 2rem;
  font-size: 1rem;
}

.page_404 .img p {
  font-size: 5rem;
  letter-spacing: 3px;
  font-weight: 600;
}

.page_404 .text ul li .iconfont {
  font-size: 1.25rem;
  margin-right: .625rem;
}

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

.page_404 .img {
  font-size: 1.5rem;
  line-height: 4rem;
}

.page_404 .img img {
  height: 15rem;
}

.page_404 .text {
  font-size: 1.25rem;
  margin: 5.25rem 0 1.5rem;
  text-align: center;
}

.page_404 .ta {
  text-align: center;
}

.page_404 a {
  color: #df1523;
  font-size: 1rem;
}

@media (max-width:767px) {
  .page_404 .img img {
    height: 8rem;
  }

  .page_404 .text {
    margin: 30px 0 15px;
    padding: 0 15px;
  }
}



.index_rd_0903 {
  padding: 6.875rem 0;
}

.index_rd_0903 .ul {
  display: flex;
  margin: 0 -1.5625rem 0;
}

.index_rd_0903 .ul li {
  padding: 0 1.5625rem;
  flex: 1 0 0;
  text-align: center;
}

.index_rd_0903 .ul li a {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #FFFFFF;
  padding-bottom: 1rem;
  position: relative;
  display: block;
}

.index_rd_0903 .ul li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: 3;
  background: #fff;
}

.index_rd_0903 .ul li a::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: #DF1523;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  z-index: 5;
}

.index_rd_0903 .ul li:hover a::before,
.index_rd_0903 .ul li.active a::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_rd_0903 .sum {
  margin: 5rem 0 7rem;
}

.index_rd_0903 .sum>div {
  display: none;
}

.index_rd_0903 .sum>div.active {
  display: block;
}

.index_rd_0903 .sum>div .name {
  font-size: 2.25rem;
  line-height: 2.875rem;
  color: #fff;
  font-weight: 600;
}

.index_rd_0903 .sum>div .text {
  color: #fff;
  margin: 0.5rem 0 1.5rem;
  width: 70%;
  height: 3.75rem;
}

.index_rd_0903 .bgg>div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  opacity: 0;
  -webkit-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  background-size: cover;
  background-position: center center;
}

.index_rd_0903 .bgg>div.active {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.index_rd_0903 {
  overflow: hidden;
}

.index_rd_0903 .title {
  margin-bottom: 0.875rem;
}

@media (max-width:990px) {
  .index_rd_0903 .sum>div .text {
    width: 100%;
  }

  .index_rd_0903 .sum>div .name {
    font-size: 1.5rem;
  }
}

@media (max-width:767px) {
  .index_rd_0903 {
    display: none;
  }
}

.index_two_two_subtitle {
  font-weight: bold;
  font-size: 1.475rem;
  line-height: 2.5rem;
  color: #040000;
  margin-top: 3.125rem;
}

.index_two_two_text {
  font-size: 1.025rem;
    line-height: 2.0875rem;
  color: #231815;
  text-align: justify;
  margin: .625rem 0 2.8125rem;
  font-weight: 400;
}

.title_img img {
  height: 4.5625rem;

}

.index_three.index .left {
  padding-right: 3rem;
}

.index_three.index .right {
  padding-left: 4rem;
}

.index_three.index .ul li:nth-child(3) .left {
  padding-right: 8rem;
}

@media (max-width:1280px) {
  .index_three.index .ul li:nth-child(3) .left {
    padding-right: 3rem;
  }

  .title_img img {
    height: 3.5625rem;
  }

  .index_two_two_text {
    font-size: 1.375rem;
  }
}

@media (max-width:990px) {
  .title_img img {
    height: 2.5625rem;
  }

  .index_three.index .right {
    padding-left: 15px;
  }

  .index_two_two_text {
    font-size: 1.25rem;
  }

  .index_two_two_subtitle {
    font-size: 1.5rem;
  }
}

@media (max-width:767px) {
  .index_three.index .left {
    padding-right: 15px;
  }

  .index_three.index .ul li:nth-child(3) .left {
    padding-right: 15px;
  }

  .index_two_two_subtitle {
    /*font-size: 20px;*/
    font-size: 15px;
    margin-top: 15px;
  }

  .title_img {
    margin-top: 15px;
  }

  .index_two_two_text {
    /*font-size: 14px;*/
    /*line-height: 26px;*/
    font-size: 13px;
    line-height: 25px;
    margin: 5px 0 15px;
  }

  .title_img img {
    height: 30px;
  }
}