@charset "UTF-8";
.w1780 {
  max-width: 178rem;
  width: 100%;
  margin: 0 auto;
}

.w1540 {
  max-width: 154rem;
  width: 100%;
  margin: 0 auto;
}

.w1340 {
  max-width: 134rem;
  width: 100%;
  margin: 0 auto;
}

.flex,
.index_page .page1,
.footer .footer_top .f_nav .f_right .share,
.footer .footer_top .f_nav ul,
.footer .footer_top .f_nav,
.footer .footer_top .f_logo,
.footer .footer_bottom,
.header .nav_tool > ul,
.header .nav_tool,
.header .nav > ul,
.header .right_nav,
.header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.header {
  width: 100%;
  height: 10rem;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
}

.header .logo {
  margin-top: 0.8rem;
}

.header > .flex,
.index_page .header > .page1,
.footer .footer_top .f_nav .f_right .header > .share,
.footer .footer_top .f_nav .header > ul,
.footer .footer_top .header > .f_nav,
.footer .footer_top .header > .f_logo,
.footer .header > .footer_bottom,
.header .nav_tool.header > ul,
.header > .nav_tool,
.header .nav.header > ul,
.header > .right_nav,
.header > .header {
  justify-content: space-between;
  height: 100%;
}

.header .right_nav {
  height: 100%;
}

.header .nav {
  height: 100%;
}

.header .nav > ul {
  height: 100%;
}

.header .nav > ul li {
  height: 100%;
  padding-top: 3.95rem;
}

.header .nav > ul li:hover .ltp {
  color: #122a88;
}

.header .nav > ul li:hover .ltp::after {
  width: 100%;
}

.header .nav > ul li.act .ltp {
  color: #122a88;
}

.header .nav > ul li.act .ltp::after {
  width: 100%;
}

.header .nav > ul li .ltp {
  font-size: 1.6rem;
  font-weight: 500;
  color: #393939;
  margin: 0 3rem;
  position: relative;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.header .nav > ul li .ltp::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  left: 50%;
  bottom: -3.65rem;
  height: 2px;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  background: #e73f34;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.header .nav > ul li:first-child .ltp {
  margin-left: 0;
}

.header .nav > ul li:last-child .ltp {
  margin-right: 0;
}

.header .nav > ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.header .nav > ul li a:hover {
  color: #122a88;
}

.header .nav_tool > ul {
  margin-right: 1.5rem;
  margin-left: 4.5rem;
}

.header .nav_tool > ul li {
  margin: 0 1.5rem;
}

.header .nav_tool .pnum {
  width: 16.7rem;
  height: 3.5rem;
  border: 1px solid #393939;
  border-radius: 1.75rem;
  -webkit-border-radius: 1.75rem;
  -moz-border-radius: 1.75rem;
  -ms-border-radius: 1.75rem;
  -o-border-radius: 1.75rem;
  justify-content: center;
}

.header .nav_tool .pnum span {
  font-size: 1.6rem;
  font-weight: 500;
  color: #393939;
  margin-left: 8px;
}

.banner_swiper .swiper-slide-active img {
  -webkit-animation: bigimgani 6000ms infinite ease-out;
          animation: bigimgani 6000ms infinite ease-out;
}

@-webkit-keyframes bigimgani {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes bigimgani {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.footer {
  background: #181b1f;
}

.footer .footer_bottom {
  width: 100%;
  height: 9.1rem;
  border-top: 1px solid #313131;
  justify-content: space-between;
}

.footer .footer_bottom p {
  font-size: 1.4rem;
  color: #c5c5c5;
}

.footer .footer_top {
  padding-top: 10rem;
}

.footer .footer_top .f_logo {
  justify-content: space-between;
  padding-bottom: 4rem;
  border-bottom: 1px solid #313131;
}

.footer .footer_top .f_nav {
  justify-content: space-between;
  align-items: flex-start;
  padding: 5rem 0 4rem 0;
}

.footer .footer_top .f_nav ul {
  align-items: flex-start;
  width: 960px;
  flex-shrink: 1;
  justify-content: space-between;
}

.footer .footer_top .f_nav ul li h3 {
  font-size: 1.8rem;
  font-weight: 400;
  color: #fff;
  margin-bottom: 1.5rem;
}

.footer .footer_top .f_nav ul li a {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  color: #c5c5c5;
  line-height: 2;
  margin: 1rem 0;
}

.footer .footer_top .f_nav .f_right .share {
  justify-content: flex-end;
}

.footer .footer_top .f_nav .f_right .share a {
  margin-left: 2rem;
}

.footer .footer_top .f_nav .f_right .nu {
  text-align: right;
  font-size: 2.8rem;
  font-weight: 500;
  color: #fff;
  line-height: 1;
  margin: 3rem 0;
}

.footer .footer_top .f_nav .f_right .ewm {
  width: 8rem;
  height: 8rem;
  background: #fff;
  padding: 0.5rem;
  float: right;
}

.footer .footer_top .f_nav .f_right p {
  font-size: 1.4rem;
  font-weight: 400;
  color: #c5c5c5;
  margin-top: 3rem;
}

.banner_swiper {
  margin-top: 10rem;
}

.index_page {
  padding: 8rem 0 12rem 0;
}

.index_page .page2 .down {
  width: 100%;
  position: relative;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.index_page .page2 .down .four_big_img {
  width: 100%;
  position: relative;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.index_page .page2 .down .four_big_img .img1 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.index_page .page2 .down .four_big_img .img1.act {
  position: relative;
  opacity: 1;
}

.index_page .page2 .down .four_img {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
}

.index_page .page2 .down .four_img .three {
  width: 100%/3;
  position: relative;
  display: block;
}

.index_page .page2 .down .four_img .three img {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.index_page .page2 .down .four_img .three .f_fp {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 6rem;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.index_page .page2 .down .four_img .three .f_fp .b {
  display: block;
  width: 2.8rem;
  height: 0.2rem;
  background: #fff;
  margin-bottom: 4rem;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.index_page .page2 .down .four_img .three .f_fp h3 {
  font-size: 2.4rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  line-height: 1;
}

.index_page .page2 .down .four_img .three .f_fp p {
  font-size: 1.4rem;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  margin-top: 1.2rem;
  text-transform: uppercase;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.index_page .page2 .down .four_img .three .f_fp p.in {
  margin-top: 4rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #fff;
  height: 0;
  overflow: hidden;
  margin-bottom:3rem;
  line-height:1.6;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.index_page .page2 .down .four_img .three .f_fp i.icon {
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  background: url(../images/icon_jia.png) no-repeat center;
}

.index_page .page2 .down .four_img.act .three .f_img img {
  width: 100%;
  opacity: 0;
}

.index_page .page2 .down .four_img.act .three .f_fp {
  opacity: 0;
}

.index_page .page2 .down .four_img.act .three.act .f_fp {
  opacity: 1;
}

.index_page .page2 .down .four_img.act .three:hover .f_fp p.in {
  height: inherit;
  text-transform: inherit;
}

.index_page .page2 .down .four_img.act .three:hover .f_fp .b {
  width: 6rem;
}

.index_page .page2 .down .four_img.act .three:hover .f_fp i.icon {
  background: url(../images/icon_jia2.png) no-repeat center;
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}

.index_page .top {
  display: flex;
  justify-content: space-between;
}

.index_page .top .more {
  width: 15.2rem;
  height: 4.2rem;
  border-radius: 2.1rem;
  -webkit-border-radius: 2.1rem;
  -moz-border-radius: 2.1rem;
  -ms-border-radius: 2.1rem;
  -o-border-radius: 2.1rem;
  border: 1px solid #6d6d6d;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.index_page .top .more a {
  display: block;
  text-align: center;
  line-height: 4rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #393939;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.index_page .top .more:hover {
  background: #122a88;
}

.index_page .top .more:hover a {
  color: #fff;
}

.index_page .page1 {
  margin-bottom: 11.5rem;
  align-items: flex-end;
}

.index_page .page1 .pro_left {
  width: 25.974025974%;
  flex-shrink: 0;
  height: 30rem;
  background: #f5f6fa;
  overflow: hidden;
  border-top-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
}

.index_page .page1 .pro_left .mod {
  width: 100%;
  height: 100%;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0rem;
}

.index_page .page1 .pro_left .mod.act {
  display: flex;
}

.index_page .page1 .pro_left .mod img {
  position: relative;
  max-width: 26.5rem;
  animation: mymove 3s infinite;
  -webkit-animation: mymove 3s infinite;
}

.index_page .page1 .pro_left .mod p {
  font-size: 1.8rem;
  font-weight: 400;
  color: #393939;
  margin-top: 3rem;
}

.index_page .page1 .pro_right {
  width: 100%;
  flex-shrink: 1;
  display: flex;
  align-items: flex-end;
  background: #f5f6fa;
  border-bottom-right-radius: 2rem;
  border-top-right-radius: 2rem;
  overflow: hidden;
}

.index_page .page1 .pro_right .picture {
  border-top-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
  flex-shrink: 0;
  overflow: hidden;
}

.index_page .page1 .pro_right .picture .mod {
  display: none;
}

.index_page .page1 .pro_right .picture .mod.act {
  display: block;
}

.index_page .page1 .pro_right .navlist {
  width: 100%;
  flex-shrink: 1;
  height: 60rem;
}

.index_page .page1 .pro_right .navlist ul {
  position: relative;
}

.index_page .page1 .pro_right .navlist ul li a {
  display: flex;
  align-items: center;
  height: 9.1rem;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 26.6666666667%;
}

.index_page .page1 .pro_right .navlist ul li a span {
  text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 500;
    color: #393939;
    min-width: 10rem;
    z-index: 9;
}

.index_page .page1 .pro_right .navlist ul li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: var(--barTop, 0);
  z-index: 0;
  width: 100%;
  height: 9rem;
  background: #e2e5f1;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.index_page .page1 .pro_right .navlist ul li img {
  z-index: 9;
}

.index_page .page1 .pro_right .navlist ul li img.a {
  display: none;
}

.index_page .page1 .pro_right .navlist ul li.act a img.a {
  display: block;
}

.index_page .page1 .pro_right .navlist ul li.act a img.b {
  display: none;
}

@-webkit-keyframes mymove {
  0% {
    top: 0px;
  }
  50% {
    top: 30px;
  }
  100% {
    top: 0px;
  }
}
@keyframes mymove {
  0% {
    top: 0px;
  }
  50% {
    top: 30px;
  }
  100% {
    top: 0px;
  }
}
.news_page {
  padding-top: 11.5rem;
  padding-bottom: 12rem;
  margin-top: 10rem;
}

.inside_tit p.en {
  font-size: 5.8rem;
  font-weight: 600;
  color: #1e358e;
  line-height: 1;
  text-transform: uppercase;
}

.inside_tit p.en span {
  color: #e83428;
}

.inside_tit p.zn {
  font-size: 3.6rem;
  font-weight: 600;
  color: #393939;
  line-height: 1;
  margin-top: 1rem;
}

.inside_tit p.in {
  font-size: 1.4rem;
  font-weight: 400;
  color: #6d6d6d;
  margin-top: 2rem;
}

.news_title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 10rem;
}

.news_title .inside_nav {
  border: 1px solid #d2d2d2;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  overflow: hidden;
  display: flex;
}

.news_title .inside_nav a {
  display: block;
  width: 24.5rem;
  line-height: 7.8rem;
  text-align: center;
  border-right: 1px solid #d2d2d2;
  font-size: 2.4rem;
  font-weight: 500;
  color: #040404;
}

.news_title .inside_nav a:last-child {
  border-right: none;
}

.news_title .inside_nav a.act {
  background: #1e358e;
  color: #fff;
}

.news_list ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.news_list ul li {
  width: calc((100% - 10rem) / 3);
  margin-right: 5rem;
  margin-bottom: 6rem;
  background: #171c21;
  overflow: hidden;
  position: relative;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.news_list ul li .logo {
  position: relative;
  opacity: 0.2;
  z-index: 2;
}

.news_list ul li::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
}

.news_list ul li .picture {
  position: absolute;
  left: -100%;
  top: 0;
  z-index: 3;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.news_list ul li .picture::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
}

.news_list ul li .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 8.5rem 0 7.2rem;
}

.news_list ul li .mask p.num {
  font-size: 4.4rem;
  font-weight: 600;
  color: #ffffff;
  position: relative;
}

.news_list ul li .mask p.num::after {
  content: "";
  display: block;
  width: 2rem;
  height: 1px;
  margin-top: 1rem;
  background-color: rgba(255, 255, 255, 0.3);
}

.news_list ul li .mask p.tit {
  font-size: 2.8rem;
  font-weight: 500;
  color: #fff;
  margin-top: 1.8rem;
}

.news_list ul li .mask p.info {
  font-size: 1.4rem;
  font-weight: 300;
  color: #fff;
  line-height: 2;
  opacity: 0.75;
  letter-spacing: 1px;
  margin-top: 12.5rem;
}

.news_list ul li:nth-child(3n) {
  margin-right: 0;
}

.news_list ul li:hover .picture {
  left: 0;
}

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

.control span {
  margin-top: -0.6rem;
}

.control span a {
  font-size: 2.6rem;
  font-weight: 500;
  color: #9b9b9b;
}

.control ul {
  display: flex;
  align-items: center;
  margin: 0 1.6rem;
}

.control ul li {
  margin: 0 1.6rem;
}

.control ul li a {
  display: block;
  font-size: 2.6rem;
  font-weight: 500;
  color: #9b9b9b;
  text-align: center;
}

.control ul li a::after {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  background: #e83428;
  margin-top: 3px;
}

.control ul li.act a {
  font-size: 2.6rem;
  font-weight: 600;
  color: #1e358e;
}

.control ul li.act a::after {
  width: 2rem;
}

.control a:hover {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  color: #1e358e;
}

.news_tit h3 {
  font-size: 3.6rem;
  font-weight: 600;
  color: #282828;
}

.news_tit p {
  font-size: 1.4rem;
  font-weight: 400;
  color: #a9a9a9;
  margin-top: 1.2rem;
}

.news_enitor {
  font-size: 1.6rem;
  font-weight: 400;
  color: #6d6d6d;
  line-height: 1.8;
  padding: 6rem 0 7rem 0;
}

.news_control {
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  height: 16.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.news_control a.back {
  width: 15.2rem;
  height: 4.2rem;
  border-radius: 2.1rem;
  -webkit-border-radius: 2.1rem;
  -moz-border-radius: 2.1rem;
  -ms-border-radius: 2.1rem;
  -o-border-radius: 2.1rem;
  background: #122a88;
  text-align: center;
  line-height: 4.2rem;
  box-shadow: 0px 3px 5px rgba(17, 29, 74, 0.3);
  color: #fff;
  font-size: 1.4rem;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.news_control a.back:hover {
  transform: translate(-20px, 0);
  -webkit-transform: translate(-20px, 0);
  -moz-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
}

.news_control .left li {
  font-size: 1.6rem;
  font-weight: 400;
  color: 646464;
  padding: 1.2rem 0;
}

.news_control .left li a {
  font-size: 1.6rem;
  font-weight: 400;
  color: 646464;
}

.news_control .left li a:hover {
  color: #122a88;
}

.contact_page {
  padding: 12rem 0;
  margin-top: 10rem;
}

.c_page1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12rem;
}

.c_page1 .right {
  position: relative;
}

.c_page1 .right .map_dh {
  position: absolute;
  right: 11rem;
  top: 50%;
  background: #fff;
  width: 54.5rem;
  height: 12rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.c_page1 .right .map_dh a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 3.7rem 0 2.7rem;
}

.c_page1 .right .map_dh .next {
  width: 5rem;
  height: 5rem;
  background: url(../images/next.png) no-repeat center;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.c_page1 .right .map_dh p span:first-child {
  font-size: 1.8rem;
  font-weight: 500;
  color: #282828;
}

.c_page1 .right .map_dh p span:last-child {
  font-size: 1.4rem;
  font-weight: 400;
  color: #6d6d6d;
}

.c_page1 .right .map_dh:hover .next {
  background: url(../images/next_h.png) no-repeat center;
}

.c_page1 .left {
  width: calc(100% - 1106px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-right: 10rem;
}

.c_page1 .left .cont_ul {
  margin-top: 8rem;
}

.c_page1 .left .cont_ul li {
  display: flex;
  align-items: center;
  margin-top: 4.2rem;
}

.c_page1 .left .cont_ul li img {
  margin-right: 2rem;
}

.c_page1 .left .cont_ul li .r h3 {
  font-size: 2.2rem;
  font-weight: 500;
  color: #282828;
}

.c_page1 .left .cont_ul li .r p {
  font-size: 1.6rem;
  font-weight: 400;
  color: #868686;
  margin-top: 3px;
}

.c_page2 {
  display: flex;
  align-items: center;
}

.c_page2 .right {
  width: calc(100% - 89rem);
}

.c_page2 .right .box {
  max-width: 70rem;
  margin: 0 auto;
}

.c_page2 .right .box .message {
  width: 100%;
  margin-top: 5.5rem;
}

.c_page2 .right .box .message .input {
  width: 100%;
  height: 5.3rem;
  border: 1px solid #e5e5e5;
  margin-bottom: 2.3rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  display: flex;
  align-items: center;
  padding-left: 2rem;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.c_page2 .right .box .message .input p {
  font-size: 1.6rem;
  font-weight: 400;
  color: #868686;
  margin-right: 1.2rem;
  flex-shrink: 0;
}

.c_page2 .right .box .message .input input {
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
}

.c_page2 .right .box .message .input.textarea {
  height: 12.5rem;
  align-items: flex-start;
  padding-top: 1rem;
}

.c_page2 .right .box .message .input.textarea textarea {
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  width: 100%;
  height: 10rem;
}

.c_page2 .right .box .message .input.act {
  border-color: #122a88;
}

.c_page2 .right .box .message .btn {
  width: 15.2rem;
  height: 4.8rem;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
  text-align: center;
  line-height: 4.8rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #fff;
  background: #122a88;
  float: right;
  margin-top: 5px;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: -2px 2px 5px rgba(17, 29, 74, 0.3);
}

.c_page2 .right .box .message .btn:hover {
  transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  -o-transform: translate(0, 10px);
}

.inside_banner {
  position: relative;
  margin-top: 10rem;
}

.inside_banner figcaption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: rgba(0, 0, 0, 0.25);
}

.inside_banner figcaption .w1340 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.inside_banner figcaption h3 {
  font-size: 6.6rem;
  font-weight: 600;
  color: #ffffff;
}

.inside_banner figcaption p {
  font-size: 2.1rem;
  font-weight: 400;
  color: #fff;
  margin-top: 1.6rem;
}

.w1360 {
  max-width: 1360px;
  margin: 0 auto;
  width: 100%;
}

.solu_page1 {
  padding: 8rem 0 12rem 0;
}

.solu_page1 .flex,
.solu_page1 .header,
.solu_page1 .header .right_nav,
.header .solu_page1 .right_nav,
.solu_page1 .header .nav > ul,
.header .solu_page1 .nav > ul,
.solu_page1 .header .nav_tool,
.header .solu_page1 .nav_tool,
.solu_page1 .header .nav_tool > ul,
.header .solu_page1 .nav_tool > ul,
.solu_page1 .footer .footer_bottom,
.footer .solu_page1 .footer_bottom,
.solu_page1 .footer .footer_top .f_logo,
.footer .footer_top .solu_page1 .f_logo,
.solu_page1 .footer .footer_top .f_nav,
.footer .footer_top .solu_page1 .f_nav,
.solu_page1 .footer .footer_top .f_nav ul,
.footer .footer_top .f_nav .solu_page1 ul,
.solu_page1 .footer .footer_top .f_nav .f_right .share,
.footer .footer_top .f_nav .f_right .solu_page1 .share,
.solu_page1 .index_page .page1,
.index_page .solu_page1 .page1 {
  margin-top: 8rem;
}

.solu_page1 .flex figure,
.solu_page1 .header figure,
.header .solu_page1 .right_nav figure,
.header .solu_page1 .nav > ul figure,
.header .solu_page1 .nav_tool figure,
.solu_page1 .footer .footer_bottom figure,
.footer .solu_page1 .footer_bottom figure,
.solu_page1 .footer .footer_top .f_logo figure,
.footer .footer_top .solu_page1 .f_logo figure,
.solu_page1 .footer .footer_top .f_nav figure,
.footer .footer_top .solu_page1 .f_nav figure,
.footer .footer_top .f_nav .solu_page1 ul figure,
.solu_page1 .footer .footer_top .f_nav .f_right .share figure,
.footer .footer_top .f_nav .f_right .solu_page1 .share figure,
.solu_page1 .index_page .page1 figure,
.index_page .solu_page1 .page1 figure {
  flex-shrink: 0;
}

.solu_page1 .flex figcaption,
.solu_page1 .header figcaption,
.header .solu_page1 .right_nav figcaption,
.header .solu_page1 .nav > ul figcaption,
.header .solu_page1 .nav_tool figcaption,
.solu_page1 .footer .footer_bottom figcaption,
.footer .solu_page1 .footer_bottom figcaption,
.solu_page1 .footer .footer_top .f_logo figcaption,
.footer .footer_top .solu_page1 .f_logo figcaption,
.solu_page1 .footer .footer_top .f_nav figcaption,
.footer .footer_top .solu_page1 .f_nav figcaption,
.footer .footer_top .f_nav .solu_page1 ul figcaption,
.solu_page1 .footer .footer_top .f_nav .f_right .share figcaption,
.footer .footer_top .f_nav .f_right .solu_page1 .share figcaption,
.solu_page1 .index_page .page1 figcaption,
.index_page .solu_page1 .page1 figcaption {
  width: 100%;
  margin-left: 15rem;
}

.solu_page1 .flex figcaption > p,
.solu_page1 .header figcaption > p,
.solu_page1 .header .right_nav figcaption > p,
.header .solu_page1 .right_nav figcaption > p,
.solu_page1 .header .nav > ul figcaption > p,
.header .solu_page1 .nav > ul figcaption > p,
.solu_page1 .header .nav_tool figcaption > p,
.header .solu_page1 .nav_tool figcaption > p,
.solu_page1 .header .nav_tool > ul figcaption > p,
.header .solu_page1 .nav_tool > ul figcaption > p,
.solu_page1 .footer .footer_bottom figcaption > p,
.footer .solu_page1 .footer_bottom figcaption > p,
.solu_page1 .footer .footer_top .f_logo figcaption > p,
.footer .footer_top .solu_page1 .f_logo figcaption > p,
.solu_page1 .footer .footer_top .f_nav figcaption > p,
.footer .footer_top .solu_page1 .f_nav figcaption > p,
.solu_page1 .footer .footer_top .f_nav ul figcaption > p,
.footer .footer_top .f_nav .solu_page1 ul figcaption > p,
.solu_page1 .footer .footer_top .f_nav .f_right .share figcaption > p,
.footer .footer_top .f_nav .f_right .solu_page1 .share figcaption > p,
.solu_page1 .index_page .page1 figcaption > p,
.index_page .solu_page1 .page1 figcaption > p {
  font-size: 1.6rem;
  font-weight: 400;
  color: #040404;
  line-height: 2.1rem;
  margin-bottom: 7rem;
}

.solu_page1 .flex figcaption .item,
.solu_page1 .header figcaption .item,
.header .solu_page1 .right_nav figcaption .item,
.header .solu_page1 .nav > ul figcaption .item,
.header .solu_page1 .nav_tool figcaption .item,
.solu_page1 .footer .footer_bottom figcaption .item,
.footer .solu_page1 .footer_bottom figcaption .item,
.solu_page1 .footer .footer_top .f_logo figcaption .item,
.footer .footer_top .solu_page1 .f_logo figcaption .item,
.solu_page1 .footer .footer_top .f_nav figcaption .item,
.footer .footer_top .solu_page1 .f_nav figcaption .item,
.footer .footer_top .f_nav .solu_page1 ul figcaption .item,
.footer .footer_top .f_nav .f_right .solu_page1 .share figcaption .item,
.solu_page1 .index_page .page1 figcaption .item,
.index_page .solu_page1 .page1 figcaption .item {
  width: 65.5rem;
  height: 17rem;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin-bottom: 1.8rem;
  display: flex;
  align-items: center;
  padding-left: 5.5rem;
  padding-right: 5rem;
}

.solu_page1 .flex figcaption .item img,
.solu_page1 .header figcaption .item img,
.header .solu_page1 .right_nav figcaption .item img,
.header .solu_page1 .nav > ul figcaption .item img,
.header .solu_page1 .nav_tool figcaption .item img,
.solu_page1 .footer .footer_bottom figcaption .item img,
.footer .solu_page1 .footer_bottom figcaption .item img,
.solu_page1 .footer .footer_top .f_logo figcaption .item img,
.footer .footer_top .solu_page1 .f_logo figcaption .item img,
.solu_page1 .footer .footer_top .f_nav figcaption .item img,
.footer .footer_top .solu_page1 .f_nav figcaption .item img,
.footer .footer_top .f_nav .solu_page1 ul figcaption .item img,
.footer .footer_top .f_nav .f_right .solu_page1 .share figcaption .item img,
.solu_page1 .index_page .page1 figcaption .item img,
.index_page .solu_page1 .page1 figcaption .item img {
  margin-right: 3rem;
}

.solu_page1 .flex figcaption .item .r p:first-child,
.solu_page1 .header figcaption .item .r p:first-child,
.header .solu_page1 .right_nav figcaption .item .r p:first-child,
.header .solu_page1 .nav > ul figcaption .item .r p:first-child,
.header .solu_page1 .nav_tool figcaption .item .r p:first-child,
.solu_page1 .footer .footer_bottom figcaption .item .r p:first-child,
.footer .solu_page1 .footer_bottom figcaption .item .r p:first-child,
.solu_page1 .footer .footer_top .f_logo figcaption .item .r p:first-child,
.footer .footer_top .solu_page1 .f_logo figcaption .item .r p:first-child,
.solu_page1 .footer .footer_top .f_nav figcaption .item .r p:first-child,
.footer .footer_top .solu_page1 .f_nav figcaption .item .r p:first-child,
.footer .footer_top .f_nav .solu_page1 ul figcaption .item .r p:first-child,
.footer .footer_top .f_nav .f_right .solu_page1 .share figcaption .item .r p:first-child,
.solu_page1 .index_page .page1 figcaption .item .r p:first-child,
.index_page .solu_page1 .page1 figcaption .item .r p:first-child {
  font-size: 2.4rem;
  font-weight: 500;
  color: #040404;
}

.solu_page1 .flex figcaption .item .r p:last-child,
.solu_page1 .header figcaption .item .r p:last-child,
.header .solu_page1 .right_nav figcaption .item .r p:last-child,
.header .solu_page1 .nav > ul figcaption .item .r p:last-child,
.header .solu_page1 .nav_tool figcaption .item .r p:last-child,
.solu_page1 .footer .footer_bottom figcaption .item .r p:last-child,
.footer .solu_page1 .footer_bottom figcaption .item .r p:last-child,
.solu_page1 .footer .footer_top .f_logo figcaption .item .r p:last-child,
.footer .footer_top .solu_page1 .f_logo figcaption .item .r p:last-child,
.solu_page1 .footer .footer_top .f_nav figcaption .item .r p:last-child,
.footer .footer_top .solu_page1 .f_nav figcaption .item .r p:last-child,
.footer .footer_top .f_nav .solu_page1 ul figcaption .item .r p:last-child,
.footer .footer_top .f_nav .f_right .solu_page1 .share figcaption .item .r p:last-child,
.solu_page1 .index_page .page1 figcaption .item .r p:last-child,
.index_page .solu_page1 .page1 figcaption .item .r p:last-child {
  font-size: 1.6rem;
  font-weight: 400;
  color: #6d6d6d;
  margin-top: 1.5rem;
}

.solu_page2 {
  padding: 12rem 0;
}

.solu_page2 ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.solu_page2 ul li {
  width: calc((100% - 25px) / 2);
  position: relative;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  overflow: hidden;
}

.solu_page2 ul li .mask {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 9;
  width: 86.5671641791%;
  height: 75%;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  overflow: hidden;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background: rgba(241, 241, 241, 0.89);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.solu_page2 ul li .mask h3 {
  font-size: 2.6rem;
  font-weight: 500;
  color: #393939;
  margin-bottom: 2.5rem;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate(0, 3rem);
  -webkit-transform: translate(0, 3rem);
  -moz-transform: translate(0, 3rem);
  -ms-transform: translate(0, 3rem);
  -o-transform: translate(0, 3rem);
  transition-delay: 0.1s;
}

.solu_page2 ul li .mask p {
  font-size: 1.6rem;
  font-weight: 400;
  color: #6d6d6d;
  line-height: 2.1rem;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate(0, 3rem);
  -webkit-transform: translate(0, 3rem);
  -moz-transform: translate(0, 3rem);
  -ms-transform: translate(0, 3rem);
  -o-transform: translate(0, 3rem);
  transition-delay: 0.3s;
}

.solu_page2 ul li:hover .mask {
  opacity: 1;
}

.solu_page2 ul li:hover .mask h3 {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}

.solu_page2 ul li:hover .mask p {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}

.solu_page3 {
  padding: 13rem 0;
}

.solu_page3 .solu_list .solu_mod {
  display: none;
}

.solu_page3 .solu_list .solu_mod ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.solu_page3 .solu_list .solu_mod ul li {
  width: calc((100% - 5.5rem) / 3);
  margin-right: 2.75rem;
  margin-bottom: 2.7rem;
  padding: 0 3.5rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  height: 22.5rem;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0px 0px 15px rgba(18, 42, 136, 0.05);
}

.solu_page3 .solu_list .solu_mod ul li:nth-child(3n) {
  margin-right: 0;
}

.solu_page3 .solu_list .solu_mod ul li p.num {
  font-size: 8.2rem;
  font-weight: 600;
  color: #edf0fc;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: 0.5rem;
  position: relative;
  z-index: 1;
}

.solu_page3 .solu_list .solu_mod ul li p.inf {
  font-size: 1.6rem;
  font-weight: 400;
  color: #6d6d6d;
  line-height: 2.6rem;
  margin-top: 2.2rem;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.solu_page3 .solu_list .solu_mod ul li p.tit {
  font-size: 2.4rem;
  font-weight: 500;
  color: #040404;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: -4.8rem;
  position: relative;
  z-index: 9;
}

.solu_page3 .solu_list .solu_mod ul li:hover {
  background: #1e358e;
}

.solu_page3 .solu_list .solu_mod ul li:hover p.num {
  color: #fff;
  opacity: 0.1;
}

.solu_page3 .solu_list .solu_mod ul li:hover p.tit {
  color: #fff;
}

.solu_page3 .solu_list .solu_mod ul li:hover p.inf {
  color: #e2e2e2;
}

.solu_page3 .solu_list .solu_mod.act {
  display: block;
}

.inside_banner figcaption img {
  max-width: 47.5rem;
  margin-top: 6.5rem;
}

.tec_nav {
  height: 12rem;
  background: #f5f6fa;
}

.tec_nav .w1540 {
  display: flex;
  align-items: center;
  height: 100%;
}

.tec_nav .w1540 a {
  font-size: 2.6rem;
  font-weight: 500;
  color: #282828;
}

.tec_nav .w1540 a:first-child {
  margin-right: 11rem;
}

.tec_nav .w1540 a.act {
  color: #122a88;
}

.tec_page {
  padding: 10rem 0;
}

.tec_page .flex,
.tec_page .header,
.tec_page .header .right_nav,
.header .tec_page .right_nav,
.tec_page .header .nav > ul,
.header .tec_page .nav > ul,
.tec_page .header .nav_tool,
.header .tec_page .nav_tool,
.tec_page .header .nav_tool > ul,
.header .tec_page .nav_tool > ul,
.tec_page .footer .footer_bottom,
.footer .tec_page .footer_bottom,
.tec_page .footer .footer_top .f_logo,
.footer .footer_top .tec_page .f_logo,
.tec_page .footer .footer_top .f_nav,
.footer .footer_top .tec_page .f_nav,
.tec_page .footer .footer_top .f_nav ul,
.footer .footer_top .f_nav .tec_page ul,
.tec_page .footer .footer_top .f_nav .f_right .share,
.footer .footer_top .f_nav .f_right .tec_page .share,
.tec_page .index_page .page1,
.index_page .tec_page .page1 {
  justify-content: space-between;
}

.tec_page .mod {
  width: calc((100% - 4rem) / 2);
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.tec_page .mod p.tit {
  position: absolute;
  left: 50%;
  top: 17rem;
  line-height: 1;
  font-size: 4rem;
  font-weight: 500;
  color: #ffffff;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  letter-spacing: 2px;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
}

.tec_page .mod i.icon {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 7rem;
  opacity: 1;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  animation: arrow 1.5s infinite;
  -webkit-animation: arrow 1.5s infinite;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.tec_page .mod ul.mask {
  position: absolute;
  width: 100%;
  left: 0;
  top: 60%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  display: flex;
  flex-wrap: nowrap;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.tec_page .mod ul.mask li {
  flex: 1 1;
  text-align: center;
}

.tec_page .mod ul.mask li p:nth-child(2) {
  font-size: 2.5rem;
  font-weight: 800;
  color: #ffffff;
  margin-top: 2.5rem;
}

.tec_page .mod ul.mask li p:last-child {
  font-size: 1.7rem;
  font-weight: 300;
  color: #ffffff;
  opacity: 0.7;
  margin-top: 0.5rem;
  line-height: 2.1rem;
}

.tec_page .mod:hover ul.mask {
  top: 50%;
  opacity: 1;
  transition-delay: 0.2s;
}

.tec_page .mod:hover p.tit {
  opacity: 0;
  top: 10rem;
  transition-delay: 0s;
}

.tec_page .mod:hover i.icon {
  bottom: -2rem;
}

@-webkit-keyframes arrow {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 0rem);
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, 2rem);
  }
}
@keyframes arrow {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 0rem);
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, 2rem);
  }
}
.tec_page2 {
  background: #f5f6fa;
  padding: 8.5rem 0 10rem 0;
}

.tec_page2 .flex2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tec_page2 .flex2 .l {
  flex-shrink: 0;
}

.tec_page2 .flex2 .l p {
  font-size: 1.8rem;
  font-weight: 400;
  color: #393939;
  line-height: 2;
}

.tec_page2 .flex2 .l p span {
  color: #122a88;
}

.tec_page2 .flex2 .r {
  max-width: 51rem;
}

.tec_page2 .flex2 .r p {
  font-size: 1.8rem;
  font-weight: 400;
  color: #393939;
  line-height: 2;
}

.tec_page2 .flex2 .r p span {
  font-size: 2.2rem;
  color: #122a88;
  margin-bottom: 3rem;
  display: block;
}

.inside_title2 h3 {
  font-size: 3.6rem;
  font-weight: 600;
  color: #393939;
}

.inside_title2 p {
  font-size: 1.4rem;
  font-weight: 400;
  color: #6d6d6d;
  margin-top: 2rem;
}

.down_list {
  padding: 10rem 0 8rem 0;
}

.down_list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.down_list ul li {
  width: calc((100% - 3rem) / 2);
  margin-bottom: 3rem;
  background: #f5f6fa;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 1.9rem 2.3rem;
}

.down_list ul li figure {
  box-shadow: 0px 0px 8px rgba(18, 42, 136, 0.15);
  width: 27.5rem;
  flex-shrink: 0;
  margin-right: 4.5rem;
}

.down_list ul li figcaption p.tit {
  font-size: 2.4rem;
  font-weight: 500;
  color: #393939;
}

.down_list ul li figcaption p.tit:after {
  content: "";
  display: block;
  width: 5.2rem;
  height: 0;
  border-bottom: 2px solid #e83428;
  margin-top: 5px;
  margin-bottom: 10px;
}

.down_list ul li figcaption p.inf {
  font-size: 1.6rem;
  font-weight: 400;
  color: #393939;
}

.down_list ul li figcaption .btn_a {
  display: flex;
  align-items: center;
  margin-top: 3.2rem;
}

.down_list ul li figcaption .btn_a a {
  display: block;
  width: 9rem;
  height: 4rem;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  background: #505050;
  text-align: center;
  line-height: 4rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.down_list ul li figcaption .btn_a a:first-child {
  margin-right: 1.2rem;
}

.down_list ul li figcaption .btn_a a:hover {
  background: #122a88;
  margin-right: 1.2rem;
}

.about_page1 {
  padding-top: 8.5rem;
}

.about_page1 li {
  display: flex;
  align-items: flex-end;
  flex-wrap: nowrap;
  margin-bottom: 13rem;
}

.about_page1 li figure {
  flex-shrink: 0;
  overflow: hidden;
}

.about_page1 li figure img {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.about_page1 li figure:hover img {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
}

.about_page1 li figcaption {
  width: 100%;
  flex-shrink: 1;
  background: #f5f6fa;
  height: 67rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about_page1 li figcaption aside {
  max-width: 75rem;
}

.about_page1 li figcaption aside p.info {
  font-size: 1.6rem;
  font-weight: 400;
  color: #6d6d6d;
  line-height: 2.2;
  margin-top: 6rem;
  letter-spacing: -0.1px;
}

.about_page1 li:last-child {
  flex-direction: row-reverse;
}

.hls-history {
  background: url(../images/history_page.jpg) center no-repeat;
}

.hls-history .inside_tit {
  text-align: center;
}

.hls-history .inside_tit p.en {
  color: #fff;
}

.hls-history .inside_tit p.zn {
  color: #fff;
}

.hls-history {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  overflow: hidden;
  padding: 180px 0;
}

.hls-history .title {
  text-align: center;
}

.hls-history .title h2,
.hls-history .title h3 {
  color: #fff;
}

.histor {
  position: relative;
  padding: 5% 0 0;
  overflow: hidden;
}

.histor-time-line {
  background: url("../images/hline.svg") center bottom no-repeat;
}

.histor-time {
  width: 100%;
  overflow: hidden;
  margin: auto;
  position: relative;
}

.histor-time h3 {
  padding: 50px 0;
  overflow: hidden;
  font-size: 30px;
  color: #676768;
  font-family: "Conv_Montserrat-Bold";
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}

.histor-time .swiper-slide-thumb-active h3,
.histor-time .swiper-slide-active h3 {
  color: #fff;
}

.histor-main {
  position: relative;
  width: 1100px;
  margin: 50px auto auto;
  overflow: hidden;
}

.histor-main li {
  background: #fff;
  padding: 7% 5%;
  overflow: hidden;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  list-style: none;
}

.histor-time h3,
.histor-main li {
  cursor: url("../images/hmous.cur"), default !important;
}

.hls-history .index-Title {
  margin-bottom: 0;
}

.about_page3 {
  padding: 10rem 0 2rem 0;
  background: url(../images/about_page.jpg) no-repeat left bottom;
}

.about_page3 .w1360 {
  display: flex;
  align-items: center;
}

.about_page3 .w1360 figure {
  flex-shrink: 0;
  margin-left: 18rem;
}

.about_page3 .w1360 figcaption p.inf {
  font-size: 1.6rem;
  font-weight: 400;
  color: #6d6d6d;
  line-height: 2;
  margin-top: 9rem;
}

.about_page5 {
  padding: 12rem 0 7.2rem 0;
}

.about_page5 .flex,
.about_page5 .header,
.about_page5 .header .right_nav,
.header .about_page5 .right_nav,
.about_page5 .header .nav > ul,
.header .about_page5 .nav > ul,
.about_page5 .header .nav_tool,
.header .about_page5 .nav_tool,
.about_page5 .header .nav_tool > ul,
.header .about_page5 .nav_tool > ul,
.about_page5 .footer .footer_bottom,
.footer .about_page5 .footer_bottom,
.about_page5 .footer .footer_top .f_logo,
.footer .footer_top .about_page5 .f_logo,
.about_page5 .footer .footer_top .f_nav,
.footer .footer_top .about_page5 .f_nav,
.about_page5 .footer .footer_top .f_nav ul,
.footer .footer_top .f_nav .about_page5 ul,
.about_page5 .footer .footer_top .f_nav .f_right .share,
.footer .footer_top .f_nav .f_right .about_page5 .share,
.about_page5 .index_page .page1,
.index_page .about_page5 .page1 {
  justify-content: space-between;
}

.about_page5 .flex figcaption,
.about_page5 .header figcaption,
.header .about_page5 .right_nav figcaption,
.header .about_page5 .nav > ul figcaption,
.header .about_page5 .nav_tool figcaption,
.about_page5 .footer .footer_bottom figcaption,
.footer .about_page5 .footer_bottom figcaption,
.about_page5 .footer .footer_top .f_logo figcaption,
.footer .footer_top .about_page5 .f_logo figcaption,
.about_page5 .footer .footer_top .f_nav figcaption,
.footer .footer_top .about_page5 .f_nav figcaption,
.footer .footer_top .f_nav .about_page5 ul figcaption,
.about_page5 .footer .footer_top .f_nav .f_right .share figcaption,
.footer .footer_top .f_nav .f_right .about_page5 .share figcaption,
.about_page5 .index_page .page1 figcaption,
.index_page .about_page5 .page1 figcaption {
  width: 100%;
}

.about_page5 .flex figcaption .list,
.about_page5 .header figcaption .list,
.header .about_page5 .right_nav figcaption .list,
.header .about_page5 .nav > ul figcaption .list,
.header .about_page5 .nav_tool figcaption .list,
.about_page5 .footer .footer_bottom figcaption .list,
.footer .about_page5 .footer_bottom figcaption .list,
.about_page5 .footer .footer_top .f_logo figcaption .list,
.footer .footer_top .about_page5 .f_logo figcaption .list,
.about_page5 .footer .footer_top .f_nav figcaption .list,
.footer .footer_top .about_page5 .f_nav figcaption .list,
.footer .footer_top .f_nav .about_page5 ul figcaption .list,
.footer .footer_top .f_nav .f_right .about_page5 .share figcaption .list,
.about_page5 .index_page .page1 figcaption .list,
.index_page .about_page5 .page1 figcaption .list {
  background: #e83428;
  width: 42.5rem;
  margin: 10rem;
  margin-left: 0;
}

.about_page5 .flex figcaption .list li,
.about_page5 .header figcaption .list li,
.header .about_page5 .right_nav figcaption .list li,
.header .about_page5 .nav > ul figcaption .list li,
.header .about_page5 .nav_tool figcaption .list li,
.about_page5 .footer .footer_bottom figcaption .list li,
.footer .about_page5 .footer_bottom figcaption .list li,
.about_page5 .footer .footer_top .f_logo figcaption .list li,
.footer .footer_top .about_page5 .f_logo figcaption .list li,
.about_page5 .footer .footer_top .f_nav figcaption .list li,
.footer .footer_top .about_page5 .f_nav figcaption .list li,
.footer .footer_top .f_nav .about_page5 ul figcaption .list li,
.footer .footer_top .f_nav .f_right .about_page5 .share figcaption .list li,
.about_page5 .index_page .page1 figcaption .list li,
.index_page .about_page5 .page1 figcaption .list li {
  border-bottom: 1px solid #f49a94;
  height: 19.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.about_page5 .flex figcaption .list li p.num,
.about_page5 .header figcaption .list li p.num,
.header .about_page5 .right_nav figcaption .list li p.num,
.header .about_page5 .nav > ul figcaption .list li p.num,
.header .about_page5 .nav_tool figcaption .list li p.num,
.about_page5 .footer .footer_bottom figcaption .list li p.num,
.footer .about_page5 .footer_bottom figcaption .list li p.num,
.about_page5 .footer .footer_top .f_logo figcaption .list li p.num,
.footer .footer_top .about_page5 .f_logo figcaption .list li p.num,
.about_page5 .footer .footer_top .f_nav figcaption .list li p.num,
.footer .footer_top .about_page5 .f_nav figcaption .list li p.num,
.footer .footer_top .f_nav .about_page5 ul figcaption .list li p.num,
.footer .footer_top .f_nav .f_right .about_page5 .share figcaption .list li p.num,
.about_page5 .index_page .page1 figcaption .list li p.num,
.index_page .about_page5 .page1 figcaption .list li p.num {
  font-size: 4.8rem;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
}

.about_page5 .flex figcaption .list li p.in,
.about_page5 .header figcaption .list li p.in,
.header .about_page5 .right_nav figcaption .list li p.in,
.header .about_page5 .nav > ul figcaption .list li p.in,
.header .about_page5 .nav_tool figcaption .list li p.in,
.about_page5 .footer .footer_bottom figcaption .list li p.in,
.footer .about_page5 .footer_bottom figcaption .list li p.in,
.about_page5 .footer .footer_top .f_logo figcaption .list li p.in,
.footer .footer_top .about_page5 .f_logo figcaption .list li p.in,
.about_page5 .footer .footer_top .f_nav figcaption .list li p.in,
.footer .footer_top .about_page5 .f_nav figcaption .list li p.in,
.footer .footer_top .f_nav .about_page5 ul figcaption .list li p.in,
.footer .footer_top .f_nav .f_right .about_page5 .share figcaption .list li p.in,
.about_page5 .index_page .page1 figcaption .list li p.in,
.index_page .about_page5 .page1 figcaption .list li p.in {
  font-size: 1.4rem;
  font-weight: 400;
  color: #fff;
  margin-top: 1rem;
  text-transform: uppercase;
}

.about_page5 .flex figure,
.about_page5 .header figure,
.header .about_page5 .right_nav figure,
.header .about_page5 .nav > ul figure,
.header .about_page5 .nav_tool figure,
.about_page5 .footer .footer_bottom figure,
.footer .about_page5 .footer_bottom figure,
.about_page5 .footer .footer_top .f_logo figure,
.footer .footer_top .about_page5 .f_logo figure,
.about_page5 .footer .footer_top .f_nav figure,
.footer .footer_top .about_page5 .f_nav figure,
.footer .footer_top .f_nav .about_page5 ul figure,
.about_page5 .footer .footer_top .f_nav .f_right .share figure,
.footer .footer_top .f_nav .f_right .about_page5 .share figure,
.about_page5 .index_page .page1 figure,
.index_page .about_page5 .page1 figure {
  flex-shrink: 0;
}

.about_page5 .logo_list {
  margin-top: 6rem;
}

.about_page5 .logo_list ul {
  display: flex;
  justify-content: space-between;
}

.about_page4 {
  padding-top: 12rem;
  padding-bottom: 6rem;
}

.about_page4 .honor_swiper {
  margin-left: 9.8958333333%;
  overflow-x: clip;
  margin-top: 8.5rem;
  position: relative;
}

.about_page4 .honor_swiper .honorswiper {
  position: relative;
}

.about_page4 .honor_swiper .honorswiper .swiper-slide {
  background: #f5f6fa;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6rem 0 3rem 0;
}

.about_page4 .honor_swiper .honorswiper .swiper-slide p {
  font-size: 1.4rem;
  font-weight: 500;
  color: #393939;
  margin-top: 1.8rem;
}

.about_page4 .honor_swiper .honorswiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #e83428;
}

.about_page4 .honor_swiper .honorswiper .swiper-pagination-progressbar {
  top: auto;
  bottom: -5.6rem;
}

.about_page4 .title_page4 {
  display: flex;
  justify-content: space-between;
}

.about_page4 .control .swiper-button-prev,
.about_page4 .control .swiper-button-next {
  position: inherit;
  top: inherit;
  bottom: inherit;
  left: inherit;
  right: inherit;
}

.about_page4 .control .swiper-button-prev::after,
.about_page4 .control .swiper-button-next::after {
  font-size: 1.5rem;
  font-weight: 500;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.about_page4 .control .swiper-button-next {
  margin-left: 1rem;
}

.about_page4 .control > div {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 1px solid #393939;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.about_page4 .control > div:hover {
  background: #122a88;
  box-shadow: -2px 2px 5px rgba(17, 29, 74, 0.35);
}

.about_page4 .control > div:hover:after {
  color: #fff;
}

.brand_page {
  padding-top: 10rem;
}

.brand_page .inside_tit {
  text-align: center;
  margin-bottom: 8rem;
}

.brand_page ul li .picture {
  position: relative;
}

.brand_page ul li .picture aside {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.brand_page ul li .picture aside p.en {
  font-size: 4rem;
  font-weight: 500;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.brand_page ul li .picture aside p.zn {
  font-size: 3.2rem;
  font-weight: 500;
  color: #fff;
  line-height: 1;
  margin-top: 2.5rem;
  text-align: center;
  letter-spacing: 2px;
}

.brand_page ul li .info {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  font-size: 1.6rem;
  font-weight: 400;
  color: #6d6d6d;
  line-height: 2;
  letter-spacing: -0.6px;
  padding: 7.8rem 0;
}

.s_top {
  cursor: pointer;
}

.product {
  position: relative;
  margin-top: 10rem;
}

.product .pro_mask {
  position: relative;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 9;
  padding:10rem 0;
}
.backg{
	position:absolute;
	left:0;
	top:0;
	z-index:3;
	width:100%;
	height:100%;
}
.backg img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.product .pro_mask .flex2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 100%;
  align-items: flex-start;
  padding-top:10rem 0;
}

.product .pro_mask .flex2 .l {
  flex-shrink: 0;
}

.product .pro_mask .flex2 .l h3 {
  font-size: 6.6rem;
  font-weight: 600;
  color: #fff;
  line-height: 1;
}

.product .pro_mask .flex2 .l > p {
  font-size: 2rem;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  margin-top: 3rem;
}

.product .pro_mask .flex2 .l .pro_nav {
  margin-top: 7rem;
}

.product .pro_mask .flex2 .l .pro_nav p {
  font-size: 1.9rem;
  font-weight: 400;
  color: #a7a7a7;
  cursor: pointer;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.product .pro_mask .flex2 .l .pro_nav p span {
  display: inline-block;
  position: relative;
}

.product .pro_mask .flex2 .l .pro_nav p span::after {
  content: "+";
  position: relative;
  display: block;
  font-size: 1.9rem;
  font-weight: 400;
  color: #a7a7a7;
}

.product .pro_mask .flex2 .l .pro_nav p::after {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: #ffffff;
  left: 0;
  bottom: -1rem;
  z-index: 3;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.product .pro_mask .flex2 .l .pro_nav aside {
  display: none;
  margin-top: 3rem;
}

.product .pro_mask .flex2 .l .pro_nav a {
  font-size: 1.4rem;
  font-weight: 300;
  color: #fff;
  opacity: 0.9;
  display: block;
  margin: 5px 0;
}

.product .pro_mask .flex2 .l .pro_nav li {
  padding: 1rem 0;
}

.product .pro_mask .flex2 .l .pro_nav li.act p {
  color: #fff;
}

.product .pro_mask .flex2 .l .pro_nav li.act p span:after {
  color: #fff;
  content: "—";
  margin-top: -5px;
}

.product .pro_mask .flex2 .l .pro_nav li.act p:after {
  width: 100%;
}

.product .pro_mask .flex2 .l .pro_nav li.act aside {
  display: block;
}

.product .pro_mask .flex2 .r {
  flex-shrink: 1;
}

.product .pro_mask .flex2 .r > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 91rem;
}

.product .pro_mask .flex2 .r > ul li {
  width: calc((100% - 5rem) / 2);
  margin-bottom: 5rem;
  height: 30rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: saturate(180%) blur(4px);
          backdrop-filter: saturate(180%) blur(4px);
}

.product .pro_mask .flex2 .r > ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.product .pro_mask .flex2 .r > ul li a figure {
  width: 60.4651162791%;
}

.product .pro_mask .flex2 .r > ul li a figure img {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.product .pro_mask .flex2 .r > ul li a figcaption {
  text-align: center;
}

.product .pro_mask .flex2 .r > ul li a figcaption p.tit {
  text-align: center;
  font-size: 2.7rem;
  font-weight: 500;
  color: #fff;
}

.product .pro_mask .flex2 .r > ul li a figcaption p.in {
  font-size: 1.4rem;
  font-weight: 400;
  color: #dcdcdc;
}

.product .pro_mask .flex2 .r > ul li:nth-child(3) {
  margin-bottom: 0;
}

.product .pro_mask .flex2 .r > ul li:nth-child(4) {
  margin-bottom: 0;
}

.product .pro_mask .flex2 .r > ul li:hover a figure img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.product_dea {
  width: 100%;
  height: 830px;
  position: relative;
  margin-top: 10rem;
}

.product_dea .product2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.product_dea .product2 .left {
  flex-shrink: 0;
  margin-top: 10rem;
}

.product_dea .product2 .left .Title p {
  font-size: 6.2rem;
  font-weight: 600;
  color: #282828;
}

.product_dea .product2 .left .Title h3 {
  list-style: 1.6;
  font-size: 1.8rem;
  font-weight: 400;
  color: #747474;
  text-align: right;
  margin-top: 2rem;
}

.product_dea .product2 .right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  flex-shrink: 1;
  width: 100%;
  position: relative;
}

.product_dea .product2 .mySwiper2 {
  margin: 0;
  flex-shrink: 1;
  max-width: 75rem;
  height: 75rem;
  width: 100%;
  margin-left: 19.4805194805%;
}

.product_dea .product2 .mySwiper2 .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.product_dea .product2 .mySwiper2 img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.product_dea .product2 .lr {
  max-width: 85px;
  height: 404px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}

.product_dea .product2 .lr .mySwiper {
  margin-top: 4.6rem;
  overflow: visible;
}

.product_dea .product2 .mySwiper {
  overflow: visible;
  height: 84px;
  width: 100%;
}

.product_dea .product2 .mySwiper .swiper-slide {
  border: 1px solid #898989;
  padding: 16%;
  cursor: pointer;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product_dea .product2 .mySwiper .swiper-slide-active {
  border-color: #122a88;
}

.product_dea .product2 .swiper-button-next {
  width: 85px;
  height: 16px;
  left: 0;
  right: 0;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  background-color: #fff;
  top: inherit;
  bottom: 0;
  background-image: url(../images/detail_bottom.png);
}

.product_dea .product2 .swiper-button-next:hover {
  background-image: url(/images/detail_bottom2.png);
}

.product_dea .product2 .swiper-button-prev {
  width: 85px;
  height: 16px;
  left: 0;
  right: 0;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  background-color: #fff;
  top: 0;
  background-image: url(../images/detail_top.png);
}

.product_dea .product2 .swiper-button-prev:hover {
  background-image: url(/images/detail_top2.png);
}

.product_dea .product2 .swiper-button-next:after,
.product_dea .product2 .swiper-button-prev:after {
  display: none;
}

.product_cotact .con_page {
  width: 100%;
  border: 1px solid #dcdcdc;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  margin-bottom: 8.5rem;
}

.product_cotact .con_page .p_title {
  height: 6.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #f5f6fa;
  width: 100%;
  padding-left: 2.7rem;
}

.product_cotact .con_page .p_title b {
  display: block;
  margin-right: 2rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #c22027;
}

.product_cotact .con_page .p_title p {
  font-size: 2.2rem;
  font-weight: 500;
  color: #122a88;
}

.product_cotact .con_page .p_info {
  padding: 7.5rem;
}

.product_tuijian {
  padding: 13rem 0;
  background: #f5f6fa;
}

.product_tuijian .flex2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product_tuijian .flex2 .fl {
  flex-shrink: 0;
}

.product_tuijian .flex2 .fl h3 {
  font-size: 5.8rem;
  font-weight: 600;
  color: #122a88;
  line-height: 1.1;
  text-transform: uppercase;
}

.product_tuijian .flex2 .fl h3 span {
  color: #e83428;
}

.product_tuijian .flex2 .fl p {
  font-size: 3.6rem;
  font-weight: 600;
  color: #393939;
  line-height: 1;
  margin-top: 4.5rem;
}

.product_tuijian .flex2 .fr {
  max-width: 105rem;
  flex-shrink: 1;
  width: 100%;
  margin-left: 10rem;
}

.product_tuijian .flex2 .fr ul {
  display: flex;
  align-items: center;
}

.product_tuijian .flex2 .fr ul li {
  height: 36rem;
  width: calc((100% - 3rem) / 2);
  background: #fff;
  margin-right: 3rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  box-shadow: 0px 5px 10px rgba(30, 53, 142, 0.16);
}

.product_tuijian .flex2 .fr ul li:last-child {
  margin-right: 0;
}

.product_tuijian .flex2 .fr ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.product_tuijian .flex2 .fr ul li a figure img {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.product_tuijian .flex2 .fr ul li a figcaption {
  margin-top: 1rem;
}

.product_tuijian .flex2 .fr ul li a figcaption p.tit {
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
  color: #181b1f;
}

.product_tuijian .flex2 .fr ul li a figcaption p.in {
  font-size: 1.5rem;
  font-weight: 400;
  color: #808080;
}

.product_tuijian .flex2 .fr ul li:hover figure img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  border-bottom: none;
  z-index: 999;
}

.header .w1780 {
  background: #fff;
  z-index: 101;
  border-bottom: 1px solid #dcdcdc;
}

.nav_tool li {
  cursor: pointer;
}

.search {
  position: absolute;
  left: 0;
  top: -29rem;
  width: 100%;
  height: 38rem;
  z-index: 99;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.search .search_box {
  width: 100%;
  max-width: 58.5rem;
  border-bottom: 1px solid #97a2a7;
  display: flex;
  align-items: center;
}

.search .search_box img {
  cursor: pointer;
}

.search .search_box input {
  height: 56px;
  margin-left: 2rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: #666;
}

.search.act {
  top: 10rem;
}

.m_nav {
  display: none;
}

.menu.m {
  position: relative;
  width: 28px;
  height: 26px;
  z-index: 11;
  cursor: pointer;
  display: none;
}

body.open .menu.m span:nth-child(1) {
  top: 10px;
  transform: rotate(45deg);
}

body.open .menu.m span:nth-child(2) {
  transform: scale(0, 1);
}

body.open .menu.m span:nth-child(3) {
  top: 10px;
  transform: rotate(-45deg);
}

.menu.m span {
  position: absolute;
  width: 100%;
  display: block;
  height: 2px;
  background: #000;
  left: 0;
  top: 0;
  transition: all 500ms;
  z-index: 11;
  border-radius: 2em;
}

.menu.m_o span {
  background: #fff;
}

.menu.m span:nth-child(2) {
  top: 10px;
}

.menu.m span:nth-child(3) {
  top: 21px;
}

body {
  overflow-x: hidden;
}

.product .pro_mask .flex2 .l .pro_nav a.act {
  color: #fff;
  opacity: 1;
  font-weight: 500;
}

.pro_down {
  position: absolute;
  width: 100vw;
  height: 38rem;
  background: #fff;
  left: 0;
  top: 12rem;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  pointer-events: none;
}
.pro_down.act {
  top: 10rem;
  opacity: 1;
  pointer-events: initial;
}

.pro_down .left {
  width: 21.3541666667%;
  height: 100%;
  border-right: 1px solid #dcdcdc;
}
.pro_down .left ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.pro_down .left ul li {
  padding: 1.2rem 0;
  padding-left: 47%;
  position: relative;
  height: initial;
}
.pro_down .left ul li a {
  font-size: 2rem;
  color: #393939;
  font-weight: 400;
  line-height: 1;
  opacity: 1;
  position: initial;
}
.pro_down .left ul li a:after {
  content: "";
  position: absolute;
  right: 0;
  width: 2.8rem;
  height: 2px;
  background: #e83428;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.pro_down .left ul li a:hover {
  color: #122a88;
}
.pro_down .left ul li a:hover::after {
  opacity: 1;
  right: -1.4rem;
}
.pro_down .left ul li.act a {
  color: #122a88;
}
.pro_down .left ul li.act a::after {
  opacity: 1;
  right: -1.4rem;
}

.pro_down .right {
  width: 78.6458333333%;
  padding-left: 9%;
}
.pro_down .right .rpo_mod {
  display: none;
}
.pro_down .right .rpo_mod.act {
  display: block;
}
.pro_down .right ul {
  display: flex;
}
.pro_down .right ul li {
  text-align: center;
  margin-right: 8%;
}
.pro_down .right ul li a {
  opacity: 1;
  position: initial;
}
.pro_down .right ul li img {
  max-width: 235px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.pro_down .right ul li p {
  font-size: 1.8rem;
  color: #6d6d6d;
  font-weight: 400;
  margin-top: 3rem;
}
.pro_down .right ul li:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.pro_down .right ul li:last-child {
  margin-right: 0;
}

#luang {
  position: relative;
}
#luang .box {
  width: 140px;
  height: 135px;
  right: 50%;
  transform: translateX(30%);
  background: #fff;
  border-radius: 10px;
  position: absolute;
  top: 42px;
  padding: 0 30px;
  box-shadow: 0px 0px 10px rgba(200, 202, 202, 0.48);
  z-index: 99;
}
#luang .box .flex3 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
#luang .box .flex3 a {
  font-size: 16px;
  color: #aaaaaa;
  line-height: 2;
  margin: 5px 0;
}
#luang .box .flex3 a.active {
  color: #122a88;
}
#luang .box .flex3 a:hover {
  color: #122a88;
}
#luang .box::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  border-bottom: 14px solid #fff;
  top: -14px;
  right: 30px;
  z-index: 9;
}
#luang .box::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  border-bottom: 16px solid rgba(200, 202, 202, 0.2);
  top: -16px;
  right: 28px;
  z-index: 7;
}
.pro_down .left ul li a{
	font-size:1.6rem;
}
.about_page4 .honor_swiper .honorswiper .swiper-slide .imgbox{
	height:270px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.about_page4 .honor_swiper .honorswiper .swiper-pagination-progressbar{
	height:1px;
}
.about_page4 .honor_swiper .honorswiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	height:3px;
}
.about_page5 .flex figcaption .list li p.in{
	text-transform: capitalize;
}
.footer .footer_bottom p a{
	font-size: 1.4rem;
    color: #c5c5c5;
}
.footer .footer_bottom a{
	font-size: 1.4rem;
    color: #c5c5c5;
}
.product .pro_mask .flex2 .control{
	margin-top:4rem;
}
.c_page1 .right{
	width:60%;
	height:718px;
}
.index_page .control {
  height: 5rem;
  margin-top: 6rem;
}
.index_page .control .swiper-button-prev::after,
.index_page .control .swiper-button-next::after {
  font-size: 1.5rem;
  font-weight: 500;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.index_page .control .swiper-button-next {
  margin-left: 1rem;
}
.index_page .control > div {
  position: initial;
  top: initial;
  bottom: initial;
  left: initial;
  right: initial;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 1px solid #393939;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: 0;
}
.index_page .control > div:hover {
  background: #122a88;
  box-shadow: -2px 2px 5px rgba(17, 29, 74, 0.35);
}
.index_page .control > div:hover:after {
  color: #fff;
}
.banner_swiper {
    position: relative;
    overflow: hidden;
}
.banner_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #e83428;
    height: 2px;
}
.banner_swiper .rpagination{
  width: 120px;
  position: absolute;
  bottom: 8.2rem;
  right: 32rem;
  z-index: 999;
}
.banner_swiper .swiper-pagination-progressbar {
    width: 100% !important;
    height: 2px !important;
    left: initial !important;
    top: initial !important;
    background: #fff;
}
.banner_swiper .swiper-button-prev::after,
.banner_swiper .swiper-button-next::after {
    content: none;
}
.banner_swiper .swiper-button-prev,
.banner_swiper .swiper-button-next {
    width: 25px;
    height: 12px;
    top: initial;
    bottom: 7.5rem;
}
.banner_swiper .swiper-button-prev{
  background: url(../images/prev.png) no-repeat center;
  background-size: contain;
  left: initial;
  right: 25rem;
}
.banner_swiper .swiper-button-next{
  background: url(../images/next2.png) no-repeat center;
  background-size: contain;
  right: 19rem;
}
.swiper-pagination-num{
  font-size: 1.8rem;
  color: #fff;
  margin-bottom: 0.9rem;
}
.swiper-pagination-num span{
  font-size: 1.8rem;
  color: #fff;
}
.swiper-pagination-num #current{
  font-size: 2.5rem;
}
.pro_mask .flex2{
	position:relative;
}
.menu2.m {
    position: relative;
    width: 28px;
    height: 26px;
    z-index: 11;
    cursor: pointer;
    display: none;
}

body.open2 .menu2.m span:nth-child(1) {
    top: 10px;
    transform: rotate(45deg);
}

body.open2 .menu2.m span:nth-child(2) {
    transform: scale(0, 1);
}

body.open2 .menu2.m span:nth-child(3) {
    top: 10px;
    transform: rotate(-45deg);
}

.menu2.m span {
    position: absolute;
    width: 100%;
    display: block;
    height: 2px;
    background: #000;
    left: 0;
    top: 0;
    transition: all 500ms;
    z-index: 11;
    border-radius: 2em;
}

.menu2.m_o span {
    background: #fff;
}

.menu2.m span:nth-child(2) {
    top: 10px;
}

.menu2.m span:nth-child(3) {
    top: 21px;
}
#navToggle2 {
	position:absolute;
	right:0;
	top:0;
}
.control ul li.act a{color:#fff;}
.left_con{
	display:none;
}
.mob{display:none;}
/*# sourceMappingURL=css.css.map */